commspliant-html-editor 0.0.8 → 0.0.9

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsxs as b, jsx as a, Fragment as Se } from "react/jsx-runtime";
-import { createContext as pd, useContext as gd, useMemo as xe, useId as Z, useRef as D, useLayoutEffect as He, useEffect as G, useState as T, useCallback as K, forwardRef as Nl, useImperativeHandle as Sp } from "react";
+import { createContext as pd, useContext as gd, useMemo as Ee, useId as Z, useRef as D, useLayoutEffect as He, useEffect as G, useState as T, useCallback as K, forwardRef as Nl, useImperativeHandle as Sp } from "react";
 import { createPortal as Ml } from "react-dom";
 function Pp({ className: e }) {
   return /* @__PURE__ */ b(
@@ -2472,7 +2472,7 @@ const Ll = {
   commentPanelCloseAria: "Cerrar panel de comentarios"
 }, xg = { en: Ll, es: Tg }, Nd = pd((e) => Ll[e]);
 function Eg({ locale: e = "en", children: t }) {
-  const n = xe(() => {
+  const n = Ee(() => {
     const r = xg[e] ?? Ll;
     return (o) => r[o];
   }, [e]);
@@ -2673,7 +2673,7 @@ function Bg(e, t) {
   return e.button === 2 || e.ctrlKey ? !0 : !Fg(t);
 }
 const vr = "data-page", Wo = "data-page-bg", Go = "commspliant-background";
-function St(e) {
+function Pt(e) {
   return e instanceof HTMLElement && (e.id === Go || e.hasAttribute(Wo));
 }
 function Hg(e) {
@@ -2681,7 +2681,7 @@ function Hg(e) {
 }
 function Il(e) {
   const t = Hg(e), n = /* @__PURE__ */ new Set(), r = [], o = (i) => {
-    i instanceof HTMLElement && St(i) && !n.has(i) && (n.add(i), r.push(i));
+    i instanceof HTMLElement && Pt(i) && !n.has(i) && (n.add(i), r.push(i));
   };
   o(t.querySelector(`#${Go}`));
   for (const i of t.querySelectorAll(`[${Wo}]`)) o(i);
@@ -2713,7 +2713,7 @@ function Og(e) {
   const t = Rd(e);
   if (t.length !== 1) return null;
   const n = t[0];
-  return n.tagName.toLowerCase() !== "div" || St(n) ? null : n;
+  return n.tagName.toLowerCase() !== "div" || Pt(n) ? null : n;
 }
 function Kg(e) {
   const t = Tr(e);
@@ -2756,7 +2756,7 @@ function tt(e) {
   const t = e.trim();
   return t ? t.includes(Qa) ? e.split(Qa).map((n) => n.trim()) : [e] : [""];
 }
-function It(e) {
+function Ft(e) {
   return e.length === 0 ? "" : e.length === 1 ? e[0] ?? "" : e.join(`
 ${Qa}
 `);
@@ -2895,7 +2895,7 @@ const Yg = /* @__PURE__ */ new Set([
 function me(e, t) {
   return t ? e === t || e.contains(t) : !1;
 }
-function Pt(e) {
+function Dt(e) {
   return Yg.has(e.tagName.toLowerCase());
 }
 function Xg(e, t) {
@@ -2912,7 +2912,7 @@ function Ye(e) {
     o.nodeValue && Xg(e, o) && n.push(o);
   return n;
 }
-function At(e) {
+function St(e) {
   const t = e.startContainer, n = e.startOffset;
   if (t.nodeType === Node.TEXT_NODE) {
     const i = t;
@@ -3035,7 +3035,7 @@ function nh(e) {
   return e.replace(/&quot;/g, '"').replace(/&lt;/g, "<").replace(/&amp;/g, "&");
 }
 const rh = new RegExp(`<link\\b[^>]*\\b${fi}\\b[^>]*>`, "gi");
-function Me(e) {
+function De(e) {
   if (!e.includes(fi))
     return { hrefs: [], body: e };
   const t = [], n = e.replace(rh, (r) => {
@@ -3066,11 +3066,11 @@ function oh(e, t) {
   return !1;
 }
 function Do(e, t, n = []) {
-  const r = Me(t).hrefs, o = n.filter((i) => i.css && oh(e, i.family)).map((i) => i.css ?? "");
+  const r = De(t).hrefs, o = n.filter((i) => i.css && oh(e, i.family)).map((i) => i.css ?? "");
   return pi([...r, ...o]);
 }
 function ih(e, t = []) {
-  const n = Me(e).hrefs, r = t.map((o) => o.css ?? "");
+  const n = De(e).hrefs, r = t.map((o) => o.css ?? "");
   return pi([...n, ...r]);
 }
 function ah(e) {
@@ -3098,7 +3098,7 @@ function lh(e, t) {
   let n = t;
   for (; n.parentElement && n.parentElement !== e; ) {
     const r = n.parentElement;
-    if (!Pt(r) || !nl(r)) {
+    if (!Dt(r) || !nl(r)) {
       n = r;
       continue;
     }
@@ -3125,7 +3125,7 @@ function rl(e, t) {
   const n = Hd(e);
   if (!n || n.collapsed) return !1;
   const r = t != null && t.trim() ? t.trim() : null;
-  At(n);
+  St(n);
   const o = Ye(n).filter((i) => i.data.length > 0);
   for (const i of o) {
     const l = zl(e, i);
@@ -3181,7 +3181,7 @@ function ol(e, t) {
   let n = t;
   for (; n.parentElement && n.parentElement !== e; ) {
     const r = n.parentElement;
-    if (!Pt(r) || !nl(r)) {
+    if (!Dt(r) || !nl(r)) {
       n = r;
       continue;
     }
@@ -3292,7 +3292,7 @@ img {
 }
 `.trim();
 function il(e, t, n = "​") {
-  const { hrefs: r, body: o } = Me(t), i = e.createElement("meta");
+  const { hrefs: r, body: o } = De(t), i = e.createElement("meta");
   i.setAttribute("charset", "utf-8");
   const l = e.createElement("title");
   l.textContent = n;
@@ -3586,7 +3586,7 @@ function Zl(e) {
 function st(e) {
   return e instanceof HTMLElement && ge(e) === "li";
 }
-function Dt(e) {
+function Tt(e) {
   const t = window.getSelection();
   if (!t || t.rangeCount === 0) return null;
   const n = t.getRangeAt(0);
@@ -3624,7 +3624,7 @@ function Yl(e, t, n) {
   o == null || o.removeAllRanges(), o == null || o.addRange(r);
 }
 function Un(e, t) {
-  const n = Dt(e);
+  const n = Tt(e);
   if (!n) return !1;
   const r = Fn(e, n.startContainer, n.startOffset), o = Fn(e, n.endContainer, n.endOffset), i = Math.min(r, o), l = Math.max(r, o), c = t();
   return Yl(e, i, l), c;
@@ -3645,7 +3645,7 @@ function gt(e) {
 function Dh(e, t) {
   let n = Nr(t);
   for (; n && n !== e; ) {
-    if (Md(n, e) || St(n)) {
+    if (Md(n, e) || Pt(n)) {
       n = n.parentElement;
       continue;
     }
@@ -3657,7 +3657,7 @@ function Dh(e, t) {
   return null;
 }
 function Wn(e) {
-  const t = Dt(e);
+  const t = Tt(e);
   if (!t) return [];
   const n = /* @__PURE__ */ new Set(), r = [];
   for (const o of ql(t)) {
@@ -3669,7 +3669,7 @@ function Wn(e) {
 function al(e) {
   if (e.nodeType === Node.TEXT_NODE || e.nodeType === Node.COMMENT_NODE || !(e instanceof Element)) return !0;
   const t = ge(e);
-  return Vl.has(t) || jl.has(t) ? !1 : Pt(e) || t === "br" || t === "a" || t === "img" || t === "span";
+  return Vl.has(t) || jl.has(t) ? !1 : Dt(e) || t === "br" || t === "a" || t === "img" || t === "span";
 }
 function Th(e, t) {
   let n = Nr(t);
@@ -3695,14 +3695,14 @@ function Eh(e, t) {
 }
 function ll(e) {
   for (const t of e.childNodes)
-    if (!(t instanceof HTMLElement && St(t)))
+    if (!(t instanceof HTMLElement && Pt(t)))
       return t;
   return null;
 }
 function Nh(e, t, n) {
   if (n.startContainer === e) {
     const r = e.childNodes[Math.min(n.startOffset, Math.max(0, e.childNodes.length - 1))] ?? e.firstChild;
-    return r instanceof HTMLElement && St(r) ? ll(e) : r;
+    return r instanceof HTMLElement && Pt(r) ? ll(e) : r;
   }
   return n.startContainer === t && e !== t ? ll(e) : xh(e, n.startContainer);
 }
@@ -3714,7 +3714,7 @@ function Mh(e, t) {
     return l.appendChild(document.createElement("br")), n.appendChild(l), l;
   }
   const r = Nh(n, e, t);
-  if (!r || r instanceof HTMLElement && St(r) || r instanceof Element && jl.has(ge(r)) || r instanceof HTMLElement && Vl.has(ge(r)) || !al(r)) return null;
+  if (!r || r instanceof HTMLElement && Pt(r) || r instanceof Element && jl.has(ge(r)) || r instanceof HTMLElement && Vl.has(ge(r)) || !al(r)) return null;
   const o = Eh(n, r), i = document.createElement("p");
   n.insertBefore(i, o[0]);
   for (const l of o) i.appendChild(l);
@@ -3723,7 +3723,7 @@ function Mh(e, t) {
 function Mr(e) {
   const t = Wn(e);
   if (t.length > 0) return t;
-  const n = Dt(e);
+  const n = Tt(e);
   if (!n) return [];
   const r = Mh(e, n);
   return r ? [r] : [];
@@ -3797,7 +3797,7 @@ function Ih(e) {
   const t = e.trim().toLowerCase();
   return t === "" || t === "transparent" || t === "inherit" || t === "initial" || t === "unset" || t === "currentcolor" || t === "currentColor";
 }
-function De(e) {
+function Te(e) {
   const t = e.trim();
   if (!t || Ih(t)) return null;
   const n = Ha(t);
@@ -3828,7 +3828,7 @@ function De(e) {
 }
 function Gd(e, t) {
   const n = t === "color" ? e.style.color : e.style.backgroundColor;
-  return n ? De(n) : null;
+  return n ? Te(n) : null;
 }
 function Vo(e, t, n) {
   let r = _h(t);
@@ -3860,7 +3860,7 @@ function Fh(e, t, n) {
   let r = t;
   for (; r.parentElement && r.parentElement !== e; ) {
     const o = r.parentElement;
-    if (!Pt(o) || !jo(o, n)) {
+    if (!Dt(o) || !jo(o, n)) {
       r = o;
       continue;
     }
@@ -3886,9 +3886,9 @@ function Zo(e, t) {
 function br(e, t, n) {
   const r = jd(e);
   if (!r || r.collapsed) return !1;
-  const o = n === null ? null : De(n);
+  const o = n === null ? null : Te(n);
   if (n !== null && o === null) return !1;
-  At(r);
+  St(r);
   const i = Ye(r).filter((l) => l.data.length > 0);
   for (const l of i) {
     const c = Vo(e, l, t);
@@ -3908,7 +3908,7 @@ function iu(e, t, n) {
     Jl(e, t);
     return;
   }
-  const r = De(n.value);
+  const r = Te(n.value);
   r && Vd(e, t, r);
 }
 function Bh(e) {
@@ -3943,7 +3943,7 @@ function Zd(e, t, n) {
   let r = t;
   for (; r.parentElement && r.parentElement !== e; ) {
     const o = r.parentElement;
-    if (!Pt(o) || !n.some((i) => jo(o, i))) {
+    if (!Dt(o) || !n.some((i) => jo(o, i))) {
       r = o;
       continue;
     }
@@ -4091,7 +4091,7 @@ function es() {
     breakBeforeMixed: !1
   };
 }
-function Ht(e, t) {
+function zt(e, t) {
   return Ue.every((n) => lt(e[n], t[n]));
 }
 function em(e, t) {
@@ -4208,7 +4208,7 @@ function ob(e) {
       l.push(d);
       continue;
     }
-    const f = De(c);
+    const f = Te(c);
     if (f) {
       i = f;
       continue;
@@ -4250,7 +4250,7 @@ function ab(e) {
   return Yh.has(t) ? t : "none";
 }
 function im(e) {
-  const t = ab(e.style.borderStyle || e.style.borderTopStyle), n = En(e, "border-width") ?? En(e, "border-top-width"), r = e.style.borderColor || e.style.borderTopColor, o = r ? De(r) : null;
+  const t = ab(e.style.borderStyle || e.style.borderTopStyle), n = En(e, "border-width") ?? En(e, "border-top-width"), r = e.style.borderColor || e.style.borderTopColor, o = r ? Te(r) : null;
   return { style: t, width: n, color: o };
 }
 function lb(e, t) {
@@ -4290,10 +4290,10 @@ function ub(e, t) {
 }
 function cm(e) {
   const t = e.style.backgroundColor;
-  return t ? De(t) : null;
+  return t ? Te(t) : null;
 }
 function db(e, t) {
-  const n = t ? De(t) : null;
+  const n = t ? Te(t) : null;
   return cm(e) === n ? !1 : (n ? e.style.backgroundColor = n : e.style.removeProperty("background-color"), !0);
 }
 function um(e) {
@@ -4330,9 +4330,9 @@ function fb(e) {
   const r = n.map(Gn), o = r[0];
   return {
     margin: o.margin,
-    marginMixed: r.some((i) => !Ht(i.margin, o.margin)),
+    marginMixed: r.some((i) => !zt(i.margin, o.margin)),
     padding: o.padding,
-    paddingMixed: r.some((i) => !Ht(i.padding, o.padding)),
+    paddingMixed: r.some((i) => !zt(i.padding, o.padding)),
     lineHeight: o.lineHeight,
     lineHeightMixed: r.some((i) => !em(i.lineHeight, o.lineHeight)),
     border: o.border,
@@ -4455,7 +4455,7 @@ function bb(e) {
 function gn(e) {
   return bb(Sr(e));
 }
-function Gt(e, t) {
+function kt(e, t) {
   return Sr(e) || !Sr(t) ? e : mm(e, gn(t));
 }
 function yb(e) {
@@ -4522,7 +4522,7 @@ function Pb(e) {
   if (!t) return;
   const n = [], r = [];
   for (const c of e) {
-    const d = Me(c);
+    const d = De(c);
     n.push(...d.hrefs), r.push(d.body);
   }
   const o = r.map((c, d) => `<div style="${d < r.length - 1 ? "page-break-after: always;" : ""}">${c}</div>`).join(""), i = kb(e), l = [
@@ -4547,11 +4547,11 @@ function Db(e) {
       const t = e.onOpen ? await e.onOpen() : await qg();
       if (t !== null) {
         if (Array.isArray(t)) {
-          e.setHtml(It(t));
+          e.setHtml(Ft(t));
           return;
         }
         if (e.isMultiPagesEnabled()) {
-          e.setHtml(It([t]));
+          e.setHtml(Ft([t]));
           return;
         }
         e.setHtml(t);
@@ -5037,7 +5037,7 @@ function cl(e, t, n) {
   const o = qb(e);
   if (!o || o.collapsed) return !1;
   const i = $l(r.value, r.unit);
-  At(o);
+  St(o);
   const l = Ye(o).filter((c) => c.data.length > 0);
   for (const c of l) {
     const d = hm(e, c);
@@ -5098,7 +5098,7 @@ function ty(e, t) {
   return "";
 }
 function vm(e) {
-  const t = Dt(e);
+  const t = Tt(e);
   if (!t) return { value: null, mixed: !1 };
   const n = t.collapsed ? [] : Ye(t).filter((d) => d.data.length > 0), i = (n.length > 0 ? n : [t.startContainer]).map((d) => ty(e, d)).map((d) => d.trim()), l = i[0] ?? "";
   return i.every((d) => d === l) ? { value: l || null, mixed: !1 } : { value: null, mixed: !0 };
@@ -5110,9 +5110,9 @@ function km(e, t) {
 function Am(e, t) {
   const n = bi(t);
   if (!n) return !1;
-  const r = Dt(e);
+  const r = Tt(e);
   if (!r || r.collapsed) return !1;
-  At(r);
+  St(r);
   const o = Ye(r).filter((i) => i.data.length > 0);
   if (o.length === 0) return !1;
   for (const i of o)
@@ -5134,7 +5134,7 @@ const ct = ["bold", "italic", "underline", "strikethrough"], Nn = {
   underline: /* @__PURE__ */ new Set(["u"]),
   strikethrough: /* @__PURE__ */ new Set(["s", "strike", "del"])
 }, oy = /* @__PURE__ */ new Set(["underline", "line-through", "overline"]);
-function Bt() {
+function Ht() {
   return {
     bold: !1,
     italic: !1,
@@ -5283,7 +5283,7 @@ function uy(e, t, n) {
   let r = t;
   for (; r.parentElement && r.parentElement !== e; ) {
     const o = r.parentElement;
-    if (!Pt(o) || !Qo(o, n)) {
+    if (!Dt(o) || !Qo(o, n)) {
       r = o;
       continue;
     }
@@ -5305,7 +5305,7 @@ function dy(e, t, n) {
   return r.length === 0 ? On(e, t.startContainer, n) : r.every((o) => On(e, o, n));
 }
 function my(e, t, n, r) {
-  At(t);
+  St(t);
   const o = Ye(t).filter((i) => i.data.length > 0);
   for (const i of o)
     r ? On(e, i, n) || cy(i, n) : uy(e, i, n);
@@ -5313,14 +5313,14 @@ function my(e, t, n, r) {
 }
 function Mn(e) {
   const t = window.getSelection();
-  if (!t || t.rangeCount === 0) return Bt();
+  if (!t || t.rangeCount === 0) return Ht();
   const n = t.getRangeAt(0);
-  if (!me(e, n.commonAncestorContainer)) return Bt();
+  if (!me(e, n.commonAncestorContainer)) return Ht();
   if (n.collapsed)
     return dl(e, n);
   const r = Ye(n).filter((i) => i.data.length > 0);
   if (r.length === 0) return dl(e, n);
-  const o = Bt();
+  const o = Ht();
   for (const i of ct)
     o[i] = On(e, r[0], i);
   for (let i = 1; i < r.length; i += 1)
@@ -5329,7 +5329,7 @@ function Mn(e) {
   return o;
 }
 function dl(e, t) {
-  const n = Bt();
+  const n = Ht();
   for (const r of ct)
     n[r] = On(e, t.startContainer, r);
   return n;
@@ -5370,7 +5370,7 @@ function py(e, t, n) {
   let o = r;
   for (; o.parentElement && o.parentElement !== e; ) {
     const d = o.parentElement;
-    if (!Pt(d)) {
+    if (!Dt(d)) {
       o = d;
       continue;
     }
@@ -5437,12 +5437,12 @@ function Cy(e) {
   return e instanceof Element && yi.has(ge(e));
 }
 function Nm(e) {
-  return e instanceof HTMLElement && !St(e) && xm.has(ge(e));
+  return e instanceof HTMLElement && !Pt(e) && xm.has(ge(e));
 }
 function fl(e) {
   if (e.nodeType === Node.TEXT_NODE || e.nodeType === Node.COMMENT_NODE || !(e instanceof Element)) return !0;
   const t = ge(e);
-  return xm.has(t) || yi.has(t) ? !1 : Pt(e) || t === "br" || t === "a" || t === "img" || t === "span";
+  return xm.has(t) || yi.has(t) ? !1 : Dt(e) || t === "br" || t === "a" || t === "img" || t === "span";
 }
 function vy(e, t) {
   let n = Nr(t);
@@ -5489,14 +5489,14 @@ function Sy(e, t) {
 }
 function pl(e) {
   for (const t of e.childNodes)
-    if (!(t instanceof HTMLElement && St(t)))
+    if (!(t instanceof HTMLElement && Pt(t)))
       return t;
   return null;
 }
 function Py(e, t, n) {
   if (n.startContainer === e) {
     const r = e.childNodes[Math.min(n.startOffset, Math.max(0, e.childNodes.length - 1))] ?? e.firstChild;
-    return r instanceof HTMLElement && St(r) ? pl(e) : r;
+    return r instanceof HTMLElement && Pt(r) ? pl(e) : r;
   }
   return n.startContainer === t && e !== t ? pl(e) : Ay(e, n.startContainer);
 }
@@ -5508,14 +5508,14 @@ function Dy(e, t, n) {
     return c.appendChild(document.createElement("br")), r.appendChild(c), !0;
   }
   const o = Py(r, e, t);
-  if (!o || o instanceof HTMLElement && St(o) || Cy(o) || Nm(o) || !fl(o)) return !1;
+  if (!o || o instanceof HTMLElement && Pt(o) || Cy(o) || Nm(o) || !fl(o)) return !1;
   const i = Sy(r, o), l = document.createElement(n);
   r.insertBefore(l, i[0]);
   for (const c of i) l.appendChild(c);
   return !0;
 }
 function Ty(e) {
-  const t = Dt(e);
+  const t = Tt(e);
   if (!t) return yy();
   const n = ql(t).map((o) => {
     const i = Mm(e, o);
@@ -5525,7 +5525,7 @@ function Ty(e) {
 }
 function xy(e, t) {
   if (!Em(t)) return !1;
-  const n = Dt(e);
+  const n = Tt(e);
   if (!n) return !1;
   const r = Fn(e, n.startContainer, n.startOffset), o = Fn(e, n.endContainer, n.endOffset), i = Math.min(r, o), l = Math.max(r, o), c = ky(e, n);
   let d = !1;
@@ -5827,7 +5827,7 @@ function Gy(e, t) {
 function os(e) {
   return qe(e, as(e));
 }
-function Tt(e) {
+function xt(e) {
   return ni(e, as(e));
 }
 function $m(e) {
@@ -5877,7 +5877,7 @@ function jy(e, t) {
 }
 function gl(e, t) {
   var g, C, y, w;
-  const n = Tt(e);
+  const n = xt(e);
   if (!n) return !1;
   const r = qe(e, n);
   if (!r) return !1;
@@ -5906,7 +5906,7 @@ function gl(e, t) {
 }
 function fu(e, t) {
   var f, p, g, C;
-  const n = Tt(e);
+  const n = xt(e);
   if (!n) return !1;
   const r = qe(e, n);
   if (!r) return !1;
@@ -5928,7 +5928,7 @@ function fu(e, t) {
 }
 function Zy(e) {
   var C, y;
-  const t = Tt(e);
+  const t = xt(e);
   if (!t) return !1;
   const n = qe(e, t);
   if (!n) return !1;
@@ -5948,7 +5948,7 @@ function Zy(e) {
 }
 function qy(e) {
   var f, p, g;
-  const t = Tt(e);
+  const t = xt(e);
   if (!t) return !1;
   const n = qe(e, t);
   if (!n) return !1;
@@ -5964,7 +5964,7 @@ function qy(e) {
   return d && Ze(d), !0;
 }
 function Yy(e, t) {
-  const n = Tt(e);
+  const n = xt(e);
   if (!n) return !1;
   const r = qe(e, n);
   if (!r) return !1;
@@ -5986,7 +5986,7 @@ function pu(e) {
   return Um(e) !== null;
 }
 function gu(e) {
-  const t = Tt(e);
+  const t = xt(e);
   if (!t) return !1;
   const n = wi(t);
   return n.colSpan > 1 || n.rowSpan > 1;
@@ -5998,13 +5998,13 @@ function Jy(e) {
   return n ? Wm(n, t) : !1;
 }
 function Qy(e) {
-  const t = Tt(e);
+  const t = xt(e);
   if (!t) return !1;
   const n = qe(e, t);
   return n ? Gm(n, t) : !1;
 }
 function e1(e, t, n) {
-  const r = Tt(e);
+  const r = xt(e);
   if (!r) return !1;
   const o = qe(e, r);
   if (!o) return !1;
@@ -6166,7 +6166,7 @@ function jm(e) {
   if (t.length > 0)
     return bu(t.map(ri));
   const n = Wn(e);
-  return n.length === 0 ? Dt(e) ? { align: "left", mixed: !1 } : { align: null, mixed: !1 } : bu(n.map(ri));
+  return n.length === 0 ? Tt(e) ? { align: "left", mixed: !1 } : { align: null, mixed: !1 } : bu(n.map(ri));
 }
 function Zm(e, t) {
   return Vm.includes(t) ? Un(e, () => {
@@ -6814,7 +6814,7 @@ function yw() {
   return {
     size: null,
     unit: mn,
-    marks: Bt(),
+    marks: Ht(),
     fontFamily: null,
     fontFamilyMixed: !1,
     fontColor: null,
@@ -6844,7 +6844,7 @@ function ww(e) {
     marks: l,
     fontFamily: d || null,
     fontFamilyMixed: !1,
-    fontColor: c ? De(c) : null,
+    fontColor: c ? Te(c) : null,
     highlightColor: null,
     fontColorMixed: !1,
     highlightColorMixed: !1
@@ -6865,8 +6865,8 @@ function vw(e, t) {
 }
 function kw(e, t) {
   if (t.fontColorMixed) return !1;
-  const n = t.fontColor ? De(t.fontColor) : null;
-  return (e.style.color ? De(e.style.color) : null) === n ? !1 : (n ? e.style.color = n : e.style.removeProperty("color"), !0);
+  const n = t.fontColor ? Te(t.fontColor) : null;
+  return (e.style.color ? Te(e.style.color) : null) === n ? !1 : (n ? e.style.color = n : e.style.removeProperty("color"), !0);
 }
 function Aw(e, t) {
   let n = !1;
@@ -6916,7 +6916,7 @@ function Dw(e) {
   };
 }
 function Tw(e, t) {
-  const n = Dt(e), r = n ? Fn(e, n.startContainer, n.startOffset) : null, o = n ? Fn(e, n.endContainer, n.endOffset) : null, i = Tr(e), l = Kg(e);
+  const n = Tt(e), r = n ? Fn(e, n.startContainer, n.startOffset) : null, o = n ? Fn(e, n.endContainer, n.endOffset) : null, i = Tr(e), l = Kg(e);
   Oo(l);
   const c = Sw(l, t.font), d = Vn(l, Pw(t)), f = bw(l, t.backgroundImage);
   mi(e);
@@ -7017,13 +7017,13 @@ function zw(e, t) {
   for (const r of n) nt(r);
 }
 function Ow(e, t, n) {
-  At(t);
+  St(t);
   const r = Ye(t).filter((c) => c.data.length > 0);
   zw(e, r), r.length > 0 && bn(r);
   const o = window.getSelection();
   if (!o || o.rangeCount === 0) return !1;
   const i = o.getRangeAt(0);
-  At(i);
+  St(i);
   const l = document.createElement("a");
   fs(l, n);
   try {
@@ -7094,7 +7094,7 @@ function Vw(e, t) {
     return Gw(i, n), !0;
   if (o.collapsed)
     return Su(o, n), !0;
-  At(o);
+  St(o);
   const l = document.createElement("span");
   l.id = n;
   try {
@@ -7173,7 +7173,7 @@ function xu(e, t) {
 }
 function Sl(e, t, n) {
   if (!me(e, n.commonAncestorContainer)) return !1;
-  At(n);
+  St(n);
   const r = document.createElement("span");
   r.setAttribute(Oe, t);
   try {
@@ -7369,7 +7369,7 @@ function dC(e, t) {
   let n = t;
   for (; n.parentElement && n.parentElement !== e; ) {
     const r = n.parentElement;
-    if (!Pt(r)) {
+    if (!Dt(r)) {
       n = r;
       continue;
     }
@@ -7385,10 +7385,10 @@ function dC(e, t) {
   }
 }
 function mC(e) {
-  const t = Dt(e);
+  const t = Tt(e);
   if (!t || t.collapsed) return !1;
   const n = e.innerHTML;
-  At(t);
+  St(t);
   const r = Ye(t).filter((o) => o.data.length > 0);
   if (r.length === 0) return !1;
   for (const o of r)
@@ -7686,7 +7686,7 @@ function UC(e, t) {
 }
 function WC(e) {
   const t = ge(e);
-  return Pt(e) || t === "a";
+  return Dt(e) || t === "a";
 }
 function _u(e) {
   GC(e) && e.appendChild(document.createElement("br"));
@@ -7723,19 +7723,19 @@ function QC() {
 function e0(e) {
   return Pf(e, QC());
 }
-const zt = 16;
+const Ot = 16;
 function Iu(e) {
-  return Math.min(Kn.px.max, Math.max(zt, e));
+  return Math.min(Kn.px.max, Math.max(Ot, e));
 }
 function t0(e) {
   return e.width > 0 && e.height > 0 ? e.width / e.height : 1;
 }
 function n0(e, t) {
-  const n = Math.max(zt, zt * t), r = Math.min(Kn.px.max, Kn.px.max * t), o = Math.min(r, Math.max(n, e));
+  const n = Math.max(Ot, Ot * t), r = Math.min(Kn.px.max, Kn.px.max * t), o = Math.min(r, Math.max(n, e));
   return { width: o, height: o / t };
 }
 function r0(e, t) {
-  const n = Math.max(zt, zt / t), r = Math.min(Kn.px.max, Kn.px.max / t), o = Math.min(r, Math.max(n, e));
+  const n = Math.max(Ot, Ot / t), r = Math.min(Kn.px.max, Kn.px.max / t), o = Math.min(r, Math.max(n, e));
   return { width: o * t, height: o };
 }
 function o0(e, t, n) {
@@ -7748,12 +7748,12 @@ function o0(e, t, n) {
 function i0(e) {
   const t = e.getBoundingClientRect(), n = e.offsetWidth || t.width, r = e.offsetHeight || t.height;
   return {
-    width: n > 0 ? n : zt,
-    height: r > 0 ? r : zt
+    width: n > 0 ? n : Ot,
+    height: r > 0 ? r : Ot
   };
 }
 function a0(e, t, n) {
-  const r = $n(Math.max(zt, t), "px"), o = $n(Math.max(zt, n), "px");
+  const r = $n(Math.max(Ot, t), "px"), o = $n(Math.max(Ot, n), "px");
   return !r || !o ? !1 : nf(e, {
     ...tf(e),
     sizeMode: "lock",
@@ -7880,7 +7880,7 @@ function w0(e, t) {
   return k0(e, t.color) && (n = !0), bl(e, t.textAlign) && (n = !0), S0(e, t.verticalAlign) && (n = !0), P0(e, t.width) && (n = !0), n && gt(e), n;
 }
 function C0(e) {
-  const t = Tt(e);
+  const t = xt(e);
   return t ? y0(t) : null;
 }
 function v0(e, t) {
@@ -7889,7 +7889,7 @@ function v0(e, t) {
   let r = !1;
   for (const i of n)
     w0(i, t) && (r = !0);
-  const o = Tt(e);
+  const o = xt(e);
   if (o) {
     const i = wi(o);
     (i.colSpan !== t.colSpan || i.rowSpan !== t.rowSpan) && e1(e, t.colSpan, t.rowSpan) && (r = !0);
@@ -7898,10 +7898,10 @@ function v0(e, t) {
 }
 function Tf(e) {
   const t = e.style.color;
-  return t ? De(t) : null;
+  return t ? Te(t) : null;
 }
 function k0(e, t) {
-  const n = t ? De(t) : null;
+  const n = t ? Te(t) : null;
   return Tf(e) === n ? !1 : (n ? e.style.color = n : e.style.removeProperty("color"), !0);
 }
 function A0(e) {
@@ -7974,18 +7974,18 @@ function M0(e, t) {
 }
 function Ef(e) {
   const t = e.style.backgroundColor;
-  return t ? De(t) : null;
+  return t ? Te(t) : null;
 }
 function R0(e, t) {
-  const n = t ? De(t) : null;
+  const n = t ? Te(t) : null;
   return Ef(e) === n ? !1 : (n ? e.style.backgroundColor = n : e.style.removeProperty("background-color"), !0);
 }
 function Nf(e) {
   const t = e.style.color;
-  return t ? De(t) : null;
+  return t ? Te(t) : null;
 }
 function _0(e, t) {
-  const n = t ? De(t) : null;
+  const n = t ? Te(t) : null;
   return Nf(e) === n ? !1 : (n ? e.style.color = n : e.style.removeProperty("color"), !0);
 }
 function Mf(e) {
@@ -8091,7 +8091,7 @@ function Hu() {
   return Pl;
 }
 function O0(e) {
-  const t = De(e);
+  const t = Te(e);
   t && (Pl = [t, ...Pl.filter((n) => n !== t)].slice(0, z0), Dl.forEach((n) => n()));
 }
 function K0(e) {
@@ -8100,7 +8100,7 @@ function K0(e) {
   };
 }
 function No(e) {
-  const t = De(e);
+  const t = Te(e);
   return t ? {
     r: Number.parseInt(t.slice(1, 3), 16),
     g: Number.parseInt(t.slice(3, 5), 16),
@@ -8133,7 +8133,7 @@ async function $0() {
   const e = window.EyeDropper;
   try {
     const t = await new e().open();
-    return De(t.sRGBHex);
+    return Te(t.sRGBHex);
   } catch {
     return null;
   }
@@ -8182,25 +8182,25 @@ function gs({
     const Q = $a(I);
     k(Q), x({ r: String(I.r), g: String(I.g), b: String(I.b) }), E(un(I.r, I.g, I.b));
   }, [C, l]);
-  const R = (I, Q, ce) => {
-    I && (M.current = I), ce && I && O0(I), c(I), Q && (d == null || d(I));
-  }, N = (I, Q, ce) => {
+  const R = (I, Q, ue) => {
+    I && (M.current = I), ue && I && O0(I), c(I), Q && (d == null || d(I));
+  }, N = (I, Q, ue) => {
     const X = un(I.r, I.g, I.b);
-    k($a(I)), x({ r: String(I.r), g: String(I.g), b: String(I.b) }), E(X), R(X, Q, ce);
-  }, z = (I, Q, ce) => {
+    k($a(I)), x({ r: String(I.r), g: String(I.g), b: String(I.b) }), E(X), R(X, Q, ue);
+  }, z = (I, Q, ue) => {
     const X = Ua(I), Pe = un(X.r, X.g, X.b);
-    k(I), x({ r: String(X.r), g: String(X.g), b: String(X.b) }), E(Pe), R(Pe, Q, ce);
+    k(I), x({ r: String(X.r), g: String(X.g), b: String(X.b) }), E(Pe), R(Pe, Q, ue);
   }, q = (I) => {
     if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(I.key)) return;
-    const ce = [...I.currentTarget.querySelectorAll("button")], X = ce.findIndex((Te) => Te === document.activeElement);
+    const ue = [...I.currentTarget.querySelectorAll("button")], X = ue.findIndex((xe) => xe === document.activeElement);
     if (X < 0) return;
     I.preventDefault();
-    const Pe = I.key === "ArrowLeft" ? -1 : I.key === "ArrowRight" ? 1 : I.key === "ArrowUp" ? -Fu : Fu, Ge = ce[Math.max(0, Math.min(ce.length - 1, X + Pe))];
+    const Pe = I.key === "ArrowLeft" ? -1 : I.key === "ArrowRight" ? 1 : I.key === "ArrowUp" ? -Fu : Fu, Ge = ue[Math.max(0, Math.min(ue.length - 1, X + Pe))];
     Ge == null || Ge.focus();
   }, j = (I, Q) => {
-    const ce = H.current;
-    if (!ce || o) return;
-    const X = ce.getBoundingClientRect(), Pe = Math.max(0, Math.min(1, (I.clientX - X.left) / X.width)), Ge = Math.max(0, Math.min(1, 1 - (I.clientY - X.top) / X.height));
+    const ue = H.current;
+    if (!ue || o) return;
+    const X = ue.getBoundingClientRect(), Pe = Math.max(0, Math.min(1, (I.clientX - X.left) / X.width)), Ge = Math.max(0, Math.min(1, 1 - (I.clientY - X.top) / X.height));
     z({ h: A.h, s: Pe, v: Ge }, Q, Q);
   }, ne = (I) => {
     o || (I.currentTarget.setPointerCapture(I.pointerId), j(I, !1));
@@ -8239,7 +8239,7 @@ function gs({
               "aria-selected": i ? void 0 : Q,
               disabled: o,
               style: { backgroundColor: I },
-              onMouseDown: (ce) => ce.preventDefault(),
+              onMouseDown: (ue) => ue.preventDefault(),
               onClick: () => R(I, !0, !1)
             },
             I
@@ -8318,7 +8318,7 @@ function gs({
                 value: S[I],
                 disabled: o,
                 onChange: (Q) => {
-                  x((ce) => ({ ...ce, [I]: Q.target.value }));
+                  x((ue) => ({ ...ue, [I]: Q.target.value }));
                 },
                 onBlur: () => {
                   const Q = ov(S[I]);
@@ -8344,7 +8344,7 @@ function gs({
                 disabled: o,
                 onChange: (I) => E(I.target.value),
                 onBlur: () => {
-                  const I = De(L);
+                  const I = Te(L);
                   if (!I) {
                     E(ke);
                     return;
@@ -8759,7 +8759,7 @@ function nk({ commands: e, queries: t, disabled: n }) {
     }
   );
 }
-const rk = "_wrap_58i0x_1", ok = "_wrapToolbar_58i0x_9", ik = "_field_58i0x_14", ak = "_input_58i0x_22", lk = "_toggle_58i0x_41", sk = "_chevron_58i0x_42", ck = "_unit_58i0x_80", uk = "_list_58i0x_110", dk = "_option_58i0x_125", Ee = {
+const rk = "_wrap_58i0x_1", ok = "_wrapToolbar_58i0x_9", ik = "_field_58i0x_14", ak = "_input_58i0x_22", lk = "_toggle_58i0x_41", sk = "_chevron_58i0x_42", ck = "_unit_58i0x_80", uk = "_list_58i0x_110", dk = "_option_58i0x_125", Ne = {
   wrap: rk,
   wrapToolbar: ok,
   field: ik,
@@ -8833,7 +8833,7 @@ function Lf({
     "ul",
     {
       ref: C,
-      className: Ee.list,
+      className: Ne.list,
       role: "listbox",
       id: f,
       style: { top: x.top, left: x.left, minWidth: x.width },
@@ -8841,7 +8841,7 @@ function Lf({
         "button",
         {
           type: "button",
-          className: Ee.option,
+          className: Ne.option,
           role: "option",
           "aria-selected": e === R,
           onMouseDown: (N) => N.preventDefault(),
@@ -8852,13 +8852,13 @@ function Lf({
         }
       ) }, R))
     }
-  ) }) : null, M = /* @__PURE__ */ b("div", { className: `${Ee.wrap}${c ? ` ${Ee.wrapToolbar}` : ""}`, ref: p, children: [
-    /* @__PURE__ */ b("div", { className: Ee.field, ref: g, children: [
+  ) }) : null, M = /* @__PURE__ */ b("div", { className: `${Ne.wrap}${c ? ` ${Ne.wrapToolbar}` : ""}`, ref: p, children: [
+    /* @__PURE__ */ b("div", { className: Ne.field, ref: g, children: [
       /* @__PURE__ */ a(
         "input",
         {
           id: l,
-          className: Ee.input,
+          className: Ne.input,
           value: y,
           disabled: o,
           "aria-label": d("commandFontSizeAria"),
@@ -8881,7 +8881,7 @@ function Lf({
         "button",
         {
           type: "button",
-          className: Ee.toggle,
+          className: Ne.toggle,
           tabIndex: -1,
           disabled: o,
           "aria-label": d("commandFontSizeAria"),
@@ -8892,11 +8892,11 @@ function Lf({
         }
       )
     ] }),
-    /* @__PURE__ */ b("div", { className: Ee.field, children: [
+    /* @__PURE__ */ b("div", { className: Ne.field, children: [
       /* @__PURE__ */ a(
         "select",
         {
-          className: Ee.unit,
+          className: Ne.unit,
           value: t,
           disabled: o,
           "aria-label": d("commandFontSizeUnitAria"),
@@ -8906,7 +8906,7 @@ function Lf({
           children: Kl.map((R) => /* @__PURE__ */ a("option", { value: R, children: d(mk[R]) }, R))
         }
       ),
-      /* @__PURE__ */ a("span", { className: Ee.chevron, "aria-hidden": "true" })
+      /* @__PURE__ */ a("span", { className: Ne.chevron, "aria-hidden": "true" })
     ] }),
     H
   ] });
@@ -9532,7 +9532,7 @@ function ai({
     "ul",
     {
       ref: p,
-      className: Ee.list,
+      className: Ne.list,
       role: "listbox",
       id: l,
       style: { top: S.top, left: S.left, minWidth: S.width },
@@ -9540,7 +9540,7 @@ function ai({
         "button",
         {
           type: "button",
-          className: Ee.option,
+          className: Ne.option,
           role: "option",
           "aria-selected": _ === M,
           onMouseDown: (R) => R.preventDefault(),
@@ -9554,13 +9554,13 @@ function ai({
   ) }) : null;
   return /* @__PURE__ */ b("div", { className: u.lengthField, children: [
     /* @__PURE__ */ a("label", { className: u.sideLabel, htmlFor: c, children: e }),
-    /* @__PURE__ */ b("div", { className: `${Ee.wrap} ${u.lengthRow}`, ref: d, children: [
-      /* @__PURE__ */ b("div", { className: Ee.field, ref: f, children: [
+    /* @__PURE__ */ b("div", { className: `${Ne.wrap} ${u.lengthRow}`, ref: d, children: [
+      /* @__PURE__ */ b("div", { className: Ne.field, ref: f, children: [
         /* @__PURE__ */ a(
           "input",
           {
             id: c,
-            className: Ee.input,
+            className: Ne.input,
             value: C,
             disabled: r,
             "aria-label": t,
@@ -9583,7 +9583,7 @@ function ai({
           "button",
           {
             type: "button",
-            className: Ee.toggle,
+            className: Ne.toggle,
             tabIndex: -1,
             disabled: r,
             "aria-label": t,
@@ -9594,11 +9594,11 @@ function ai({
           }
         )
       ] }),
-      /* @__PURE__ */ b("div", { className: Ee.field, children: [
+      /* @__PURE__ */ b("div", { className: Ne.field, children: [
         /* @__PURE__ */ a(
           "select",
           {
-            className: Ee.unit,
+            className: Ne.unit,
             value: g,
             disabled: r,
             "aria-label": i("imagePropertiesSizeUnitAria"),
@@ -9613,7 +9613,7 @@ function ai({
             children: Qm.map((M) => /* @__PURE__ */ a("option", { value: M, children: i(pA[M]) }, M))
           }
         ),
-        /* @__PURE__ */ a("span", { className: Ee.chevron, "aria-hidden": "true" })
+        /* @__PURE__ */ a("span", { className: Ne.chevron, "aria-hidden": "true" })
       ] }),
       H
     ] })
@@ -9931,9 +9931,9 @@ function ys({
   onChange: p
 }) {
   const g = Y(), C = r ? xA().filter((P) => r.includes(P.id)) : If, y = Z(), w = Z(), h = Z(), A = Z(), [k, S] = T(
-    () => Ht(t.margin, gr(t.margin.top))
+    () => zt(t.margin, gr(t.margin.top))
   ), [x, L] = T(
-    () => Ht(t.padding, gr(t.padding.top))
+    () => zt(t.padding, gr(t.padding.top))
   ), E = (P, _, H, M) => {
     const R = t[P], N = _ ? gr(M) : { ...R, [H]: M };
     p({
@@ -10919,9 +10919,9 @@ function UA({
         return;
       }
       if (Q.key !== "Tab" || !ae) return;
-      const ce = [...ae.querySelectorAll(ju)];
-      if (ce.length === 0) return;
-      const X = ce[0], Pe = ce[ce.length - 1];
+      const ue = [...ae.querySelectorAll(ju)];
+      if (ue.length === 0) return;
+      const X = ue[0], Pe = ue[ue.length - 1];
       Q.shiftKey && document.activeElement === X ? (Q.preventDefault(), Pe.focus()) : !Q.shiftKey && document.activeElement === Pe && (Q.preventDefault(), X.focus());
     };
     return document.addEventListener("keydown", I, !0), () => document.removeEventListener("keydown", I, !0);
@@ -11179,7 +11179,7 @@ function jA({
   onApply: r,
   onClose: o
 }) {
-  const i = Y(), l = Z(), c = Z(), d = Z(), f = D(null), [p, g] = T(""), [C, y] = T(!1), w = xe(() => new Set(t), [t]), h = gf(p, w);
+  const i = Y(), l = Z(), c = Z(), d = Z(), f = D(null), [p, g] = T(""), [C, y] = T(!1), w = Ee(() => new Set(t), [t]), h = gf(p, w);
   if (G(() => {
     e && (g(""), y(!1));
   }, [e]), G(() => {
@@ -11299,8 +11299,8 @@ function YA({
       if (de.key !== "Tab" || !te) return;
       const I = [...te.querySelectorAll(Yu)];
       if (I.length === 0) return;
-      const Q = I[0], ce = I[I.length - 1];
-      de.shiftKey && document.activeElement === Q ? (de.preventDefault(), ce.focus()) : !de.shiftKey && document.activeElement === ce && (de.preventDefault(), Q.focus());
+      const Q = I[0], ue = I[I.length - 1];
+      de.shiftKey && document.activeElement === Q ? (de.preventDefault(), ue.focus()) : !de.shiftKey && document.activeElement === ue && (de.preventDefault(), Q.focus());
     };
     return document.addEventListener("keydown", ae, !0), () => document.removeEventListener("keydown", ae, !0);
   }, [e, i]), !e) return null;
@@ -11652,7 +11652,7 @@ function cS({
   onChange: i
 }) {
   const l = Y(), c = Z(), d = Z(), f = Z(), [p, g] = T(
-    () => Ht(t.margin, ja(t.margin.top))
+    () => zt(t.margin, ja(t.margin.top))
   ), C = t.align === "center", y = (h, A) => {
     if (t.sizeMode === "lock" && A) {
       const k = wr(h, A, n);
@@ -12195,17 +12195,17 @@ function yS({
     if (!e) return;
     const X = E.current, Pe = X == null ? void 0 : X.querySelector(Qu);
     Pe == null || Pe.focus();
-    const Ge = (Te) => {
-      if (Te.key === "Escape") {
+    const Ge = (xe) => {
+      if (xe.key === "Escape") {
         if (document.querySelector('[role="listbox"], [data-color-picker]')) return;
-        Te.preventDefault(), Te.stopPropagation(), w();
+        xe.preventDefault(), xe.stopPropagation(), w();
         return;
       }
-      if (Te.key !== "Tab" || !X) return;
+      if (xe.key !== "Tab" || !X) return;
       const on = [...X.querySelectorAll(Qu)];
       if (on.length === 0) return;
       const Lr = on[0], Zn = on[on.length - 1];
-      Te.shiftKey && document.activeElement === Lr ? (Te.preventDefault(), Zn.focus()) : !Te.shiftKey && document.activeElement === Zn && (Te.preventDefault(), Lr.focus());
+      xe.shiftKey && document.activeElement === Lr ? (xe.preventDefault(), Zn.focus()) : !xe.shiftKey && document.activeElement === Zn && (xe.preventDefault(), Lr.focus());
     };
     return document.addEventListener("keydown", Ge, !0), () => document.removeEventListener("keydown", Ge, !0);
   }, [e, w, t, j]), !e) return null;
@@ -12219,7 +12219,7 @@ function yS({
   }), Q = () => {
     const X = P.trim();
     !X || g || y({ ...I(), href: X });
-  }, ce = () => {
+  }, ue = () => {
     !ae || g || y({ ...I(), href: `#${ae}` });
   };
   return /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a("div", { className: u.backdrop, role: "presentation", onMouseDown: w, children: /* @__PURE__ */ b(
@@ -12384,7 +12384,7 @@ function yS({
               type: "button",
               className: u.action,
               disabled: g || !ae,
-              onClick: ce,
+              onClick: ue,
               children: h("linkDialogSelect")
             }
           ),
@@ -12979,10 +12979,10 @@ function qa(e) {
 }
 function FS({ value: e, disabled: t, onChange: n }) {
   const r = Y(), o = Z(), i = Z(), l = Z(), [c, d] = T(
-    () => Ht(e.padding, Io(qa(e.padding)))
+    () => zt(e.padding, Io(qa(e.padding)))
   );
   return G(() => {
-    d(Ht(e.padding, Io(qa(e.padding))));
+    d(zt(e.padding, Io(qa(e.padding))));
   }, [e.padding]), /* @__PURE__ */ b("div", { className: u.body, children: [
     /* @__PURE__ */ a(
       ut,
@@ -13223,10 +13223,10 @@ function Ya(e) {
 }
 function OS({ value: e, disabled: t, onChange: n }) {
   const r = Y(), o = Z(), [i, l] = T(
-    () => Ht(e.padding, Fo(Ya(e.padding)))
+    () => zt(e.padding, Fo(Ya(e.padding)))
   );
   return G(() => {
-    l(Ht(e.padding, Fo(Ya(e.padding))));
+    l(zt(e.padding, Fo(Ya(e.padding))));
   }, [e.padding]), /* @__PURE__ */ b("div", { className: u.body, children: [
     /* @__PURE__ */ a(
       ut,
@@ -13382,7 +13382,7 @@ function KS({
     }
   ) }) }) : null;
 }
-const $S = "_backdrop_9d3gw_1", US = "_dialog_9d3gw_12", WS = "_headerRow_9d3gw_29", GS = "_header_9d3gw_29", VS = "_close_9d3gw_44", jS = "_body_9d3gw_66", ZS = "_frame_9d3gw_75", qS = "_actions_9d3gw_83", YS = "_action_9d3gw_83", Lt = {
+const $S = "_backdrop_9d3gw_1", US = "_dialog_9d3gw_12", WS = "_headerRow_9d3gw_29", GS = "_header_9d3gw_29", VS = "_close_9d3gw_44", jS = "_body_9d3gw_66", ZS = "_frame_9d3gw_75", qS = "_actions_9d3gw_83", YS = "_action_9d3gw_83", It = {
   backdrop: $S,
   dialog: US,
   headerRow: WS,
@@ -13416,34 +13416,34 @@ function XS({ open: e, html: t, onClose: n }) {
     if (!e) return;
     const c = (d = l.current) == null ? void 0 : d.contentDocument;
     c && il(c, t, r("previewDialogTitle"));
-  }, [e, t, r]), e ? /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a("div", { className: Lt.backdrop, role: "presentation", onMouseDown: n, children: /* @__PURE__ */ b(
+  }, [e, t, r]), e ? /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a("div", { className: It.backdrop, role: "presentation", onMouseDown: n, children: /* @__PURE__ */ b(
     "div",
     {
       ref: i,
-      className: Lt.dialog,
+      className: It.dialog,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": o,
       onMouseDown: (c) => c.stopPropagation(),
       children: [
-        /* @__PURE__ */ b("div", { className: Lt.headerRow, children: [
-          /* @__PURE__ */ a("h2", { className: Lt.header, id: o, children: r("previewDialogTitle") }),
+        /* @__PURE__ */ b("div", { className: It.headerRow, children: [
+          /* @__PURE__ */ a("h2", { className: It.header, id: o, children: r("previewDialogTitle") }),
           /* @__PURE__ */ a(
             "button",
             {
               type: "button",
-              className: Lt.close,
+              className: It.close,
               "aria-label": r("previewDialogCloseAria"),
               onClick: n,
               children: /* @__PURE__ */ a(We, {})
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: Lt.body, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: It.body, children: /* @__PURE__ */ a(
           "iframe",
           {
             ref: l,
-            className: Lt.frame,
+            className: It.frame,
             title: r("previewDialogTitle"),
             sandbox: "allow-same-origin",
             tabIndex: -1,
@@ -13454,7 +13454,7 @@ function XS({ open: e, html: t, onClose: n }) {
             }
           }
         ) }),
-        /* @__PURE__ */ a("div", { className: Lt.actions, children: /* @__PURE__ */ a("button", { type: "button", className: Lt.action, onClick: n, children: r("previewDialogClose") }) })
+        /* @__PURE__ */ a("div", { className: It.actions, children: /* @__PURE__ */ a("button", { type: "button", className: It.action, onClick: n, children: r("previewDialogClose") }) })
       ]
     }
   ) }) }) : null;
@@ -13550,7 +13550,7 @@ function vP({
     var h;
     (h = p.current) == null || h.focus();
   }, [e == null ? void 0 : e.id]);
-  const g = !n && r && d.trim().length > 0, C = xe(() => (e == null ? void 0 : e.messages) ?? [], [e == null ? void 0 : e.messages]), y = C.length === 0 ? c("commentPlaceholder") : c("commentReplyPlaceholder");
+  const g = !n && r && d.trim().length > 0, C = Ee(() => (e == null ? void 0 : e.messages) ?? [], [e == null ? void 0 : e.messages]), y = C.length === 0 ? c("commentPlaceholder") : c("commentReplyPlaceholder");
   if (!e) return null;
   const w = () => {
     const h = d.trim();
@@ -13737,10 +13737,10 @@ function en(e, t) {
 function li(e, t) {
   return t ? t.ariaLabel ? t.ariaLabel : t.ariaKey ? e(t.ariaKey) : en(e, t) : "";
 }
-const kt = "fullscreen", Tl = "commspliant-html-editor.toolbarCustomization";
+const At = "fullscreen", Tl = "commspliant-html-editor.toolbarCustomization";
 function xl(e) {
-  const t = e.filter((n) => n !== kt);
-  return e.includes(kt) ? [...t, kt] : t;
+  const t = e.filter((n) => n !== At);
+  return e.includes(At) ? [...t, At] : t;
 }
 function ws(e, t) {
   if (!t || t.length === 0) return xl(e);
@@ -13811,7 +13811,7 @@ function NP(e, t, n, r) {
 }
 function Uf(e, t, n, r) {
   const o = Cs(e, t), i = [...(e == null ? void 0 : e.hiddenItemIds) ?? []];
-  if (n === kt || r === kt)
+  if (n === At || r === At)
     return { groupOrder: o, hiddenItemIds: i };
   const l = o.indexOf(n), c = o.indexOf(r);
   if (l < 0 || c < 0 || l === c)
@@ -13823,7 +13823,7 @@ function Uf(e, t, n, r) {
   };
 }
 function ud(e, t, n, r) {
-  const o = Cs(e, t), i = o.filter((d) => d !== kt), l = i.indexOf(n), c = l + r;
+  const o = Cs(e, t), i = o.filter((d) => d !== At), l = i.indexOf(n), c = l + r;
   return l < 0 || c < 0 || c >= i.length ? { groupOrder: o, hiddenItemIds: [...(e == null ? void 0 : e.hiddenItemIds) ?? []] } : Uf(e, t, n, i[c]);
 }
 const MP = "_backdrop_11w4e_1", RP = "_dialog_11w4e_12", _P = "_header_11w4e_31", LP = "_body_11w4e_39", IP = "_group_11w4e_49", FP = "_groupDragging_11w4e_55", BP = "_groupDropTarget_11w4e_59", HP = "_groupHeader_11w4e_64", zP = "_groupTitle_11w4e_72", OP = "_dragHandle_11w4e_77", KP = "_moveButton_11w4e_78", $P = "_items_11w4e_119", UP = "_item_11w4e_119", WP = "_itemIcon_11w4e_135", GP = "_itemTitle_11w4e_144", VP = "_itemCheckbox_11w4e_151", jP = "_actions_11w4e_155", ZP = "_action_11w4e_155", qP = "_spinnerWrap_11w4e_191", YP = "_spinner_11w4e_191", ye = {
@@ -13893,14 +13893,14 @@ function JP({
     };
     return document.addEventListener("keydown", q, !0), () => document.removeEventListener("keydown", q, !0);
   }, [e, f]), !e) return null;
-  const P = L.map((N) => N.id).filter((N) => N !== kt), _ = (N, z) => {
-    if (E || z === kt) {
+  const P = L.map((N) => N.id).filter((N) => N !== At), _ = (N, z) => {
+    if (E || z === At) {
       N.preventDefault();
       return;
     }
     N.dataTransfer.setData("text/plain", z), N.dataTransfer.effectAllowed = "move", w(z);
   }, H = (N, z) => {
-    E || z === kt || !y || y === z || (N.preventDefault(), N.dataTransfer && (N.dataTransfer.dropEffect = "move"), A(z));
+    E || z === At || !y || y === z || (N.preventDefault(), N.dataTransfer && (N.dataTransfer.dropEffect = "move"), A(z));
   }, M = (N, z) => {
     var j;
     N.preventDefault();
@@ -13931,7 +13931,7 @@ function JP({
             children: /* @__PURE__ */ a("span", { className: ye.spinner, "aria-hidden": "true" })
           }
         ) : L.map((N) => {
-          const z = t.groups[N.id], q = z ? en(p, z) : N.id, j = N.id === kt, ne = P.indexOf(N.id);
+          const z = t.groups[N.id], q = z ? en(p, z) : N.id, j = N.id === At, ne = P.indexOf(N.id);
           return /* @__PURE__ */ b(
             "section",
             {
@@ -14246,7 +14246,7 @@ function oD({
     }
   );
 }
-const iD = "_wrap_1gtdc_1", aD = "_wrapToolbar_1gtdc_7", lD = "_field_1gtdc_12", sD = "_trigger_1gtdc_20", cD = "_chevron_1gtdc_46", uD = "_list_1gtdc_69", dD = "_option_1gtdc_84", mD = "_separator_1gtdc_113", Ft = {
+const iD = "_wrap_1gtdc_1", aD = "_wrapToolbar_1gtdc_7", lD = "_field_1gtdc_12", sD = "_trigger_1gtdc_20", cD = "_chevron_1gtdc_46", uD = "_list_1gtdc_69", dD = "_option_1gtdc_84", mD = "_separator_1gtdc_113", Bt = {
   wrap: iD,
   wrapToolbar: aD,
   field: lD,
@@ -14345,7 +14345,7 @@ function Gf({
     "ul",
     {
       ref: i,
-      className: Ft.list,
+      className: Bt.list,
       role: "listbox",
       id: o,
       style: l,
@@ -14356,7 +14356,7 @@ function Gf({
           "button",
           {
             type: "button",
-            className: Ft.option,
+            className: Bt.option,
             role: "option",
             "aria-selected": w === k,
             disabled: n,
@@ -14366,13 +14366,13 @@ function Gf({
             children: y(El[k])
           }
         ) }, k)),
-        h && (f || d.length > 0) ? /* @__PURE__ */ a("li", { role: "separator", className: Ft.separator }) : null,
+        h && (f || d.length > 0) ? /* @__PURE__ */ a("li", { role: "separator", className: Bt.separator }) : null,
         h && f ? /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ a(md, {}) }) : null,
         h && !f ? d.map((k) => /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            className: Ft.option,
+            className: Bt.option,
             role: "option",
             "aria-selected": !1,
             disabled: n,
@@ -14419,13 +14419,13 @@ function pD({ commands: e, queries: t, disabled: n }) {
       document.removeEventListener("pointerdown", E), document.removeEventListener("keydown", P, !0);
     };
   }, [d]);
-  const L = /* @__PURE__ */ b("div", { className: `${Ft.wrap} ${Ft.wrapToolbar}`, ref: i, children: [
-    /* @__PURE__ */ b("div", { className: Ft.field, ref: l, children: [
+  const L = /* @__PURE__ */ b("div", { className: `${Bt.wrap} ${Bt.wrapToolbar}`, ref: i, children: [
+    /* @__PURE__ */ b("div", { className: Bt.field, ref: l, children: [
       /* @__PURE__ */ a(
         "button",
         {
           type: "button",
-          className: Ft.trigger,
+          className: Bt.trigger,
           disabled: C,
           "aria-label": r("commandParagraphStyleAria"),
           "aria-haspopup": "listbox",
@@ -14436,7 +14436,7 @@ function pD({ commands: e, queries: t, disabled: n }) {
           children: h
         }
       ),
-      /* @__PURE__ */ a("span", { className: Ft.chevron, "aria-hidden": "true" })
+      /* @__PURE__ */ a("span", { className: Bt.chevron, "aria-hidden": "true" })
     ] }),
     d ? /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ a(
       Gf,
@@ -15990,7 +15990,7 @@ const BD = "_root_3hjd3_1", HD = "_fullscreen_3hjd3_36", zD = "_exitFullscreen_3
     }
   }));
   const k = K((x, L) => {
-    const E = Hn(Me(L).body);
+    const E = Hn(De(L).body);
     x.innerHTML !== E && (x.innerHTML = E), mi(x), _r(x, L);
   }, []);
   He(() => {
@@ -16079,11 +16079,11 @@ function mT({
   disableBuiltinVideoInsert: de,
   disableHtmlFileDrop: I = !1,
   toolbarCustomization: Q,
-  darkMode: ce = !1,
+  darkMode: ue = !1,
   darkModePersistence: X,
   toolbarPosition: Pe = "top",
   toolbarPositionPersistence: Ge,
-  enableMultiPages: Te = !1,
+  enableMultiPages: xe = !1,
   pages: on,
   defaultPages: Lr,
   onPagesChange: Zn,
@@ -16096,24 +16096,24 @@ function mT({
 }) {
   const le = !!(y || w), qn = !!y, Jf = Qc(
     Lr ?? (t.trim() ? [t] : [tl()])
-  ), Qf = Te ? It(Jf) : t, ep = Te && on !== void 0 ? It(Qc(on)) : e, [_e, vs] = Eo({
+  ), Qf = xe ? Ft(Jf) : t, ep = xe && on !== void 0 ? Ft(Qc(on)) : e, [_e, vs] = Eo({
     value: ep,
     defaultValue: Qf,
-    onChange: Te ? void 0 : n
+    onChange: xe ? void 0 : n
   }), [Ae, ks] = Eo({
     value: l,
     defaultValue: c,
     onChange: d
-  }), [xt, Yn] = Eo({
+  }), [Et, Yn] = Eo({
     value: f,
     defaultValue: p,
     onChange: g
-  }), [yt, tp] = T(Zf), [wt, Et] = T(null), [yn, Xn] = Eo({
+  }), [yt, tp] = T(Zf), [wt, Nt] = T(null), [yn, Xn] = Eo({
     value: qf,
     defaultValue: Yf,
     onChange: Xf
-  }), B = D(null), Ai = D(null), As = D(null), Fr = D(null), Xe = D(null), $e = D(Te);
-  $e.current = Te;
+  }), B = D(null), Ai = D(null), As = D(null), Fr = D(null), Xe = D(null), $e = D(xe);
+  $e.current = xe;
   const an = D(Ve);
   an.current = Ve;
   const Ss = D(w);
@@ -16126,30 +16126,30 @@ function mT({
   Hr.current = yn;
   const zr = D(Zn);
   zr.current = Zn;
-  const [wn, Ds] = T(0), Ot = D(wn);
-  Ot.current = wn;
+  const [wn, Ds] = T(0), Kt = D(wn);
+  Kt.current = wn;
   const Si = D(null);
   Si.current === null && (Si.current = PP(_e));
-  const ot = Si.current, ue = D(_e);
-  ue.current = _e;
+  const ot = Si.current, se = D(_e);
+  se.current = _e;
   const Or = D(!0), Pi = D(""), Cn = D(null), $ = D(Ae);
   $.current = Ae;
-  const Ts = D(xt);
-  Ts.current = xt;
-  const Ne = D(null), [, np] = T(0), Jn = D(null);
+  const Ts = D(Et);
+  Ts.current = Et;
+  const Me = D(null), [, np] = T(0), Jn = D(null);
   Jn.current === null && (Jn.current = bC(() => {
     np((s) => s + 1);
   }));
   const Kr = D(z);
   Kr.current = z;
-  const it = D({}), Je = D(null), at = D(null), dt = D(null), mt = D(null), Kt = D(null), Qe = D(null), [$r, Di] = T(Bt), Ti = D($r);
+  const it = D({}), Je = D(null), at = D(null), dt = D(null), mt = D(null), $t = D(null), Qe = D(null), [$r, Di] = T(Ht), Ti = D($r);
   Ti.current = $r;
-  const Nt = D(mn), [Qn, Ur] = T({
+  const Mt = D(mn), [Qn, Ur] = T({
     value: null,
     unit: mn,
     mixed: !1
-  }), $t = D(Qn);
-  $t.current = Qn;
+  }), Ut = D(Qn);
+  Ut.current = Qn;
   const [er, xi] = T({
     value: null,
     mixed: !1
@@ -16188,7 +16188,7 @@ function mT({
   const [lr, jr] = T({
     open: !1,
     tab: "general"
-  }), [$i, Fs] = T(!1), [sr, Bs] = T({ open: !1, html: "" }), [Ui, Zr] = T(null), [rp, Wi] = T(!1), [op, Gi] = T(!1), [vn, qr] = T(() => X ? ce : ld() ?? ce), [ft, Yr] = T(() => Ge ? Pe : sd() ?? Pe), [Xr, ip] = T(
+  }), [$i, Fs] = T(!1), [sr, Bs] = T({ open: !1, html: "" }), [Ui, Zr] = T(null), [rp, Wi] = T(!1), [op, Gi] = T(!1), [vn, qr] = T(() => X ? ue : ld() ?? ue), [ft, Yr] = T(() => Ge ? Pe : sd() ?? Pe), [Xr, ip] = T(
     () => nP() ?? "fitWidth"
   ), [Vi, ap] = T(1), [ln, Jr] = T({
     open: !1,
@@ -16278,16 +16278,16 @@ function mT({
   lc.current = ke;
   const sc = D(de);
   sc.current = de;
-  const ma = D(0), dr = D(0), cc = D(0), uo = D(0), uc = D(0), mo = D(0), dc = D(0), Ut = xe(() => Fd(N), [N]), Sn = D(Ut);
-  Sn.current = Ut;
-  const fa = xe(
-    () => ih(_e, Ut).join(`
+  const ma = D(0), dr = D(0), cc = D(0), uo = D(0), uc = D(0), mo = D(0), dc = D(0), Wt = Ee(() => Fd(N), [N]), Sn = D(Wt);
+  Sn.current = Wt;
+  const fa = Ee(
+    () => ih(_e, Wt).join(`
 `),
-    [_e, Ut]
-  ), fo = xe(
-    () => tt(_e).map((s) => Me(s).body),
+    [_e, Wt]
+  ), fo = Ee(
+    () => tt(_e).map((s) => De(s).body),
     [_e]
-  ), mc = xe(() => Te ? fo[wn] ?? "" : Me(_e).body, [Te, fo, wn, _e]), fc = xe(
+  ), mc = Ee(() => xe ? fo[wn] ?? "" : De(_e).body, [xe, fo, wn, _e]), fc = Ee(
     () => m1(gn(mc)),
     [mc]
   );
@@ -16380,7 +16380,7 @@ function mT({
   G(() => {
     const s = X;
     if (!(s != null && s.load) || !s.save) {
-      qr(ld() ?? ce);
+      qr(ld() ?? ue);
       return;
     }
     const m = ++uo.current;
@@ -16388,15 +16388,15 @@ function mT({
       try {
         const v = await s.load();
         if (m !== uo.current) return;
-        qr(typeof v == "boolean" ? v : ce);
+        qr(typeof v == "boolean" ? v : ue);
       } catch {
         if (m !== uo.current) return;
-        qr(ce);
+        qr(ue);
       }
     })(), () => {
       uo.current += 1;
     };
-  }, [X, ce]), He(() => {
+  }, [X, ue]), He(() => {
     if (Ae !== "visual") return;
     const s = As.current;
     if (!s) return;
@@ -16451,10 +16451,10 @@ function mT({
     (s) => {
       var v, F;
       const m = ((v = Kr.current) == null ? void 0 : v.call(Kr, s)) ?? s;
-      return m !== ue.current && (Or.current = !0), vs(m), $e.current && ((F = zr.current) == null || F.call(
+      return m !== se.current && (Or.current = !0), vs(m), $e.current && ((F = zr.current) == null || F.call(
         zr,
         tt(m),
-        Ot.current
+        Kt.current
       )), m;
     },
     [vs]
@@ -16467,8 +16467,8 @@ function mT({
   ), dp = K(
     (s) => {
       if ($e.current) {
-        const m = tt(ue.current), v = Ot.current, F = [...m];
-        F[v] = s, be(It(F), !1);
+        const m = tt(se.current), v = Kt.current, F = [...m];
+        F[v] = s, be(Ft(F), !1);
         return;
       }
       be(s, !1);
@@ -16477,73 +16477,73 @@ function mT({
   ), mr = kP({
     enabled: !le && !I,
     onHtml: dp
-  }), se = K(
+  }), ce = K(
     (s, m) => be(
       Po(
         s,
-        Do(s, ue.current, Sn.current)
+        Do(s, se.current, Sn.current)
       ),
       m
     ),
     [be]
   ), mp = K(
-    (s, m) => se(Gt(s, ue.current), m),
-    [se]
+    (s, m) => ce(kt(s, se.current), m),
+    [ce]
   ), go = K((s, m) => Po(
     s,
     Do(s, m, Sn.current)
-  ), []), Mt = K(() => {
+  ), []), Rt = K(() => {
     const s = Fr.current;
-    return (s == null ? void 0 : s.getContainer()) ? tt(ue.current).map((F, W) => {
+    return (s == null ? void 0 : s.getContainer()) ? tt(se.current).map((F, W) => {
       const J = s == null ? void 0 : s.flushPageHtml(W);
       if (J === null) return F;
-      const Fe = Gt(J, Me(F).body);
+      const Fe = kt(J, De(F).body);
       return go(Fe, F);
-    }) : tt(ue.current);
+    }) : tt(se.current);
   }, [go]), pa = K(
     (s, m, v) => {
-      const F = tt(ue.current), W = [...F];
-      W[s] = go(m, F[s] ?? ""), be(It(W), v);
+      const F = tt(se.current), W = [...F];
+      W[s] = go(m, F[s] ?? ""), be(Ft(W), v);
     },
     [be, go]
   ), ie = K(
     (s, m) => {
       var F;
       if (!$e.current) {
-        se(Gt(s.innerHTML, ue.current), m);
+        ce(kt(s.innerHTML, se.current), m);
         return;
       }
       const v = (F = Fr.current) == null ? void 0 : F.getContainer();
       if (!v) {
-        se(Gt(s.innerHTML, ue.current), m);
+        ce(kt(s.innerHTML, se.current), m);
         return;
       }
-      for (let W = 0; W < tt(ue.current).length; W += 1)
+      for (let W = 0; W < tt(se.current).length; W += 1)
         if (Ko(v, W) === s) {
-          const J = tt(ue.current)[W] ?? "";
+          const J = tt(se.current)[W] ?? "";
           pa(
             W,
-            Gt(s.innerHTML, Me(J).body),
+            kt(s.innerHTML, De(J).body),
             m
           );
           return;
         }
-      se(Gt(s.innerHTML, ue.current), m);
+      ce(kt(s.innerHTML, se.current), m);
     },
-    [pa, se]
+    [pa, ce]
   ), yc = K(
     (s, m) => {
       Ss.current || ie(s, m);
     },
     [ie]
   ), wc = K(() => {
-    const s = $e.current ? Mt() : tt(ue.current);
-    return s[Ot.current] ?? s[0] ?? "";
-  }, [Mt]), ho = K(() => $e.current ? Mt() : [ue.current], [Mt]), Cc = K(() => {
+    const s = $e.current ? Rt() : tt(se.current);
+    return s[Kt.current] ?? s[0] ?? "";
+  }, [Rt]), ho = K(() => $e.current ? Rt() : [se.current], [Rt]), Cc = K(() => {
     if (!$e.current || $.current !== "visual") return;
-    const s = Mt(), m = Ot.current + 1, v = [...s];
-    v.splice(m, 0, tl()), be(It(v), !1), Ds(m);
-  }, [Mt, be]), bo = K(() => {
+    const s = Rt(), m = Kt.current + 1, v = [...s];
+    v.splice(m, 0, tl()), be(Ft(v), !1), Ds(m);
+  }, [Rt, be]), bo = K(() => {
     const s = ot.undo();
     s !== null && (ot.markApplying(), Pn(s));
   }, [Pn, ot]), yo = K(() => {
@@ -16554,7 +16554,7 @@ function mT({
     ot.syncExternal(_e);
   }, [_e, ot]);
   const O = K(() => {
-    Ne.current = vt({
+    Me.current = vt({
       mode: $.current,
       visualEl: B.current,
       htmlEl: Xe.current
@@ -16570,16 +16570,16 @@ function mT({
       mode: $.current,
       visualEl: B.current,
       htmlEl: Xe.current
-    }), m = Ne.current;
-    ru(m, s) || (Ne.current = s);
+    }), m = Me.current;
+    ru(m, s) || (Me.current = s);
   }, []), ha = K(() => {
     const s = B.current;
     if ($.current !== "visual" || !s) {
-      Ur({ value: null, unit: Nt.current, mixed: !1 });
+      Ur({ value: null, unit: Mt.current, mixed: !1 });
       return;
     }
-    const m = wm(s, Nt.current);
-    Je.current && (m.value = Je.current.value, m.unit = Je.current.unit, m.mixed = !1), Nt.current = m.unit, Ur(
+    const m = wm(s, Mt.current);
+    Je.current && (m.value = Je.current.value, m.unit = Je.current.unit, m.mixed = !1), Mt.current = m.unit, Ur(
       (v) => v.value === m.value && v.unit === m.unit && v.mixed === m.mixed ? v : m
     );
   }, []), ba = K(() => {
@@ -16633,16 +16633,16 @@ function mT({
   }, []), U = K(() => {
     const s = B.current;
     if ($.current !== "visual" || !s) {
-      Di(Bt()), zi(!1), ha(), ba(), ya(), wa(), Ca();
+      Di(Ht()), zi(!1), ha(), ba(), ya(), wa(), Ca();
       return;
     }
-    const m = Ne.current, v = !!(m && !m.collapsed);
+    const m = Me.current, v = !!(m && !m.collapsed);
     zi((W) => W === v ? W : v);
     const F = Sm(Mn(s), it.current);
     Di((W) => iy(W, F) ? W : F), ha(), ba(), ya(), wa(), Ca();
   }, [ha, ba, ya, wa, Ca]), vc = K(() => {
-    const s = Ne.current, m = Qe.current;
-    !m || !s || s.collapsed && s.start === m.start && s.end === m.end || (it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, Kt.current = null, Qe.current = null);
+    const s = Me.current, m = Qe.current;
+    !m || !s || s.collapsed && s.start === m.start && s.end === m.end || (it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, $t.current = null, Qe.current = null);
   }, []);
   G(() => {
     Or.current = !0;
@@ -16651,7 +16651,7 @@ function mT({
       U();
       return;
     }
-    it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, Kt.current = null, Qe.current = null, Di(Bt()), Ur({ value: null, unit: Nt.current, mixed: !1 }), xi({ value: null, mixed: !1 }), Ei({ value: null, mixed: !1 }), Ni({ value: null, mixed: !1 }), Ri({ tag: null, mixed: !1 }), Li({ align: null, mixed: !1 }), Fi({ type: null, mixed: !1 }), Bi(!1), zi(!1);
+    it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, $t.current = null, Qe.current = null, Di(Ht()), Ur({ value: null, unit: Mt.current, mixed: !1 }), xi({ value: null, mixed: !1 }), Ei({ value: null, mixed: !1 }), Ni({ value: null, mixed: !1 }), Ri({ tag: null, mixed: !1 }), Li({ align: null, mixed: !1 }), Fi({ type: null, mixed: !1 }), Bi(!1), zi(!1);
   }, [Ae, U]);
   const Dn = K(
     (s, m, v) => {
@@ -16659,10 +16659,16 @@ function mT({
         snapshot: s,
         visualEl: B.current,
         htmlEl: Xe.current,
-        getHtml: () => $.current === "visual" && B.current ? B.current.innerHTML : ue.current,
+        getHtml: () => $.current === "visual" && B.current ? B.current.innerHTML : se.current,
         setHtml: (F) => {
           if ($.current === "visual") {
-            se(Me(F).body, !1);
+            ce(
+              kt(
+                De(F).body,
+                De(se.current).body
+              ),
+              !1
+            );
             return;
           }
           be(F, !1);
@@ -16671,38 +16677,41 @@ function mT({
         asHtml: v
       });
     },
-    [be, se]
+    [be, ce]
   ), kc = K(
     (s) => {
       if ($.current === "visual" && s === "html") {
         if ($e.current) {
-          const m = It(Mt());
-          m !== ue.current && be(m, !0);
+          const m = Ft(Rt());
+          m !== se.current && be(m, !0);
         } else if (B.current) {
-          const m = B.current.innerHTML, v = Po(
+          const m = kt(
+            B.current.innerHTML,
+            De(se.current).body
+          ), v = Po(
             m,
-            Do(m, ue.current, Sn.current)
+            Do(m, se.current, Sn.current)
           );
-          v !== ue.current && be(v, !0);
+          v !== se.current && be(v, !0);
         }
       }
       ks(s);
     },
-    [be, ks, Mt]
+    [be, ks, Rt]
   );
   G(() => {
-    if (!xt) return;
+    if (!Et) return;
     const s = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
       document.body.style.overflow = s;
     };
-  }, [xt]), G(() => {
-    if (!xt) return;
+  }, [Et]), G(() => {
+    if (!Et) return;
     const s = (m) => {
       m.key === "Escape" && (m.defaultPrevented || lr.open || Qr.open || ln.open || sn.open || Qi.open || ao.open || lo.open || so.open || $i || sr.open || (m.preventDefault(), Yn(!1)));
     };
     return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [xt, Yn, lr.open, Qr.open, ln.open, sn.open, Qi.open, ao.open, lo.open, so.open, $i, sr.open]), G(() => {
+  }, [Et, Yn, lr.open, Qr.open, ln.open, sn.open, Qi.open, ao.open, lo.open, so.open, $i, sr.open]), G(() => {
     const s = () => {
       if ($.current !== "visual" || !B.current) return;
       const m = window.getSelection();
@@ -16713,8 +16722,8 @@ function mT({
         Cn.current = null;
         const F = B.current;
         if (!(!F || $.current !== "visual") && (O(), vc(), U(), An(qt(F)), Ct(F), an.current && Br.current && !((W = Ai.current) != null && W.contains(document.activeElement)))) {
-          const J = Ne.current;
-          J && Et(xu(F, J));
+          const J = Me.current;
+          J && Nt(xu(F, J));
         }
       }));
     };
@@ -16722,7 +16731,7 @@ function mT({
       document.removeEventListener("selectionchange", s), Cn.current !== null && (window.cancelAnimationFrame(Cn.current), Cn.current = null);
     };
   }, [O, vc, U, Ct]), G(() => {
-    (!Ve || Ae !== "visual" || !yt) && Et(null);
+    (!Ve || Ae !== "visual" || !yt) && Nt(null);
   }, [Ve, Ae, yt]), G(() => {
     if (!wt) return;
     const s = (m) => {
@@ -16730,7 +16739,7 @@ function mT({
       const v = m.target;
       if ((W = Ai.current) != null && W.contains(v)) return;
       const F = B.current;
-      F && Nu(F, v) || Et(null);
+      F && Nu(F, v) || Nt(null);
     };
     return document.addEventListener("pointerdown", s), () => document.removeEventListener("pointerdown", s);
   }, [wt]), G(() => {
@@ -16756,60 +16765,60 @@ function mT({
       mode: "visual",
       visualEl: s,
       htmlEl: Xe.current
-    }), v = Ne.current, F = ru(v, m) ? v : m.visualRange ? m : v ?? m;
-    Ne.current = F, s.focus();
+    }), v = Me.current, F = ru(v, m) ? v : m.visualRange ? m : v ?? m;
+    Me.current = F, s.focus();
     const W = Sh(s, F);
     if (W) {
       const J = window.getSelection();
       try {
-        J == null || J.removeAllRanges(), J == null || J.addRange(W), Ne.current = { ...F, visualRange: W };
+        J == null || J.removeAllRanges(), J == null || J.addRange(W), Me.current = { ...F, visualRange: W };
       } catch {
       }
     }
-    return Ne.current ?? F;
-  }, []), Rt = K(() => {
+    return Me.current ?? F;
+  }, []), _t = K(() => {
     Gr.current = null, Vr.current = null, Rs(!1);
   }, []), Ac = K(() => {
     if (!Wr.current || !Gr.current || !Vr.current || $.current !== "visual") return;
     const s = B.current;
     if (!s) return;
     O();
-    const m = Ne.current;
-    !m || m.collapsed || fC(m, Vr.current) || (V(s), gC(s, Gr.current), ie(s, !1), O(), U(), Rt());
-  }, [O, V, se, U, Rt]), Sc = K(() => {
+    const m = Me.current;
+    !m || m.collapsed || fC(m, Vr.current) || (V(s), gC(s, Gr.current), ie(s, !1), O(), U(), _t());
+  }, [O, V, ce, U, _t]), Sc = K(() => {
     if ($.current !== "visual") {
-      Rt();
+      _t();
       return;
     }
     if (Wr.current) {
-      Rt();
+      _t();
       return;
     }
     const s = B.current;
     if (!s) {
-      Rt();
+      _t();
       return;
     }
     const m = V(s);
     if (m.collapsed) {
-      Rt();
+      _t();
       return;
     }
     Gr.current = pC(s), Vr.current = { ...m }, Rs(!0), O();
-  }, [Rt, V, O]), Pc = K(() => {
+  }, [_t, V, O]), Pc = K(() => {
     Ac();
   }, [Ac]);
   G(() => {
-    (Ae !== "visual" || le) && Rt();
-  }, [Ae, le, Rt]);
+    (Ae !== "visual" || le) && _t();
+  }, [Ae, le, _t]);
   const va = K(
     (s, m) => {
       if ($.current !== "visual") return;
       const v = B.current;
       if (!v) return;
-      const F = m ?? Nt.current, W = fn(s, F);
+      const F = m ?? Mt.current, W = fn(s, F);
       if (!W) return;
-      Nt.current = W.unit;
+      Mt.current = W.unit;
       const J = V(v);
       if (J.collapsed) {
         Je.current = W, Qe.current = { start: J.start, end: J.end }, U();
@@ -16817,7 +16826,7 @@ function mT({
       }
       Je.current = null, cl(v, W.value, W.unit) && (ie(v, !1), O(), U());
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Dc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16830,7 +16839,7 @@ function mT({
       }
       at.current = null, rl(m, s) && (ie(m, !1), O(), U());
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), ka = K(
     (s, m) => {
       if ($.current !== "visual") return;
@@ -16843,7 +16852,7 @@ function mT({
       }
       W.current = null, br(v, s, m) && (ie(v, !1), O(), U());
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Aa = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16853,7 +16862,7 @@ function mT({
       if (jr({ open: !1, tab: "general" }), v.collapsed) {
         if (s.size !== null) {
           const Fe = fn(s.size, s.unit);
-          Fe && (Je.current = Fe, Nt.current = Fe.unit);
+          Fe && (Je.current = Fe, Mt.current = Fe.unit);
         }
         const W = Mn(m), J = {};
         for (const Fe of ct)
@@ -16863,14 +16872,14 @@ function mT({
       }
       if (it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, Qe.current = null, s.size !== null) {
         const W = fn(s.size, s.unit);
-        W && (Nt.current = W.unit, cl(m, W.value, W.unit));
+        W && (Mt.current = W.unit, cl(m, W.value, W.unit));
       }
       const F = Mn(m);
       for (const W of ct)
         s.marks[W] !== F[W] && ml(m, W);
       s.fontFamilyMixed || rl(m, s.fontFamily), s.fontColorMixed || br(m, "color", s.fontColor), s.highlightColorMixed || br(m, "backgroundColor", s.highlightColor), ie(m, !1), O(), U();
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Tc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16883,7 +16892,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), xc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16895,30 +16904,30 @@ function mT({
         return;
       }
       if (v.collapsed) {
-        Kt.current = s, Qe.current = { start: v.start, end: v.end }, U();
+        $t.current = s, Qe.current = { start: v.start, end: v.end }, U();
         return;
       }
-      if (Kt.current = null, !Am(m, s)) {
+      if ($t.current = null, !Am(m, s)) {
         O(), U();
         return;
       }
       ie(m, !1), O(), U();
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Ec = K(
     (s) => {
       if ($.current !== "visual") return;
       const m = B.current;
       if (!m) return;
       V(m), kn((J) => ({ ...J, open: !1 }));
-      const v = $e.current ? tt(ue.current)[Ot.current] ?? "" : ue.current, F = JSON.stringify(s.atRule) !== JSON.stringify(gn(Me(v).body)), W = Tw(m, s);
+      const v = $e.current ? tt(se.current)[Kt.current] ?? "" : se.current, F = JSON.stringify(s.atRule) !== JSON.stringify(gn(De(v).body)), W = Tw(m, s);
       if (F && _r(m, W.pageHtml), !W.changed && !F) {
         O(), U();
         return;
       }
-      se(Me(W.pageHtml).body, !1), O(), U();
+      ce(De(W.pageHtml).body, !1), O(), U();
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Nc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16931,7 +16940,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Mc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16944,7 +16953,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), wo = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16957,7 +16966,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Co = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16970,7 +16979,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Rc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16983,7 +16992,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), _c = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -16996,7 +17005,7 @@ function mT({
         ie(m, !1), O(), U(), Ct(m);
       }
     },
-    [V, se, O, U, Ct]
+    [V, ce, O, U, Ct]
   ), Lc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -17009,7 +17018,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Ic = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -17022,7 +17031,7 @@ function mT({
         ie(m, !1), O(), U(), Ct(m);
       }
     },
-    [V, se, O, U, Ct]
+    [V, ce, O, U, Ct]
   ), Fc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -17035,8 +17044,8 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
-  ), _t = K(
+    [V, ce, O, U]
+  ), Lt = K(
     (s) => {
       if ($.current !== "visual") return;
       const m = B.current;
@@ -17048,7 +17057,7 @@ function mT({
         ie(m, !1), O(), U(), Ct(m);
       }
     },
-    [V, se, O, U, Ct]
+    [V, ce, O, U, Ct]
   ), Sa = K(
     (s) => {
       wo({
@@ -17084,7 +17093,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), Bc = K(
     (s) => {
       if ($.current !== "visual") return;
@@ -17097,7 +17106,7 @@ function mT({
         ie(m, !1), O(), U();
       }
     },
-    [V, se, O, U]
+    [V, ce, O, U]
   ), fp = K(
     (s, m) => {
       Ie != null && Ie.isConnected && a0(Ie, s, m);
@@ -17106,36 +17115,36 @@ function mT({
   ), pp = K(() => {
     const s = B.current;
     !s || !(Ie != null && Ie.isConnected) || (ie(s, !1), Oa(s, Ie), O(), U());
-  }, [Ie, se, O, U]), Wt = K(() => {
+  }, [Ie, ce, O, U]), Gt = K(() => {
     if ($e.current) {
       if ($.current === "visual") {
-        const s = Mt(), m = It(s);
-        if (m !== ue.current)
+        const s = Rt(), m = Ft(s);
+        if (m !== se.current)
           return be(m, !0);
       }
-      return ue.current;
+      return se.current;
     }
     if ($.current === "visual" && B.current) {
-      const s = Gt(
+      const s = kt(
         B.current.innerHTML,
-        Me(ue.current).body
+        De(se.current).body
       ), m = Po(
         s,
-        Do(s, ue.current, Sn.current)
+        Do(s, se.current, Sn.current)
       );
-      if (m !== ue.current)
+      if (m !== se.current)
         return be(m, !0);
     }
-    return ue.current;
+    return se.current;
   }, [be]), Ta = K(() => {
     if (!Or.current && Pi.current)
       return Pi.current;
     const s = JSON.stringify(ho());
     return Pi.current = s, Or.current = !1, s;
-  }, [ho]), gp = K(() => $e.current ? Ta() : Wt(), [Wt, Ta]);
+  }, [ho]), gp = K(() => $e.current ? Ta() : Gt(), [Gt, Ta]);
   H0({
     onAutoSave: r ? () => {
-      const s = $e.current ? JSON.parse(Ta()) : Wt();
+      const s = $e.current ? JSON.parse(Ta()) : Gt();
       return r(s);
     } : void 0,
     getHtml: gp
@@ -17143,9 +17152,9 @@ function mT({
     var s;
     (s = Jn.current) == null || s.cancel();
   }, []);
-  const fe = xe(
+  const fe = Ee(
     () => ({
-      getHtml: Wt,
+      getHtml: Gt,
       setHtml: (s) => {
         be(s, !1);
       },
@@ -17167,16 +17176,16 @@ function mT({
         Fs(!0);
       },
       openDocumentPreview: () => {
-        Bs({ open: !0, html: Wt() });
+        Bs({ open: !0, html: Gt() });
       },
       toggleReadAloud: () => {
         const s = Jn.current;
         if (!s) return;
-        const m = Ne.current ?? vt({
+        const m = Me.current ?? vt({
           mode: $.current,
           visualEl: B.current,
           htmlEl: Xe.current
-        }), v = Ru(To(m), Wt());
+        }), v = Ru(To(m), Gt());
         v && s.toggle(v);
       },
       isReadingAloud: () => {
@@ -17185,19 +17194,19 @@ function mT({
       },
       canReadAloud: () => {
         if (!Uo()) return !1;
-        const s = Ne.current ?? vt({
+        const s = Me.current ?? vt({
           mode: $.current,
           visualEl: B.current,
           htmlEl: Xe.current
         });
-        return Ru(To(s), Wt()) !== null;
+        return Ru(To(s), Gt()) !== null;
       },
       undo: bo,
       redo: yo,
       canUndo: () => ot.canUndo(),
       canRedo: () => ot.canRedo(),
       getSelection: () => {
-        const s = Ne.current ?? vt({
+        const s = Me.current ?? vt({
           mode: $.current,
           visualEl: B.current,
           htmlEl: Xe.current
@@ -17205,7 +17214,7 @@ function mT({
         return To(s);
       },
       insertText: (s) => {
-        const m = Ne.current ?? vt({
+        const m = Me.current ?? vt({
           mode: $.current,
           visualEl: B.current,
           htmlEl: Xe.current
@@ -17213,7 +17222,7 @@ function mT({
         Dn(m, s, !1);
       },
       insertHtml: (s, m) => {
-        const v = Ne.current ?? vt({
+        const v = Me.current ?? vt({
           mode: $.current,
           visualEl: B.current,
           htmlEl: Xe.current
@@ -17235,7 +17244,7 @@ function mT({
       clearFormatting: () => {
         if ($.current !== "visual") return;
         const s = B.current;
-        !s || V(s).collapsed || (it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, Kt.current = null, Qe.current = null, mC(s) && (ie(s, !1), O(), U()));
+        !s || V(s).collapsed || (it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, $t.current = null, Qe.current = null, mC(s) && (ie(s, !1), O(), U()));
       },
       toggleFormatBrush: Sc,
       isFormatBrushActive: () => Wr.current,
@@ -17246,9 +17255,9 @@ function mT({
       },
       setFontSizeUnit: (s) => {
         var Fe;
-        const m = B.current, v = $t.current;
+        const m = B.current, v = Ut.current;
         if ($.current !== "visual" || !m || v.value === null || v.mixed) {
-          Nt.current = s, Ur((fr) => ({ ...fr, unit: s }));
+          Mt.current = s, Ur((fr) => ({ ...fr, unit: s }));
           return;
         }
         const F = V(m), W = Zb(m, ((Fe = F.visualRange) == null ? void 0 : Fe.startContainer) ?? m), J = Kd(
@@ -17260,9 +17269,9 @@ function mT({
         );
         va(J, s);
       },
-      getFontSize: () => $t.current.value,
-      getFontSizeUnit: () => $t.current.unit,
-      isFontSizeMixed: () => $t.current.mixed,
+      getFontSize: () => Ut.current.value,
+      getFontSizeUnit: () => Ut.current.unit,
+      isFontSizeMixed: () => Ut.current.mixed,
       setFontFamily: (s) => {
         Dc(s);
       },
@@ -17343,13 +17352,13 @@ function mT({
         if ($.current !== "visual") return;
         const m = B.current;
         m && V(m);
-        const v = $e.current ? tt(ue.current)[Ot.current] ?? "" : ue.current, F = m ? Dw(m) : kl();
+        const v = $e.current ? tt(se.current)[Kt.current] ?? "" : se.current, F = m ? Dw(m) : kl();
         kn({
           open: !0,
           tab: s ?? "font",
           value: {
             ...F,
-            atRule: gn(Me(v).body)
+            atRule: gn(De(v).body)
           }
         });
       },
@@ -17369,8 +17378,8 @@ function mT({
           open: !0,
           mode: "create",
           font: {
-            size: $t.current.mixed ? null : $t.current.value,
-            unit: $t.current.unit,
+            size: Ut.current.mixed ? null : Ut.current.value,
+            unit: Ut.current.unit,
             marks: { ...Ti.current },
             fontFamily: tr.current.mixed ? null : tr.current.value,
             fontColor: rr.current.mixed ? null : rr.current.value,
@@ -17549,28 +17558,28 @@ function mT({
         Fc(s);
       },
       insertRowBelow: () => {
-        _t((s) => gl(s, "below"));
+        Lt((s) => gl(s, "below"));
       },
       insertRowBefore: () => {
-        _t((s) => gl(s, "before"));
+        Lt((s) => gl(s, "before"));
       },
       deleteRow: () => {
-        _t((s) => Zy(s));
+        Lt((s) => Zy(s));
       },
       insertColumnAfter: () => {
-        _t((s) => fu(s, "after"));
+        Lt((s) => fu(s, "after"));
       },
       insertColumnBefore: () => {
-        _t((s) => fu(s, "before"));
+        Lt((s) => fu(s, "before"));
       },
       deleteColumn: () => {
-        _t((s) => qy(s));
+        Lt((s) => qy(s));
       },
       mergeCells: () => {
-        _t((s) => Jy(s));
+        Lt((s) => Jy(s));
       },
       unmergeCells: () => {
-        _t((s) => Qy(s));
+        Lt((s) => Qy(s));
       },
       cut: async () => {
         if ($.current !== "visual") return;
@@ -17593,13 +17602,13 @@ function mT({
         if (!s) return;
         const m = V(s), v = xu(s, m);
         if (v) {
-          Et(v);
+          Nt(v);
           return;
         }
         const F = Yw(s, m);
         if (!F) return;
         const W = tC(F);
-        Xw(s, W.id, m) && (Mu(s, W.id), O(), yc(s, !1), Xn([...Hr.current, W]), Et(W.id));
+        Xw(s, W.id, m) && (Mu(s, W.id), O(), yc(s, !1), Xn([...Hr.current, W]), Nt(W.id));
       },
       toggleCommentsVisible: () => {
         tp((s) => {
@@ -17614,7 +17623,7 @@ function mT({
       setCommentThreads: (s) => Xn(s),
       openCommentThread: (s) => {
         const m = B.current;
-        !m || $.current !== "visual" || Mu(m, s) && (O(), Et(s));
+        !m || $.current !== "visual" || Mu(m, s) && (O(), Nt(s));
       },
       isContentLocked: () => Ps.current,
       isLink: () => Is.current,
@@ -17629,9 +17638,9 @@ function mT({
         onOpen: () => Xs.current()
       } : {}
     }),
-    [be, se, ie, yc, kc, Yn, gc, hc, bc, Dn, bo, yo, O, U, V, va, Dc, ka, Aa, xc, Tc, Ec, Nc, Mc, wo, Co, Rc, Bc, _c, Lc, Ic, Fc, _t, Sa, Pa, Da, Wt, wc, ho, Cc, Sc, o, i, y, Xn]
+    [be, ce, ie, yc, kc, Yn, gc, hc, bc, Dn, bo, yo, O, U, V, va, Dc, ka, Aa, xc, Tc, Ec, Nc, Mc, wo, Co, Rc, Bc, _c, Lc, Ic, Fc, Lt, Sa, Pa, Da, Gt, wc, ho, Cc, Sc, o, i, y, Xn]
   ), Hc = K(() => {
-    const s = Ne.current ?? vt({
+    const s = Me.current ?? vt({
       mode: $.current,
       visualEl: B.current,
       htmlEl: Xe.current
@@ -17649,28 +17658,28 @@ function mT({
         Dn(s, F ? m : v, F);
       }
     };
-  }, [Dn, fe.getHtml, be]), { catalog: vo, layout: zc } = xe(
+  }, [Dn, fe.getHtml, be]), { catalog: vo, layout: zc } = Ee(
     () => Cg(R, vD, kD),
     [R]
-  ), ko = xe(
+  ), ko = Ee(
     () => QP(zc, M),
     [zc, M]
-  ), xa = xe(
+  ), xa = Ee(
     () => ({
       ...ko,
       iconGroups: DP(ko.iconGroups, Ui)
     }),
     [ko, Ui]
-  ), Ea = xe(
+  ), Ea = Ee(
     () => Ve ? DD(vo, yt) : vo,
     [vo, Ve, yt]
-  ), Na = xe(
+  ), Na = Ee(
     () => Ve ? TD(xa) : xa,
     [xa, Ve]
-  ), Ma = xe(
+  ), Ma = Ee(
     () => ({ disabled: qn, readOnly: w, enableComments: Ve }),
     [qn, w, Ve]
-  ), Oc = xe(
+  ), Oc = Ee(
     () => wt ? oC(yn, wt) : null,
     [wt, yn]
   ), hp = K(
@@ -17680,21 +17689,21 @@ function mT({
       Xn(rC(Hr.current, wt, m));
     },
     [wt, Ir, y, Xn]
-  ), Tn = xe(
+  ), Tn = Ee(
     () => ({
       ...Ub(fe),
       ...vg(R, Hc)
     }),
     [fe, R, Hc]
-  ), Ra = xe(
+  ), Ra = Ee(
     () => Wb(fe),
-    [fe, $r, Qn, er, nr, or, Mi, Zi, qi, ca, Ut, Ie, aa, la, sa, Hi, Ki, vn, ft, Xr]
+    [fe, $r, Qn, er, nr, or, Mi, Zi, qi, ca, Wt, Ie, aa, la, sa, Hi, Ki, vn, ft, Xr]
   ), Kc = K(
     (s) => {
       if (le || s.inputType !== "insertText" && s.inputType !== "insertReplacementText" || !s.data || !ay(it.current) && !Je.current && !ch(at.current) && !Bh({
         color: dt.current,
         backgroundColor: mt.current
-      }) && !ry(Kt.current))
+      }) && !ry($t.current))
         return;
       const m = B.current;
       m && (s.preventDefault(), hy(
@@ -17707,10 +17716,10 @@ function mT({
           backgroundColor: mt.current
         },
         at.current,
-        Kt.current
-      ), it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, Kt.current = null, Qe.current = null, ie(m, !0), O(), U());
+        $t.current
+      ), it.current = {}, Je.current = null, at.current = null, dt.current = null, mt.current = null, $t.current = null, Qe.current = null, ie(m, !0), O(), U());
     },
-    [le, se, O, U]
+    [le, ce, O, U]
   ), $c = K(
     (s) => {
       if (le || !Bg(s, Gs.current)) return;
@@ -17741,7 +17750,7 @@ function mT({
         visualEl: m,
         htmlEl: Xe.current
       });
-      Ne.current = J, oa({
+      Me.current = J, oa({
         open: !0,
         x: s.clientX,
         y: s.clientY,
@@ -17759,7 +17768,7 @@ function mT({
         const F = Nu(m, s.target);
         if (F) {
           const W = F.getAttribute("data-comment-thread");
-          W && Et(W);
+          W && Nt(W);
           return;
         }
       }
@@ -17825,27 +17834,27 @@ function mT({
       }
       m === "p" && !s.shiftKey && (s.preventDefault(), Tn.print());
     },
-    [le, bo, yo, fe, Tn, V, se, O, U, Ct]
+    [le, bo, yo, fe, Tn, V, ce, O, U, Ct]
   ), bp = K(
     (s) => {
       if (s.key === "Escape" && wt) {
-        s.preventDefault(), Et(null);
+        s.preventDefault(), Nt(null);
         return;
       }
       Wc(s);
     },
     [wt, Wc]
-  ), yp = [we.root, Ja(vn).className, xt ? we.fullscreen : "", h].filter(Boolean).join(" "), wp = oT({
+  ), yp = [we.root, Ja(vn).className, Et ? we.fullscreen : "", h].filter(Boolean).join(" "), wp = oT({
     toolbarBackground: k,
     menuColor: S,
     menuBackground: x,
     menuFontSize: L,
     menuFontFamily: E,
     border: P
-  }), Cp = Ja(vn)["data-wysiwyg-theme"], vp = xe(() => {
+  }), Cp = Ja(vn)["data-wysiwyg-theme"], vp = Ee(() => {
     if (!(Ae !== "visual" || Vi === 1))
       return { transform: `scale(${Vi})` };
-  }, [Ae, Vi]), Gc = Ae === "visual" ? Te ? /* @__PURE__ */ a(
+  }, [Ae, Vi]), Gc = Ae === "visual" ? xe ? /* @__PURE__ */ a(
     rT,
     {
       ref: Fr,
@@ -17858,10 +17867,10 @@ function mT({
         m instanceof HTMLDivElement && (B.current = m);
       },
       onPageChange: (s, m) => {
-        const v = tt(ue.current)[s] ?? "";
+        const v = tt(se.current)[s] ?? "";
         pa(
           s,
-          Gt(m, Me(v).body),
+          kt(m, De(v).body),
           !0
         );
       },
@@ -17878,7 +17887,7 @@ function mT({
     nT,
     {
       ref: B,
-      html: Me(_e).body,
+      html: De(_e).body,
       onChange: (s) => mp(s, !0),
       onBeforeInput: Kc,
       onPointerDown: Uc,
@@ -17902,7 +17911,7 @@ function mT({
     {
       className: yp,
       style: wp,
-      "data-fullscreen": xt ? "" : void 0,
+      "data-fullscreen": Et ? "" : void 0,
       "data-wysiwyg-theme": Cp,
       "data-toolbar-position": ft,
       "data-comments-visible": Ve && yt ? "" : void 0,
@@ -17973,7 +17982,7 @@ function mT({
             ]
           }
         ),
-        xt ? /* @__PURE__ */ a(iT, { onClick: () => Yn(!1) }) : null,
+        Et ? /* @__PURE__ */ a(iT, { onClick: () => Yn(!1) }) : null,
         /* @__PURE__ */ a(
           JP,
           {
@@ -18015,7 +18024,7 @@ function mT({
             fontColorMixed: nr.mixed,
             highlightColor: or.value,
             highlightColorMixed: or.mixed,
-            fonts: Ut,
+            fonts: Wt,
             disabled: le,
             onTabChange: (s) => jr({ open: !0, tab: s }),
             onApply: (s) => fe.applyFontProperties(s),
@@ -18050,7 +18059,7 @@ function mT({
             open: sn.open,
             tab: sn.tab,
             value: sn.value,
-            fonts: Ut,
+            fonts: Wt,
             disabled: le,
             customImagePicker: re,
             onCustomImagePick: () => {
@@ -18073,8 +18082,8 @@ function mT({
             onResetAtRule: () => {
               const s = B.current;
               if (!s || $.current !== "visual") return;
-              const m = $e.current ? tt(ue.current)[Ot.current] ?? "" : Me(ue.current).body, v = xw(s, m);
-              v.changed && (se(Me(v.pageHtml).body, !1), kn((F) => ({
+              const m = $e.current ? tt(se.current)[Kt.current] ?? "" : De(se.current).body, v = xw(s, m);
+              v.changed && (ce(De(v.pageHtml).body, !1), kn((F) => ({
                 ...F,
                 value: {
                   ...F.value,
@@ -18095,14 +18104,14 @@ function mT({
             font: Le.open ? Le.mode === "edit" ? Le.style.font : Le.font : {
               size: null,
               unit: mn,
-              marks: Bt(),
+              marks: Ht(),
               fontFamily: null,
               fontColor: null,
               highlightColor: null
             },
             paragraph: Le.open ? Le.mode === "edit" ? Le.style.paragraph : Le.paragraph : void 0,
             canDelete: !!ne,
-            fonts: Ut,
+            fonts: Wt,
             busy: lp,
             disabled: le,
             onSave: async (s) => {
@@ -18268,7 +18277,7 @@ function mT({
             disabled: y,
             commentAuthor: Ir,
             onPost: hp,
-            onClose: () => Et(null)
+            onClose: () => Nt(null)
           }
         ) : null,
         /* @__PURE__ */ a(
@@ -18345,7 +18354,7 @@ function fT(e) {
 export {
   mT as Editor,
   Qa as PAGE_SEPARATOR,
-  It as joinPagesToHtml,
+  Ft as joinPagesToHtml,
   tt as splitPagesFromHtml,
   fT as stripCommentAnchors
 };