tiptop-editor 2.3.1 → 2.3.2

package/dist/tiptop-editor.es.js

@@ -13698,7 +13698,7 @@ var ps = class {
       ...this.config,
       addOptions: () => ju(this.options, t)
     });
-    return e.name = this.name, e.parent = this.parent, e;
+    return e.name = this.name, e.parent = this.parent, this.child = null, e;
   }
   extend(t = {}) {
     const e = new this.constructor({ ...this.config, ...t });
@@ -14006,12 +14006,20 @@ var xe = class Bu extends ps {
   }
 }), Sx = xe.create({
   name: "tabindex",
+  addOptions() {
+    return {
+      value: void 0
+    };
+  },
   addProseMirrorPlugins() {
     return [
       new _e({
         key: new De("tabindex"),
         props: {
-          attributes: () => this.editor.isEditable ? { tabindex: "0" } : {}
+          attributes: () => {
+            var t;
+            return !this.editor.isEditable && this.options.value === void 0 ? {} : { tabindex: (t = this.options.value) != null ? t : "0" };
+          }
         }
       })
     ];
@@ -14521,21 +14529,24 @@ var Pn = class zu extends ps {
     }
   }
   updatePosition() {
-    const { selection: t } = this.editor.state, e = Fu(this.view, t.from, t.to);
+    var t, e;
+    if (!((e = (t = this.view) == null ? void 0 : t.dom) != null && e.parentNode))
+      return;
+    const { selection: n } = this.editor.state, r = Fu(this.view, n.from, n.to);
     Lo({
-      getBoundingClientRect: () => e,
-      getClientRects: () => [e]
+      getBoundingClientRect: () => r,
+      getClientRects: () => [r]
     }, this.element, {
       placement: this.floatingUIOptions.placement,
       strategy: this.floatingUIOptions.strategy,
       middleware: this.middlewares
-    }).then(({ x: r, y: o, strategy: s, middlewareData: i }) => {
-      var l, a;
-      if ((l = i.hide) != null && l.referenceHidden || (a = i.hide) != null && a.escaped) {
+    }).then(({ x: s, y: i, strategy: l, middlewareData: a }) => {
+      var c, u;
+      if ((c = a.hide) != null && c.referenceHidden || (u = a.hide) != null && u.escaped) {
         this.element.style.visibility = "hidden";
         return;
       }
-      this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = s, this.element.style.left = `${r}px`, this.element.style.top = `${o}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+      this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = l, this.element.style.left = `${s}px`, this.element.style.top = `${i}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
     });
   }
   update(t, e) {
@@ -14975,8 +14986,8 @@ const Qx = ({
     h,
     /* @__PURE__ */ m.jsx(we.Content, { children: /* @__PURE__ */ m.jsx("p", { children: n }) })
   ] });
-}, Ot = w.memo(Qx), e$ = Sf(Cf), Yu = Ef.configure({
-  lowlight: e$
+}, Ot = w.memo(Qx), e0 = Sf(Cf), Yu = Ef.configure({
+  lowlight: e0
 }), Xu = kf.extend({
   renderHTML() {
     return ["div", Xt(this.options.HTMLAttributes, { "data-type": this.name }), ["hr"]];
@@ -14989,10 +15000,10 @@ const Qx = ({
   if (!(n instanceof Ne) && !(n instanceof Io)) return !1;
   let o = !1;
   return r.nodesBetween(n.from, n.to, (s) => s.isText ? (o = !0, !1) : !0), o;
-}, t$ = (t) => t.state.selection instanceof Ro, Zu = (t) => [
+}, t0 = (t) => t.state.selection instanceof Ro, Zu = (t) => [
   Yu.name,
   Xu.name
-].some((n) => t.isActive(n)), n$ = (t) => {
+].some((n) => t.isActive(n)), n0 = (t) => {
   const { state: e } = t, { selection: n } = e, r = [
     "paragraph",
     "code",
@@ -15005,7 +15016,7 @@ const Qx = ({
   const o = n.node;
   if (o)
     return r.includes(o.type.name) && o.textContent;
-}, r$ = (t) => {
+}, r0 = (t) => {
   const { state: e } = t, { selection: n } = e, r = [
     "horizontalRule",
     "imageUploader"
@@ -15014,20 +15025,20 @@ const Qx = ({
   const o = n.node;
   if (o)
     return !r.includes(o.type.name);
-}, o$ = (t) => {
+}, o0 = (t) => {
   const { state: e } = t, { selection: n } = e;
   if (!(n instanceof he)) return;
   const r = n.node;
   if (!r) return;
   let o = !1;
   return r.marks.length ? !0 : (r.descendants((s) => s.marks?.length ? (o = !0, !1) : !0), o);
-}, s$ = (t) => {
+}, s0 = (t) => {
   const { state: e } = t, { selection: n } = e;
   if (!(n instanceof he)) return;
   const r = n.node;
   if (r)
     return r.textContent.trim().length > 0;
-}, i$ = (t) => {
+}, i0 = (t) => {
   const { selection: e, doc: n } = t;
   let r;
   if (e instanceof he)
@@ -15037,7 +15048,7 @@ const Qx = ({
     r = o.nodeAfter || o.parent;
   }
   return r ? r.type.name === "imageUploader" && r.attrs?.id && r.attrs?.uploading : !1;
-}, l$ = (t) => {
+}, l0 = (t) => {
   const { state: e } = t, { selection: n, doc: r } = e, o = n instanceof he ? n : he.create(r, n.from), s = o.node, i = o.from;
   if (!s) return;
   const l = s.toJSON();
@@ -15049,7 +15060,7 @@ const Qx = ({
     const a = i + s.nodeSize, c = he.create(t.state.doc, a);
     t.view.dispatch(t.state.tr.setSelection(c));
   }, 0);
-}, a$ = (t) => {
+}, a0 = (t) => {
   const { state: e } = t, { selection: n } = e;
   if (!(n instanceof he)) return;
   const r = n.node;
@@ -15058,7 +15069,7 @@ const Qx = ({
   o && navigator.clipboard.writeText(o).catch((s) => {
     console.error("Failed to copy to clipboard:", s);
   });
-}, c$ = (t) => {
+}, c0 = (t) => {
   const { state: e } = t, { selection: n } = e;
   if (!(n instanceof he)) return;
   const { from: r, to: o } = n, { node: s } = n, { attrs: i } = s;
@@ -15067,7 +15078,7 @@ const Qx = ({
     return;
   }
   t.chain().focus().deleteRange({ from: r, to: o }).run(), t.view.focus();
-}, u$ = (t) => {
+}, u0 = (t) => {
   const { state: e } = t, { selection: n } = e;
   if (!(n instanceof he)) return;
   const r = n.node, o = n.from;
@@ -15092,7 +15103,7 @@ const Qx = ({
       t.commands.setTextSelection(o);
     }
   }, 0);
-}, d$ = (t, e) => {
+}, d0 = (t, e) => {
   const { state: n } = t, { selection: r } = n, o = () => {
     const i = {
       paragraph: () => t.chain().focus().setNode("paragraph").run(),
@@ -15135,12 +15146,12 @@ const Qx = ({
     }, 0);
   } else
     o();
-}, f$ = (t, e) => {
+}, f0 = (t, e) => {
   t && e !== null && t.chain().focus().extendMarkRange("link").setLink({ href: e }).run();
 }, Qu = (t) => {
   if (!t) return;
   t.getAttributes("link")?.href && t.chain().focus().extendMarkRange("link").unsetLink().run();
-}, p$ = async ({ file: t, url: e, onProgress: n, signal: r, headers: o }) => new Promise((s, i) => {
+}, p0 = async ({ file: t, url: e, onProgress: n, signal: r, headers: o }) => new Promise((s, i) => {
   const l = new XMLHttpRequest();
   r && r.addEventListener("abort", () => {
     l.abort(), i(new Error("AbortError"));
@@ -15171,10 +15182,10 @@ const Qx = ({
   a.append("file", t), l.open("POST", e), o && Object.entries(o).forEach(([c, u]) => {
     l.setRequestHeader(c, u);
   }), l.send(a);
-}), h$ = (t, e) => (Array.isArray(e) ? e : e.split(".").filter(Boolean)).reduce((r, o) => {
+}), h0 = (t, e) => (Array.isArray(e) ? e : e.split(".").filter(Boolean)).reduce((r, o) => {
   if (!(r == null || typeof r != "object"))
     return r[o];
-}, t), m$ = () => `upload-${Date.now()}-${Math.random().toString(36).substring(2, 8)}`, Zn = (t, e, n) => {
+}, t), m0 = () => `upload-${Date.now()}-${Math.random().toString(36).substring(2, 8)}`, Zn = (t, e, n) => {
   const { state: r, view: o } = t, { doc: s } = r;
   let i = null;
   if (typeof e.pos == "number")
@@ -15208,7 +15219,7 @@ const Qx = ({
       zn(r, { description: o });
   }
 };
-function g$(t, e, n, r) {
+function g0(t, e, n, r) {
   const o = n + e.nodeSize, s = e.textContent, i = [];
   t.nodesBetween(n + 1, o - 1, (u, d) => {
     if (u.isText && u.text)
@@ -15234,7 +15245,7 @@ function g$(t, e, n, r) {
 const gs = (t) => {
   const { doc: e } = t.state, n = [];
   return e.forEach((r, o, s) => {
-    n.push(g$(e, r, o, s));
+    n.push(g0(e, r, o, s));
   }), { nodes: n };
 };
 function ed(t, e) {
@@ -15270,7 +15281,7 @@ const nd = (t, e) => {
   if (!r) return !1;
   const o = td(t, r.absFrom, e.replacement), s = o ? t.state.tr.replaceWith(r.absFrom, r.absTo, o) : t.state.tr.delete(r.absFrom, r.absTo);
   return t.view.dispatch(s), !0;
-}, b$ = (t, e) => {
+}, b0 = (t, e) => {
   if (e.length === 0) return !0;
   if (e.length === 1) return nd(t, e[0]);
   const n = gs(t), r = [];
@@ -15286,7 +15297,7 @@ const nd = (t, e) => {
     o = i ? o.replaceWith(s.absFrom, s.absTo, i) : o.delete(s.absFrom, s.absTo);
   }
   return t.view.dispatch(o), !0;
-}, y$ = ({ editor: t }) => {
+}, y0 = ({ editor: t }) => {
   const [e, n] = Z(!1), [r, o] = Z(""), [s, i] = Z(!1), l = O(() => t.getAttributes("link")?.href || "", [t]);
   U(() => {
     const p = () => {
@@ -15298,7 +15309,7 @@ const nd = (t, e) => {
     };
   }, [t, l]);
   const a = O(() => {
-    r && (f$(t, r), i(!0), n(!1));
+    r && (f0(t, r), i(!0), n(!1));
   }, [t, r]), c = O(() => {
     r && window.open(r, "_blank", "noopener,noreferrer,nofollow");
   }, [r]), u = O(() => {
@@ -15388,7 +15399,7 @@ const nd = (t, e) => {
     ] }),
     /* @__PURE__ */ m.jsx(we.Content, { children: /* @__PURE__ */ m.jsx("p", { children: "Link" }) })
   ] });
-}, v$ = w.memo(y$), rd = ({
+}, v0 = w.memo(y0), rd = ({
   color: t,
   bgColor: e,
   buttonType: n
@@ -15415,7 +15426,7 @@ const nd = (t, e) => {
       }
     )
   }
-), x$ = ({
+), x0 = ({
   editor: t,
   buttonType: e,
   hsl: n,
@@ -15444,7 +15455,7 @@ const nd = (t, e) => {
     c,
     /* @__PURE__ */ m.jsx(we.Content, { children: /* @__PURE__ */ m.jsx("p", { children: s }) })
   ] });
-}, $$ = w.memo(x$), Mo = [
+}, $0 = w.memo(x0), Mo = [
   {
     key: "text",
     buttonType: "text",
@@ -15606,7 +15617,7 @@ const nd = (t, e) => {
       }
     ]
   }
-], w$ = ({ editor: t }) => {
+], w0 = ({ editor: t }) => {
   const e = O(
     () => t.getAttributes("textStyle")?.color || "",
     [t]
@@ -15666,7 +15677,7 @@ const nd = (t, e) => {
       /* @__PURE__ */ m.jsx(Fe.Content, { placement: "bottom", children: /* @__PURE__ */ m.jsx(Fe.Dialog, { className: "px-1.5 py-2", children: /* @__PURE__ */ m.jsx("div", { className: "flex flex-col gap-2", children: Mo.map((l) => /* @__PURE__ */ m.jsxs("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ m.jsx("p", { className: "text-xs font-semibold leading-normal capitalize text-foreground px-1", children: l.title }),
         /* @__PURE__ */ m.jsx("div", { className: "grid grid-cols-5 grid-rows-2 gap-0.5", children: l.colors.map((a) => /* @__PURE__ */ m.jsx(
-          $$,
+          $0,
           {
             hsl: a.hsl,
             editor: t,
@@ -15681,7 +15692,7 @@ const nd = (t, e) => {
     ] }),
     /* @__PURE__ */ m.jsx(we.Content, { children: /* @__PURE__ */ m.jsx("p", { children: "Color/Background" }) })
   ] });
-}, E$ = w.memo(w$), S$ = ({ editor: t }) => {
+}, E0 = w.memo(w0), S0 = ({ editor: t }) => {
   const e = O(() => t.isActive("subscript") || t.isActive("superscript") || t.isActive({ textAlign: "left" }) || t.isActive({ textAlign: "center" }) || t.isActive({ textAlign: "right" }) || t.isActive({ textAlign: "justify" }), [t]), [n, r] = Z(e);
   U(() => {
     const i = () => r(e());
@@ -15783,7 +15794,7 @@ const nd = (t, e) => {
     ] }),
     /* @__PURE__ */ m.jsx(we.Content, { children: /* @__PURE__ */ m.jsx("p", { children: "More tools" }) })
   ] });
-}, C$ = w.memo(S$), k$ = ({ editor: t }) => {
+}, C0 = w.memo(S0), k0 = ({ editor: t }) => {
   const [e, n] = Z(!1), [, r] = Z(0);
   U(() => {
     const i = () => r((l) => l + 1);
@@ -15916,7 +15927,7 @@ const nd = (t, e) => {
       )
     ] }) }) })
   ] }) : null;
-}, sd = w.memo(k$), T$ = ({ editor: t, prepend: e, append: n }) => {
+}, sd = w.memo(k0), T0 = ({ editor: t, prepend: e, append: n }) => {
   const [r, o] = Z(() => t.isActive("table")), s = J(
     () => [
       { icon: "Bold", buttonKey: "bold", tooltipText: "Bold", command: () => t.chain().focus().toggleMark("bold").run() },
@@ -15956,8 +15967,8 @@ const nd = (t, e) => {
       }
     ) }, l.buttonKey)),
     /* @__PURE__ */ m.jsx(ke, { orientation: "vertical", className: "h-6" }),
-    /* @__PURE__ */ m.jsx(v$, { editor: t }),
-    /* @__PURE__ */ m.jsx(E$, { editor: t }),
+    /* @__PURE__ */ m.jsx(v0, { editor: t }),
+    /* @__PURE__ */ m.jsx(E0, { editor: t }),
     /* @__PURE__ */ m.jsx(ke, { orientation: "vertical", className: "h-6" }),
     r && /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
       /* @__PURE__ */ m.jsx(sd, { editor: t }),
@@ -15967,10 +15978,10 @@ const nd = (t, e) => {
       n,
       /* @__PURE__ */ m.jsx(ke, { orientation: "vertical", className: "h-6" })
     ] }),
-    /* @__PURE__ */ m.jsx(C$, { editor: t })
+    /* @__PURE__ */ m.jsx(C0, { editor: t })
   ] }) });
-}, P$ = w.memo(T$), M$ = ({ editor: t, prepend: e, append: n }) => {
-  const r = R(!1), o = O(() => r.current ? !0 : t.isEditable && t.isActive("table") && (t$(t) || !Ir(t)), [t]);
+}, P0 = w.memo(T0), M0 = ({ editor: t, prepend: e, append: n }) => {
+  const r = R(!1), o = O(() => r.current ? !0 : t.isEditable && t.isActive("table") && (t0(t) || !Ir(t)), [t]);
   return /* @__PURE__ */ m.jsx(
     Dr,
     {
@@ -16006,7 +16017,7 @@ const nd = (t, e) => {
       )
     }
   );
-}, A$ = w.memo(M$), N$ = ({ editor: t, onCloseMenu: e }) => {
+}, A0 = w.memo(M0), N0 = ({ editor: t, onCloseMenu: e }) => {
   const n = (r) => {
     const o = r?.split("_")?.[0], s = r?.split("_")?.[1];
     if (!(!o || !s)) {
@@ -16046,7 +16057,7 @@ const nd = (t, e) => {
       o !== Mo.length - 1 && /* @__PURE__ */ m.jsx(ke, {})
     ] }, r.key)
   ) });
-}, D$ = () => /* @__PURE__ */ m.jsx(
+}, D0 = () => /* @__PURE__ */ m.jsx(
   "svg",
   {
     width: "24",
@@ -16065,8 +16076,8 @@ const nd = (t, e) => {
       }
     )
   }
-), I$ = ["imageUploader"], nl = od.flatMap((t) => t.commands).filter((t) => !I$.includes(t.key)), L$ = ({ editor: t, dragHandleSlot: e }) => {
-  const [n, r] = Z(-1), [o, s] = Z(!1), i = J(() => i$(t.state) ? /* @__PURE__ */ new Set(["duplicate_node"]) : /* @__PURE__ */ new Set(), [t.state]), l = O(
+), I0 = ["imageUploader"], nl = od.flatMap((t) => t.commands).filter((t) => !I0.includes(t.key)), L0 = ({ editor: t, dragHandleSlot: e }) => {
+  const [n, r] = Z(-1), [o, s] = Z(!1), i = J(() => i0(t.state) ? /* @__PURE__ */ new Set(["duplicate_node"]) : /* @__PURE__ */ new Set(), [t.state]), l = O(
     ({ pos: u }) => {
       r(u);
     },
@@ -16128,11 +16139,11 @@ const nd = (t, e) => {
                   disabledKeys: i,
                   className: "w-[225px]",
                   onAction: (u) => {
-                    u === "duplicate_node" ? l$(t) : u === "delete" ? c$(t) : u === "copy_to_clipboard" ? a$(t) : u === "reset_formatting" && u$(t);
+                    u === "duplicate_node" ? l0(t) : u === "delete" ? c0(t) : u === "copy_to_clipboard" ? a0(t) : u === "reset_formatting" && u0(t);
                   },
                   children: [
                     /* @__PURE__ */ m.jsxs(de.Section, { children: [
-                      n$(t) ? /* @__PURE__ */ m.jsxs(de.SubmenuTrigger, { children: [
+                      n0(t) ? /* @__PURE__ */ m.jsxs(de.SubmenuTrigger, { children: [
                         /* @__PURE__ */ m.jsxs(
                           de.Item,
                           {
@@ -16147,7 +16158,7 @@ const nd = (t, e) => {
                           }
                         ),
                         /* @__PURE__ */ m.jsx(de.Popover, { children: /* @__PURE__ */ m.jsx(
-                          N$,
+                          N0,
                           {
                             editor: t,
                             onCloseMenu: () => {
@@ -16155,7 +16166,7 @@ const nd = (t, e) => {
                           }
                         ) })
                       ] }) : null,
-                      r$(t) ? /* @__PURE__ */ m.jsxs(de.SubmenuTrigger, { children: [
+                      r0(t) ? /* @__PURE__ */ m.jsxs(de.SubmenuTrigger, { children: [
                         /* @__PURE__ */ m.jsxs(
                           de.Item,
                           {
@@ -16163,7 +16174,7 @@ const nd = (t, e) => {
                             textValue: "turn_into",
                             className: "text-muted hover:text-foreground outline-none",
                             children: [
-                              /* @__PURE__ */ m.jsx(D$, {}),
+                              /* @__PURE__ */ m.jsx(D0, {}),
                               /* @__PURE__ */ m.jsx(at, { children: "Transform into" }),
                               /* @__PURE__ */ m.jsx(de.SubmenuIndicator, {})
                             ]
@@ -16183,7 +16194,7 @@ const nd = (t, e) => {
                                   } catch {
                                     return;
                                   }
-                                d$(t, d), setTimeout(() => s(!1), 100);
+                                d0(t, d), setTimeout(() => s(!1), 100);
                               }
                             },
                             children: nl.map(
@@ -16204,7 +16215,7 @@ const nd = (t, e) => {
                           }
                         ) })
                       ] }) : null,
-                      o$(t) ? /* @__PURE__ */ m.jsx(
+                      o0(t) ? /* @__PURE__ */ m.jsx(
                         de.Item,
                         {
                           id: "reset_formatting",
@@ -16238,7 +16249,7 @@ const nd = (t, e) => {
                           ] })
                         }
                       ),
-                      s$(t) ? /* @__PURE__ */ m.jsx(
+                      s0(t) ? /* @__PURE__ */ m.jsx(
                         de.Item,
                         {
                           id: "copy_to_clipboard",
@@ -16281,27 +16292,27 @@ const nd = (t, e) => {
       ] })
     }
   );
-}, id = ee(null), R$ = () => j(id);
+}, id = ee(null), R0 = () => j(id);
 function gr(t) {
   return t === "left" || t === "right" || t === "center" ? t : null;
 }
-function K$(t) {
+function K0(t) {
   const e = (t.style.textAlign || "").trim().toLowerCase(), n = (t.getAttribute("align") || "").trim().toLowerCase();
   return gr(e || n);
 }
-function O$(t) {
+function O0(t) {
   return gr(t?.align);
 }
 function ld() {
   return {
     default: null,
-    parseHTML: (t) => K$(t),
+    parseHTML: (t) => K0(t),
     renderHTML: (t) => t.align ? {
       style: `text-align: ${t.align}`
     } : {}
   };
 }
-var F$ = Pn.create({
+var F0 = Pn.create({
   name: "tableCell",
   addOptions() {
     return {
@@ -16343,7 +16354,7 @@ var F$ = Pn.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["td", Xt(this.options.HTMLAttributes, t), 0];
   }
-}), j$ = Pn.create({
+}), j0 = Pn.create({
   name: "tableHeader",
   addOptions() {
     return {
@@ -16377,7 +16388,7 @@ var F$ = Pn.create({
   renderHTML({ HTMLAttributes: t }) {
     return ["th", Xt(this.options.HTMLAttributes, t), 0];
   }
-}), _$ = Pn.create({
+}), _0 = Pn.create({
   name: "tableRow",
   addOptions() {
     return {
@@ -16424,7 +16435,7 @@ function rl(t, e, n, r, o, s) {
   const d = t.attrs.style && typeof t.attrs.style == "string" && /\bwidth\s*:/i.test(t.attrs.style);
   a && !d ? (n.style.width = `${l}px`, n.style.minWidth = "") : (n.style.width = "", n.style.minWidth = `${l}px`);
 }
-var B$ = class {
+var B0 = class {
   constructor(t, e) {
     this.node = t, this.cellMinWidth = e, this.dom = document.createElement("div"), this.dom.className = "tableWrapper", this.table = this.dom.appendChild(document.createElement("table")), t.attrs.style && (this.table.style.cssText = t.attrs.style), this.colgroup = this.table.appendChild(document.createElement("colgroup")), rl(t, this.colgroup, this.table, e), this.contentDOM = this.table.appendChild(document.createElement("tbody"));
   }
@@ -16436,7 +16447,7 @@ var B$ = class {
     return !!(n && !r && (t.type === "attributes" || t.type === "childList" || t.type === "characterData"));
   }
 };
-function H$(t, e, n, r) {
+function H0(t, e, n, r) {
   let o = 0, s = !0;
   const i = [], l = t.firstChild;
   if (!l)
@@ -16456,7 +16467,7 @@ function H$(t, e, n, r) {
 function ol(t, e) {
   return t.createAndFill();
 }
-function z$(t) {
+function z0(t) {
   if (t.cached.tableNodeTypes)
     return t.cached.tableNodeTypes;
   const e = {};
@@ -16465,8 +16476,8 @@ function z$(t) {
     r.spec.tableRole && (e[r.spec.tableRole] = r);
   }), t.cached.tableNodeTypes = e, e;
 }
-function V$(t, e, n, r, o) {
-  const s = z$(t), i = [], l = [];
+function V0(t, e, n, r, o) {
+  const s = z0(t), i = [], l = [];
   for (let c = 0; c < n; c += 1) {
     const u = ol(s.cell);
     if (u && l.push(u), r) {
@@ -16479,12 +16490,12 @@ function V$(t, e, n, r, o) {
     a.push(s.row.createChecked(null, r && c === 0 ? i : l));
   return s.table.createChecked(null, a);
 }
-function U$(t) {
+function U0(t) {
   return t instanceof Ro;
 }
 var Wn = ({ editor: t }) => {
   const { selection: e } = t.state;
-  if (!U$(e))
+  if (!U0(e))
     return !1;
   let n = 0;
   const r = Iu(e.ranges[0].$from, (s) => s.type.name === "table");
@@ -16493,13 +16504,13 @@ var Wn = ({ editor: t }) => {
       return !1;
     ["tableCell", "tableHeader"].includes(s.type.name) && (n += 1);
   }), n === e.ranges.length ? (t.commands.deleteTable(), !0) : !1;
-}, W$ = "";
-function G$(t) {
+}, W0 = "";
+function G0(t) {
   return (t || "").replace(/\s+/g, " ").trim();
 }
-function q$(t, e, n = {}) {
+function q0(t, e, n = {}) {
   var r;
-  const o = (r = n.cellLineSeparator) != null ? r : W$;
+  const o = (r = n.cellLineSeparator) != null ? r : W0;
   if (!t || !t.content || t.content.length === 0)
     return "";
   const s = [];
@@ -16508,7 +16519,7 @@ function q$(t, e, n = {}) {
     b.content && b.content.forEach((v) => {
       let x = "";
       v.content && Array.isArray(v.content) && v.content.length > 1 ? x = v.content.map((T) => e.renderChildren(T)).join(o) : x = v.content ? e.renderChildren(v.content) : "";
-      const S = G$(x), $ = v.type === "tableHeader", D = O$(v.attrs);
+      const S = G0(x), $ = v.type === "tableHeader", D = O0(v.attrs);
       y.push({ text: S, isHeader: $, align: D });
     }), s.push(y);
   });
@@ -16542,7 +16553,7 @@ function q$(t, e, n = {}) {
 `;
   }), p;
 }
-var Y$ = q$, X$ = Pn.create({
+var Y0 = q0, X0 = Pn.create({
   name: "table",
   // @ts-ignore
   addOptions() {
@@ -16553,7 +16564,7 @@ var Y$ = q$, X$ = Pn.create({
       handleWidth: 5,
       cellMinWidth: 25,
       // TODO: fix
-      View: B$,
+      View: B0,
       lastColumnResizable: !0,
       allowTableNodeSelection: !1
     };
@@ -16566,7 +16577,7 @@ var Y$ = q$, X$ = Pn.create({
     return [{ tag: "table" }];
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
-    const { colgroup: n, tableWidth: r, tableMinWidth: o } = H$(t, this.options.cellMinWidth), s = e.style;
+    const { colgroup: n, tableWidth: r, tableMinWidth: o } = H0(t, this.options.cellMinWidth), s = e.style;
     function i() {
       return s || (r ? `width: ${r}` : `min-width: ${o}`);
     }
@@ -16601,11 +16612,11 @@ var Y$ = q$, X$ = Pn.create({
       }), n.push(e.createNode("tableRow", {}, s));
     }), e.createNode("table", void 0, n);
   },
-  renderMarkdown: (t, e) => Y$(t, e),
+  renderMarkdown: (t, e) => Y0(t, e),
   addCommands() {
     return {
       insertTable: ({ rows: t = 3, cols: e = 3, withHeaderRow: n = !0 } = {}) => ({ tr: r, dispatch: o, editor: s }) => {
-        const i = V$(s.schema, t, e, n);
+        const i = V0(s.schema, t, e, n);
         if (o) {
           const l = r.selection.from + 1;
           r.replaceSelectionWith(i).scrollIntoView().setSelection(Ne.near(r.doc.resolve(l)));
@@ -16664,6 +16675,10 @@ var Y$ = q$, X$ = Pn.create({
       })
     ];
   },
+  addNodeView() {
+    const t = this.options.resizable && this.editor.isEditable, e = this.options.View;
+    return t || !e ? null : ({ node: n, view: r }) => new e(n, this.options.cellMinWidth, r);
+  },
   extendNodeSchema(t) {
     const e = {
       name: t.name,
@@ -16674,13 +16689,13 @@ var Y$ = q$, X$ = Pn.create({
       tableRole: hr(zt(t, "tableRole", e))
     };
   }
-}), J$ = xe.create({
+}), J0 = xe.create({
   name: "tableKit",
   addExtensions() {
     const t = [];
-    return this.options.table !== !1 && t.push(X$.configure(this.options.table)), this.options.tableCell !== !1 && t.push(F$.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(j$.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(_$.configure(this.options.tableRow)), t;
+    return this.options.table !== !1 && t.push(X0.configure(this.options.table)), this.options.tableCell !== !1 && t.push(F0.configure(this.options.tableCell)), this.options.tableHeader !== !1 && t.push(j0.configure(this.options.tableHeader)), this.options.tableRow !== !1 && t.push(_0.configure(this.options.tableRow)), t;
   }
-}), Z$ = xe.create({
+}), Z0 = xe.create({
   name: "textAlign",
   addOptions() {
     return {
@@ -16721,8 +16736,8 @@ var Y$ = q$, X$ = Pn.create({
       "Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
     };
   }
-}), Q$ = Z$;
-const e0 = ge(({ items: t, command: e }, n) => {
+}), Q0 = Z0;
+const e$ = ge(({ items: t, command: e }, n) => {
   const [r, o] = Z(0);
   No(n, () => ({
     onKeyDown({ event: c }) {
@@ -16778,7 +16793,7 @@ const e0 = ge(({ items: t, command: e }, n) => {
       zIndex: "9999"
     });
   });
-}, t0 = {
+}, t$ = {
   allowSpaces: !1,
   items: ({ editor: t, query: e }) => t.storage.emoji.emojis.filter(({ name: n, tags: r }) => n.toLocaleLowerCase().trim().startsWith(e.toLocaleLowerCase().trim()) || // shortcodes.find(shortcode => shortcode.startsWith(query.toLowerCase())) ||
   r.find((o) => o.startsWith(e.toLowerCase()))).slice(0, 50),
@@ -16786,7 +16801,7 @@ const e0 = ge(({ items: t, command: e }, n) => {
     let t;
     return {
       onStart: (e) => {
-        e.clientRect && (e.editor.commands.setMeta("lockDragHandle", !0), t = new dl(e0, {
+        e.clientRect && (e.editor.commands.setMeta("lockDragHandle", !0), t = new dl(e$, {
           props: e,
           editor: e.editor
         }), document.body.appendChild(t.element), sl(e.editor, t.element));
@@ -16795,18 +16810,18 @@ const e0 = ge(({ items: t, command: e }, n) => {
         t && (t.updateProps(e), e.clientRect && sl(e.editor, t.element));
       },
       onKeyDown(e) {
-        return t ? e.event.key === "Escape" ? (t.destroy(), t.element.remove(), t.editor.commands.setMeta("lockDragHandle", !1), !0) : t.ref?.onKeyDown(e) || !1 : !1;
+        return t ? e.event.key === "Escape" ? (t.destroy(), t.element.remove(), t.editor.commands.setMeta("lockDragHandle", !1), !0) : t.ref ? t.ref.onKeyDown(e) : ["ArrowUp", "ArrowDown", "Enter"].includes(e.event.key) : !1;
       },
       onExit() {
         t && (t.destroy(), t.element.remove(), t.editor.commands.setMeta("lockDragHandle", !1));
       }
     };
   }
-}, n0 = Kf.configure({
+}, n$ = Kf.configure({
   emojis: Of,
   enableEmoticons: !0,
   forceFallbackImages: !1,
-  suggestion: t0
+  suggestion: t$
 }).extend({
   addProseMirrorPlugins() {
     return [
@@ -16817,7 +16832,7 @@ const e0 = ge(({ items: t, command: e }, n) => {
       })
     ];
   }
-}), r0 = (t) => {
+}), r$ = (t) => {
   const e = R(0), n = R(null), r = R(null), [o, s] = Z(!1), { editor: i, node: l } = t, { uploading: a, src: c, failed: u, progress: d, selectMedia: p, id: f, errorMessage: h, name: b, size: y } = l.attrs, v = () => {
     r.current?.click();
   }, x = (P) => {
@@ -16955,7 +16970,7 @@ const e0 = ge(({ items: t, command: e }, n) => {
       )
     }
   );
-}, o0 = Pn.create({
+}, o$ = Pn.create({
   name: "imageUploader",
   group: "block",
   defining: !0,
@@ -16994,12 +17009,12 @@ const e0 = ge(({ items: t, command: e }, n) => {
     ];
   },
   addNodeView() {
-    return vd(r0);
+    return vd(r$);
   },
   addCommands() {
     return {
       insertImageUploader: () => ({ commands: t }) => {
-        const e = m$();
+        const e = m0();
         return t.insertContent({
           type: this.name,
           attrs: {
@@ -17016,7 +17031,7 @@ const e0 = ge(({ items: t, command: e }, n) => {
     };
   }
 });
-var s0 = ({ key: t, editor: e, onPaste: n, onDrop: r, allowedMimeTypes: o }) => new _e({
+var s$ = ({ key: t, editor: e, onPaste: n, onDrop: r, allowedMimeTypes: o }) => new _e({
   key: t || new De("fileHandler"),
   props: {
     handleDrop(s, i) {
@@ -17039,7 +17054,7 @@ var s0 = ({ key: t, editor: e, onPaste: n, onDrop: r, allowedMimeTypes: o }) =>
       return o && (a = a.filter((u) => o.includes(u.type))), !(a.length === 0 || (i.preventDefault(), i.stopPropagation(), n(e, a, c), c.length > 0));
     }
   }
-}), i0 = xe.create({
+}), i$ = xe.create({
   name: "fileHandler",
   addOptions() {
     return {
@@ -17050,7 +17065,7 @@ var s0 = ({ key: t, editor: e, onPaste: n, onDrop: r, allowedMimeTypes: o }) =>
   },
   addProseMirrorPlugins() {
     return [
-      s0({
+      s$({
         key: new De(this.name),
         editor: this.editor,
         allowedMimeTypes: this.options.allowedMimeTypes,
@@ -17059,8 +17074,8 @@ var s0 = ({ key: t, editor: e, onPaste: n, onDrop: r, allowedMimeTypes: o }) =>
       })
     ];
   }
-}), l0 = i0;
-const a0 = xe.create({
+}), l$ = i$;
+const a$ = xe.create({
   name: "imageUploaderExtension",
   addOptions() {
     return {
@@ -17074,7 +17089,7 @@ const a0 = xe.create({
   },
   addExtensions() {
     return [
-      l0.configure({
+      l$.configure({
         allowedMimeTypes: this.options.allowedMimeTypes,
         // Comment this for now, because there are a lot of edge cases
         // that I have not yet accounted for
@@ -17179,7 +17194,7 @@ const a0 = xe.create({
                 x.abort();
               }
             });
-            const S = await p$({
+            const S = await p0({
               file: n,
               url: i,
               onProgress: v,
@@ -17192,7 +17207,7 @@ const a0 = xe.create({
             }
             if (!l)
               throw new Error("You need to specify a key or resolver for the upload response using *imgUploadResponseKey* in editorOptions.");
-            const D = typeof l == "function" ? l(S) : h$(S, l);
+            const D = typeof l == "function" ? l(S) : h0(S, l);
             if (!D) throw new Error("No URL returned from server");
             if (typeof D != "string") throw new Error("The upload response resolver must return a string URL");
             h(D);
@@ -17227,7 +17242,7 @@ const a0 = xe.create({
     type: "imageUploader",
     attrs: { id: e, ...r }
   });
-}, c0 = xe.create({
+}, c$ = xe.create({
   name: "slash-commands",
   addOptions() {
     return {
@@ -17248,7 +17263,7 @@ const a0 = xe.create({
       })
     ];
   }
-}), u0 = ge(({ items: t, command: e }, n) => {
+}), u$ = ge(({ items: t, command: e }, n) => {
   const r = t.flatMap((u) => u.commands), [o, s] = Z(0);
   No(n, () => ({
     onKeyDown({ event: u }) {
@@ -17322,7 +17337,7 @@ const a0 = xe.create({
       zIndex: "9999"
     });
   });
-}, d0 = {
+}, d$ = {
   pluginKey: new De("slashCommand"),
   items: ({ query: t }) => od.map((r) => ({
     ...r,
@@ -17335,7 +17350,7 @@ const a0 = xe.create({
     let t;
     return {
       onStart: (e) => {
-        e.clientRect && (e.editor.commands.setMeta("lockDragHandle", !0), t = new dl(u0, {
+        e.clientRect && (e.editor.commands.setMeta("lockDragHandle", !0), t = new dl(u$, {
           props: e,
           editor: e.editor
         }), t.element.style.position = "fixed", document.body.appendChild(t.element), ll(e.editor, t.element));
@@ -17344,14 +17359,14 @@ const a0 = xe.create({
         t && (t.updateProps(e), e.clientRect && ll(e.editor, t.element));
       },
       onKeyDown(e) {
-        return t ? e.event.key === "Escape" ? (t.destroy(), t.element.remove(), t.editor.commands.setMeta("lockDragHandle", !1), !0) : t.ref?.onKeyDown(e) || !1 : !1;
+        return t ? e.event.key === "Escape" ? (t.destroy(), t.element.remove(), t.editor.commands.setMeta("lockDragHandle", !1), !0) : t.ref ? t.ref.onKeyDown(e) : ["ArrowUp", "ArrowDown", "Enter"].includes(e.event.key) : !1;
       },
       onExit() {
         t && (t.destroy(), t.element.remove(), t.editor.commands.setMeta("lockDragHandle", !1));
       }
     };
   }
-}, f0 = ({
+}, f$ = ({
   imgUploadUrl: t,
   imgUploadResponseKey: e,
   imgUploadHeaders: n
@@ -17386,34 +17401,34 @@ const a0 = xe.create({
   Af.configure({
     multicolor: !0
   }),
-  Q$.configure({
+  Q0.configure({
     types: ["paragraph", "heading"]
   }),
   Df,
   If,
-  n0,
-  J$.configure({
+  n$,
+  J0.configure({
     table: {
       resizable: !0
     }
   }),
-  o0,
-  a0.configure({
+  o$,
+  a$.configure({
     imgUploadUrl: t,
     imgUploadResponseKey: e,
     imgUploadHeaders: n
   }),
-  c0.configure({
-    suggestion: d0
+  c$.configure({
+    suggestion: d$
   })
-], xt = (t, e) => t == null ? null : typeof t != "function" ? t : e ? t({ editor: e }) : null, p0 = (t, e) => {
+], xt = (t, e) => t == null ? null : typeof t != "function" ? t : e ? t({ editor: e }) : null, p$ = (t, e) => {
   const n = new Set(t.map((r) => r.name));
   return Array.from(new Set(
     e.map((r) => r.name).filter((r) => n.has(r))
   ));
-}, h0 = (t, e) => {
+}, h$ = (t, e) => {
   const n = R(null), r = J(
-    () => p0(t, e),
+    () => p$(t, e),
     [t, e]
   ), o = r.join(",");
   U(() => {
@@ -17427,7 +17442,7 @@ const a0 = xe.create({
     const i = `Duplicate extension names found in extraExtensions: [${r.map((l) => `'${l}'`).join(", ")}]. extraExtensions is additive only; duplicate names can cause unstable behavior.`;
     console.warn(`[tiptop-editor warn]: ${i}`);
   }, [r, o]);
-}, ad = ee(null), cd = () => j(ad), m0 = ({ editor: t }) => {
+}, ad = ee(null), cd = () => j(ad), m$ = ({ editor: t }) => {
   const e = cd(), n = O(() => t.isEditable ? !1 : Ir(t) && Ju(t) && !Zu(t), [t]), r = O(() => {
     if (!e) return;
     const { from: o, to: s } = t.state.selection;
@@ -17453,7 +17468,7 @@ const a0 = xe.create({
     ),
     /* @__PURE__ */ m.jsx(we.Content, { children: /* @__PURE__ */ m.jsx("p", { children: "Add comment" }) })
   ] }) }) }) : null;
-}, g0 = ({ editor: t }) => {
+}, g$ = ({ editor: t }) => {
   const [e, n] = Z("");
   U(() => {
     const i = () => n(t.getAttributes("link").href ?? "");
@@ -17489,7 +17504,7 @@ const a0 = xe.create({
       ] })
     }
   );
-}, b0 = hx.create({
+}, b$ = hx.create({
   name: "comment",
   addAttributes() {
     return {
@@ -17543,7 +17558,7 @@ const a0 = xe.create({
       })
     ];
   }
-}), y0 = [
+}), y$ = [
   "paragraph",
   "heading",
   "blockquote",
@@ -17551,12 +17566,12 @@ const a0 = xe.create({
   "orderedList",
   "taskList",
   "codeBlock"
-], v0 = xe.create({
+], v$ = xe.create({
   name: "nodeComment",
   addGlobalAttributes() {
     return [
       {
-        types: y0,
+        types: y$,
         attributes: {
           commentId: {
             default: null,
@@ -17597,7 +17612,7 @@ const a0 = xe.create({
       })
     ];
   }
-}), al = (t) => JSON.stringify(t, (e, n) => typeof n == "function" ? "[function]" : n), x0 = ge(
+}), al = (t) => JSON.stringify(t, (e, n) => typeof n == "function" ? "[function]" : n), x$ = ge(
   ({ editorOptions: t = {}, slots: e = {}, className: n, ...r }, o) => {
     const {
       imgUploadUrl: s,
@@ -17610,17 +17625,17 @@ const a0 = xe.create({
       editable: p,
       ...f
     } = t, h = J(
-      () => f0({ imgUploadUrl: s, imgUploadResponseKey: i, imgUploadHeaders: l }),
+      () => f$({ imgUploadUrl: s, imgUploadResponseKey: i, imgUploadHeaders: l }),
       [i, s, l]
     ), b = J(
-      () => u ? [b0, v0] : [],
+      () => u ? [b$, v$] : [],
       [u]
     ), y = J(() => [
       ...h,
       ...b,
       ...d
     ], [h, b, d]);
-    h0(h, d);
+    h$(h, d);
     const v = J(() => al(f), [f]), x = J(() => al(
       d.map((T) => ({
         name: T.name,
@@ -17653,15 +17668,15 @@ const a0 = xe.create({
       once: ((...T) => ($?.once(...T), $)),
       getDocumentMap: () => $ ? gs($) : null,
       applyTargetedUpdate: (T) => $ ? nd($, T) : !1,
-      applyTargetedUpdates: (T) => $ ? b$($, T) : !1
+      applyTargetedUpdates: (T) => $ ? b0($, T) : !1
     }), [$]);
     const D = a ? bd : Gb, K = a ? {} : { className: "w-full overflow-visible" };
     return /* @__PURE__ */ m.jsx(id.Provider, { value: $, children: /* @__PURE__ */ m.jsxs(D, { ...K, children: [
       xt(e.editorTop, $),
       $ && /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-        c ? /* @__PURE__ */ m.jsx(L$, { editor: $, dragHandleSlot: xt(e.dragHandleDropdown, $) }) : null,
+        c ? /* @__PURE__ */ m.jsx(L0, { editor: $, dragHandleSlot: xt(e.dragHandleDropdown, $) }) : null,
         /* @__PURE__ */ m.jsx(
-          P$,
+          P0,
           {
             editor: $,
             prepend: xt(e.selectionMenuPrepend, $),
@@ -17669,15 +17684,15 @@ const a0 = xe.create({
           }
         ),
         /* @__PURE__ */ m.jsx(
-          A$,
+          A0,
           {
             editor: $,
             prepend: xt(e.tableMenuPrepend, $),
             append: xt(e.tableMenuAppend, $)
           }
         ),
-        /* @__PURE__ */ m.jsx(g0, { editor: $ }),
-        u && /* @__PURE__ */ m.jsx(m0, { editor: $ })
+        /* @__PURE__ */ m.jsx(g$, { editor: $ }),
+        u && /* @__PURE__ */ m.jsx(m$, { editor: $ })
       ] }),
       /* @__PURE__ */ m.jsx(
         wd,
@@ -17691,8 +17706,8 @@ const a0 = xe.create({
     ] }) });
   }
 );
-x0.displayName = "TiptapEditor";
-const q0 = ({ children: t, initialComments: e, onCommentsChange: n }) => {
+x$.displayName = "TiptapEditor";
+const q$ = ({ children: t, initialComments: e, onCommentsChange: n }) => {
   const [r, o] = Z(e ?? []), [s, i] = Z(null), [l, a] = Z(null), c = R(n);
   c.current = n;
   const u = O(
@@ -17777,8 +17792,8 @@ const q0 = ({ children: t, initialComments: e, onCommentsChange: n }) => {
       children: /* @__PURE__ */ m.jsx("div", { ref: y, style: { display: "contents" }, children: t })
     }
   );
-}, Y0 = () => {
-  const t = R$(), e = cd(), n = O(
+}, Y$ = () => {
+  const t = R0(), e = cd(), n = O(
     (s, i, l) => {
       !t || !e || !i.trim() || (s.type === "inline" ? t.commands.setComment(s.id, { from: s.from, to: s.to }) : t.commands.setNodeComment(s.id, s.nodePos), e.addComment(s.id, s.type, i.trim(), l));
     },
@@ -17801,16 +17816,16 @@ const q0 = ({ children: t, initialComments: e, onCommentsChange: n }) => {
   return { submit: n, resolve: r, remove: o };
 };
 export {
-  b0 as CommentMark,
-  m0 as CommentSelectionMenu,
-  q0 as CommentsProvider,
-  v0 as NodeCommentExtension,
-  x0 as TiptopEditor,
+  b$ as CommentMark,
+  m$ as CommentSelectionMenu,
+  q$ as CommentsProvider,
+  v$ as NodeCommentExtension,
+  x$ as TiptopEditor,
   id as TiptopEditorContext,
   nd as applyTargetedUpdate,
-  b$ as applyTargetedUpdates,
+  b0 as applyTargetedUpdates,
   gs as getDocumentMap,
-  Y0 as useCommentActions,
+  Y$ as useCommentActions,
   cd as useComments,
-  R$ as useTiptopEditor
+  R0 as useTiptopEditor
 };