sykpcomposer 0.0.259 → 0.0.260

package/dist/{index-e5d75707.js → index-ff645d30.js}

@@ -670,7 +670,7 @@ Check the top-level render call using <` + ve + ">.");
   }(dh)), dh;
 }
 process.env.NODE_ENV === "production" ? Fh.exports = J_() : Fh.exports = K_();
-var qe = Fh.exports;
+var He = Fh.exports;
 function G_(y) {
   return y && y.__esModule && Object.prototype.hasOwnProperty.call(y, "default") ? y.default : y;
 }
@@ -4778,7 +4778,7 @@ function Qg({ initialConfig: y, children: i }) {
   return rw(() => {
     const e = y.editable, [c] = p;
     c.setEditable(e === void 0 || e);
-  }, []), qe.jsx(Tg.Provider, { value: p, children: i });
+  }, []), He.jsx(Tg.Provider, { value: p, children: i });
 }
 const Zv = {
   autocomplete: "PlaygroundEditorTheme__autocomplete",
@@ -6630,7 +6630,7 @@ function rp() {
 function Ir(y) {
   return y instanceof zi;
 }
-const Mw = lr.lazy(() => import("./ImageComponent-aebf375a.js"));
+const Mw = lr.lazy(() => import("./ImageComponent-9df7866b.js"));
 function Rw(y) {
   const i = y;
   if (i.src.startsWith("file:///"))
@@ -6731,7 +6731,7 @@ class Tc extends Cc {
     return this.__altText;
   }
   decorate() {
-    return /* @__PURE__ */ qe.jsx(Bf, { fallback: null, children: /* @__PURE__ */ qe.jsx(
+    return /* @__PURE__ */ He.jsx(Bf, { fallback: null, children: /* @__PURE__ */ He.jsx(
       Mw,
       {
         src: this.__src,
@@ -6776,7 +6776,7 @@ function op({
 function Dw(y) {
   return y instanceof Tc;
 }
-const Lw = lr.lazy(() => import("./InlineImageComponent-8770a2c3.js"));
+const Lw = lr.lazy(() => import("./InlineImageComponent-dff3a244.js"));
 function Bw(y) {
   if (y instanceof HTMLImageElement) {
     const { alt: i, src: p, width: e, height: c } = y;
@@ -6893,7 +6893,7 @@ let ip = class m1 extends Cc {
     return !1;
   }
   decorate() {
-    return /* @__PURE__ */ qe.jsx(Bf, { fallback: null, children: /* @__PURE__ */ qe.jsx(
+    return /* @__PURE__ */ He.jsx(Bf, { fallback: null, children: /* @__PURE__ */ He.jsx(
       Lw,
       {
         src: this.__src,
@@ -7594,9 +7594,9 @@ function tS({
   type: n = "text",
   name: t = ""
 }) {
-  return /* @__PURE__ */ qe.jsxs("div", { className: "Input__wrapper", children: [
-    /* @__PURE__ */ qe.jsx("label", { className: "Input__label", children: y }),
-    /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsxs("div", { className: "Input__wrapper", children: [
+    /* @__PURE__ */ He.jsx("label", { className: "Input__label", children: y }),
+    /* @__PURE__ */ He.jsx(
       "input",
       {
         type: n,
@@ -7616,7 +7616,7 @@ function nS({
   "data-test-id": y,
   children: i
 }) {
-  return /* @__PURE__ */ qe.jsx("div", { className: "DialogActions", "data-test-id": y, children: i });
+  return /* @__PURE__ */ He.jsx("div", { className: "DialogActions", "data-test-id": y, children: i });
 }
 function rS(...y) {
   return y.filter(Boolean).join(" ");
@@ -7630,7 +7630,7 @@ function oS({
   small: n,
   title: t
 }) {
-  return /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsx(
     "button",
     {
       disabled: c,
@@ -7654,9 +7654,9 @@ function iS({
   onChange: p,
   "data-test-id": e
 }) {
-  return /* @__PURE__ */ qe.jsxs("div", { className: "Input__wrapper", children: [
-    /* @__PURE__ */ qe.jsx("label", { className: "Input__label", children: i }),
-    /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsxs("div", { className: "Input__wrapper", children: [
+    /* @__PURE__ */ He.jsx("label", { className: "Input__label", children: i }),
+    /* @__PURE__ */ He.jsx(
       "input",
       {
         type: "file",
@@ -7678,8 +7678,8 @@ function sS({
       return typeof a.result == "string" && p(a.result), "";
     }, o !== null && a.readAsDataURL(o[0]);
   };
-  return /* @__PURE__ */ qe.jsxs(qe.Fragment, { children: [
-    /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsxs(He.Fragment, { children: [
+    /* @__PURE__ */ He.jsx(
       iS,
       {
         label: "Image Upload",
@@ -7688,7 +7688,7 @@ function sS({
         "data-test-id": "image-modal-file-upload"
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       tS,
       {
         label: "Alt Text",
@@ -7698,7 +7698,7 @@ function sS({
         "data-test-id": "image-modal-alt-text-input"
       }
     ),
-    /* @__PURE__ */ qe.jsx(nS, { children: /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(nS, { children: /* @__PURE__ */ He.jsx(
       oS,
       {
         "data-test-id": "image-modal-file-upload-btn",
@@ -7726,7 +7726,7 @@ function lS({
   const n = (t) => {
     y.dispatchCommand(am, t), i();
   };
-  return /* @__PURE__ */ qe.jsx(qe.Fragment, { children: p === "file" && /* @__PURE__ */ qe.jsx(sS, { onClick: n }) });
+  return /* @__PURE__ */ He.jsx(He.Fragment, { children: p === "file" && /* @__PURE__ */ He.jsx(sS, { onClick: n }) });
 }
 function cS(y, i) {
   y.preventDefault();
@@ -7902,7 +7902,7 @@ const yS = Ui.createContext(null), bS = ({
   }, m = () => {
     i || (p((h) => (h === !1 && l({ aspect: 1, x: 0, y: 0, width: 100, height: 100 }), !h)), s(!1));
   };
-  return /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsx(
     yS.Provider,
     {
       value: {
@@ -10240,10 +10240,10 @@ var A1 = { exports: {} };
         }
       };
     }
-    var He = ["Webkit", "Moz", "ms"], gt = v.createElement("div").style, ft = {};
+    var qe = ["Webkit", "Moz", "ms"], gt = v.createElement("div").style, ft = {};
     function me($) {
-      for (var Q = $[0].toUpperCase() + $.slice(1), te = He.length; te--; )
-        if ($ = He[te] + Q, $ in gt)
+      for (var Q = $[0].toUpperCase() + $.slice(1), te = qe.length; te--; )
+        if ($ = qe[te] + Q, $ in gt)
           return $;
     }
     function Ue($) {
@@ -12907,7 +12907,7 @@ lg.renderStatic = lg.rewind;
 const _E = ({ styleConfig: y }) => {
   const { heading: i } = y;
   let p = i.find((o) => o.title === "Heading1"), e = i.find((o) => o.title === "Heading2"), c = i.find((o) => o.title === "Heading3"), n = i.find((o) => o.title === "Heading4"), t = i.find((o) => o.title === "Heading5");
-  return /* @__PURE__ */ qe.jsx(lg, { children: /* @__PURE__ */ qe.jsx("style", { type: "text/css", children: `
+  return /* @__PURE__ */ He.jsx(lg, { children: /* @__PURE__ */ He.jsx("style", { type: "text/css", children: `
       .PlaygroundEditorTheme__h1 {
     font-size: ${p ? p.fontSize : ""}px;
     font-family: ${p ? p.fontFamily : ""};
@@ -12989,7 +12989,7 @@ function sa({
   const { registerItem: t } = n;
   return _n(() => {
     c && c.current && t(c);
-  }, [c, t]), /* @__PURE__ */ qe.jsx(
+  }, [c, t]), /* @__PURE__ */ He.jsx(
     "button",
     {
       className: i,
@@ -13029,7 +13029,7 @@ function SE({
   );
   return _n(() => {
     e && !n && t(e[0]), n && n.current && n.current.focus();
-  }, [e, n]), /* @__PURE__ */ qe.jsx(L1.Provider, { value: r, children: /* @__PURE__ */ qe.jsx("div", { className: "dropdown", ref: i, onKeyDown: a, children: y }) });
+  }, [e, n]), /* @__PURE__ */ He.jsx(L1.Provider, { value: r, children: /* @__PURE__ */ He.jsx("div", { className: "dropdown", ref: i, onKeyDown: a, children: y }) });
 }
 function um({
   disabled: y = !1,
@@ -13076,8 +13076,8 @@ function um({
     return document.addEventListener("scroll", u), () => {
       document.removeEventListener("scroll", u);
     };
-  }, [a, o, r]), /* @__PURE__ */ qe.jsxs(qe.Fragment, { children: [
-    /* @__PURE__ */ qe.jsxs(
+  }, [a, o, r]), /* @__PURE__ */ He.jsxs(He.Fragment, { children: [
+    /* @__PURE__ */ He.jsxs(
       "button",
       {
         type: "button",
@@ -13087,20 +13087,20 @@ function um({
         onClick: () => d(!r),
         ref: a,
         children: [
-          c && /* @__PURE__ */ qe.jsx("span", { className: c }),
-          i && /* @__PURE__ */ qe.jsx("span", { className: "text dropdown-button-text", children: i }),
-          /* @__PURE__ */ qe.jsx("i", { className: "chevron-down" })
+          c && /* @__PURE__ */ He.jsx("span", { className: c }),
+          i && /* @__PURE__ */ He.jsx("span", { className: "text dropdown-button-text", children: i }),
+          /* @__PURE__ */ He.jsx("i", { className: "chevron-down" })
         ]
       }
     ),
     r && yc(
-      /* @__PURE__ */ qe.jsx(SE, { dropDownRef: o, onClose: s, children: n }),
+      /* @__PURE__ */ He.jsx(SE, { dropDownRef: o, onClose: s, children: n }),
       document.body
     )
   ] });
 }
 function X0() {
-  return /* @__PURE__ */ qe.jsx("div", { className: "divider" });
+  return /* @__PURE__ */ He.jsx("div", { className: "divider" });
 }
 const eb = 8, tb = 72, Oa = {
   h1: "Heading 1",
@@ -13279,8 +13279,8 @@ const eb = 8, tb = 72, Oa = {
         s("paragraph"), r("11");
         break;
     }
-  }, [o]), /* @__PURE__ */ qe.jsxs(qe.Fragment, { children: [
-    /* @__PURE__ */ qe.jsx(
+  }, [o]), /* @__PURE__ */ He.jsxs(He.Fragment, { children: [
+    /* @__PURE__ */ He.jsx(
       "input",
       {
         title: "Font Size",
@@ -13295,9 +13295,9 @@ const eb = 8, tb = 72, Oa = {
         onBlur: h
       }
     ),
-    /* @__PURE__ */ qe.jsx(X0, {}),
-    c && c.heading ? /* @__PURE__ */ qe.jsxs("div", { title: Oa[d], className: "symbol-dropdown cust-head-dropDown", children: [
-      /* @__PURE__ */ qe.jsxs(
+    /* @__PURE__ */ He.jsx(X0, {}),
+    c && c.heading ? /* @__PURE__ */ He.jsxs("div", { title: Oa[d], className: "symbol-dropdown cust-head-dropDown", children: [
+      /* @__PURE__ */ He.jsxs(
         um,
         {
           disabled: i,
@@ -13306,86 +13306,86 @@ const eb = 8, tb = 72, Oa = {
           buttonIconClassName: "icon block-type " + d,
           buttonLabel: Oa[d],
           children: [
-            /* @__PURE__ */ qe.jsxs(
+            /* @__PURE__ */ He.jsxs(
               sa,
               {
                 className: `item ${d === "paragraph" ? "active" : ""}`,
                 onClick: () => v("paragraph"),
                 children: [
-                  /* @__PURE__ */ qe.jsx("i", { className: "icon paragraph" }),
-                  /* @__PURE__ */ qe.jsx("span", { className: "text", children: Oa.paragraph })
+                  /* @__PURE__ */ He.jsx("i", { className: "icon paragraph" }),
+                  /* @__PURE__ */ He.jsx("span", { className: "text", children: Oa.paragraph })
                 ]
               }
             ),
             c.heading && c.heading.find(
               (b) => b.title === "Heading1"
-            ) && /* @__PURE__ */ qe.jsxs(
+            ) && /* @__PURE__ */ He.jsxs(
               sa,
               {
                 className: `item ${d === "h1" ? "active" : ""}`,
                 onClick: () => v("h1"),
                 children: [
-                  /* @__PURE__ */ qe.jsx("i", { className: "icon h1" }),
-                  /* @__PURE__ */ qe.jsx("span", { className: "text", children: Oa.h1 })
+                  /* @__PURE__ */ He.jsx("i", { className: "icon h1" }),
+                  /* @__PURE__ */ He.jsx("span", { className: "text", children: Oa.h1 })
                 ]
               }
             ),
             c.heading && c.heading.find(
               (b) => b.title === "Heading2"
-            ) && /* @__PURE__ */ qe.jsxs(
+            ) && /* @__PURE__ */ He.jsxs(
               sa,
               {
                 className: `item ${d === "h2" ? "active" : ""}`,
                 onClick: () => v("h2"),
                 children: [
-                  /* @__PURE__ */ qe.jsx("i", { className: "icon h2" }),
-                  /* @__PURE__ */ qe.jsx("span", { className: "text", children: Oa.h2 })
+                  /* @__PURE__ */ He.jsx("i", { className: "icon h2" }),
+                  /* @__PURE__ */ He.jsx("span", { className: "text", children: Oa.h2 })
                 ]
               }
             ),
             c.heading && c.heading.find(
               (b) => b.title === "Heading3"
-            ) && /* @__PURE__ */ qe.jsxs(
+            ) && /* @__PURE__ */ He.jsxs(
               sa,
               {
                 className: `item ${d === "h3" ? "active" : ""}`,
                 onClick: () => v("h3"),
                 children: [
-                  /* @__PURE__ */ qe.jsx("i", { className: "icon h3" }),
-                  /* @__PURE__ */ qe.jsx("span", { className: "text", children: Oa.h3 })
+                  /* @__PURE__ */ He.jsx("i", { className: "icon h3" }),
+                  /* @__PURE__ */ He.jsx("span", { className: "text", children: Oa.h3 })
                 ]
               }
             ),
             c.heading && c.heading.find(
               (b) => b.title === "Heading4"
-            ) && /* @__PURE__ */ qe.jsxs(
+            ) && /* @__PURE__ */ He.jsxs(
               sa,
               {
                 className: `item ${d === "h4" ? "active" : ""}`,
                 onClick: () => v("h4"),
                 children: [
-                  /* @__PURE__ */ qe.jsx("i", { className: "icon h4" }),
-                  /* @__PURE__ */ qe.jsx("span", { className: "text", children: Oa.h4 })
+                  /* @__PURE__ */ He.jsx("i", { className: "icon h4" }),
+                  /* @__PURE__ */ He.jsx("span", { className: "text", children: Oa.h4 })
                 ]
               }
             ),
             c.heading && c.heading.find(
               (b) => b.title === "Heading5"
-            ) && /* @__PURE__ */ qe.jsxs(
+            ) && /* @__PURE__ */ He.jsxs(
               sa,
               {
                 className: `item ${d === "h5" ? "active" : ""}`,
                 onClick: () => v("h5"),
                 children: [
-                  /* @__PURE__ */ qe.jsx("i", { className: "icon h5" }),
-                  /* @__PURE__ */ qe.jsx("span", { className: "text", children: Oa.h5 })
+                  /* @__PURE__ */ He.jsx("i", { className: "icon h5" }),
+                  /* @__PURE__ */ He.jsx("span", { className: "text", children: Oa.h5 })
                 ]
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ qe.jsx(X0, {})
+      /* @__PURE__ */ He.jsx(X0, {})
     ] }) : ""
   ] });
 }, Zd = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0wIDI1NkMwIDExNC42IDExNC42IDAgMjU2IDBzMjU2IDExNC42IDI1NiAyNTYtMTE0LjYgMjU2LTI1NiAyNTZTMCAzOTcuNCAwIDI1NnptMTc1LTQ3LjkgNDcuMSA0N0wxNzUgMzAzYy05LjMgOS40LTkuMyAyNC42IDAgMzMuMSA5LjQgMTAuMiAyNC42IDEwLjIgMzMuMSAwbDQ3LTQ2LjIgNDcuOSA0Ni4yYzkuNCAxMC4yIDI0LjYgMTAuMiAzMy4xIDAgMTAuMi04LjUgMTAuMi0yMy43IDAtMzMuMWwtNDYuMi00Ny45IDQ2LjItNDdjMTAuMi04LjUgMTAuMi0yMy43IDAtMzMuMS04LjUtOS4zLTIzLjctOS4zLTMzLjEgMGwtNDcuOSA0Ny4xLTQ3LTQ3LjFjLTguNS05LjMtMjMuNy05LjMtMzMuMSAwLTkuMyA5LjQtOS4zIDI0LjYgMCAzMy4xeiIvPjwvc3ZnPg==";
@@ -13400,12 +13400,12 @@ function CE({ onClose: y }) {
   }, r = () => {
     t(!1), y == null || y();
   };
-  return /* @__PURE__ */ qe.jsx(qe.Fragment, { children: n && /* @__PURE__ */ qe.jsx("div", { className: "modal-overlay", children: /* @__PURE__ */ qe.jsxs("div", { className: "modal-content", children: [
-    /* @__PURE__ */ qe.jsx("h3", { children: "Select Table Dimensions" }),
-    /* @__PURE__ */ qe.jsx("button", { className: "modal-buttons-close", onClick: () => r(), children: /* @__PURE__ */ qe.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
-    /* @__PURE__ */ qe.jsxs("div", { className: "select-table-container", children: [
-      /* @__PURE__ */ qe.jsx("label", { children: "Rows" }),
-      /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsx(He.Fragment, { children: n && /* @__PURE__ */ He.jsx("div", { className: "modal-overlay", children: /* @__PURE__ */ He.jsxs("div", { className: "modal-content", children: [
+    /* @__PURE__ */ He.jsx("h3", { children: "Select Table Dimensions" }),
+    /* @__PURE__ */ He.jsx("button", { className: "modal-buttons-close", onClick: () => r(), children: /* @__PURE__ */ He.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
+    /* @__PURE__ */ He.jsxs("div", { className: "select-table-container", children: [
+      /* @__PURE__ */ He.jsx("label", { children: "Rows" }),
+      /* @__PURE__ */ He.jsx(
         "input",
         {
           type: "number",
@@ -13414,9 +13414,9 @@ function CE({ onClose: y }) {
         }
       )
     ] }),
-    /* @__PURE__ */ qe.jsxs("div", { className: "select-table-container", children: [
-      /* @__PURE__ */ qe.jsx("label", { children: "Column" }),
-      /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsxs("div", { className: "select-table-container", children: [
+      /* @__PURE__ */ He.jsx("label", { children: "Column" }),
+      /* @__PURE__ */ He.jsx(
         "input",
         {
           type: "number",
@@ -13425,7 +13425,7 @@ function CE({ onClose: y }) {
         }
       )
     ] }),
-    /* @__PURE__ */ qe.jsx("div", { children: /* @__PURE__ */ qe.jsx("div", { className: "modal-buttons", children: /* @__PURE__ */ qe.jsx("button", { className: "toolbar-item", onClick: a, children: "Confirm" }) }) })
+    /* @__PURE__ */ He.jsx("div", { children: /* @__PURE__ */ He.jsx("div", { className: "modal-buttons", children: /* @__PURE__ */ He.jsx("button", { className: "toolbar-item", onClick: a, children: "Confirm" }) }) })
   ] }) }) });
 }
 const OE = [
@@ -13458,15 +13458,15 @@ function TE() {
       }
     }), p(!1);
   };
-  return /* @__PURE__ */ qe.jsx("div", { title: "Symbols", className: "symbol-dropdown cust-head-dropDown", children: /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsx("div", { title: "Symbols", className: "symbol-dropdown cust-head-dropDown", children: /* @__PURE__ */ He.jsx(
     um,
     {
       buttonClassName: "toolbar-item block-controls",
       buttonAriaLabel: "For appying Symbols",
       buttonLabel: "Symbols",
-      children: /* @__PURE__ */ qe.jsx("div", { className: "symbol-Flex-container", children: OE.map(({ letter: c, uppercase: n, lowercase: t }) => /* @__PURE__ */ qe.jsxs("div", { className: "symbol-items", children: [
-        /* @__PURE__ */ qe.jsx(sa, { className: "terr", onClick: () => e(t), children: t }),
-        /* @__PURE__ */ qe.jsx(sa, { className: "terr", onClick: () => e(n), children: n })
+      children: /* @__PURE__ */ He.jsx("div", { className: "symbol-Flex-container", children: OE.map(({ letter: c, uppercase: n, lowercase: t }) => /* @__PURE__ */ He.jsxs("div", { className: "symbol-items", children: [
+        /* @__PURE__ */ He.jsx(sa, { className: "terr", onClick: () => e(t), children: t }),
+        /* @__PURE__ */ He.jsx(sa, { className: "terr", onClick: () => e(n), children: n })
       ] }, c)) })
     }
   ) });
@@ -13718,44 +13718,44 @@ function sC({
       }
     });
   };
-  return p ? /* @__PURE__ */ qe.jsxs(qe.Fragment, { children: [
-    e && /* @__PURE__ */ qe.jsxs("div", { children: [
-      /* @__PURE__ */ qe.jsx(
+  return p ? /* @__PURE__ */ He.jsxs(He.Fragment, { children: [
+    e && /* @__PURE__ */ He.jsxs("div", { children: [
+      /* @__PURE__ */ He.jsx(
         "button",
         {
           className: "PlaygroundEditorTheme__tableAddRows",
           style: { ...r, flex: "50%", padding: "20px" },
           onClick: () => m(!0),
-          children: /* @__PURE__ */ qe.jsx("img", { src: nb, height: 14, width: 14, style: { backgroundColor: "#90EE90", marginLeft: "-3px", borderRadius: "20px" } })
+          children: /* @__PURE__ */ He.jsx("img", { src: nb, height: 14, width: 14, style: { backgroundColor: "#90EE90", marginLeft: "-3px", borderRadius: "20px" } })
         }
       ),
-      /* @__PURE__ */ qe.jsx(
+      /* @__PURE__ */ He.jsx(
         "button",
         {
           className: "PlaygroundEditorTheme__tableAddRows",
           style: { ...r, flex: "50%" },
           onClick: () => h(!0),
-          children: /* @__PURE__ */ qe.jsx("img", { src: rb, height: 14, width: 14, style: { backgroundColor: "#FFCCCB", marginLeft: "-3px", borderRadius: "20px" } })
+          children: /* @__PURE__ */ He.jsx("img", { src: rb, height: 14, width: 14, style: { backgroundColor: "#FFCCCB", marginLeft: "-3px", borderRadius: "20px" } })
         }
       )
     ] }),
-    n && /* @__PURE__ */ qe.jsxs("div", { className: "table-add-row-flex-container", children: [
-      /* @__PURE__ */ qe.jsx(
+    n && /* @__PURE__ */ He.jsxs("div", { className: "table-add-row-flex-container", children: [
+      /* @__PURE__ */ He.jsx(
         "button",
         {
           className: "PlaygroundEditorTheme__tableAddColumns table-add-row-flex-children",
           style: { ...r, flex: "50%", padding: "20px" },
           onClick: () => m(!1),
-          children: /* @__PURE__ */ qe.jsx("img", { src: nb, height: 14, width: 14, style: { backgroundColor: "#90EE90", marginLeft: "3px", borderRadius: "20px", border: "green" } })
+          children: /* @__PURE__ */ He.jsx("img", { src: nb, height: 14, width: 14, style: { backgroundColor: "#90EE90", marginLeft: "3px", borderRadius: "20px", border: "green" } })
         }
       ),
-      /* @__PURE__ */ qe.jsx(
+      /* @__PURE__ */ He.jsx(
         "button",
         {
           className: "PlaygroundEditorTheme__tableAddColumns table-add-row-flex-children",
           style: { ...r, flex: "30%" },
           onClick: () => h(!1),
-          children: /* @__PURE__ */ qe.jsx("img", { src: rb, height: 14, width: 14, style: { backgroundColor: "#FFCCCB", marginLeft: "-3px", borderRadius: "20px", border: "green" } })
+          children: /* @__PURE__ */ He.jsx("img", { src: rb, height: 14, width: 14, style: { backgroundColor: "#FFCCCB", marginLeft: "-3px", borderRadius: "20px", border: "green" } })
         }
       )
     ] })
@@ -13779,7 +13779,7 @@ function cC({
   anchorElem: y = document.body
 }) {
   return Gu() ? yc(
-    /* @__PURE__ */ qe.jsx(sC, { anchorElem: y }),
+    /* @__PURE__ */ He.jsx(sC, { anchorElem: y }),
     y
   ) : null;
 }
@@ -13803,9 +13803,9 @@ function uC({
     return a !== null && (n = a.parentElement, n !== null && n.addEventListener("click", o)), window.addEventListener("keydown", t), () => {
       window.removeEventListener("keydown", t), n !== null && (n == null || n.removeEventListener("click", o));
     };
-  }, [e, y]), /* @__PURE__ */ qe.jsx("div", { className: "Modal__overlay", role: "dialog", children: /* @__PURE__ */ qe.jsxs("div", { className: "Modal__modal", tabIndex: -1, ref: c, children: [
-    /* @__PURE__ */ qe.jsx("h2", { className: "Modal__title", children: p }),
-    /* @__PURE__ */ qe.jsx(
+  }, [e, y]), /* @__PURE__ */ He.jsx("div", { className: "Modal__overlay", role: "dialog", children: /* @__PURE__ */ He.jsxs("div", { className: "Modal__modal", tabIndex: -1, ref: c, children: [
+    /* @__PURE__ */ He.jsx("h2", { className: "Modal__title", children: p }),
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         className: "Modal__closeButton",
@@ -13815,7 +13815,7 @@ function uC({
         children: "X"
       }
     ),
-    /* @__PURE__ */ qe.jsx("div", { className: "Modal__content", children: i })
+    /* @__PURE__ */ He.jsx("div", { className: "Modal__content", children: i })
   ] }) });
 }
 function dC({
@@ -13825,7 +13825,7 @@ function dC({
   closeOnClickOutside: e = !1
 }) {
   return yc(
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       uC,
       {
         onClose: y,
@@ -13844,7 +13844,7 @@ function fC() {
     if (y === null)
       return null;
     const { title: n, content: t, closeOnClickOutside: o } = y;
-    return /* @__PURE__ */ qe.jsx(
+    return /* @__PURE__ */ He.jsx(
       dC,
       {
         onClose: p,
@@ -13912,7 +13912,7 @@ const pC = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
         n === "local" && location.reload(), n === "remote" && c();
       }, 1e3), l();
     };
-    return /* @__PURE__ */ qe.jsx("button", { className: `green-button-paste ${o.length > 100 ? "" : "disable-btn"}`, onClick: F, children: "Insert Node" });
+    return /* @__PURE__ */ He.jsx("button", { className: `green-button-paste ${o.length > 100 ? "" : "disable-btn"}`, onClick: F, children: "Insert Node" });
   }
   function h(I, M) {
     const F = /font-weight:\s*([a-zA-Z0-9\-]+);/, N = /text-decoration:\s*([^;]+?)(?=\s*;|\s*$)/, R = /font-style:\s*([a-zA-Z0-9\-]+);/, j = /font-size:\s*([\d.]+(?:px|pt|em|rem|%)?)/, O = /color:\s*([^;]+)/, A = I.match(F), D = I.match(N), L = I.match(R), J = I.match(j), k = I.match(O), z = A ? A[1] : null, W = D ? D[1] : null, K = L ? L[1] : null, B = J ? J[1] : null, H = k ? k[1] : null;
@@ -14028,29 +14028,29 @@ const pC = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
   }, C = () => {
     e(!1), a("");
   };
-  return /* @__PURE__ */ qe.jsxs(qe.Fragment, { children: [
-    /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsxs(He.Fragment, { children: [
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "MS-Word content paste",
         className: "toolbar-item space insert-ms-word-btn",
         onClick: w,
-        children: /* @__PURE__ */ qe.jsx("img", { src: pC, height: 16, width: 16 })
+        children: /* @__PURE__ */ He.jsx("img", { src: pC, height: 16, width: 16 })
       }
     ),
-    i && i.length > 0 ? y && /* @__PURE__ */ qe.jsx("div", { className: "modal-overlay", children: /* @__PURE__ */ qe.jsxs("div", { className: "modal-content custom-paste-modal-content", children: [
-      /* @__PURE__ */ qe.jsx("h3", { children: "Paste MS Word Content below" }),
-      /* @__PURE__ */ qe.jsx("button", { className: "modal-buttons-close", onClick: C, children: /* @__PURE__ */ qe.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
-      /* @__PURE__ */ qe.jsxs("div", { className: "select-table-container", children: [
+    i && i.length > 0 ? y && /* @__PURE__ */ He.jsx("div", { className: "modal-overlay", children: /* @__PURE__ */ He.jsxs("div", { className: "modal-content custom-paste-modal-content", children: [
+      /* @__PURE__ */ He.jsx("h3", { children: "Paste MS Word Content below" }),
+      /* @__PURE__ */ He.jsx("button", { className: "modal-buttons-close", onClick: C, children: /* @__PURE__ */ He.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
+      /* @__PURE__ */ He.jsxs("div", { className: "select-table-container", children: [
         o.length > 100,
-        /* @__PURE__ */ qe.jsx(
+        /* @__PURE__ */ He.jsx(
           "textarea",
           {
             onPaste: x,
             className: o && o.length > 100 ? "small-paste-area" : "enlarge-paste-area"
           }
         ),
-        /* @__PURE__ */ qe.jsx(
+        /* @__PURE__ */ He.jsx(
           "div",
           {
             contentEditable: !0,
@@ -14060,16 +14060,16 @@ const pC = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
           }
         )
       ] }),
-      /* @__PURE__ */ qe.jsx("div", { children: /* @__PURE__ */ qe.jsxs("div", { className: "modal-buttons", children: [
-        /* @__PURE__ */ qe.jsx("button", { className: `red-button-paste ${o.length > 100 ? "" : "disable-btn"}`, onClick: g, children: "Reset" }),
-        /* @__PURE__ */ qe.jsx(m, {})
+      /* @__PURE__ */ He.jsx("div", { children: /* @__PURE__ */ He.jsxs("div", { className: "modal-buttons", children: [
+        /* @__PURE__ */ He.jsx("button", { className: `red-button-paste ${o.length > 100 ? "" : "disable-btn"}`, onClick: g, children: "Reset" }),
+        /* @__PURE__ */ He.jsx(m, {})
       ] }) })
-    ] }) }) : y && /* @__PURE__ */ qe.jsx("div", { className: "modal-overlay", children: p ? /* @__PURE__ */ qe.jsxs("div", { className: "modal-content custom-paste-modal-content", children: [
-      /* @__PURE__ */ qe.jsx("h3", { children: "Paste MS Word Content below" }),
-      /* @__PURE__ */ qe.jsx("button", { className: "modal-buttons-close", onClick: C, children: /* @__PURE__ */ qe.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
-      /* @__PURE__ */ qe.jsxs("div", { className: "select-table-container", children: [
+    ] }) }) : y && /* @__PURE__ */ He.jsx("div", { className: "modal-overlay", children: p ? /* @__PURE__ */ He.jsxs("div", { className: "modal-content custom-paste-modal-content", children: [
+      /* @__PURE__ */ He.jsx("h3", { children: "Paste MS Word Content below" }),
+      /* @__PURE__ */ He.jsx("button", { className: "modal-buttons-close", onClick: C, children: /* @__PURE__ */ He.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
+      /* @__PURE__ */ He.jsxs("div", { className: "select-table-container", children: [
         o.length > 100,
-        /* @__PURE__ */ qe.jsx(
+        /* @__PURE__ */ He.jsx(
           "div",
           {
             className: "text-area-loading",
@@ -14077,19 +14077,19 @@ const pC = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
           }
         )
       ] })
-    ] }) : /* @__PURE__ */ qe.jsxs("div", { className: "modal-content custom-paste-modal-content", children: [
-      /* @__PURE__ */ qe.jsx("h3", { children: "Paste MS Word Content below" }),
-      /* @__PURE__ */ qe.jsx("button", { className: "modal-buttons-close", onClick: C, children: /* @__PURE__ */ qe.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
-      /* @__PURE__ */ qe.jsxs("div", { className: "select-table-container", children: [
+    ] }) : /* @__PURE__ */ He.jsxs("div", { className: "modal-content custom-paste-modal-content", children: [
+      /* @__PURE__ */ He.jsx("h3", { children: "Paste MS Word Content below" }),
+      /* @__PURE__ */ He.jsx("button", { className: "modal-buttons-close", onClick: C, children: /* @__PURE__ */ He.jsx("img", { src: Zd, height: 16, width: 16, style: { margin: "0 0 29px 10px" } }) }),
+      /* @__PURE__ */ He.jsxs("div", { className: "select-table-container", children: [
         o.length > 100,
-        /* @__PURE__ */ qe.jsx(
+        /* @__PURE__ */ He.jsx(
           "textarea",
           {
             onPaste: x,
             className: o && o.length > 100 ? "small-paste-area" : "enlarge-paste-area"
           }
         ),
-        /* @__PURE__ */ qe.jsx(
+        /* @__PURE__ */ He.jsx(
           "div",
           {
             contentEditable: !0,
@@ -14099,15 +14099,15 @@ const pC = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idX
           }
         )
       ] }),
-      /* @__PURE__ */ qe.jsx("div", { children: /* @__PURE__ */ qe.jsxs("div", { className: "modal-buttons", children: [
-        /* @__PURE__ */ qe.jsx("button", { className: `red-button-paste ${o.length > 100 ? "" : "disable-btn"}`, onClick: g, children: "Reset" }),
-        /* @__PURE__ */ qe.jsx(m, {})
+      /* @__PURE__ */ He.jsx("div", { children: /* @__PURE__ */ He.jsxs("div", { className: "modal-buttons", children: [
+        /* @__PURE__ */ He.jsx("button", { className: `red-button-paste ${o.length > 100 ? "" : "disable-btn"}`, onClick: g, children: "Reset" }),
+        /* @__PURE__ */ He.jsx(m, {})
       ] }) })
     ] }) })
   ] });
 }, gC = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGFibGUiPjxwYXRoIGQ9Ik0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yVjJ6bTE1IDJoLTR2M2g0VjR6bTAgNGgtNHYzaDRWOHptMCA0aC00djNoM2ExIDEgMCAwIDAgMS0xdi0yem0tNSAzdi0zSDZ2M2g0em0tNSAwdi0zSDF2MmExIDEgMCAwIDAgMSAxaDN6bS00LTRoNFY4SDF2M3ptMC00aDRWNEgxdjN6bTUtM3YzaDRWNEg2em00IDRINnYzaDRWOHoiLz48L3N2Zz4=", mC = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0naXNvLTg4NTktMSc/Pgo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIGhlaWdodD0iODAwcHgiIHdpZHRoPSI4MDBweCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTAgMzUwIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzUwIDM1MCI+CiAgPHBhdGggZD0iTTUsMzUwaDM0MFYwSDVWMzUweiBNMjUsMzMwdi02Mi4yMTJoMzAwVjMzMEgyNXogTTE3OS41MDksMjQ3LjQ5NEg2MC40OTFMMTIwLDE3MS4yNTNMMTc5LjUwOSwyNDcuNDk0eiAgIE0xNzYuNDQzLDIxMS4wNjFsMzMuNjgzLTMyLjMyM2w3NC42NTQsNjkuMDVoLTc5LjY3TDE3Ni40NDMsMjExLjA2MXogTTMyNSw5Ni41NzRjLTYuMzg0LDIuMjY5LTEzLjA4NSwzLjQyNi0yMCwzLjQyNiAgYy0zMy4wODQsMC02MC0yNi45MTYtNjAtNjBjMC02LjkxMSwxLjE1Ni0xMy42MTIsMy40MjItMjBIMzI1Vjk2LjU3NHogTTI1LDIwaDIwMi41MTZDMjI1Ljg0NSwyNi40NzksMjI1LDMzLjE2NiwyMjUsNDAgIGMwLDQ0LjExMiwzNS44ODgsODAsODAsODBjNi44MzcsMCwxMy41MjMtMC44NDYsMjAtMi41MTh2MTMwLjMwNmgtMTAuNzY3bC0xMDQuMzU5LTk2LjUyNmwtNDUuODAxLDQzLjk1MUwxMjAsMTM4Ljc0OCAgbC04NS4xMDksMTA5LjA0SDI1VjIweiIvPgo8L3N2Zz4=", cu = 1;
 function Fl() {
-  return /* @__PURE__ */ qe.jsx("div", { className: "divider" });
+  return /* @__PURE__ */ He.jsx("div", { className: "divider" });
 }
 function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c }) {
   const [n] = ir(), t = wr(null), [o, a] = un(!1), [r, d] = un(!1), [s, u] = un(!1), [l, f] = un(!1), [m, h] = un(!1), [v, _] = un(!1), [b, S] = un(!1), [E, x] = un(!1), [g, w] = un("11px"), [C, I] = un(() => n.isEditable()), [M, F] = un(""), [N, R] = un(""), [j, O] = un(""), [A, D] = fC(), [L, J] = un(!1), k = Mn(() => {
@@ -14203,8 +14203,8 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
       (K) => (F("Enter"), !0),
       cu
     )
-  ), [n, k, W]), /* @__PURE__ */ qe.jsxs("div", { className: "toolbar", ref: t, children: [
-    /* @__PURE__ */ qe.jsx(
+  ), [n, k, W]), /* @__PURE__ */ He.jsxs("div", { className: "toolbar", ref: t, children: [
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Undo",
@@ -14214,10 +14214,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced",
         "aria-label": "Undo",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format undo" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format undo" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Redo",
@@ -14227,11 +14227,11 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item",
         "aria-label": "Redo",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format redo" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format redo" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(Fl, {}),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(Fl, {}),
+    /* @__PURE__ */ He.jsx(
       EE,
       {
         currentElementClick: N,
@@ -14244,8 +14244,8 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         currentElementSelect: j
       }
     ),
-    /* @__PURE__ */ qe.jsx(Fl, {}),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(Fl, {}),
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Bold",
@@ -14254,10 +14254,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced " + (s ? "active" : ""),
         "aria-label": "Format Bold",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format bold" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format bold" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Italic",
@@ -14266,10 +14266,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced " + (l ? "active" : ""),
         "aria-label": "Format Italics",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format italic" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format italic" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Underline",
@@ -14278,10 +14278,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced " + (m ? "active" : ""),
         "aria-label": "Format Underline",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format underline" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format underline" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Strikethrough",
@@ -14290,10 +14290,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced " + (v ? "active" : ""),
         "aria-label": "Format Strikethrough",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format strikethrough" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format strikethrough" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "SuperScript",
@@ -14302,7 +14302,7 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced " + (E ? "active" : ""),
         "aria-label": "Format SuperScript",
-        children: /* @__PURE__ */ qe.jsx(
+        children: /* @__PURE__ */ He.jsx(
           "img",
           {
             src: wE,
@@ -14313,7 +14313,7 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         )
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "SubScript",
@@ -14322,7 +14322,7 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced " + (b ? "active" : ""),
         "aria-label": "Format SubScript",
-        children: /* @__PURE__ */ qe.jsx(
+        children: /* @__PURE__ */ He.jsx(
           "img",
           {
             src: xE,
@@ -14333,8 +14333,8 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         )
       }
     ),
-    /* @__PURE__ */ qe.jsx(Fl, {}),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(Fl, {}),
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Left Align",
@@ -14343,10 +14343,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced",
         "aria-label": "Left Align",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format left-align" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format left-align" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Center Align",
@@ -14355,10 +14355,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced",
         "aria-label": "Center Align",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format center-align" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format center-align" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Right Align",
@@ -14367,10 +14367,10 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item spaced",
         "aria-label": "Right Align",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format right-align" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format right-align" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "button",
       {
         title: "Justify Align",
@@ -14379,12 +14379,12 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         },
         className: "toolbar-item",
         "aria-label": "Justify Align",
-        children: /* @__PURE__ */ qe.jsx("i", { className: "format justify-align" })
+        children: /* @__PURE__ */ He.jsx("i", { className: "format justify-align" })
       }
     ),
-    /* @__PURE__ */ qe.jsx(Fl, {}),
-    /* @__PURE__ */ qe.jsx(TE, {}),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(Fl, {}),
+    /* @__PURE__ */ He.jsx(TE, {}),
+    /* @__PURE__ */ He.jsx(
       hC,
       {
         source: c,
@@ -14395,9 +14395,9 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         collabApiKey: p
       }
     ),
-    /* @__PURE__ */ qe.jsx(Fl, {}),
-    /* @__PURE__ */ qe.jsx(cC, {}),
-    /* @__PURE__ */ qe.jsxs(
+    /* @__PURE__ */ He.jsx(Fl, {}),
+    /* @__PURE__ */ He.jsx(cC, {}),
+    /* @__PURE__ */ He.jsxs(
       um,
       {
         disabled: !C,
@@ -14406,15 +14406,15 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
         buttonAriaLabel: "Insert specialized editor node",
         buttonIconClassName: "icon plus",
         children: [
-          /* @__PURE__ */ qe.jsx(
+          /* @__PURE__ */ He.jsx(
             sa,
             {
               onClick: () => {
-                D("Insert Image", (K) => /* @__PURE__ */ qe.jsx(lS, { activeEditor: n, onClose: K }));
+                D("Insert Image", (K) => /* @__PURE__ */ He.jsx(lS, { activeEditor: n, onClose: K }));
               },
               className: "item",
-              children: /* @__PURE__ */ qe.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-                /* @__PURE__ */ qe.jsx(
+              children: /* @__PURE__ */ He.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                /* @__PURE__ */ He.jsx(
                   "img",
                   {
                     className: "add-toolbar-image-icon",
@@ -14423,15 +14423,15 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
                     style: { height: "16px", width: "16px" }
                   }
                 ),
-                /* @__PURE__ */ qe.jsx("span", { className: "text", children: "Image" })
+                /* @__PURE__ */ He.jsx("span", { className: "text", children: "Image" })
               ] })
             }
           ),
-          /* @__PURE__ */ qe.jsx(
+          /* @__PURE__ */ He.jsx(
             sa,
             {
               onClick: () => {
-                D("Insert Table", (K) => /* @__PURE__ */ qe.jsx(
+                D("Insert Table", (K) => /* @__PURE__ */ He.jsx(
                   CE,
                   {
                     onClose: K
@@ -14439,8 +14439,8 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
                 ));
               },
               className: "item",
-              children: /* @__PURE__ */ qe.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-                /* @__PURE__ */ qe.jsx(
+              children: /* @__PURE__ */ He.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                /* @__PURE__ */ He.jsx(
                   "img",
                   {
                     className: "add-toolbar-table-icon",
@@ -14449,15 +14449,15 @@ function yC({ onlUser: y, styleConfig: i, collabApiKey: p, onPaste: e, source: c
                     style: { height: "16px", width: "16px" }
                   }
                 ),
-                /* @__PURE__ */ qe.jsx("span", { className: "text", children: "Table" })
+                /* @__PURE__ */ He.jsx("span", { className: "text", children: "Table" })
               ] })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ qe.jsx(Fl, {}),
-    /* @__PURE__ */ qe.jsx("div", { className: "flex-container-onluser", children: y }),
+    /* @__PURE__ */ He.jsx(Fl, {}),
+    /* @__PURE__ */ He.jsx("div", { className: "flex-container-onluser", children: y }),
     A
   ] });
 }
@@ -14565,7 +14565,7 @@ function q1({ contentEditable: y, placeholder: i, ErrorBoundary: p }) {
     }, [n]), jo(() => {
       const r = [], d = Object.keys(o);
       for (let s = 0; s < d.length; s++) {
-        const u = d[s], l = qe.jsx(t, { onError: (m) => n._onError(m), children: qe.jsx(Bf, { fallback: null, children: o[u] }) }), f = n.getElementByKey(u);
+        const u = d[s], l = He.jsx(t, { onError: (m) => n._onError(m), children: He.jsx(Bf, { fallback: null, children: o[u] }) }), f = n.getElementByKey(u);
         f !== null && r.push(yc(l, f, u));
       }
       return r;
@@ -14573,7 +14573,7 @@ function q1({ contentEditable: y, placeholder: i, ErrorBoundary: p }) {
   }(e, p);
   return function(n) {
     ug(() => ro(Qw(n), H1(n)), [n]);
-  }(e), qe.jsxs(qe.Fragment, { children: [y, qe.jsx(_C, { content: i }), c] });
+  }(e), He.jsxs(He.Fragment, { children: [y, He.jsx(_C, { content: i }), c] });
 }
 function _C({ content: y }) {
   const [i] = ir(), p = function(c) {
@@ -14638,7 +14638,7 @@ var cb = { error: null }, xC = function(y) {
   }, e;
 }(lr.Component);
 function dm({ children: y, onError: i }) {
-  return qe.jsx(xC, { fallback: qe.jsx("div", { style: { border: "1px solid #f00", color: "#f00", padding: "8px" }, children: "An error was thrown." }), onError: i, children: y });
+  return He.jsx(xC, { fallback: He.jsx("div", { style: { border: "1px solid #f00", color: "#f00", padding: "8px" }, children: "An error was thrown." }), onError: i, children: y });
 }
 function fm({ defaultSelection: y }) {
   const [i] = ir();
@@ -14656,7 +14656,7 @@ function pm({ ariaActiveDescendant: y, ariaAutoComplete: i, ariaControls: p, ari
   }, [b]);
   return wC(() => (E(b.isEditable()), b.registerEditableListener((g) => {
     E(g);
-  })), [b]), qe.jsx("div", { ..._, "aria-activedescendant": S ? y : void 0, "aria-autocomplete": S ? i : "none", "aria-controls": S ? p : void 0, "aria-describedby": e, "aria-expanded": S && l === "combobox" ? !!c : void 0, "aria-label": n, "aria-labelledby": t, "aria-multiline": o, "aria-owns": S ? a : void 0, "aria-readonly": !S || void 0, "aria-required": r, autoCapitalize: d, className: s, contentEditable: S, "data-testid": v, id: u, ref: x, role: l, spellCheck: f, style: m, tabIndex: h });
+  })), [b]), He.jsx("div", { ..._, "aria-activedescendant": S ? y : void 0, "aria-autocomplete": S ? i : "none", "aria-controls": S ? p : void 0, "aria-describedby": e, "aria-expanded": S && l === "combobox" ? !!c : void 0, "aria-label": n, "aria-labelledby": t, "aria-multiline": o, "aria-owns": S ? a : void 0, "aria-readonly": !S || void 0, "aria-required": r, autoCapitalize: d, className: s, contentEditable: S, "data-testid": v, id: u, ref: x, role: l, spellCheck: f, style: m, tabIndex: h });
 }
 const SC = 33, EC = 50;
 function CC({ editor: y }) {
@@ -14826,8 +14826,8 @@ function CC({ editor: y }) {
       top: null
     };
   }, [o, s, n])();
-  return /* @__PURE__ */ qe.jsx("div", { ref: p, children: o != null && !r && /* @__PURE__ */ qe.jsxs(qe.Fragment, { children: [
-    /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsx("div", { ref: p, children: o != null && !r && /* @__PURE__ */ He.jsxs(He.Fragment, { children: [
+    /* @__PURE__ */ He.jsx(
       "div",
       {
         className: "TableCellResizer__resizer TableCellResizer__ui",
@@ -14835,7 +14835,7 @@ function CC({ editor: y }) {
         onMouseDown: _("right")
       }
     ),
-    /* @__PURE__ */ qe.jsx(
+    /* @__PURE__ */ He.jsx(
       "div",
       {
         className: "TableCellResizer__resizer TableCellResizer__ui",
@@ -14848,7 +14848,7 @@ function CC({ editor: y }) {
 function OC() {
   const [y] = ir(), i = Gu();
   return jo(
-    () => i ? yc(/* @__PURE__ */ qe.jsx(CC, { editor: y }), document.body) : null,
+    () => i ? yc(/* @__PURE__ */ He.jsx(CC, { editor: y }), document.body) : null,
     [y, i]
   );
 }
@@ -15351,7 +15351,7 @@ function QC({ contentEditable: y, placeholder: i, ErrorBoundary: p }) {
     }, [n]), jo(() => {
       const r = [], d = Object.keys(o);
       for (let s = 0; s < d.length; s++) {
-        const u = d[s], l = qe.jsx(t, { onError: (m) => n._onError(m), children: qe.jsx(Bf, { fallback: null, children: o[u] }) }), f = n.getElementByKey(u);
+        const u = d[s], l = He.jsx(t, { onError: (m) => n._onError(m), children: He.jsx(Bf, { fallback: null, children: o[u] }) }), f = n.getElementByKey(u);
         f !== null && r.push(yc(l, f, u));
       }
       return r;
@@ -15359,7 +15359,7 @@ function QC({ contentEditable: y, placeholder: i, ErrorBoundary: p }) {
   }(e, p);
   return function(n) {
     gg(() => ro(ZC(n), H1(n)), [n]);
-  }(e), qe.jsxs(qe.Fragment, { children: [y, qe.jsx(XC, { content: i }), c] });
+  }(e), He.jsxs(He.Fragment, { children: [y, He.jsx(XC, { content: i }), c] });
 }
 function XC({ content: y }) {
   const [i] = ir(), p = function(c) {
@@ -17228,30 +17228,30 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return h(D), h(L), D;
       h(D), h(L);
       try {
-        var we = ((He) => {
-          if (He.na !== void 0)
+        var we = ((qe) => {
+          if (qe.na !== void 0)
             return C;
-          if (He.li !== void 0 && He.ld !== void 0)
+          if (qe.li !== void 0 && qe.ld !== void 0)
             return 1;
-          if (He.li !== void 0)
+          if (qe.li !== void 0)
             return 2;
-          if (He.ld !== void 0)
+          if (qe.ld !== void 0)
             return 3;
-          if (He.lm !== void 0)
+          if (qe.lm !== void 0)
             return 4;
-          if (He.oi !== void 0 && He.od !== void 0)
+          if (qe.oi !== void 0 && qe.od !== void 0)
             return 5;
-          if (He.oi !== void 0)
+          if (qe.oi !== void 0)
             return 6;
-          if (He.od !== void 0)
+          if (qe.od !== void 0)
             return 7;
-          if (He.t && He.t == "pt")
+          if (qe.t && qe.t == "pt")
             return 8;
-          if (He.t && He.t == "rt")
+          if (qe.t && qe.t == "rt")
             return 9;
-          if (He.t && He.t == "qd")
+          if (qe.t && qe.t == "qd")
             return 10;
-          throw new Error("Unknown optype: ".concat(JSON.stringify(He)));
+          throw new Error("Unknown optype: ".concat(JSON.stringify(qe)));
         })(L);
         switch (we) {
           case C:
@@ -17395,8 +17395,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           default:
             throw new Error("json-ot: unkown op type ".concat(we));
         }
-      } catch (He) {
-        console.error(He);
+      } catch (qe) {
+        console.error(qe);
       }
     }
     function M(A, D, L, J, k) {
@@ -29518,7 +29518,7 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  "));
         P = P.return;
       }
     }
-    var He, gt, ft, me, Ue = !1, ht = [], Pt = null, Mt = null, Gt = null, Ht = /* @__PURE__ */ new Map(), Zt = /* @__PURE__ */ new Map(), en = [], zn = "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");
+    var qe, gt, ft, me, Ue = !1, ht = [], Pt = null, Mt = null, Gt = null, Ht = /* @__PURE__ */ new Map(), Zt = /* @__PURE__ */ new Map(), en = [], zn = "mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");
     function wn(T, P, V, re, oe) {
       return { blockedOn: T, domEventName: P, eventSystemFlags: 16 | V, nativeEvent: oe, targetContainers: [re] };
     }
@@ -29566,7 +29566,7 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  "));
       for (Ue = !1; 0 < ht.length; ) {
         var T = ht[0];
         if (T.blockedOn !== null) {
-          (T = Rc(T.blockedOn)) !== null && He(T);
+          (T = Rc(T.blockedOn)) !== null && qe(T);
           break;
         }
         for (var P = T.targetContainers; 0 < P.length; ) {
@@ -33011,7 +33011,7 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
       jd(null, T, null, function() {
         P[bl] = null;
       });
-    }, He = function(T) {
+    }, qe = function(T) {
       T.tag === 13 && (ns(T, 4, ui()), ah(T, 4));
     }, gt = function(T) {
       T.tag === 13 && (ns(T, 67108864, ui()), ah(T, 67108864));
@@ -33768,16 +33768,16 @@ Add a <Suspense fallback=...> component higher in the tree to provide a loading
         function h() {
           return (h = Object.assign || function(ge) {
             for (var ze = 1; ze < arguments.length; ze++) {
-              var Ke, He = arguments[ze];
-              for (Ke in He)
-                Object.prototype.hasOwnProperty.call(He, Ke) && (ge[Ke] = He[Ke]);
+              var Ke, qe = arguments[ze];
+              for (Ke in qe)
+                Object.prototype.hasOwnProperty.call(qe, Ke) && (ge[Ke] = qe[Ke]);
             }
             return ge;
           }).apply(this, arguments);
         }
         var v = function(ge, ze) {
-          for (var Ke = [ge[0]], He = 0, gt = ze.length; He < gt; He += 1)
-            Ke.push(ze[He], ge[He + 1]);
+          for (var Ke = [ge[0]], qe = 0, gt = ze.length; qe < gt; qe += 1)
+            Ke.push(ze[qe], ge[qe + 1]);
           return Ke;
         }, _ = function(ge) {
           return ge !== null && typeof ge == "object" && (ge.toString ? ge.toString() : Object.prototype.toString.call(ge)) === "[object Object]" && !a.typeOf(ge);
@@ -33834,15 +33834,15 @@ as for instance in your render method then you may be running into this limitati
 Has styled-components' style tag been unmounted or altered by another script?
 ` } : {};
         function N() {
-          for (var ge = arguments.length <= 0 ? void 0 : arguments[0], ze = [], Ke = 1, He = arguments.length; Ke < He; Ke += 1)
+          for (var ge = arguments.length <= 0 ? void 0 : arguments[0], ze = [], Ke = 1, qe = arguments.length; Ke < qe; Ke += 1)
             ze.push(Ke < 0 || arguments.length <= Ke ? void 0 : arguments[Ke]);
           return ze.forEach(function(gt) {
             ge = ge.replace(/%[a-z]/, gt);
           }), ge;
         }
         function R(ge) {
-          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), He = 1; He < ze; He++)
-            Ke[He - 1] = arguments[He];
+          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), qe = 1; qe < ze; qe++)
+            Ke[qe - 1] = arguments[qe];
           throw t.env.NODE_ENV === "production" ? new Error("An error occurred. See https://git.io/JUIaE#" + ge + " for more information." + (0 < Ke.length ? " Args: " + Ke.join(", ") : "")) : new Error(N.apply(void 0, [F[ge]].concat(Ke)).trim());
         }
         function j(ge) {
@@ -33854,14 +33854,14 @@ Has styled-components' style tag been unmounted or altered by another script?
           return t.env.NODE_ENV !== "production" && ((0 | ze) < 0 || 1 << 30 < ze) && R(16, "" + ze), L.set(ge, ze), J.set(ze, ge), ze;
         }
         function O(ge) {
-          var ze = document.head, Ke = ge || ze, He = (ge = document.createElement("style"), ze = (ze = (() => {
+          var ze = document.head, Ke = ge || ze, qe = (ge = document.createElement("style"), ze = (ze = (() => {
             for (var gt = Ke.childNodes, ft = gt.length; 0 <= ft; ft--) {
               var me = gt[ft];
               if (me && me.nodeType === 1 && me.hasAttribute(w))
                 return me;
             }
           })()) !== void 0 ? ze.nextSibling : null, ge.setAttribute(w, "active"), ge.setAttribute("data-styled-version", "5.3.11"), H());
-          return He && ge.setAttribute("nonce", He), Ke.insertBefore(ge, ze), ge;
+          return qe && ge.setAttribute("nonce", qe), Ke.insertBefore(ge, ze), ge;
         }
         function A(ge) {
           return String.fromCharCode(ge + (25 < ge ? 39 : 97));
@@ -33872,25 +33872,25 @@ Has styled-components' style tag been unmounted or altered by another script?
           return ze;
         }, Qe.insertRules = function(ge, ze) {
           if (ge >= this.groupSizes.length) {
-            for (var Ke = this.groupSizes, He = Ke.length, gt = He; gt <= ge; )
+            for (var Ke = this.groupSizes, qe = Ke.length, gt = qe; gt <= ge; )
               (gt <<= 1) < 0 && R(16, "" + ge);
             this.groupSizes = new Uint32Array(gt), this.groupSizes.set(Ke), this.length = gt;
-            for (var ft = He; ft < gt; ft++)
+            for (var ft = qe; ft < gt; ft++)
               this.groupSizes[ft] = 0;
           }
           for (var me = this.indexOfGroup(ge + 1), Ue = 0, ht = ze.length; Ue < ht; Ue++)
             this.tag.insertRule(me, ze[Ue]) && (this.groupSizes[ge]++, me++);
         }, Qe.clearGroup = function(ge) {
           if (ge < this.length) {
-            var ze = this.groupSizes[ge], Ke = this.indexOfGroup(ge), He = Ke + ze;
+            var ze = this.groupSizes[ge], Ke = this.indexOfGroup(ge), qe = Ke + ze;
             this.groupSizes[ge] = 0;
-            for (var gt = Ke; gt < He; gt++)
+            for (var gt = Ke; gt < qe; gt++)
               this.tag.deleteRule(Ke);
           }
         }, Qe.getGroup = function(ge) {
           var ze = "";
           if (!(ge >= this.length || this.groupSizes[ge] === 0))
-            for (var Ke = this.groupSizes[ge], He = (ge = this.indexOfGroup(ge)) + Ke, gt = ge; gt < He; gt++)
+            for (var Ke = this.groupSizes[ge], qe = (ge = this.indexOfGroup(ge)) + Ke, gt = ge; gt < qe; gt++)
               ze += this.tag.getRule(gt) + `/*!sc*/
 `;
           return ze;
@@ -33898,8 +33898,8 @@ Has styled-components' style tag been unmounted or altered by another script?
         var D = Ee, L = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), k = 1, z = function(ge, ze) {
           k <= ze && (k = ze + 1), L.set(ge, ze), J.set(ze, ge);
         }, W = "style[" + w + '][data-styled-version="5.3.11"]', K = new RegExp("^" + w + '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'), B = function(ge, ze, Ke) {
-          for (var He, gt = Ke.split(","), ft = 0, me = gt.length; ft < me; ft++)
-            (He = gt[ft]) && ge.registerName(ze, He);
+          for (var qe, gt = Ke.split(","), ft = 0, me = gt.length; ft < me; ft++)
+            (qe = gt[ft]) && ge.registerName(ze, qe);
         }, H = function() {
           return p.nc;
         }, q = ((Qe = ue.prototype).insertRule = function(ge, ze) {
@@ -33945,10 +33945,10 @@ Has styled-components' style tag been unmounted or altered by another script?
         }, Qe.clearTag = function() {
           this.tag = void 0;
         }, Qe.toString = function() {
-          for (var ge = this.getTag(), ze = ge.length, Ke = "", He = 0; He < ze; He++) {
-            Ue = He;
+          for (var ge = this.getTag(), ze = ge.length, Ke = "", qe = 0; qe < ze; qe++) {
+            Ue = qe;
             var gt, ft, me, Ue = J.get(Ue);
-            Ue !== void 0 && (gt = this.names.get(Ue), ft = ge.getGroup(He), gt) && ft && gt.size && (Ue = w + ".g" + He + '[id="' + Ue + '"]', me = "", gt !== void 0 && gt.forEach(function(ht) {
+            Ue !== void 0 && (gt = this.names.get(Ue), ft = ge.getGroup(qe), gt) && ft && gt.size && (Ue = w + ".g" + qe + '[id="' + Ue + '"]', me = "", gt !== void 0 && gt.forEach(function(ht) {
               0 < ht.length && (me += ht + ",");
             }), Ke += ft + Ue + '{content:"' + me + `"}/*!sc*/
 `);
@@ -33958,8 +33958,8 @@ Has styled-components' style tag been unmounted or altered by another script?
         function ne(ge, ze, Ke) {
           if (ge === void 0 && (ge = S), ze === void 0 && (ze = {}), this.options = h({}, Z, {}, ge), this.gs = ze, this.names = new Map(Ke), this.server = !!ge.isServer, !this.server && C && Y) {
             Y = !1;
-            for (var He = document.querySelectorAll(W), gt = 0, ft = He.length; gt < ft; gt++) {
-              var me = He[gt];
+            for (var qe = document.querySelectorAll(W), gt = 0, ft = qe.length; gt < ft; gt++) {
+              var me = qe[gt];
               me && me.getAttribute(w) !== "active" && (((Ue, ht) => {
                 for (var Pt = (ht.textContent || "").split(`/*!sc*/
 `), Mt = [], Gt = 0, Ht = Pt.length; Gt < Ht; Gt++) {
@@ -33980,8 +33980,8 @@ Has styled-components' style tag been unmounted or altered by another script?
           (ge = this.element = O(ge)).appendChild(document.createTextNode("")), this.sheet = ((ze) => {
             if (ze.sheet)
               return ze.sheet;
-            for (var Ke = document.styleSheets, He = 0, gt = Ke.length; He < gt; He++) {
-              var ft = Ke[He];
+            for (var Ke = document.styleSheets, qe = 0, gt = Ke.length; qe < gt; qe++) {
+              var ft = Ke[qe];
               if (ft.ownerNode === ze)
                 return ft;
             }
@@ -34013,15 +34013,15 @@ Has styled-components' style tag been unmounted or altered by another script?
           return !0;
         }
         var we = Pe("5.3.11"), Se = (Je.prototype.generateAndInjectStyles = function(ge, ze, Ke) {
-          var He = this.componentId, gt = [];
+          var qe = this.componentId, gt = [];
           if (this.baseStyle && gt.push(this.baseStyle.generateAndInjectStyles(ge, ze, Ke)), this.isStatic && !Ke.hash)
-            this.staticRulesId && ze.hasNameForId(He, this.staticRulesId) ? gt.push(this.staticRulesId) : (ft = sn(this.rules, ge, ze, Ke).join(""), me = le(de(this.baseHash, ft) >>> 0), ze.hasNameForId(He, me) || (ft = Ke(ft, "." + me, void 0, He), ze.insertRules(He, me, ft)), gt.push(me), this.staticRulesId = me);
+            this.staticRulesId && ze.hasNameForId(qe, this.staticRulesId) ? gt.push(this.staticRulesId) : (ft = sn(this.rules, ge, ze, Ke).join(""), me = le(de(this.baseHash, ft) >>> 0), ze.hasNameForId(qe, me) || (ft = Ke(ft, "." + me, void 0, qe), ze.insertRules(qe, me, ft)), gt.push(me), this.staticRulesId = me);
           else {
             for (var ft, me, Ue = this.rules.length, ht = de(this.baseHash, Ke.hash), Pt = "", Mt = 0; Mt < Ue; Mt++) {
               var Gt = this.rules[Mt];
               typeof Gt == "string" ? (Pt += Gt, t.env.NODE_ENV !== "production" && (ht = de(ht, Gt + Mt))) : Gt && (Gt = sn(Gt, ge, ze, Ke), ht = de(ht, (Gt = Array.isArray(Gt) ? Gt.join("") : Gt) + Mt), Pt += Gt);
             }
-            Pt && (ft = le(ht >>> 0), ze.hasNameForId(He, ft) || (me = Ke(Pt, "." + ft, void 0, He), ze.insertRules(He, ft, me)), gt.push(ft));
+            Pt && (ft = le(ht >>> 0), ze.hasNameForId(qe, ft) || (me = Ke(Pt, "." + ft, void 0, qe), ze.insertRules(qe, ft, me)), gt.push(ft));
           }
           return gt.join(" ");
         }, Je), xe = /^\s*\/\/.*$/gm, Re = [":", "[", ".", "#"];
@@ -34030,9 +34030,9 @@ Has styled-components' style tag been unmounted or altered by another script?
         }
         function De(ge) {
           function ze(Ht, Zt, en) {
-            return Zt === 0 && Re.indexOf(en[He.length]) !== -1 || en.match(ft) ? Ht : "." + Ke;
+            return Zt === 0 && Re.indexOf(en[qe.length]) !== -1 || en.match(ft) ? Ht : "." + Ke;
           }
-          var Ke, He, gt, ft, me, Ue = (Ue = (ge = ge === void 0 ? S : ge).options) === void 0 ? S : Ue, ht = (ge = (ge = ge.plugins) === void 0 ? b : ge, new u(Ue)), Pt = [];
+          var Ke, qe, gt, ft, me, Ue = (Ue = (ge = ge === void 0 ? S : ge).options) === void 0 ? S : Ue, ht = (ge = (ge = ge.plugins) === void 0 ? b : ge, new u(Ue)), Pt = [];
           function Mt(Ht) {
             if (Ht)
               try {
@@ -34041,12 +34041,12 @@ Has styled-components' style tag been unmounted or altered by another script?
               }
           }
           function Gt(Ht, Zt, en, zn) {
-            return zn === void 0 && (zn = "&"), Ht = Ht.replace(xe, ""), Ht = Zt && en ? en + " " + Zt + " { " + Ht + " }" : Ht, Ke = zn, He = Zt, gt = new RegExp("\\" + He + "\\b", "g"), ft = new RegExp("(\\" + He + "\\b){2,}"), ht(en || !Zt ? "" : Zt, Ht);
+            return zn === void 0 && (zn = "&"), Ht = Ht.replace(xe, ""), Ht = Zt && en ? en + " " + Zt + " { " + Ht + " }" : Ht, Ke = zn, qe = Zt, gt = new RegExp("\\" + qe + "\\b", "g"), ft = new RegExp("(\\" + qe + "\\b){2,}"), ht(en || !Zt ? "" : Zt, Ht);
           }
           return me = function(Ht) {
             Pt.push(Ht);
           }, ht.use([].concat(ge, [function(Ht, Zt, en) {
-            Ht === 2 && en.length && 0 < en[0].lastIndexOf(He) && (en[0] = en[0].replace(gt, ze));
+            Ht === 2 && en.length && 0 < en[0].lastIndexOf(qe) && (en[0] = en[0].replace(gt, ze));
           }, function(Ht, Zt, en, zn, wn, En, Jn, dr, oo, jr) {
             switch (Ht) {
               case 1:
@@ -34083,8 +34083,8 @@ Has styled-components' style tag been unmounted or altered by another script?
           return r.useContext(nt) || je;
         }
         function Te(ge) {
-          var ze = (gt = r.useState(ge.stylisPlugins))[0], Ke = gt[1], He = be(), gt = r.useMemo(function() {
-            var me = He;
+          var ze = (gt = r.useState(ge.stylisPlugins))[0], Ke = gt[1], qe = be(), gt = r.useMemo(function() {
+            var me = qe;
             return ge.sheet ? me = ge.sheet : ge.target && (me = me.reconstructWithOptions({ target: ge.target }, !1)), ge.disableCSSOMInjection ? me.reconstructWithOptions({ useCSSOMInjection: !1 }) : me;
           }, [ge.disableCSSOMInjection, ge.sheet, ge.target]), ft = r.useMemo(function() {
             return De({ options: { prefix: !ge.disableVendorPrefixes }, plugins: ze });
@@ -34101,10 +34101,10 @@ Has styled-components' style tag been unmounted or altered by another script?
         };
         function ot(ge, ze) {
           var Ke = this;
-          this.inject = function(He, gt) {
+          this.inject = function(qe, gt) {
             gt === void 0 && (gt = je);
             var ft = Ke.name + gt.hash;
-            He.hasNameForId(Ke.id, ft) || He.insertRules(Ke.id, ft, gt(Ke.rules, ft, "@keyframes"));
+            qe.hasNameForId(Ke.id, ft) || qe.insertRules(Ke.id, ft, gt(Ke.rules, ft, "@keyframes"));
           }, this.toString = function() {
             return R(12, String(Ke.name));
           }, this.name = ge, this.id = "sc-keyframes-" + ge, this.rules = ze;
@@ -34115,14 +34115,14 @@ Has styled-components' style tag been unmounted or altered by another script?
         var fn = function(ge) {
           return ge == null || ge === !1 || ge === "";
         };
-        function sn(ge, ze, Ke, He) {
+        function sn(ge, ze, Ke, qe) {
           if (Array.isArray(ge)) {
             for (var gt, ft = [], me = 0, Ue = ge.length; me < Ue; me += 1)
-              (gt = sn(ge[me], ze, Ke, He)) !== "" && (Array.isArray(gt) ? ft.push.apply(ft, gt) : ft.push(gt));
+              (gt = sn(ge[me], ze, Ke, qe)) !== "" && (Array.isArray(gt) ? ft.push.apply(ft, gt) : ft.push(gt));
             return ft;
           }
           var ht;
-          return fn(ge) ? "" : g(ge) ? "." + ge.styledComponentId : E(ge) ? typeof ge != "function" || ge.prototype && ge.prototype.isReactComponent || !ze ? ge : (ht = ge(ze), t.env.NODE_ENV !== "production" && a.isElement(ht) && x(ge), sn(ht, ze, Ke, He)) : ge instanceof Xe ? Ke ? (ge.inject(Ke, He), ge.getName(He)) : ge : _(ge) ? function Pt(Mt, Gt) {
+          return fn(ge) ? "" : g(ge) ? "." + ge.styledComponentId : E(ge) ? typeof ge != "function" || ge.prototype && ge.prototype.isReactComponent || !ze ? ge : (ht = ge(ze), t.env.NODE_ENV !== "production" && a.isElement(ht) && x(ge), sn(ht, ze, Ke, qe)) : ge instanceof Xe ? Ke ? (ge.inject(Ke, qe), ge.getName(qe)) : ge : _(ge) ? function Pt(Mt, Gt) {
             var Ht, Zt, en, zn = [];
             for (en in Mt)
               Mt.hasOwnProperty(en) && !fn(Mt[en]) && (Array.isArray(Mt[en]) && Mt[en].isCss || E(Mt[en]) ? zn.push(rn(en) + ":", Mt[en], ";") : _(Mt[en]) ? zn.push.apply(zn, Pt(Mt[en], en)) : zn.push(rn(en) + ": " + (Ht = en, ((Zt = Mt[en]) == null || typeof Zt == "boolean" || Zt === "" ? "" : typeof Zt != "number" || Zt === 0 || Ht in l || Ht.startsWith("--") ? String(Zt).trim() : Zt + "px") + ";")));
@@ -34133,15 +34133,15 @@ Has styled-components' style tag been unmounted or altered by another script?
           return Array.isArray(ge) && (ge.isCss = !0), ge;
         };
         function xt(ge) {
-          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), He = 1; He < ze; He++)
-            Ke[He - 1] = arguments[He];
+          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), qe = 1; qe < ze; qe++)
+            Ke[qe - 1] = arguments[qe];
           return E(ge) || _(ge) ? gn(sn(v(b, [ge].concat(Ke)))) : Ke.length === 0 && ge.length === 1 && typeof ge[0] == "string" ? ge : gn(sn(v(ge, Ke)));
         }
         var Ft = /invalid hook call/i, Xt = /* @__PURE__ */ new Set(), Nt = function(ge, ze) {
           if (t.env.NODE_ENV !== "production") {
             var Ke = "The component " + ge + (ze ? ' with the id of "' + ze + '"' : "") + ` has been created dynamically.
 You may see this warning because you've called styled inside another component.
-To resolve this only create new StyledComponents outside of any render method and function component.`, He = console.error;
+To resolve this only create new StyledComponents outside of any render method and function component.`, qe = console.error;
             try {
               var gt = !0;
               console.error = function(ft) {
@@ -34150,13 +34150,13 @@ To resolve this only create new StyledComponents outside of any render method an
                 else {
                   for (var me = arguments.length, Ue = new Array(1 < me ? me - 1 : 0), ht = 1; ht < me; ht++)
                     Ue[ht - 1] = arguments[ht];
-                  He.apply(void 0, [ft].concat(Ue));
+                  qe.apply(void 0, [ft].concat(Ue));
                 }
               }, r.useRef(), gt && !Xt.has(Ke) && Xt.add(Ke);
             } catch (ft) {
               Ft.test(ft.message) && Xt.delete(Ke);
             } finally {
-              console.error = He;
+              console.error = qe;
             }
           }
         }, ct = function(ge, ze, Ke) {
@@ -34177,8 +34177,8 @@ To resolve this only create new StyledComponents outside of any render method an
           return ge !== "__proto__" && ge !== "constructor" && ge !== "prototype";
         };
         function Ct(ge) {
-          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), He = 1; He < ze; He++)
-            Ke[He - 1] = arguments[He];
+          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), qe = 1; qe < ze; qe++)
+            Ke[qe - 1] = arguments[qe];
           for (var gt, ft, me, Ue = 0, ht = Ke; Ue < ht.length; Ue++) {
             var Pt = ht[Ue];
             if (dt(Pt))
@@ -34189,7 +34189,7 @@ To resolve this only create new StyledComponents outside of any render method an
         }
         var $e = d.createContext(), Qe = $e.Consumer, mt = {};
         function $t(ge, ze, Ke) {
-          var He = g(ge), gt = !tt(ge), ft = (ft = ze.attrs) === void 0 ? b : ft, me = (me = ze.componentId) === void 0 ? ((wn, En) => (wn = typeof wn != "string" ? "sc" : ve(wn), mt[wn] = (mt[wn] || 0) + 1, wn = wn + "-" + ke("5.3.11" + wn + mt[wn]), En ? En + "-" + wn : wn))(ze.displayName, ze.parentComponentId) : me, Ue = (ht = ze.displayName) === void 0 ? tt(Ue = ge) ? "styled." + Ue : "Styled(" + x(Ue) + ")" : ht, ht = ze.displayName && ze.componentId ? ve(ze.displayName) + "-" + ze.componentId : ze.componentId || me, Pt = He && ge.attrs ? Array.prototype.concat(ge.attrs, ft).filter(Boolean) : ft;
+          var qe = g(ge), gt = !tt(ge), ft = (ft = ze.attrs) === void 0 ? b : ft, me = (me = ze.componentId) === void 0 ? ((wn, En) => (wn = typeof wn != "string" ? "sc" : ve(wn), mt[wn] = (mt[wn] || 0) + 1, wn = wn + "-" + ke("5.3.11" + wn + mt[wn]), En ? En + "-" + wn : wn))(ze.displayName, ze.parentComponentId) : me, Ue = (ht = ze.displayName) === void 0 ? tt(Ue = ge) ? "styled." + Ue : "Styled(" + x(Ue) + ")" : ht, ht = ze.displayName && ze.componentId ? ve(ze.displayName) + "-" + ze.componentId : ze.componentId || me, Pt = qe && ge.attrs ? Array.prototype.concat(ge.attrs, ft).filter(Boolean) : ft;
           function Mt(wn, En) {
             var Jn, dr, oo, jr, Nr = Gt, wo = zn, fr = Nr.attrs, mr = Nr.componentStyle, Rr = Nr.defaultProps, ti = Nr.foldedComponentIds, Xr = Nr.shouldForwardProp, io = Nr.styledComponentId, No = Nr.target, eo = (Rr = ct(wn, r.useContext($e), Rr) || S, dr = h({}, wn, { theme: Rr = Rr === void 0 ? S : Rr }), oo = {}, fr.forEach(function(gi) {
               var Ln, Bn, Po, So = gi;
@@ -34200,11 +34200,11 @@ To resolve this only create new StyledComponents outside of any render method an
               jr[0] !== "$" && jr !== "as" && (jr === "forwardedAs" ? nr.as = co[jr] : (Xr ? Xr(jr, f, Uo) : !ga || f(jr)) && (nr[jr] = co[jr]));
             return wn.style && fr.style !== wn.style && (nr.style = h({}, wn.style, {}, fr.style)), nr.className = Array.prototype.concat(ti, io, Rr !== io ? Rr : null, wn.className, fr.className).filter(Boolean).join(" "), nr.ref = eo, r.createElement(Uo, nr);
           }
-          me = ze.shouldForwardProp, He && ge.shouldForwardProp && (me = ze.shouldForwardProp ? function(wn, En, Jn) {
+          me = ze.shouldForwardProp, qe && ge.shouldForwardProp && (me = ze.shouldForwardProp ? function(wn, En, Jn) {
             return ge.shouldForwardProp(wn, En, Jn) && ze.shouldForwardProp(wn, En, Jn);
           } : ge.shouldForwardProp);
-          var Gt, Ht, Zt, en = new Se(Ke, ht, He ? ge.componentStyle : void 0), zn = en.isStatic && ft.length === 0;
-          return Mt.displayName = Ue, (Gt = d.forwardRef(Mt)).attrs = Pt, Gt.componentStyle = en, Gt.displayName = Ue, Gt.shouldForwardProp = me, Gt.foldedComponentIds = He ? Array.prototype.concat(ge.foldedComponentIds, ge.styledComponentId) : b, Gt.styledComponentId = ht, Gt.target = He ? ge.target : ge, Gt.withComponent = function(wn) {
+          var Gt, Ht, Zt, en = new Se(Ke, ht, qe ? ge.componentStyle : void 0), zn = en.isStatic && ft.length === 0;
+          return Mt.displayName = Ue, (Gt = d.forwardRef(Mt)).attrs = Pt, Gt.componentStyle = en, Gt.displayName = Ue, Gt.shouldForwardProp = me, Gt.foldedComponentIds = qe ? Array.prototype.concat(ge.foldedComponentIds, ge.styledComponentId) : b, Gt.styledComponentId = ht, Gt.target = qe ? ge.target : ge, Gt.withComponent = function(wn) {
             var En = ze.componentId, Jn = ((dr, oo) => {
               if (dr == null)
                 return {};
@@ -34216,7 +34216,7 @@ To resolve this only create new StyledComponents outside of any render method an
           }, Object.defineProperty(Gt, "defaultProps", { get: function() {
             return this._foldedDefaultProps;
           }, set: function(wn) {
-            this._foldedDefaultProps = He ? Ct({}, ge.defaultProps, wn) : wn;
+            this._foldedDefaultProps = qe ? Ct({}, ge.defaultProps, wn) : wn;
           } }), t.env.NODE_ENV !== "production" && (Nt(Ue, ht), Gt.warnTooManyClasses = (Zt = !(Ht = {}), function(wn) {
             !Zt && (Ht[wn] = !0, 200 <= Object.keys(Ht).length) && (Zt = !0, Ht = {});
           })), Object.defineProperty(Gt, "toString", { value: function() {
@@ -34224,25 +34224,25 @@ To resolve this only create new StyledComponents outside of any render method an
           } }), gt && m(Gt, ge, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0, withComponent: !0 }), Gt;
         }
         function Ut(ge) {
-          return function ze(Ke, He, gt) {
+          return function ze(Ke, qe, gt) {
             var ft;
-            return gt === void 0 && (gt = S), a.isValidElementType(He) ? ((ft = function() {
-              return Ke(He, gt, xt.apply(void 0, arguments));
+            return gt === void 0 && (gt = S), a.isValidElementType(qe) ? ((ft = function() {
+              return Ke(qe, gt, xt.apply(void 0, arguments));
             }).withConfig = function(me) {
-              return ze(Ke, He, h({}, gt, {}, me));
+              return ze(Ke, qe, h({}, gt, {}, me));
             }, ft.attrs = function(me) {
-              return ze(Ke, He, h({}, gt, { attrs: Array.prototype.concat(gt.attrs, me).filter(Boolean) }));
-            }, ft) : R(1, String(He));
+              return ze(Ke, qe, h({}, gt, { attrs: Array.prototype.concat(gt.attrs, me).filter(Boolean) }));
+            }, ft) : R(1, String(qe));
           }($t, ge);
         }
         ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "marquee", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "textPath", "tspan"].forEach(function(ge) {
           Ut[ge] = Ut(ge);
-        }), (Kt = st.prototype).createStyles = function(ge, ze, Ke, He) {
-          ze = He(sn(this.rules, ze, Ke, He).join(""), ""), He = this.componentId + ge, Ke.insertRules(He, He, ze);
+        }), (Kt = st.prototype).createStyles = function(ge, ze, Ke, qe) {
+          ze = qe(sn(this.rules, ze, Ke, qe).join(""), ""), qe = this.componentId + ge, Ke.insertRules(qe, qe, ze);
         }, Kt.removeStyles = function(ge, ze) {
           ze.clearRules(this.componentId + ge);
-        }, Kt.renderStyles = function(ge, ze, Ke, He) {
-          2 < ge && X.registerId(this.componentId + ge), this.removeStyles(ge, Ke), this.createStyles(ge, ze, Ke, He);
+        }, Kt.renderStyles = function(ge, ze, Ke, qe) {
+          2 < ge && X.registerId(this.componentId + ge), this.removeStyles(ge, Ke), this.createStyles(ge, ze, Ke, qe);
         };
         var nn = st, Kt = ((Kt = Me.prototype).collectStyles = function(ge) {
           return this.sealed ? R(2) : d.createElement(Te, { sheet: this.instance }, ge);
@@ -34268,13 +34268,13 @@ To resolve this only create new StyledComponents outside of any render method an
         }
         t.env.NODE_ENV, t.env.NODE_ENV !== "production" && t.env.NODE_ENV !== "test" && typeof window < "u" && (window["__styled-components-init__"] = window["__styled-components-init__"] || 0, window["__styled-components-init__"] += 1), n.ServerStyleSheet = Kt, n.StyleSheetConsumer = I, n.StyleSheetContext = Ie, n.StyleSheetManager = Te, n.ThemeConsumer = Qe, n.ThemeContext = $e, n.ThemeProvider = function(ge) {
           var ze = r.useContext($e), Ke = r.useMemo(function() {
-            return He = ge.theme, gt = ze, He ? E(He) ? (ft = He(gt), t.env.NODE_ENV === "production" || ft !== null && !Array.isArray(ft) && typeof ft == "object" ? ft : R(7)) : Array.isArray(He) || typeof He != "object" ? R(8) : gt ? h({}, gt, {}, He) : He : R(14);
-            var He, gt, ft;
+            return qe = ge.theme, gt = ze, qe ? E(qe) ? (ft = qe(gt), t.env.NODE_ENV === "production" || ft !== null && !Array.isArray(ft) && typeof ft == "object" ? ft : R(7)) : Array.isArray(qe) || typeof qe != "object" ? R(8) : gt ? h({}, gt, {}, qe) : qe : R(14);
+            var qe, gt, ft;
           }, [ge.theme, ze]);
           return ge.children ? d.createElement($e.Provider, { value: Ke }, ge.children) : null;
         }, n.__PRIVATE__ = Ce, n.createGlobalStyle = function(ge) {
-          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), He = 1; He < ze; He++)
-            Ke[He - 1] = arguments[He];
+          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), qe = 1; qe < ze; qe++)
+            Ke[qe - 1] = arguments[qe];
           var gt = xt.apply(void 0, [ge].concat(Ke)), ft = "sc-global-" + ke(JSON.stringify(gt)), me = new nn(gt, ft);
           function Ue(Pt) {
             var Mt = be(), Gt = Ye(), Ht = r.useContext($e), Zt = r.useRef(Mt.allocateGSInstance(ft)).current;
@@ -34293,17 +34293,17 @@ To resolve this only create new StyledComponents outside of any render method an
           return t.env.NODE_ENV !== "production" && Nt(ft), d.memo(Ue);
         }, n.css = xt, n.default = Ut, n.isStyledComponent = g, n.keyframes = function(ge) {
           t.env.NODE_ENV;
-          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), He = 1; He < ze; He++)
-            Ke[He - 1] = arguments[He];
+          for (var ze = arguments.length, Ke = new Array(1 < ze ? ze - 1 : 0), qe = 1; qe < ze; qe++)
+            Ke[qe - 1] = arguments[qe];
           ge = xt.apply(void 0, [ge].concat(Ke)).join("");
           var gt = ke(ge);
           return new Xe(gt, ge);
         }, n.useTheme = function() {
           return r.useContext($e);
         }, n.version = "5.3.11", n.withTheme = function(ge) {
-          var ze = d.forwardRef(function(Ke, He) {
+          var ze = d.forwardRef(function(Ke, qe) {
             var gt = r.useContext($e), ft = ge.defaultProps;
-            return gt = ct(Ke, gt, ft), t.env.NODE_ENV !== "production" && gt === void 0 && x(ge), d.createElement(ge, h({}, Ke, { theme: gt, ref: He }));
+            return gt = ct(Ke, gt, ft), t.env.NODE_ENV !== "production" && gt === void 0 && x(ge), d.createElement(ge, h({}, Ke, { theme: gt, ref: qe }));
           });
           return m(ze, ge), ze.displayName = "WithTheme(" + x(ge) + ")", ze;
         };
@@ -41659,7 +41659,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         rt = Ge;
       }, d), ot = (this.cver = Jt, null), rn = (this.setSID = function(Ge) {
         ot = Ge;
-      }, 1), fn = s, sn = Fe.codoxLogger, gn = Fe.startCb, xt = Fe.sockOpenTimer, Ft = Fe.editorInstance, Xt = v.reportError.bind(v), Nt = v.addBreadcrumb.bind(v), ct = v.addTag.bind(v), ye = (this.breadCrumb = Nt, this.editorInstance = Ft, Nt("[codoxi]* ccw: t = 0; CV=" + Jt + "; seid = " + Fe.sid, _), ct("clientVersion", Jt), Fe.ver), Ne = this, ve = (this.app = Fe).appType, ke = Fe.sid, tt = Fe.domains, dt = Fe.cid, Et = (tt.b(), tt.c()), Ct = (Et.sw && Et.sw(this), Fe.sysInfo), $e = Fe.anyClient, Qe = Fe.founder, mt = nt.Write, $t = (Fe.role && (mt = Fe.role), gn), Ut = { sid: ot, jointime: /* @__PURE__ */ new Date(), userinfo: Object.assign({}, Fe.user), role: mt, founder: Qe }, nn = (this.minfo = Ut, null), Kt = null, Ce = null, Me = (u || (this.rangy || (this.rangy = e("rangy/lib/rangy-selectionsaverestore")), this.rangy.initialized) || this.rangy.init(), this.rangy = e("rangy/lib/rangy-selectionsaverestore"), this.rangy.init(), 0), st = null, ge = null, ze = [], Ke = null, He = a.now(), gt = 0, ft = b, me = ee.pmod(), Ue = !1, ht = null, Pt = !1, Mt = (this.setSMC = function(Ge) {
+      }, 1), fn = s, sn = Fe.codoxLogger, gn = Fe.startCb, xt = Fe.sockOpenTimer, Ft = Fe.editorInstance, Xt = v.reportError.bind(v), Nt = v.addBreadcrumb.bind(v), ct = v.addTag.bind(v), ye = (this.breadCrumb = Nt, this.editorInstance = Ft, Nt("[codoxi]* ccw: t = 0; CV=" + Jt + "; seid = " + Fe.sid, _), ct("clientVersion", Jt), Fe.ver), Ne = this, ve = (this.app = Fe).appType, ke = Fe.sid, tt = Fe.domains, dt = Fe.cid, Et = (tt.b(), tt.c()), Ct = (Et.sw && Et.sw(this), Fe.sysInfo), $e = Fe.anyClient, Qe = Fe.founder, mt = nt.Write, $t = (Fe.role && (mt = Fe.role), gn), Ut = { sid: ot, jointime: /* @__PURE__ */ new Date(), userinfo: Object.assign({}, Fe.user), role: mt, founder: Qe }, nn = (this.minfo = Ut, null), Kt = null, Ce = null, Me = (u || (this.rangy || (this.rangy = e("rangy/lib/rangy-selectionsaverestore")), this.rangy.initialized) || this.rangy.init(), this.rangy = e("rangy/lib/rangy-selectionsaverestore"), this.rangy.init(), 0), st = null, ge = null, ze = [], Ke = null, qe = a.now(), gt = 0, ft = b, me = ee.pmod(), Ue = !1, ht = null, Pt = !1, Mt = (this.setSMC = function(Ge) {
         Pt = Ge;
       }, null), Gt = null, Ht = null, Zt = null, en = null, zn = null, wn = null, En = null, Jn = null, dr = null, oo = !0, jr = !0, Nr = !0, wo = !0, fr = !0, mr = !0, Rr = !0, ti = !0, Xr = null, io = null, No = null, eo = null, Uo = null, ga = null, co = null, nr = null, gi = null, Ln = null, Bn = null, Po = null, So = null, ni = null, ki = null, Ai = null, Ji = null;
       function mo(Ge) {
@@ -41794,7 +41794,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       var Tr, Dr = !1, Gr = !1;
       function yr(Ge) {
-        var at = Ge, _t = (He = a.now(), Ge.caid = ot, Ge.cak = Ce, Ge.d = ke, "");
+        var at = Ge, _t = (qe = a.now(), Ge.caid = ot, Ge.cak = Ce, Ge.d = ke, "");
         if (!je)
           throw new Error("ESTOP:socket nonexistence");
         je.canSendJSON || (_t = JSON.stringify(Ge)).length;
@@ -41904,7 +41904,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }, this.srtt = function(Ge) {
         gt = Ge;
       }, this.glst = function() {
-        return He;
+        return qe;
       }, this.nu = bt, this.nsi = function(Ge, at) {
         if (!be) {
           Fe.a.b(dt, Bn.mbs);
@@ -43472,21 +43472,21 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                             return ke !== null && (Nt.Xa || (Nt.Xa = []), Nt.pon && (ke.pon = Nt.pon + 1), ke.pon = Nt.pon + 1, Nt.Xa.push(ke)), delete je.isInDR;
                           }
                           if (Xt === Ft)
-                            F(be) ? Ye && (O(be.do, 0), rt[ot] = rt[ot] + 1, rt[1 + ot] = 0) : x(be) && je.ft && be.ft && ((Ke, He) => {
+                            F(be) ? Ye && (O(be.do, 0), rt[ot] = rt[ot] + 1, rt[1 + ot] = 0) : x(be) && je.ft && be.ft && ((Ke, qe) => {
                               for (var gt = 0; gt < Ke.length; gt++)
-                                for (var ft = 0; ft < He.length; ft++)
-                                  if (Ke[gt] === He[ft])
+                                for (var ft = 0; ft < qe.length; ft++)
+                                  if (Ke[gt] === qe[ft])
                                     return 1;
                             })(be.ft, je.ft) || (F(be) && (be.otg = Xt), O(be.do, 0), rt[ot] = rt[ot] + 1, rt[rt.length - 1] = rt[rt.length - 1] - je.do[0].p + 1);
                           else if (Ft < Xt)
                             F(be) && (be.otg = Xt), O(be.do, Xt - Ft), rt[ot] = rt[ot] + 1, rt[rt.length - 1] = rt[rt.length - 1] - je.do[0].p + 1;
-                          else if (((Ke, He) => {
+                          else if (((Ke, qe) => {
                             if (!R(Ke) && Ke.do.length !== 0) {
                               var gt = 0, ft = 0, me = (Ke.do[0].tg && !Ke.do[0].sx && (ft = Ke.do[0].tg, gt = 1), ft);
                               if (Ke.do[gt].sx) {
                                 for (var Ue = gt; Ue < Ke.do.length; Ue++)
                                   me += Ke.do[Ue].tg;
-                                if (ft < He && He < me && !o)
+                                if (ft < qe && qe < me && !o)
                                   return 1;
                               }
                             }
@@ -44208,14 +44208,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
                 return st;
               }
             } else {
-              var Ke, He, gt = Nt($e), ft = gt == u || gt == l;
+              var Ke, qe, gt = Nt($e), ft = gt == u || gt == l;
               if (tt($e))
-                return Ke = $e, (He = Qe) ? Ke.slice() : (He = new Ke.constructor(Ke.length), Ke.copy(He), He);
+                return Ke = $e, (qe = Qe) ? Ke.slice() : (qe = new Ke.constructor(Ke.length), Ke.copy(qe), qe);
               if (gt == h || gt == r || ft && !nn) {
                 if (U($e))
                   return nn ? $e : {};
                 if (Ce = typeof (Ke = ft ? {} : $e).constructor != "function" || ct(Ke) ? {} : ((Ht) => Et(Ht) ? Le(Ht) : {})(Pe(Ke)), !Qe)
-                  return ft = He = $e, ft = (Ue = Ce) && gn(ft, Ct(ft), Ue), gn(He, Xt(He), ft);
+                  return ft = qe = $e, ft = (Ue = Ce) && gn(ft, Ct(ft), Ue), gn(qe, Xt(qe), ft);
               } else {
                 if (!k[gt])
                   return nn ? $e : {};
@@ -44552,7 +44552,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           if (!(1 & tt) && ($e = $t && K.call(ve, "__wrapped__"), mt = Ut && K.call(ke, "__wrapped__"), $e || mt))
             return Ct($t = $e ? ve.value() : ve, Ut = mt ? ke.value() : ke, tt, dt, Et = Et || new De());
           if (Qe) {
-            var He = ve, gt = ke, ft = tt, me = dt, Ue = Ct, ht = Et = Et || new De(), Pt = 1 & ft, Mt = Xe(He), Gt = Mt.length;
+            var qe = ve, gt = ke, ft = tt, me = dt, Ue = Ct, ht = Et = Et || new De(), Pt = 1 & ft, Mt = Xe(qe), Gt = Mt.length;
             if (Gt != ($e = Xe(gt).length) && !Pt)
               return !1;
             for (var Ht = Gt; Ht--; ) {
@@ -44560,17 +44560,17 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               if (!(Pt ? Zt in gt : K.call(gt, Zt)))
                 return !1;
             }
-            if (($e = ht.get(He)) && ht.get(gt))
+            if (($e = ht.get(qe)) && ht.get(gt))
               return $e == gt;
-            for (var en = !0, zn = (ht.set(He, gt), ht.set(gt, He), Pt); ++Ht < Gt; ) {
-              var wn, En = He[Zt = Mt[Ht]], Jn = gt[Zt];
-              if (!((wn = me ? Pt ? me(Jn, En, Zt, gt, He, ht) : me(En, Jn, Zt, He, gt, ht) : wn) === void 0 ? En === Jn || Ue(En, Jn, ft, me, ht) : wn)) {
+            for (var en = !0, zn = (ht.set(qe, gt), ht.set(gt, qe), Pt); ++Ht < Gt; ) {
+              var wn, En = qe[Zt = Mt[Ht]], Jn = gt[Zt];
+              if (!((wn = me ? Pt ? me(Jn, En, Zt, gt, qe, ht) : me(En, Jn, Zt, qe, gt, ht) : wn) === void 0 ? En === Jn || Ue(En, Jn, ft, me, ht) : wn)) {
                 en = !1;
                 break;
               }
               zn = zn || Zt == "constructor";
             }
-            return en && !zn && ($e = He.constructor) != (mt = gt.constructor) && "constructor" in He && "constructor" in gt && !(typeof $e == "function" && $e instanceof $e && typeof mt == "function" && mt instanceof mt) && (en = !1), ht.delete(He), ht.delete(gt), en;
+            return en && !zn && ($e = qe.constructor) != (mt = gt.constructor) && "constructor" in qe && "constructor" in gt && !(typeof $e == "function" && $e instanceof $e && typeof mt == "function" && mt instanceof mt) && (en = !1), ht.delete(qe), ht.delete(gt), en;
           }
           return !1;
         }
@@ -46219,12 +46219,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return Ce = Ee(Ce.endContainer, Ce.endOffset, Me.startContainer, Me.startOffset), st ? ge <= 0 && 0 <= Ce : ge < 0 && 0 < Ce;
         }
         function je(Ce, Me, st) {
-          var ge, ze, Ke, He;
+          var ge, ze, Ke, qe;
           for (st = st || { stop: !1 }; Ke = Ce.next(); )
             if (Ce.isPartiallySelectedSubtree()) {
               if (Me(Ke) === !1)
                 return void (st.stop = !0);
-              if (je(He = Ce.getSubtreeIterator(), Me, st), He.detach(), st.stop)
+              if (je(qe = Ce.getSubtreeIterator(), Me, st), qe.detach(), st.stop)
                 return;
             } else
               for (ge = Y.createIterator(Ke); ze = ge.next(); )
@@ -46320,8 +46320,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
         function Et(Ce, Me) {
           ke(Ce);
-          var st = Ce.startContainer, ge = Ce.startOffset, ze = Ce.endContainer, Ke = Ce.endOffset, He = st === ze;
-          ne(ze) && 0 < Ke && Ke < ze.length && le(ze, Ke, Me), ne(st) && 0 < ge && ge < st.length && (st = le(st, ge, Me), He ? (Ke -= ge, ze = st) : ze == st.parentNode && Ke >= ce(st) && Ke++, ge = 0), Ce.setStartAndEnd(st, ge, ze, Ke);
+          var st = Ce.startContainer, ge = Ce.startOffset, ze = Ce.endContainer, Ke = Ce.endOffset, qe = st === ze;
+          ne(ze) && 0 < Ke && Ke < ze.length && le(ze, Ke, Me), ne(st) && 0 < ge && ge < st.length && (st = le(st, ge, Me), qe ? (Ke -= ge, ze = st) : ze == st.parentNode && Ke >= ce(st) && Ke++, ge = 0), Ce.setStartAndEnd(st, ge, ze, Ke);
         }
         function Ct(Ce) {
           ke(Ce);
@@ -46344,55 +46344,55 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           };
         }
         function Ut(Ce, Me) {
-          function st(He, gt) {
+          function st(qe, gt) {
             return function(ft) {
-              Ft(ft, lt), Ft(we(ft), ut), ft = (He ? De : Ie)(ft), (gt ? ge : ze)(this, ft.node, ft.offset);
+              Ft(ft, lt), Ft(we(ft), ut), ft = (qe ? De : Ie)(ft), (gt ? ge : ze)(this, ft.node, ft.offset);
             };
           }
-          function ge(He, gt, ft) {
-            var me = He.endContainer, Ue = He.endOffset;
-            gt === He.startContainer && ft === He.startOffset || (we(gt) == we(me) && Ee(gt, ft, me, Ue) != 1 || (me = gt, Ue = ft), Me(He, gt, ft, me, Ue));
+          function ge(qe, gt, ft) {
+            var me = qe.endContainer, Ue = qe.endOffset;
+            gt === qe.startContainer && ft === qe.startOffset || (we(gt) == we(me) && Ee(gt, ft, me, Ue) != 1 || (me = gt, Ue = ft), Me(qe, gt, ft, me, Ue));
           }
-          function ze(He, gt, ft) {
-            var me = He.startContainer, Ue = He.startOffset;
-            gt === He.endContainer && ft === He.endOffset || (we(gt) == we(me) && Ee(gt, ft, me, Ue) != -1 || (me = gt, Ue = ft), Me(He, me, Ue, gt, ft));
+          function ze(qe, gt, ft) {
+            var me = qe.startContainer, Ue = qe.startOffset;
+            gt === qe.endContainer && ft === qe.endOffset || (we(gt) == we(me) && Ee(gt, ft, me, Ue) != -1 || (me = gt, Ue = ft), Me(qe, me, Ue, gt, ft));
           }
           function Ke() {
           }
-          Ke.prototype = U.rangePrototype, Ce.prototype = new Ke(), Z.extend(Ce.prototype, { setStart: function(He, gt) {
-            xt(He, !0), Xt(He, gt), ge(this, He, gt);
-          }, setEnd: function(He, gt) {
-            xt(He, !0), Xt(He, gt), ze(this, He, gt);
+          Ke.prototype = U.rangePrototype, Ce.prototype = new Ke(), Z.extend(Ce.prototype, { setStart: function(qe, gt) {
+            xt(qe, !0), Xt(qe, gt), ge(this, qe, gt);
+          }, setEnd: function(qe, gt) {
+            xt(qe, !0), Xt(qe, gt), ze(this, qe, gt);
           }, setStartAndEnd: function() {
-            var He = arguments, gt = He[0], ft = He[1], me = gt, Ue = ft;
-            switch (He.length) {
+            var qe = arguments, gt = qe[0], ft = qe[1], me = gt, Ue = ft;
+            switch (qe.length) {
               case 3:
-                Ue = He[2];
+                Ue = qe[2];
                 break;
               case 4:
-                me = He[2], Ue = He[3];
+                me = qe[2], Ue = qe[3];
             }
             xt(gt, !0), Xt(gt, ft), xt(me, !0), Xt(me, Ue), Me(this, gt, ft, me, Ue);
-          }, setBoundary: function(He, gt, ft) {
-            this["set" + (ft ? "Start" : "End")](He, gt);
-          }, setStartBefore: st(!0, !0), setStartAfter: st(!1, !0), setEndBefore: st(!0, !1), setEndAfter: st(!1, !1), collapse: function(He) {
-            ke(this), He ? Me(this, this.startContainer, this.startOffset, this.startContainer, this.startOffset) : Me(this, this.endContainer, this.endOffset, this.endContainer, this.endOffset);
-          }, selectNodeContents: function(He) {
-            xt(He, !0), Me(this, He, 0, He, Pe(He));
-          }, selectNode: function(He) {
-            xt(He, !1), Ft(He, lt);
-            var gt = De(He);
-            He = Ie(He), Me(this, gt.node, gt.offset, He.node, He.offset);
+          }, setBoundary: function(qe, gt, ft) {
+            this["set" + (ft ? "Start" : "End")](qe, gt);
+          }, setStartBefore: st(!0, !0), setStartAfter: st(!1, !0), setEndBefore: st(!0, !1), setEndAfter: st(!1, !1), collapse: function(qe) {
+            ke(this), qe ? Me(this, this.startContainer, this.startOffset, this.startContainer, this.startOffset) : Me(this, this.endContainer, this.endOffset, this.endContainer, this.endOffset);
+          }, selectNodeContents: function(qe) {
+            xt(qe, !0), Me(this, qe, 0, qe, Pe(qe));
+          }, selectNode: function(qe) {
+            xt(qe, !1), Ft(qe, lt);
+            var gt = De(qe);
+            qe = Ie(qe), Me(this, gt.node, gt.offset, qe.node, qe.offset);
           }, extractContents: $t(Ye, Me), deleteContents: $t(be, Me), canSurroundContents: function() {
             ke(this), ct(this.startContainer), ct(this.endContainer);
-            var He = new Xe(this, !0), gt = He._first && Re(He._first, this) || He._last && Re(He._last, this);
-            return He.detach(), !gt;
+            var qe = new Xe(this, !0), gt = qe._first && Re(qe._first, this) || qe._last && Re(qe._last, this);
+            return qe.detach(), !gt;
           }, splitBoundaries: function() {
             Et(this);
-          }, splitBoundariesPreservingPositions: function(He) {
-            Et(this, He);
+          }, splitBoundariesPreservingPositions: function(qe) {
+            Et(this, qe);
           }, normalizeBoundaries: function() {
-            function He(Ht) {
+            function qe(Ht) {
               var Zt = Ht.nextSibling;
               Zt && Zt.nodeType == Ht.nodeType && (Mt = (Pt = Ht).length, Ht.appendData(Zt.data), xe(Zt));
             }
@@ -46402,9 +46402,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             }
             ke(this);
             var ft, me, Ue = this.startContainer, ht = this.startOffset, Pt = this.endContainer, Mt = this.endOffset, Gt = !0;
-            ne(Pt) ? Mt == Pt.length ? He(Pt) : Mt == 0 && (ft = Pt.previousSibling) && ft.nodeType == Pt.nodeType && (Mt = ft.length, Ue == Pt && (Gt = !1), ft.appendData(Pt.data), xe(Pt), Pt = ft) : (0 < Mt && (me = Pt.childNodes[Mt - 1]) && ne(me) && He(me), Gt = !this.collapsed), Gt ? ne(Ue) ? ht == 0 ? gt(Ue) : ht == Ue.length && (ft = Ue.nextSibling) && ft.nodeType == Ue.nodeType && (Pt == ft && (Mt += (Pt = Ue).length), Ue.appendData(ft.data), xe(ft)) : ht < Ue.childNodes.length && (me = Ue.childNodes[ht]) && ne(me) && gt(me) : (Ue = Pt, ht = Mt), Me(this, Ue, ht, Pt, Mt);
-          }, collapseToPoint: function(He, gt) {
-            xt(He, !0), Xt(He, gt), this.setStartAndEnd(He, gt);
+            ne(Pt) ? Mt == Pt.length ? qe(Pt) : Mt == 0 && (ft = Pt.previousSibling) && ft.nodeType == Pt.nodeType && (Mt = ft.length, Ue == Pt && (Gt = !1), ft.appendData(Pt.data), xe(Pt), Pt = ft) : (0 < Mt && (me = Pt.childNodes[Mt - 1]) && ne(me) && qe(me), Gt = !this.collapsed), Gt ? ne(Ue) ? ht == 0 ? gt(Ue) : ht == Ue.length && (ft = Ue.nextSibling) && ft.nodeType == Ue.nodeType && (Pt == ft && (Mt += (Pt = Ue).length), Ue.appendData(ft.data), xe(ft)) : ht < Ue.childNodes.length && (me = Ue.childNodes[ht]) && ne(me) && gt(me) : (Ue = Pt, ht = Mt), Me(this, Ue, ht, Pt, Mt);
+          }, collapseToPoint: function(qe, gt) {
+            xt(qe, !0), Xt(qe, gt), this.setStartAndEnd(qe, gt);
           }, parentElement: function() {
             return ke(this), this.commonAncestorContainer ? gn(this.commonAncestorContainer, !0) : null;
           } }), mt(Ce);
@@ -46426,12 +46426,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, cloneContents: function() {
           var Ce, Me;
           return ke(this), this.collapsed ? Je(this).createDocumentFragment() : this.startContainer === this.endContainer && ne(this.startContainer) ? ((Me = this.startContainer.cloneNode(!0)).data = Me.data.slice(this.startOffset, this.endOffset), (Ce = Je(this).createDocumentFragment()).appendChild(Me), Ce) : (Me = function st(ge) {
-            for (var ze, Ke, He = Je(ge.range).createDocumentFragment(); ze = ge.next(); ) {
+            for (var ze, Ke, qe = Je(ge.range).createDocumentFragment(); ze = ge.next(); ) {
               if (Ke = ge.isPartiallySelectedSubtree(), ze = ze.cloneNode(!Ke), Ke && (Ke = ge.getSubtreeIterator(), ze.appendChild(st(Ke)), Ke.detach()), ze.nodeType == 10)
                 throw new ee("HIERARCHY_REQUEST_ERR");
-              He.appendChild(ze);
+              qe.appendChild(ze);
             }
-            return He;
+            return qe;
           }(Ce = new Xe(this, !0)), Ce.detach(), Me);
         }, canSurroundContents: function() {
           ke(this), ct(this.startContainer), ct(this.endContainer);
@@ -46502,11 +46502,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var Me = this.cloneRange(), st = (Me.selectNode(Ce), Me.getNodes([3]));
           return 0 < st.length ? (Me.setStart(st[0], 0), st = st.pop(), Me.setEnd(st, st.length), this.containsRange(Me)) : this.containsNodeContents(Ce);
         }, getNodes: function(Ce, Me) {
-          return ke(this), st = this, ge = Me, Ke = !(!(Me = Ce) || !Me.length), He = !!ge, Ke && (ze = new RegExp("^(" + Me.join("|") + ")$")), je(new Xe(st, !(gt = [])), function(ft) {
+          return ke(this), st = this, ge = Me, Ke = !(!(Me = Ce) || !Me.length), qe = !!ge, Ke && (ze = new RegExp("^(" + Me.join("|") + ")$")), je(new Xe(st, !(gt = [])), function(ft) {
             var me;
-            Ke && !ze.test(ft.nodeType) || He && !ge(ft) || ft == (me = st.startContainer) && ne(me) && st.startOffset == me.length || ft == (me = st.endContainer) && ne(me) && st.endOffset == 0 || gt.push(ft);
+            Ke && !ze.test(ft.nodeType) || qe && !ge(ft) || ft == (me = st.startContainer) && ne(me) && st.startOffset == me.length || ft == (me = st.endContainer) && ne(me) && st.endOffset == 0 || gt.push(ft);
           }), gt;
-          var st, ge, ze, Ke, He, gt;
+          var st, ge, ze, Ke, qe, gt;
         }, getDocument: function() {
           return Je(this);
         }, collapseBefore: function(Ce) {
@@ -46517,9 +46517,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var Me = Je(this), st = U.createRange(Me), ge = 0, ze = 0;
           return Ce = Ce || Y.getBody(Me), st.selectNodeContents(Ce), (Me = this.intersection(st)) && (st.setEnd(Me.startContainer, Me.startOffset), ze = (ge = st.toString().length) + Me.toString().length), { start: ge, end: ze, containerNode: Ce };
         }, moveToBookmark: function(Ce) {
-          for (var Me, st, ge, ze, Ke = Ce.containerNode, He = 0, gt = (this.setStart(Ke, 0), this.collapse(!0), [Ke]), ft = !1, me = !1; !me && (Me = gt.pop()); )
+          for (var Me, st, ge, ze, Ke = Ce.containerNode, qe = 0, gt = (this.setStart(Ke, 0), this.collapse(!0), [Ke]), ft = !1, me = !1; !me && (Me = gt.pop()); )
             if (Me.nodeType == 3)
-              st = He + Me.length, !ft && Ce.start >= He && Ce.start <= st && (this.setStart(Me, Ce.start - He), ft = !0), ft && Ce.end >= He && Ce.end <= st && (this.setEnd(Me, Ce.end - He), me = !0), He = st;
+              st = qe + Me.length, !ft && Ce.start >= qe && Ce.start <= st && (this.setStart(Me, Ce.start - qe), ft = !0), ft && Ce.end >= qe && Ce.end <= st && (this.setEnd(Me, Ce.end - qe), me = !0), qe = st;
             else
               for (ge = (ze = Me.childNodes).length; ge--; )
                 gt.push(ze[ge]);
@@ -46919,7 +46919,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           if (me.win.document != Le(Ue))
             throw new Ee("WRONG_DOCUMENT_ERR");
         }
-        function He(me, Ue) {
+        function qe(me, Ue) {
           if (Ue < 0 || Ue > (ee.isCharacterDataNode(me) ? me : me.childNodes).length)
             throw new Ee("INDEX_SIZE_ERR");
         }
@@ -46985,7 +46985,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }, Xe ? Me.setBaseAndExtent = function(me, Ue, ht, Pt) {
           this.nativeSelection.setBaseAndExtent(me, Ue, ht, Pt), this.refresh();
         } : Te && (Me.setBaseAndExtent = function(me, Ue, ht, Pt) {
-          He(me, Ue), He(ht, Pt), Ke(this, me), Ke(this, ht);
+          qe(me, Ue), qe(ht, Pt), Ke(this, me), Ke(this, ht);
           var Mt = U.createRange(node), Gt = ee.comparePoints(me, Ue, ht, Pt) == -1;
           Gt ? Mt.setStartAndEnd(ht, Pt, me, Ue) : Mt.setStartAndEnd(me, Ue, ht, Pt), this.setSingleRange(Mt, Gt);
         }), Me.deleteFromDocument = function() {
@@ -52427,7 +52427,7 @@ function _k({ options: y, onQueryChange: i, onSelectOption: p, onOpen: e, onClos
     return () => {
       h();
     };
-  }, [d, t, i, s, f, m]), s === null || d === null ? null : qe.jsx(vk, { close: f, resolution: s, editor: d, anchorElementRef: l, options: y, menuRenderFn: n, shouldSplitNodeWithQuery: !0, onSelectOption: p, commandPriority: a });
+  }, [d, t, i, s, f, m]), s === null || d === null ? null : He.jsx(vk, { close: f, resolution: s, editor: d, anchorElementRef: l, options: y, menuRenderFn: n, shouldSplitNodeWithQuery: !0, onSelectOption: p, commandPriority: a });
 }
 function tv(y, i) {
   return y.getEditorState().read(() => {
@@ -52515,7 +52515,7 @@ function Sk(y) {
     v,
     E,
     x
-  ]), a ? qe.jsx(
+  ]), a ? He.jsx(
     a,
     {
       // @ts-ignore
@@ -52527,7 +52527,7 @@ function Sk(y) {
       "data-beautiful-mention": m,
       children: m
     }
-  ) : t ? qe.jsxs("span", { ref: f, className: s && t.containerFocused ? t.containerFocused : t.container, "data-beautiful-mention": m, children: [qe.jsx("span", { className: t.trigger, children: p }), qe.jsx("span", { className: t.value, children: i })] }) : qe.jsx("span", { ref: f, className: h, "data-beautiful-mention": m, children: m });
+  ) : t ? He.jsxs("span", { ref: f, className: s && t.containerFocused ? t.containerFocused : t.container, "data-beautiful-mention": m, children: [He.jsx("span", { className: t.trigger, children: p }), He.jsx("span", { className: t.value, children: i })] }) : He.jsx("span", { ref: f, className: h, "data-beautiful-mention": m, children: m });
 }
 function Ek(y) {
   const i = y.getAttribute("data-lexical-beautiful-mention-trigger"), p = y.getAttribute("data-lexical-beautiful-mention-value");
@@ -52602,7 +52602,7 @@ class ul extends Cc {
   }
   decorate(i, p) {
     const { className: e, classNameFocused: c, classNames: n } = this.getCssClassesFromTheme(p);
-    return qe.jsx(Sk, { nodeKey: this.getKey(), trigger: this.getTrigger(), value: this.getValue(), data: this.getData(), className: e, classNameFocused: c, classNames: n, component: this.component() });
+    return He.jsx(Sk, { nodeKey: this.getKey(), trigger: this.getTrigger(), value: this.getValue(), data: this.getData(), className: e, classNameFocused: c, classNames: n, component: this.component() });
   }
   getCssClassesFromTheme(i) {
     var p;
@@ -53038,7 +53038,7 @@ function Kk(y) {
     return document.addEventListener("mousedown", X), () => {
       document.removeEventListener("mousedown", X);
     };
-  }, [A, S, Y]), !j || !A ? null : df.createPortal(qe.jsx(u, { loading: t, itemType: N, role: "menu", "aria-activedescendant": E !== null && R[E] ? R[E].displayValue : "", "aria-label": "Choose trigger and value", "aria-hidden": !j, children: R.map((Z, X) => qe.jsx(l, { selected: X === E, role: "menuitem", "aria-selected": E === X, "aria-label": `Choose ${Z.value}`, item: Z.comboboxItem, ref: Z.setRefElement, onClick: () => {
+  }, [A, S, Y]), !j || !A ? null : df.createPortal(He.jsx(u, { loading: t, itemType: N, role: "menu", "aria-activedescendant": E !== null && R[E] ? R[E].displayValue : "", "aria-label": "Choose trigger and value", "aria-hidden": !j, children: R.map((Z, X) => He.jsx(l, { selected: X === E, role: "menuitem", "aria-selected": E === X, "aria-label": `Choose ${Z.value}`, item: Z.comboboxItem, ref: Z.setRefElement, onClick: () => {
     B(X);
   }, onMouseEnter: () => {
     k(X);
@@ -53326,9 +53326,9 @@ function eA(y) {
     B
   ]), _n(() => {
     L && S ? f == null || f() : m == null || m(), L && !S && J();
-  }, [f, m, L, S, J]), Pc ? y.combobox ? qe.jsx(Kk, { options: D, loading: F, onQueryChange: w, onSelectOption: k, onReset: () => {
+  }, [f, m, L, S, J]), Pc ? y.combobox ? He.jsx(Kk, { options: D, loading: F, onQueryChange: w, onSelectOption: k, onReset: () => {
     I(null);
-  }, triggerFn: W, triggers: E, punctuation: v, creatable: O, comboboxOpen: y.comboboxOpen, comboboxAnchor: y.comboboxAnchor, comboboxAnchorClassName: y.comboboxAnchorClassName, comboboxComponent: y.comboboxComponent, comboboxItemComponent: y.comboboxItemComponent, comboboxAdditionalItems: y.comboboxAdditionalItems, onComboboxOpen: y.onComboboxOpen, onComboboxClose: y.onComboboxClose, onComboboxFocusChange: y.onComboboxFocusChange, onComboboxItemSelect: y.onComboboxItemSelect }) : qe.jsx(_k, { commandPriority: ju, onQueryChange: w, onSelectOption: z, triggerFn: W, options: D, anchorClassName: d, onClose: J, menuRenderFn: (Y, { selectedIndex: Z, selectOptionAndCleanUp: X, setHighlightedIndex: ee }) => (R.current = Z, Y.current && D.length === 0 && N && !F && S && r ? df.createPortal(qe.jsx(r, {}), Y.current) : Y.current && L ? df.createPortal(qe.jsx(o, { loading: F, role: "menu", "aria-label": "Choose a mention", "aria-hidden": !L, "aria-activedescendant": !mu && Z !== null && D[Z] ? D[Z].displayValue : "", children: D.map((ne, ce) => qe.jsx(a, Object.assign({ tabIndex: -1, selected: !mu && Z === ce, ref: ne.setRefElement, role: "menuitem", "aria-selected": !mu && Z === ce, "aria-label": `Choose ${ne.value}`, item: ne.menuItem, itemValue: ne.value, label: ne.displayValue }, ne.data, { onClick: () => {
+  }, triggerFn: W, triggers: E, punctuation: v, creatable: O, comboboxOpen: y.comboboxOpen, comboboxAnchor: y.comboboxAnchor, comboboxAnchorClassName: y.comboboxAnchorClassName, comboboxComponent: y.comboboxComponent, comboboxItemComponent: y.comboboxItemComponent, comboboxAdditionalItems: y.comboboxAdditionalItems, onComboboxOpen: y.onComboboxOpen, onComboboxClose: y.onComboboxClose, onComboboxFocusChange: y.onComboboxFocusChange, onComboboxItemSelect: y.onComboboxItemSelect }) : He.jsx(_k, { commandPriority: ju, onQueryChange: w, onSelectOption: z, triggerFn: W, options: D, anchorClassName: d, onClose: J, menuRenderFn: (Y, { selectedIndex: Z, selectOptionAndCleanUp: X, setHighlightedIndex: ee }) => (R.current = Z, Y.current && D.length === 0 && N && !F && S && r ? df.createPortal(He.jsx(r, {}), Y.current) : Y.current && L ? df.createPortal(He.jsx(o, { loading: F, role: "menu", "aria-label": "Choose a mention", "aria-hidden": !L, "aria-activedescendant": !mu && Z !== null && D[Z] ? D[Z].displayValue : "", children: D.map((ne, ce) => He.jsx(a, Object.assign({ tabIndex: -1, selected: !mu && Z === ce, ref: ne.setRefElement, role: "menuitem", "aria-selected": !mu && Z === ce, "aria-label": `Choose ${ne.value}`, item: ne.menuItem, itemValue: ne.value, label: ne.displayValue }, ne.data, { onClick: () => {
     ee(ce), X(ne);
   }, onMouseDown: (se) => {
     se.preventDefault();
@@ -53339,9 +53339,9 @@ function eA(y) {
 const tA = ({
   loading: y,
   ...i
-}) => y ? /* @__PURE__ */ qe.jsx("ul", { id: "mention-container", className: "mentionsContainer", ...i, children: /* @__PURE__ */ qe.jsx("li", { className: "mentionsContainerItem", children: "Loading..." }) }) : /* @__PURE__ */ qe.jsx("ul", { id: "mention-container", className: "mentionsContainer", ...i }), nA = W_(({ selected: y, item: i, children: p, ...e }, c) => {
+}) => y ? /* @__PURE__ */ He.jsx("ul", { id: "mention-container", className: "mentionsContainer", ...i, children: /* @__PURE__ */ He.jsx("li", { className: "mentionsContainerItem", children: "Loading..." }) }) : /* @__PURE__ */ He.jsx("ul", { id: "mention-container", className: "mentionsContainer", ...i }), nA = W_(({ selected: y, item: i, children: p, ...e }, c) => {
   var n, t, o;
-  return /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsx(
     "li",
     {
       className: `mentionsContainerItem ${y && "selected"}`,
@@ -53434,7 +53434,7 @@ class Zu extends Cc {
     return !1;
   }
   decorate() {
-    return /* @__PURE__ */ qe.jsx(rA, { nodeKey: this.__key });
+    return /* @__PURE__ */ He.jsx(rA, { nodeKey: this.__key });
   }
 }
 function oA() {
@@ -53567,7 +53567,7 @@ function hA({
     let G = [], Y = [];
     F && F.length > 0 && F.map((Z, X) => {
       Y.includes(Z.name) || (Y.push(Z.name), G.push(
-        /* @__PURE__ */ qe.jsxs(
+        /* @__PURE__ */ He.jsxs(
           "div",
           {
             title: Z.email,
@@ -53597,11 +53597,11 @@ function hA({
       a(G);
     }, 500);
   }, [f, o, a]);
-  return /* @__PURE__ */ qe.jsxs("div", { ref: v, children: [
-    /* @__PURE__ */ qe.jsx(bS, { children: /* @__PURE__ */ qe.jsxs(Qg, { initialConfig: L, children: [
-      /* @__PURE__ */ qe.jsx(g_, { ref: R }),
-      /* @__PURE__ */ qe.jsxs("div", { className: "editor-container", children: [
-        d && /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsxs("div", { ref: v, children: [
+    /* @__PURE__ */ He.jsx(bS, { children: /* @__PURE__ */ He.jsxs(Qg, { initialConfig: L, children: [
+      /* @__PURE__ */ He.jsx(g_, { ref: R }),
+      /* @__PURE__ */ He.jsxs("div", { className: "editor-container", children: [
+        d && /* @__PURE__ */ He.jsx("div", { style: { pointerEvents: l ? "none" : "all" }, children: /* @__PURE__ */ He.jsx(
           yC,
           {
             styleConfig: p,
@@ -53611,25 +53611,25 @@ function hA({
             source: h,
             onPaste: m
           }
-        ),
-        /* @__PURE__ */ qe.jsxs("div", { className: "editor-inner", children: [
-          /* @__PURE__ */ qe.jsx(
+        ) }),
+        /* @__PURE__ */ He.jsxs("div", { className: "editor-inner", children: [
+          /* @__PURE__ */ He.jsx(
             q1,
             {
-              contentEditable: /* @__PURE__ */ qe.jsx("div", { className: "custom-margin", children: /* @__PURE__ */ qe.jsx(pm, { className: `editor-input ${f}`, contentEditable: !1 }) }),
+              contentEditable: /* @__PURE__ */ He.jsx("div", { className: "custom-margin", children: /* @__PURE__ */ He.jsx(pm, { className: `editor-input ${f}`, contentEditable: !1 }) }),
               placeholder: null,
               ErrorBoundary: dm
             }
           ),
-          /* @__PURE__ */ qe.jsx(fm, {})
+          /* @__PURE__ */ He.jsx(fm, {})
         ] })
       ] }),
-      /* @__PURE__ */ qe.jsx(eS, {}),
-      /* @__PURE__ */ qe.jsx(OC, {}),
-      /* @__PURE__ */ qe.jsx(uS, {}),
-      /* @__PURE__ */ qe.jsx(_S, {}),
-      /* @__PURE__ */ qe.jsx(gm, {}),
-      /* @__PURE__ */ qe.jsx(
+      /* @__PURE__ */ He.jsx(eS, {}),
+      /* @__PURE__ */ He.jsx(OC, {}),
+      /* @__PURE__ */ He.jsx(uS, {}),
+      /* @__PURE__ */ He.jsx(_S, {}),
+      /* @__PURE__ */ He.jsx(gm, {}),
+      /* @__PURE__ */ He.jsx(
         eA,
         {
           items: r,
@@ -53637,9 +53637,9 @@ function hA({
           menuItemComponent: nA
         }
       ),
-      /* @__PURE__ */ qe.jsx(aA, { onChange: f.includes("objective") ? q : U })
+      /* @__PURE__ */ He.jsx(aA, { onChange: f.includes("objective") ? q : U })
     ] }) }),
-    /* @__PURE__ */ qe.jsx(_E, { styleConfig: p })
+    /* @__PURE__ */ He.jsx(_E, { styleConfig: p })
   ] });
 }
 const cA = [], uA = m_([...cA]);
@@ -53720,7 +53720,7 @@ function gA({
     let F = [], N = [];
     f && f.length > 0 && f.map((R, j) => {
       N.includes(R.name) || (N.push(R.name), F.push(
-        /* @__PURE__ */ qe.jsxs(
+        /* @__PURE__ */ He.jsxs(
           "div",
           {
             title: R.email,
@@ -53740,21 +53740,21 @@ function gA({
     let F = uc(".editor-input-2").html();
     F !== b.current && (console.log("Editor Variant 2 HTML", F), n(F), b.current = F);
   };
-  return /* @__PURE__ */ qe.jsx("div", { ref: r, children: /* @__PURE__ */ qe.jsxs(Qg, { initialConfig: S, children: [
-    /* @__PURE__ */ qe.jsx(g_, { ref: h }),
-    /* @__PURE__ */ qe.jsx("div", { className: "editor-container", children: /* @__PURE__ */ qe.jsxs("div", { className: "editor-inner-2", children: [
-      /* @__PURE__ */ qe.jsx(
+  return /* @__PURE__ */ He.jsx("div", { ref: r, children: /* @__PURE__ */ He.jsxs(Qg, { initialConfig: S, children: [
+    /* @__PURE__ */ He.jsx(g_, { ref: h }),
+    /* @__PURE__ */ He.jsx("div", { className: "editor-container", children: /* @__PURE__ */ He.jsxs("div", { className: "editor-inner-2", children: [
+      /* @__PURE__ */ He.jsx(
         q1,
         {
-          contentEditable: /* @__PURE__ */ qe.jsx("div", { className: "custom-margin-2", children: /* @__PURE__ */ qe.jsx(pm, { className: "editor-input-2 inpt-2" }) }),
+          contentEditable: /* @__PURE__ */ He.jsx("div", { className: "custom-margin-2", children: /* @__PURE__ */ He.jsx(pm, { className: "editor-input-2 inpt-2" }) }),
           placeholder: null,
           ErrorBoundary: dm
         }
       ),
-      /* @__PURE__ */ qe.jsx(K1, { onChange: M }),
-      /* @__PURE__ */ qe.jsx(fm, {})
+      /* @__PURE__ */ He.jsx(K1, { onChange: M }),
+      /* @__PURE__ */ He.jsx(fm, {})
     ] }) }),
-    /* @__PURE__ */ qe.jsx(gm, {})
+    /* @__PURE__ */ He.jsx(gm, {})
   ] }) });
 }
 export {
@@ -53774,7 +53774,7 @@ export {
   _s as g,
   sl as h,
   Ci as i,
-  qe as j,
+  He as j,
   Ma as k,
   q1 as l,
   dm as m,
@@ -53791,4 +53791,4 @@ export {
   Ar as x,
   gA as y
 };
-//# sourceMappingURL=index-e5d75707.js.map
+//# sourceMappingURL=index-ff645d30.js.map