@layers-app/editor 0.5.3 → 0.5.5-optimization

package/dist/layers.C2lacXcg.js

@@ -0,0 +1,2511 @@
+import { useLexicalComposerContext as nt } from "@lexical/react/LexicalComposerContext";
+import { jsx as o, jsxs as H, Fragment as E } from "react/jsx-runtime";
+import { useContext as Ae, useState as b, useEffect as Y, useCallback as ye, useRef as ce, Suspense as dn } from "react";
+import { createPortal as Ct } from "react-dom";
+import { useTranslation as _t } from "react-i18next";
+import { eventFiles as wt, $isHeadingNode as dt, $isQuoteNode as Yt } from "@lexical/rich-text";
+import { mergeRegister as Fe, $findMatchingParent as it, $getNearestNodeOfType as fn, $getNearestBlockElementAncestorOrThrow as pn } from "@lexical/utils";
+import { Tooltip as ie, ActionIcon as ze, Menu as $, rem as V, alpha as mn, Transition as gn, Box as We, Paper as hn, Group as bn, CopyButton as yn, Divider as Cn, Input as _n, Loader as Tn } from "@mantine/core";
+import { IconPlus as Vt, IconMinus as Et, IconClipboard as xn, IconCut as kn, IconTrash as ft, IconCopy as Qt, IconArrowsRightLeft as vn, IconPaint as St, IconColumnInsertLeft as In, IconColumnInsertRight as lt, IconGripVertical as wn, IconArrowNarrowLeft as Tt, IconReplace as Sn, IconTextPlus as Mn, IconIndentIncrease as An, IconPlayerPlay as Pn, IconReload as Dn, IconWand as Ln, IconTextSpellcheck as Nn, IconSortAscending as On, IconSortDescending as $n, IconNotes as Rn, IconLanguage as Bn, IconScript as Fn, IconHelpOctagon as zn, IconCheck as Hn, IconSparkles as Mt, IconAi as Kn } from "@tabler/icons-react";
+import { $getNearestNodeFromDOMNode as oe, $createParagraphNode as Pe, $isElementNode as Me, ElementNode as Un, $getSelection as ue, $isRangeSelection as de, COMMAND_PRIORITY_LOW as be, DRAGOVER_COMMAND as Gn, KEY_ARROW_DOWN_COMMAND as Wn, KEY_ARROW_UP_COMMAND as jn, $isTextNode as pt, $getRoot as At, $getNodeByKey as qn, $isParagraphNode as Yn, KEY_DOWN_COMMAND as Vn, $selectAll as En, SELECTION_CHANGE_COMMAND as Xt, FORMAT_TEXT_COMMAND as le, $createTextNode as xt, $isRootNode as Pt, $isRootOrShadowRoot as Qn, COMMAND_PRIORITY_CRITICAL as rt, CAN_UNDO_COMMAND as Xn, CAN_REDO_COMMAND as Jn, KEY_MODIFIER_COMMAND as Zn, COMMAND_PRIORITY_NORMAL as Dt, CLICK_COMMAND as eo } from "lexical";
+import { C as De, g as to } from "./layers.EKDSoJm1.js";
+import { $isCodeHighlightNode as no } from "@lexical/code";
+import "@lexical/hashtag";
+import { $isLinkNode as Re, TOGGLE_LINK_COMMAND as oo } from "@lexical/link";
+import "@lexical/mark";
+import "@lexical/overflow";
+import "@lexical/react/LexicalHorizontalRuleNode";
+import { L as Xe, P as Ee, S as ke, T as ve, U as je, W as Lt, R as so, q as Je, Q as Ze, n as Jt, l as Nt, w as Ot, r as Zt, a3 as Qe, a4 as io, f as mt, u as lo, v as ro } from "./layers.BFJ7oQiY.js";
+import { I as ao, $ as kt, J as co, K as en, O as uo, P as fo, z as po, Q as at, R as tn, U as mo } from "./layers.BDsvvINb.js";
+import { w as et, F as Be, n as go, D as $e, O as ct, R as ho, G as bo, H as gt, J as qe, L as $t, M as yo, i as nn, u as Co, A as vt, B as on, N as Rt, P as Oe, Q as _o, S as To, T as xo, z as ko } from "./layers.D0Z-zLAV.js";
+import { $getSelectionStyleValueForProperty as tt, $patchStyleText as Bt } from "@lexical/selection";
+import { NewColorPicker as ht } from "@layers-app/shared";
+import { C as ut, I as X, A as vo } from "./layers.BwyONivc.js";
+import { l as Io } from "./layers.QjAkD17S.js";
+import { $isDecoratorBlockNode as wo } from "@lexical/react/LexicalDecoratorBlockNode";
+import { useResizeObserver as So, useClickOutside as Mo } from "@mantine/hooks";
+import { I as Ao, f as Po } from "./layers.ahDFHQXD.js";
+const Do = 4, Lo = 2, No = "draggable-block-menu", Oo = 16, Ft = "application/x-lexical-drag-block", It = (e) => e ? e.match(/(\d*\.?\d+)%/g) : [], $o = (e) => e < 0 ? 0 : e > 100 ? 100 : e, sn = (e, t, n) => {
+  let i = 0, s = [];
+  e.update(() => {
+    if (e && t) {
+      const c = e.getElementByKey(t.getKey());
+      if (c) {
+        const d = c.style;
+        s = It(
+          d.getPropertyValue("grid-template-columns")
+        ).map((u) => u.slice(0, -1)), i = s ? s.length : 0;
+      }
+    }
+    const r = 100 / (i + 1), l = [...s];
+    l.splice(n, 0, `${r}%`);
+    let a = r / i;
+    for (let c = 0; c < l.length; c++)
+      if (n !== c) {
+        const d = Number(l[c]) - a;
+        l[c] = `minmax(100px,${$o(d)}%)`;
+      } else
+        l[c] = `minmax(100px,${l[c]})`;
+    t.setTemplateColumns(l.join(" "));
+  });
+}, bt = (e, t, n, i) => {
+  e.update(() => {
+    const s = e.getElementByKey(t.getKey());
+    if (!s) return;
+    let r = i;
+    n < i && (r = i - 1);
+    const a = s.style.getPropertyValue("grid-template-columns").match(/minmax\([^)]*\)|\S+/g) || [], c = a.splice(n, 1)[0];
+    a.splice(r, 0, c), t.setTemplateColumns(a.join(" "));
+  });
+}, He = (e, t) => (e != null && e.children ? Array.from(e.children) : []).indexOf(t);
+function Ro(e, t, n, i) {
+  var c;
+  let s = e.getAttribute("data-direction") === "left", r = e.getAttribute("data-direction") === "right", l = e.getAttribute("data-index"), a = e.getAttribute("data-index-start");
+  if (s || r || l) {
+    let d = (c = n.getParent()) == null ? void 0 : c.getParent();
+    if (n instanceof Ee && (d = n), n instanceof Xe || n instanceof Ee) {
+      const u = d == null ? void 0 : d.getChildren();
+      let C = i instanceof Xe;
+      if ((u == null ? void 0 : u.length) >= 4 && !C) return !0;
+      t.update(() => {
+        var _;
+        let f = 0;
+        s ? f = 0 : r ? f = ((_ = d == null ? void 0 : d.getChildren()) == null ? void 0 : _.length) - 1 : f = Number(l), C ? bt(
+          t,
+          d,
+          Number(a),
+          f
+        ) : sn(t, d, f);
+        let w = null;
+        f !== void 0 && t.update(() => {
+          if (w = d.getChildren()[f], C)
+            n instanceof Ee ? w.insertAfter(i.getParent()) : w.insertBefore(i.getParent());
+          else if (r)
+            w.insertAfter(
+              ke().append(i).append(ve())
+            );
+          else {
+            const k = i.getParent(), P = k == null ? void 0 : k.getParent();
+            je(k) && (k == null ? void 0 : k.getChildrenSize()) === 2 && je(k) && Lt(P) && et(t, k, P), w.insertBefore(
+              ke().append(i).append(ve())
+            );
+          }
+        });
+      });
+    } else
+      t.update(() => {
+        const u = so(ao);
+        let C;
+        if (Je(n) || kt(n)) {
+          const f = i.getParent(), w = f == null ? void 0 : f.getParent();
+          if (je(f) && (f == null ? void 0 : f.getChildrenSize()) === 2 && Lt(w)) {
+            const k = w.getParent(), P = k == null ? void 0 : k.getParent(), N = w.getChildren(), I = N.findIndex(
+              (O) => O === f
+            ) === 0 ? 1 : 0, D = N[I];
+            if (je(D)) {
+              const O = D.getChildren()[0];
+              Je(P) && (P.append(O), w.remove(), C = Be(P));
+            }
+          } else
+            C = Be(n, i);
+        } else
+          C = Be(n);
+        C && (s ? (u.append(
+          ke().append(i).append(ve())
+        ), u.append(
+          ke().append(C).append(ve())
+        )) : (u.append(
+          ke().append(C).append(ve())
+        ), u.append(
+          ke().append(i).append(ve())
+        )), n.insertAfter(u), n.remove(), C.selectStart());
+      });
+    return !0;
+  }
+  return !1;
+}
+function Bo(e, t, n = "right", i = !1) {
+  e.update(() => {
+    const s = oe(t), r = s == null ? void 0 : s.getParent();
+    if (r) {
+      if (It(r.__templateColumns).length === 4)
+        return;
+      let a = He(
+        t.parentElement,
+        t
+      );
+      n === "right" && (a = a + 1), sn(e, r, a);
+    }
+    const l = ke().append(Pe()).append(ve());
+    s && (n === "right" ? i ? (s.insertBefore(Be(s)), s.selectStart()) : (s.insertAfter(l), l == null || l.selectStart()) : (s.insertBefore(l), l.selectStart()));
+  });
+}
+const Fo = (e, t) => {
+  const n = t == null ? void 0 : t.getParent();
+  let i = It(
+    n == null ? void 0 : n.getTemplateColumns()
+  );
+  const s = n == null ? void 0 : n.getChildren();
+  let r = 0;
+  if (s && t) {
+    for (let u = 0; u < s.length; u++)
+      if (s[u].__key === t.__key) {
+        r = u;
+        break;
+      }
+  }
+  i.splice(r, 1);
+  const l = i.map((u) => parseFloat(u)), a = l.reduce((u, C) => u + C, 0), d = l.map((u) => u / a * 100).map((u) => `minmax(50px,${u.toFixed(2)}%)`);
+  n == null || n.setTemplateColumns(
+    d.join(" ")
+  );
+}, zo = (e) => e.className.includes("editor-image") || e.className.includes("video-container") ? e : e.className.includes("editor-excalidraw") ? e.firstChild : null, ln = (e, t) => t != null && t.__key && e !== t.__key ? ln(e, t == null ? void 0 : t.getParent()) : e === (t == null ? void 0 : t.__key), zt = (e, t, n) => {
+  e.update(() => {
+    var l, a, c;
+    const i = (l = t == null ? void 0 : t.getParent()) == null ? void 0 : l.getParent(), s = t == null ? void 0 : t.getParent(), r = n === "right" ? (a = t == null ? void 0 : t.getParent()) == null ? void 0 : a.getNextSibling() : (c = t == null ? void 0 : t.getParent()) == null ? void 0 : c.getPreviousSibling();
+    if (s && r && i instanceof Ee) {
+      const d = e.getElementByKey(
+        s.getKey()
+      ), u = e.getElementByKey(
+        i.getKey()
+      ), C = He(u, d);
+      s && i && r && (n === "right" && (bt(e, i, C + 1, C), r.insertAfter(s)), n === "left" && (bt(e, i, C, C + 1), r.insertBefore(s)));
+    }
+  });
+};
+function Ho(e) {
+  e && (e.style.display = "none");
+}
+function Ht({
+  blockElement: e,
+  editor: t,
+  isTop: n,
+  isClickedBlockRef: i,
+  setDraggableBlockElem: s
+}) {
+  e && (i.current = !0, t.update(() => {
+    const r = oe(e);
+    if (r) {
+      const l = Pe();
+      n ? (r.insertBefore(l), setTimeout(() => {
+        s(t.getElementByKey(l.__key)), t.update(() => {
+          l.selectStart();
+        });
+      })) : (r.insertAfter(l), setTimeout(() => {
+        s(t.getElementByKey(l.__key)), t.update(() => {
+          l.selectEnd();
+        });
+      }));
+    }
+  }));
+}
+function Ko(e) {
+  const t = (c, d) => c ? parseFloat(window.getComputedStyle(c)[d]) : 0, { marginTop: n, marginBottom: i } = window.getComputedStyle(e), s = t(
+    e.previousElementSibling,
+    "marginBottom"
+  ), r = t(
+    e.nextElementSibling,
+    "marginTop"
+  ), l = Math.max(
+    parseFloat(n),
+    s
+  );
+  return { marginBottom: Math.max(
+    parseFloat(i),
+    r
+  ), marginTop: l };
+}
+function Uo(e) {
+  return !!e.closest(`.${No}`);
+}
+function Kt(e, t, n, i) {
+  if (!e) {
+    t.style.opacity = "0";
+    return;
+  }
+  t.style.display = "block";
+  let s = null;
+  const r = zo(e);
+  r && r.style.justifyContent !== "left" && r.firstChild instanceof HTMLElement ? s = r.firstChild.getBoundingClientRect() : s = e.getBoundingClientRect();
+  let l = null, a = 0, c = !0, d = 0;
+  if (s) {
+    let N = e.firstChild instanceof HTMLElement && (e.firstChild.hasAttribute("data-lexical-text") || e.firstChild.tagName === "LI" || e.firstChild.tagName === "A") ? e.firstChild : null;
+    if (N && !N.className.includes("editor-image") && e.tagName !== "CODE") {
+      const y = window.getComputedStyle(N), I = parseFloat(y.lineHeight), D = parseFloat(y.fontSize);
+      d = Math.ceil(D + (I - D) / 2), l = N.getBoundingClientRect();
+    } else if (e.firstChild instanceof HTMLElement && e.firstChild.tagName === "BR" && e.tagName !== "CODE") {
+      const y = window.getComputedStyle(e, "::before");
+      d = parseFloat(y.height) || 30;
+    } else e && (e.tagName === "HR" || e.matches(":has(audio)") || e.classList.contains("file-container")) ? d = e.clientHeight : e.firstChild instanceof HTMLElement && e.firstChild.tagName === "SUMMARY" ? d = e.firstChild.clientHeight : (l = s, c = !1);
+  }
+  const u = n.getBoundingClientRect(), C = (l == null ? void 0 : l.top) || s.top, f = d || a, w = t.clientHeight, _ = f - w;
+  let k = !c || !f ? s.top + 7 - u.top : C + _ / 2 - u.top, P = s.left - u.left - w * 2 - 3;
+  e.tagName === "LI" && e.getAttribute("role") !== "checkbox" && (P = P - 26, k = k - 1), r && (k = C - u.top + 7, (r.style.justifyContent === "center" || r.style.justifyContent === "right") && (P = P + 10)), e.matches(":has(.resizable-container__handle)") && !e.matches(":has(.hide-padding)") && (k = C - u.top + 27), s.top < 0 && (k = k + -s.top), e.className === "dsd__theme__layoutDivider" && (t.style.display = "none", s.top - t.clientHeight < 0 ? e.style.setProperty(
+    "--height-column",
+    `${e.clientHeight + s.top - t.clientHeight - 7}px`
+  ) : e.style.setProperty(
+    "--height-column",
+    `${e.clientHeight}px`
+  )), t.style.opacity = "1", !i && P > -40 && (t.style.transform = `translate(${P}px, ${k}px)`);
+}
+function Ut(e, t) {
+  const { transform: n } = t.style;
+  t.style.transform = "translateZ(0)", e.setDragImage(t, 0, 0), setTimeout(() => {
+    t.style.transform = n;
+  });
+}
+function Go(e, t) {
+  const n = document.createElement("div");
+  n.style.position = "absolute", n.style.top = "-9999px", n.style.left = "-9999px", t.forEach((i) => {
+    const s = i.cloneNode(!0);
+    s.style.position = "relative", n.appendChild(s);
+  }), document.body.appendChild(n), e.setDragImage(n, 0, 0), setTimeout(() => document.body.removeChild(n), 0);
+}
+function Wo(e, t, n, i, s, r, l) {
+  var m;
+  const {
+    top: a,
+    height: c,
+    width: d,
+    left: u
+  } = t.getBoundingClientRect(), {
+    top: C,
+    left: f,
+    width: w
+  } = s == null ? void 0 : s.getBoundingClientRect(), { marginTop: _, marginBottom: k } = Ko(t);
+  let P = a;
+  n >= a ? (l.current.isBottom = !0, P += c + k / 2) : (l.current.isBottom = !1, P -= _ / 2);
+  const N = P - C - Lo, y = Oo - Do, D = r.target.closest(
+    ".dsd__theme__layoutDivider"
+  );
+  e.setAttribute("data-index", ""), e.style.background = "deepskyblue";
+  const O = u - f - y;
+  if (i <= u && !D) {
+    if (t.closest(".dsd__theme__layoutItem")) return;
+    e.style.transform = `translate(${O}px, ${a - C}px)`, e.style.width = "4px", e.style.height = `${c}px`, e.style.opacity = ".4", e.setAttribute("data-direction", "left");
+  } else if (i >= w - O && !D && !t.closest(".dsd__theme__layoutItem"))
+    t.classList.contains("dsd__theme__layoutContainer") && !e.getAttribute("data-index-start") && t && t.children.length >= 4 && (e.style.background = "red"), e.style.transform = `translate(${w - O}px, ${a - C}px)`, e.style.width = "4px", e.style.height = `${c}px`, e.style.opacity = ".4", e.setAttribute("data-direction", "right");
+  else if (D) {
+    r.preventDefault();
+    const T = (m = D.parentNode) == null ? void 0 : m.parentNode;
+    (T == null ? void 0 : T.children.length) === 4 && (e.style.background = "red");
+    const v = D.parentNode, S = He(
+      T,
+      v
+    ), L = S ? D.getBoundingClientRect().left - f : O + 30;
+    e.style.transform = `translate(${L}px, ${a - C}px)`, e.style.width = "4px", e.style.height = `${c}px`, e.style.opacity = ".4", e.setAttribute("data-index", `${S}`);
+  } else
+    e.style.transform = `translate(${O}px, ${N}px)`, e.style.width = `${d + y}px`, e.style.opacity = ".4", e.style.height = "4px", e.setAttribute("data-direction", "");
+}
+function Gt(e) {
+  e && (e.style.opacity = "0", e.style.transform = "translate(-10000px, -10000px)");
+}
+const jo = ({
+  hoveredButton: e,
+  insertNewParagraph: t,
+  currentDraggableBlockRef: n,
+  setHoveredButton: i,
+  isClickedBlockRef: s,
+  setDraggableBlockElem: r,
+  editor: l,
+  t: a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `icon add-block-menu ${e ? "active" : ""}`,
+    onClick: () => {
+      t({
+        blockElement: n.current.htmlElement,
+        editor: l,
+        isTop: !1,
+        isClickedBlockRef: s,
+        setDraggableBlockElem: r
+      }), i("both");
+    },
+    onMouseEnter: () => {
+      i("bottom");
+    },
+    onMouseLeave: () => {
+      i("both");
+    },
+    children: /* @__PURE__ */ o(
+      ie,
+      {
+        openDelay: 300,
+        label: a("editor.hoverOptions.addNewBlockAbove"),
+        position: "bottom",
+        disabled: s.current || !e,
+        children: /* @__PURE__ */ o(
+          ze,
+          {
+            radius: "sm",
+            color: "gray",
+            size: "xs",
+            variant: "subtle",
+            "aria-label": "Settings",
+            children: e === "bottom" ? /* @__PURE__ */ o(Vt, {}) : /* @__PURE__ */ o(Et, {})
+          }
+        )
+      }
+    )
+  }
+), qo = ({
+  hoveredButton: e,
+  insertNewParagraph: t,
+  currentDraggableBlockRef: n,
+  setHoveredButton: i,
+  isClickedBlockRef: s,
+  setDraggableBlockElem: r,
+  editor: l,
+  t: a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: `icon add-block-menu add-block-menu_top ${e ? "active" : ""}`,
+    onClick: () => {
+      t({
+        blockElement: n.current.htmlElement,
+        editor: l,
+        isTop: !0,
+        isClickedBlockRef: s,
+        setDraggableBlockElem: r
+      }), i("both");
+    },
+    onMouseEnter: () => {
+      i("top");
+    },
+    onMouseLeave: () => {
+      i("both");
+    },
+    children: /* @__PURE__ */ o(
+      ie,
+      {
+        disabled: s.current || !e,
+        openDelay: 300,
+        label: a("editor.hoverOptions.addNewBlockBelow"),
+        position: "top",
+        children: /* @__PURE__ */ o(
+          ze,
+          {
+            radius: "sm",
+            color: "gray",
+            size: "xs",
+            variant: "subtle",
+            "aria-label": "Settings",
+            children: e === "top" ? /* @__PURE__ */ o(Vt, {}) : /* @__PURE__ */ o(Et, {})
+          }
+        )
+      }
+    )
+  }
+);
+function rn(e, t) {
+  var r, l;
+  const n = (r = t.exportDOM) == null ? void 0 : r.call(t, e), i = (n == null ? void 0 : n.element) ?? null;
+  if (Me(t)) {
+    const a = i ?? document.createElement("div"), c = ((l = t.getChildren) == null ? void 0 : l.call(t)) ?? [];
+    for (const d of c) {
+      const u = rn(e, d);
+      if (u) a.appendChild(u);
+      else {
+        const C = typeof d.getTextContent == "function" ? d.getTextContent() : "";
+        C && a.appendChild(document.createTextNode(C));
+      }
+    }
+    return typeof (n == null ? void 0 : n.after) == "function" && n.after(a), a;
+  }
+  if (i)
+    return typeof (n == null ? void 0 : n.after) == "function" && n.after(i), i;
+  const s = typeof t.getTextContent == "function" ? t.getTextContent() : "";
+  return s ? document.createTextNode(s) : null;
+}
+async function Wt(e, t) {
+  const n = e.getRootElement(), i = Array.from(n.querySelectorAll(".selected-block"));
+  if (!i.length) return;
+  let s = "", r = "";
+  e.getEditorState().read(() => {
+    e.update(() => {
+      let l = i.map((c) => oe(c)).filter((c) => !!c);
+      s = l.map(
+        (c) => typeof c.getTextContent == "function" ? c.getTextContent() : ""
+      ).filter(Boolean).join(`
+`);
+      const a = document.createElement("div");
+      l.forEach((c) => {
+        const d = rn(e, c);
+        t === "cut" && c.remove(), d && a.appendChild(d);
+      }), r = a.innerHTML;
+    });
+  }), (s || r) && await Yo(s, r);
+}
+async function Yo(e, t) {
+  if (navigator.clipboard && "write" in navigator.clipboard && window.ClipboardItem) {
+    const n = new ClipboardItem({
+      "text/plain": new Blob([e], { type: "text/plain" }),
+      ...t ? { "text/html": new Blob([t], { type: "text/html" }) } : {}
+    });
+    await navigator.clipboard.write([n]);
+  }
+}
+const jt = (e, t, n, i) => {
+  if (n)
+    if (i === "layout") {
+      const s = n.getParent(), r = s.getParent();
+      et(e, s, r), t("delete");
+    } else {
+      const s = n == null ? void 0 : n.getParent();
+      if (s instanceof Ze && s.getChildren().length === 2) {
+        const r = s, l = s.getParent();
+        if (n.__type === "image") {
+          r.append(Pe());
+          return;
+        }
+        et(e, r, l);
+      }
+      go(e, n), t("delete");
+    }
+}, qt = (e) => {
+  const t = e._rootElement;
+  return Array.from(t.querySelectorAll(".selected-block"));
+}, yt = (e, t, n, i = !1) => {
+  t && e.update(() => {
+    const s = e.getElementByKey(
+      t.getParent().getKey()
+    );
+    Bo(e, s, n, i);
+  });
+}, Vo = (e, t, n, i) => {
+  if (i === "layout")
+    yt(e, n, "right", !0);
+  else {
+    const s = e._rootElement, r = Array.from(
+      s.querySelectorAll(".selected-block")
+    ).reverse();
+    r.length && (e.update(() => {
+      const l = oe(r[0]);
+      r.forEach((a) => {
+        let c = oe(a);
+        c && (l == null || l.insertAfter(Be(c))), co(a);
+      });
+    }), t());
+  }
+}, Eo = ({
+  editor: e,
+  onChange: t,
+  currentEditorNode: n,
+  textBlock: i,
+  t: s,
+  isDisabledAddColumnButton: r,
+  disabledMoveColumnButtons: l
+}) => {
+  const { fetchUploadMedia: a, excludeNodes: c } = Ae(De), [d, u] = b("inherit"), [C, f] = b("inherit"), [w, _] = b("inherit"), [k, P] = b("");
+  Y(() => {
+    const m = n == null ? void 0 : n.__type;
+    e.read(() => {
+      var T;
+      ((T = n == null ? void 0 : n.getParent()) == null ? void 0 : T.__type) === "layout-item" ? P("layout") : P(m === "callout-wrapper" ? m : "block");
+    });
+  }, [n == null ? void 0 : n.__key]);
+  const N = (m) => m.split(";").filter(Boolean).reduce((T, v) => {
+    const [S, L] = v.split(":").map((G) => G.trim());
+    return S && L && (T[S] = L), T;
+  }, {}), y = (m) => Object.entries(m).map(([T, v]) => `${T}: ${v}`).join("; "), I = ye(
+    (m) => {
+      e.update(() => {
+        const T = qt(e).map((S) => oe(S)).filter(Boolean), v = (S) => {
+          if (typeof S.getStyle == "function" && typeof S.setStyle == "function") {
+            const L = N(S.getStyle());
+            L.color = m.color, L["background-color"] = m.bgColor, S.setStyle(y(L)), u(m.bgColor), _(m.color);
+          }
+        };
+        T.forEach((S) => {
+          if (S instanceof Jt) {
+            S.getChildren().forEach((L) => {
+              const G = L.getFirstChild();
+              G instanceof Nt && v(G);
+            });
+            return;
+          }
+          if (S instanceof Un) {
+            const L = S.getFirstChild();
+            L instanceof Nt && v(L);
+          }
+        });
+      });
+    },
+    [u, _]
+  ), D = (m, T) => {
+    const v = T || k;
+    v === "callout-wrapper" && n instanceof Ot ? e.update(() => {
+      const S = fo(m);
+      n.setType(S ? m.meta.type : void 0), n.setBackgroundColor(m.value);
+    }) : v === "layout-color" ? e.update(() => {
+      const S = n == null ? void 0 : n.getParent(), L = m.value === C ? "inherit" : m.value;
+      S instanceof Ze && S.setLayoutBackground(L);
+    }) : I({
+      color: w,
+      bgColor: d,
+      [m.mode === "background" ? "bgColor" : m.mode]: m.value
+    });
+  }, O = (m) => {
+    const T = qt(e);
+    T.length ? T.forEach((v) => {
+      e.update(() => {
+        let S = oe(v);
+        S && jt(e, t, S, m);
+      });
+    }) : e.update(() => {
+      let v = oe(T[0]);
+      jt(e, t, v, m);
+    });
+  };
+  return Y(() => {
+    setTimeout(() => {
+      e.read(() => {
+        if (k === "callout-wrapper" && n instanceof Ot) {
+          u(n.__backgroundColor);
+          return;
+        }
+        const m = n == null ? void 0 : n.getParent();
+        m instanceof Ze && f(m.__backgroundColor);
+        const T = ue();
+        de(T) && (_(
+          tt(T, "color", "inherit")
+        ), u(
+          tt(
+            T,
+            "background-color",
+            "inherit"
+          )
+        ));
+      });
+    });
+  }, []), /* @__PURE__ */ H(E, { children: [
+    /* @__PURE__ */ o(
+      $.Item,
+      {
+        onMouseDown: (m) => {
+          m.preventDefault(), Wt(e, "copy"), t("copy");
+        },
+        leftSection: /* @__PURE__ */ o(xn, { style: { width: V(14), height: V(14) } }),
+        children: s("editor.link.copy")
+      }
+    ),
+    /* @__PURE__ */ o(
+      $.Item,
+      {
+        onMouseDown: (m) => {
+          m.preventDefault(), Wt(e, "cut"), t("cut");
+        },
+        leftSection: /* @__PURE__ */ o(kn, { style: { width: V(14), height: V(14) } }),
+        children: s("editor.contextMenu.cut")
+      }
+    ),
+    /* @__PURE__ */ o(
+      $.Item,
+      {
+        onClick: () => O(""),
+        leftSection: /* @__PURE__ */ o(ft, { style: { width: V(14), height: V(14) } }),
+        children: s("editor.contextMenu.delete")
+      }
+    ),
+    /* @__PURE__ */ o(
+      $.Item,
+      {
+        disabled: k === "layout" && r,
+        onClick: () => Vo(e, t, n, k),
+        leftSection: /* @__PURE__ */ o(Qt, { style: { width: V(14), height: V(14) } }),
+        children: s("editor.contextMenu.duplicate")
+      }
+    ),
+    i === "text" && k !== "callout-wrapper" && /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ o($.Divider, {}),
+      /* @__PURE__ */ o(
+        en,
+        {
+          disabled: !1,
+          blockType: "paragraph",
+          rootType: "root",
+          editor: e,
+          mode: "editor",
+          fetchUploadMedia: a,
+          excludeNodes: c,
+          onChange: t,
+          menuProps: {
+            trigger: "hover",
+            position: "right-start",
+            offset: { mainAxis: 0, alignmentAxis: 0 }
+          },
+          children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+            ut,
+            {
+              label: s("editor.toolbar.turnInto"),
+              icon: /* @__PURE__ */ o(
+                vn,
+                {
+                  style: { width: V(14), height: V(14) }
+                }
+              )
+            }
+          ) })
+        }
+      )
+    ] }),
+    (i === "text" || k == "callout-wrapper") && /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ o($.Divider, {}),
+      /* @__PURE__ */ o(
+        ht,
+        {
+          data: {
+            callout: {
+              label: s("editor.colors.theme"),
+              filled: !0,
+              palette: uo.map((m) => ({
+                label: s(`editor.colors.callout.${m.name}`),
+                value: mn(m.color, 0.19),
+                icon: m.icon,
+                meta: { type: m.name, emoji: m.emoji }
+              }))
+            }
+          },
+          modes: k === "callout-wrapper" ? ["callout", "background"] : ["color", "background"],
+          value: {
+            color: w,
+            background: d,
+            callout: d
+          },
+          onChange: (m) => {
+            D(m), t(), $e(e);
+          },
+          hideInherit: !0,
+          target: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+            ut,
+            {
+              label: s(k === "callout-wrapper" ? "editor.contextMenu.appearance" : "editor.toolbar.color"),
+              icon: /* @__PURE__ */ o(St, { size: 14 })
+            }
+          ) }),
+          menuProps: {
+            trigger: "hover",
+            position: "right-start",
+            offset: { mainAxis: 0, alignmentAxis: 0 }
+          }
+        }
+      )
+    ] }),
+    k === "layout" && /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ o($.Divider, {}),
+      /* @__PURE__ */ o(
+        ht,
+        {
+          modes: ["background"],
+          value: {
+            background: C
+          },
+          onChange: (m) => {
+            D(m, "layout-color"), t(), $e(e);
+          },
+          hideInherit: !0,
+          target: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+            ut,
+            {
+              label: s("editor.column.changeColor"),
+              icon: /* @__PURE__ */ o(St, { size: 14 })
+            }
+          ) }),
+          menuProps: {
+            trigger: "hover",
+            position: "right-start",
+            offset: { mainAxis: 0, alignmentAxis: 0 }
+          }
+        }
+      ),
+      /* @__PURE__ */ o(
+        $.Item,
+        {
+          disabled: r,
+          onClick: () => {
+            yt(e, n, "left");
+          },
+          leftSection: /* @__PURE__ */ o(
+            In,
+            {
+              style: { width: V(14), height: V(14) }
+            }
+          ),
+          children: s("editor.column.addLeft")
+        }
+      ),
+      /* @__PURE__ */ o(
+        $.Item,
+        {
+          disabled: r,
+          onClick: () => {
+            yt(e, n, "right");
+          },
+          leftSection: /* @__PURE__ */ o(
+            lt,
+            {
+              style: { width: V(14), height: V(14) }
+            }
+          ),
+          children: s("editor.column.addRight")
+        }
+      ),
+      /* @__PURE__ */ o(
+        $.Item,
+        {
+          disabled: l.left,
+          onClick: () => {
+            zt(e, n, "left"), $e(e);
+          },
+          leftSection: /* @__PURE__ */ o(
+            lt,
+            {
+              style: { width: V(14), height: V(14) }
+            }
+          ),
+          children: s("editor.column.moveLeft")
+        }
+      ),
+      /* @__PURE__ */ o(
+        $.Item,
+        {
+          disabled: l.right,
+          onClick: () => {
+            zt(e, n, "right"), $e(e);
+          },
+          leftSection: /* @__PURE__ */ o(
+            lt,
+            {
+              style: { width: V(14), height: V(14) }
+            }
+          ),
+          children: s("editor.column.moveRight")
+        }
+      ),
+      /* @__PURE__ */ o(
+        $.Item,
+        {
+          onClick: () => O("layout"),
+          leftSection: /* @__PURE__ */ o(ft, { style: { width: V(14), height: V(14) } }),
+          children: s("editor.column.deleteColumn")
+        }
+      )
+    ] })
+  ] });
+};
+function Qo(e) {
+  if (!e) return window;
+  let t = e;
+  for (; t; ) {
+    if (t === document.body || t === document.documentElement)
+      return window;
+    const i = getComputedStyle(t).overflowY;
+    if ((i === "auto" || i === "scroll" || i === "overlay") && t.scrollHeight > t.clientHeight)
+      return t;
+    t = t.parentElement;
+  }
+  return window;
+}
+function Xo(e, t) {
+  let n = 150;
+  const { clientY: i } = e;
+  if (t === window) {
+    const s = window.innerHeight;
+    i < n ? window.scrollBy(0, Math.max(-15, (i - n) / 15)) : i > s - n && window.scrollBy(
+      0,
+      Math.min(15, (i - (s - n)) / 15)
+    );
+  } else {
+    n = 100;
+    const s = t.getBoundingClientRect();
+    i < s.top + n ? t.scrollTop -= 5 : i > s.bottom - n && (t.scrollTop += 5);
+  }
+}
+const Jo = Io.throttle(
+  (e, t) => {
+    e.preventDefault(), Xo(e, t);
+  },
+  16
+);
+let Ye = null;
+function Zo(e) {
+  return e ? e.classList.contains("dsd__theme__table-scrollable-wrapper") ? e.firstElementChild : e : null;
+}
+function es(e, t, n) {
+  const i = ce(null), s = ce(null), r = ce(!1), l = ce(!1), a = ce({
+    htmlElement: null,
+    lexicalNode: null,
+    isBottom: !1
+  }), c = ce(null), [d, u] = b(null), { disable: C } = Ae(De), [f, w] = b(!1), [_, k] = b({ opened: !1 }), [P, N] = b(""), [y, I] = b(null), [D, O] = b(!1), [m, T] = b({
+    left: !1,
+    right: !1
+  }), [v, S] = b(null), { t: L } = _t(), G = po(
+    (g) => {
+      const p = g.target;
+      l.current || qe(p) && (Uo(p) || e.read(() => {
+        var q;
+        const A = p.className.includes(
+          "content-editable-wrapper"
+        ), j = A ? At() : oe(p), { htmlElement: U, lexicalNode: M } = $t(
+          j,
+          e,
+          {
+            root: !0,
+            "layout-container": !0,
+            "layout-item": !0,
+            callout: !0,
+            "collapsible-content": !0
+          },
+          g
+        );
+        if ((M == null ? void 0 : M.__type) === "callout" || (M == null ? void 0 : M.__type) === "callout-image" || ((q = M == null ? void 0 : M.getParent()) == null ? void 0 : q.__type) === "callout" && (M == null ? void 0 : M.getPreviousSibling()) === null) {
+          u(null);
+          return;
+        }
+        if (!(A && M instanceof Xe || A && !M) && M != null && M.__key) {
+          if (M.__type === "layout-container" || M.__type === "layout-item" || M.__type === "collapsible-content") {
+            u(null);
+            return;
+          }
+          U && (a.current.htmlElement = U, a.current.lexicalNode = M), (M == null ? void 0 : M.__type) === "collapsible-title" && (a.current.htmlElement = (U == null ? void 0 : U.parentElement) || U, a.current.lexicalNode = M.getParent()), I(null), u(a.current.htmlElement);
+        }
+      }));
+    },
+    20,
+    50
+  );
+  Y(() => () => {
+    Ye = null;
+  }, []), Y(() => {
+    function g() {
+      l.current || u(null);
+    }
+    function p(j) {
+      if (!r.current)
+        return !1;
+      const [U] = wt(j);
+      if (U)
+        return !1;
+      const { target: M, dataTransfer: q } = j, ee = (q == null ? void 0 : q.getData(Ft)) || "";
+      e.update(() => {
+        var Te;
+        let h = qn(ee);
+        if (!h || !(qe(M) || M.closest(".resizable-container")))
+          return !1;
+        const { htmlElement: B, lexicalNode: re, isBottom: F } = a.current;
+        let z = re, _e = null;
+        if (z != null && z.__key && (_e = B), !_e || !z)
+          return !1;
+        if (z === h)
+          return !0;
+        if (s.current && Ro(
+          s.current,
+          e,
+          z,
+          h
+        ))
+          return !1;
+        if (h.__type === "layout-divider") {
+          if (h = h.getParent(), re && (h != null && h.isParentOf(re)))
+            return !1;
+          Fo(e, h);
+        }
+        if (h.getParent() instanceof Ze && ((Te = h.getParent()) == null ? void 0 : Te.getChildren().length) === 2) {
+          const xe = h.getParent(), Se = xe.getParent();
+          et(e, xe, Se);
+        }
+        if (B != null && B.classList.contains("selected-block"))
+          return;
+        let we;
+        const ae = e._rootElement;
+        F ? we = Array.from(
+          ae.querySelectorAll(".selected-block")
+        ).reverse() : we = Array.from(
+          ae.querySelectorAll(".selected-block")
+        ), we.length ? we.forEach((xe) => {
+          let Se = oe(xe);
+          F ? z == null || z.insertAfter(Se) : z == null || z.insertBefore(Se);
+        }) : F ? z.insertAfter(h) : z.insertBefore(h), u(null);
+      });
+    }
+    function A(j) {
+      const { target: U } = j;
+      qe(U) && U.className === "ContentEditable__root" && Gt(s.current);
+    }
+    return t == null || t.addEventListener("mousemove", G), t == null || t.addEventListener("drop", p), t == null || t.addEventListener("mouseleave", g), t == null || t.addEventListener("dragleave", A), () => {
+      t == null || t.removeEventListener("mousemove", G), t == null || t.addEventListener("drop", p), t == null || t.removeEventListener("mouseleave", g), t == null || t.removeEventListener("dragleave", A);
+    };
+  }, [t, e]), Y(() => {
+    if (i.current) {
+      if (l.current || _.opened) return;
+      Kt(
+        d,
+        i.current,
+        t,
+        _.opened
+      );
+    }
+  }, [
+    t,
+    d,
+    l.current,
+    _.opened
+  ]), Y(() => {
+    function g(p) {
+      var F, z;
+      const { clientY: A, target: j, pageX: U } = p;
+      if (!r.current)
+        return !1;
+      const [M] = wt(p);
+      if (M || !qe(j))
+        return !1;
+      const q = oe(j) || At(), { htmlElement: ee, lexicalNode: h } = $t(
+        q,
+        e,
+        {
+          root: !0,
+          "layout-container": !0,
+          "layout-item": !0,
+          "callout-wrapper": !0,
+          callout: !0,
+          "collapsible-content": !0,
+          "collapsible-container": !0
+        },
+        p
+      );
+      if (p.preventDefault(), (h == null ? void 0 : h.__type) === "callout" || (h == null ? void 0 : h.__type) === "collapsible-content" || ln(
+        c.current,
+        h == null ? void 0 : h.getParent()
+      ) || (h == null ? void 0 : h.__type) === "layout-item" && q.__type !== "root")
+        return !1;
+      ee && (a.current.htmlElement = ee, a.current.lexicalNode = h);
+      let B = null;
+      B = a.current.htmlElement || ee, B != null && B.closest(".dsd__theme__layoutContainer") && q.__type === "root" && h && ((h == null ? void 0 : h.__type) === "layout-item" && q.__type === "root" ? (B = B == null ? void 0 : B.parentElement, a.current.htmlElement = B, a.current.lexicalNode = h == null ? void 0 : h.getParent()) : (B = (F = B.parentElement) == null ? void 0 : F.parentElement, a.current.htmlElement = B, a.current.lexicalNode = (z = h.getParent()) == null ? void 0 : z.getParent()));
+      const re = s.current;
+      return !B && re ? (re.style.background = "transparent", !1) : B === null || re === null || B != null && B.classList.contains("selected-block") ? !1 : (Wo(
+        re,
+        B,
+        A,
+        U,
+        t,
+        p,
+        a
+      ), !0);
+    }
+    return Fe(
+      e.registerCommand(
+        ct,
+        (p) => p === "hide_menu" ? (Ho(i.current), setTimeout(() => {
+          l.current = !0;
+        }, 0), !1) : p === "show_menu" ? (l.current = !1, !1) : (p === !0 && !l.current && u(null), l.current = !1, !1),
+        be
+      ),
+      e.registerCommand(
+        ho,
+        (p) => ((p == null ? void 0 : p.target) instanceof HTMLElement && i.current instanceof HTMLElement && (J(p), Kt(
+          p.target,
+          i.current,
+          t,
+          _.opened
+        )), !1),
+        be
+      ),
+      e.registerCommand(
+        Gn,
+        (p) => (Ye || (Ye = Qo(
+          p.target
+        )), Jo(p, Ye), g(p)),
+        be
+      ),
+      e.registerCommand(
+        Wn,
+        () => (e.dispatchCommand(ct, !0), !1),
+        be
+      ),
+      e.registerCommand(
+        jn,
+        () => (e.dispatchCommand(ct, !0), !1),
+        be
+      )
+    );
+  }, [t, e]);
+  function pe(g) {
+    var M;
+    const p = g.dataTransfer;
+    (M = s.current) == null || M.setAttribute("data-index-start", "");
+    const A = d || a.current.htmlElement;
+    if (!p || !A)
+      return;
+    const j = e._rootElement;
+    if (A != null && A.classList.contains("selected-block")) {
+      const q = e._rootElement, ee = Array.from(
+        q.querySelectorAll(".selected-block")
+      );
+      Go(g.dataTransfer, ee);
+    } else
+      at(j), A.className.includes("_layoutDivider") && A.parentElement ? Ut(p, A.parentElement) : Ut(p, A);
+    let U = "";
+    e.read(() => {
+      var ee, h;
+      const q = oe(A);
+      if (q && (U = q.getKey()), q instanceof Xe) {
+        const B = He(
+          (ee = A.parentElement) == null ? void 0 : ee.parentElement,
+          A.parentElement
+        );
+        (h = s.current) == null || h.setAttribute(
+          "data-index-start",
+          B.toString()
+        );
+      }
+    }), i.current && (w(!0), i.current.style.opacity = "0"), r.current = !0, c.current = U, p.setData(Ft, U);
+  }
+  function W() {
+    r.current = !1, Gt(s.current), w(!1);
+  }
+  if (C)
+    return /* @__PURE__ */ o("div", {});
+  function R() {
+    var A;
+    const g = a.current.htmlElement, p = (A = g == null ? void 0 : g.parentElement) == null ? void 0 : A.parentElement;
+    if (p != null && p.classList.contains("dsd__theme__layoutContainer") && (p.children.length === 4 ? O(!0) : O(!1), g != null && g.parentElement)) {
+      const j = He(
+        p,
+        g == null ? void 0 : g.parentElement
+      );
+      j ? j === p.children.length - 1 ? T({
+        left: !1,
+        right: !0
+      }) : T({
+        left: !1,
+        right: !1
+      }) : T({
+        left: !0,
+        right: !1
+      });
+    }
+  }
+  function J(g) {
+    l.current = !0;
+    const p = Zo(
+      (g == null ? void 0 : g.target) ?? a.current.htmlElement
+    );
+    if (!p)
+      return;
+    const A = e._rootElement;
+    R(), p.classList.contains("selected-block") || at(A), e.update(() => {
+      const U = ue(), q = ((U == null ? void 0 : U.getNodes()) ?? []).filter((F) => !pt(F) && !Zt(F) && F.__parent === "root"), ee = q.map((F) => {
+        const z = e.getElementByKey(F.getKey());
+        return F.getType() === "table" ? z == null ? void 0 : z.firstElementChild : z;
+      }).filter((F) => F !== null), h = q.length && ee.includes(p) ? ee : [p];
+      if (h.length === 1) {
+        const F = oe(p);
+        if (!F) return;
+        F.selectStart(), S(F);
+      } else
+        S(null);
+      h.forEach((F) => {
+        tn(e, {
+          block: F,
+          isCreateEventListener: !1
+        });
+      });
+      const B = Array.from(
+        document.querySelectorAll(".selected-block")
+      ).reduce((F, z) => {
+        const _e = oe(z);
+        return _e && F.push(_e), F;
+      }, []), re = B.length > 0 && B.every((F) => Je(F) || Qe(F) || kt(F) ? !1 : Me(F) || pt(F));
+      N(re ? "text" : "block");
+    }), bo();
+    const j = Number(g == null ? void 0 : g.y) + 240 > window.innerHeight ? Number(g == null ? void 0 : g.y) - 200 : g == null ? void 0 : g.y;
+    k({ opened: !0, x: (g == null ? void 0 : g.x) ?? 0, y: j ?? 0 }), e.dispatchCommand(gt, !0);
+  }
+  const ne = () => {
+    e.update(() => {
+      const g = nn();
+      if (l.current = !1, k((p) => ({ opened: !1, x: p.x, y: p.y })), (g == null ? void 0 : g.__key) === "root") {
+        const p = Pe();
+        g.append(p);
+      }
+    });
+  }, me = n ? "hide-add-button" : "", Ce = _.x !== 0 ? {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    transform: `translate(${_.x}px, ${_.y}px)`
+  } : {}, Le = () => {
+    ne(), yo(), mo(e), at(e._rootElement);
+  }, Ke = (g = !1) => {
+    g ? e.update(() => {
+      const p = ue();
+      let A = null;
+      de(p) && (A = p.anchor.getNode().getParent()), Le(), setTimeout(() => {
+        e.update(() => {
+          A == null || A.selectEnd();
+        });
+      }, 100);
+    }) : Le();
+  }, Ie = ye(
+    (g) => {
+      const p = document.querySelector(".draggable-menu");
+      if (!_ && g.button !== 2) return;
+      const A = g.target;
+      if (A.closest(".mantine-Menu-dropdown"))
+        return;
+      !((p == null ? void 0 : p.contains(A)) && A.closest("div.custom-menu-item")) && g.button !== 2 && _.opened && (g.stopPropagation(), g.preventDefault());
+    },
+    [e, _]
+  );
+  return Y(() => (_.opened ? document.addEventListener("mousedown", Ie) : document.removeEventListener("mousedown", Ie), () => {
+    document.removeEventListener("mousedown", Ie);
+  }), [_.opened, Ie]), Ct(
+    /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ H(
+        "div",
+        {
+          className: `draggable-block-container ${me} ${d ? "visible" : ""}`,
+          ref: i,
+          onMouseEnter: () => {
+            var g;
+            _ || I("both"), (g = i.current) != null && g.style && (i.current.style.opacity = "1");
+          },
+          onMouseLeave: () => {
+            I(null);
+          },
+          children: [
+            /* @__PURE__ */ o(
+              qo,
+              {
+                hoveredButton: y,
+                insertNewParagraph: Ht,
+                currentDraggableBlockRef: a,
+                setHoveredButton: I,
+                isClickedBlockRef: l,
+                setDraggableBlockElem: u,
+                editor: e,
+                t: L
+              }
+            ),
+            /* @__PURE__ */ H(
+              $,
+              {
+                onOpen: J,
+                opened: _.opened,
+                styles: { dropdown: Ce },
+                position: "left-start",
+                width: 320,
+                shadow: "md",
+                withinPortal: !0,
+                onClose: () => {
+                  Ke();
+                },
+                transitionProps: io,
+                children: [
+                  /* @__PURE__ */ o($.Target, { children: /* @__PURE__ */ o(
+                    "div",
+                    {
+                      className: "icon draggable-block-menu",
+                      draggable: !0,
+                      onDragStart: pe,
+                      onDragEnd: W,
+                      children: /* @__PURE__ */ o(
+                        ie,
+                        {
+                          openDelay: 300,
+                          multiline: !0,
+                          disabled: f || l.current,
+                          label: /* @__PURE__ */ H(E, { children: [
+                            /* @__PURE__ */ H("span", { children: [
+                              /* @__PURE__ */ o("strong", { children: L("editor.hoverOptions.drag") }),
+                              ",",
+                              " ",
+                              L("editor.hoverOptions.dragAction")
+                            ] }),
+                            /* @__PURE__ */ o("br", {}),
+                            /* @__PURE__ */ H("span", { children: [
+                              /* @__PURE__ */ o("strong", { children: L("editor.hoverOptions.click") }),
+                              ",",
+                              " ",
+                              L("editor.hoverOptions.clickAction")
+                            ] })
+                          ] }),
+                          position: "bottom-start",
+                          children: /* @__PURE__ */ o(
+                            ze,
+                            {
+                              radius: "sm",
+                              color: "gray",
+                              size: "sm",
+                              variant: "subtle",
+                              "aria-label": "Settings",
+                              children: /* @__PURE__ */ o(wn, { size: 20 })
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ o(
+                    jo,
+                    {
+                      hoveredButton: y,
+                      insertNewParagraph: Ht,
+                      currentDraggableBlockRef: a,
+                      setHoveredButton: I,
+                      isClickedBlockRef: l,
+                      setDraggableBlockElem: u,
+                      editor: e,
+                      t: L
+                    }
+                  ),
+                  /* @__PURE__ */ o($.Dropdown, { className: "draggable-menu", children: /* @__PURE__ */ o(
+                    Eo,
+                    {
+                      onChange: () => {
+                        Ke(!0), $e(e);
+                      },
+                      t: L,
+                      textBlock: P,
+                      currentEditorNode: v,
+                      editor: e,
+                      isDisabledAddColumnButton: D,
+                      disabledMoveColumnButtons: m
+                    }
+                  ) })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "draggable-block-target-line", ref: s })
+    ] }),
+    t
+  );
+}
+function qs({
+  anchorElem: e = document.body,
+  isShowAddButton: t = !1
+}) {
+  const [n] = nt();
+  return es(n, e, t);
+}
+function ts({
+  editor: e,
+  anchorElem: t,
+  isLink: n,
+  isBold: i,
+  isItalic: s,
+  isUnderline: r,
+  isCode: l,
+  isStrikethrough: a,
+  isSubscript: c,
+  isSuperscript: d,
+  component: u,
+  isText: C
+}) {
+  const f = ce(null), w = ce(!1), _ = ce(null), k = ye(() => {
+    e.dispatchCommand(on, "create");
+  }, [e, n]);
+  function P() {
+    var y, I;
+    f.current && (w.current = !0, Oe(
+      ((y = _.current) == null ? void 0 : y.rect) || null,
+      f == null ? void 0 : f.current,
+      t,
+      (I = _.current) == null ? void 0 : I.isLink
+    ));
+  }
+  Y(() => {
+    const y = Rt();
+    if (!C && !(y != null && y.length)) {
+      let I = function(T) {
+        return T instanceof HTMLElement;
+      };
+      const D = f.current, O = window.getSelection();
+      let m = !1;
+      O != null && O.anchorNode && I(O.anchorNode) && O.anchorNode.className === "toolbar" && (m = !0), D && !m && (_.current = {
+        rect: null,
+        floatingElem: D,
+        anchorElem: t,
+        isLink: n
+      }, Oe(
+        null,
+        D,
+        t,
+        n
+      ), w.current = !1);
+    }
+  }, [C, e]), Y(() => {
+    if (f != null && f.current)
+      return document.addEventListener("mouseup", P), () => {
+        document.removeEventListener("mouseup", P);
+      };
+  }, [f]), Y(() => {
+    e.registerCommand(
+      Vn,
+      (y) => {
+        var I;
+        return (y.metaKey || y.ctrlKey) && y.code === "KeyA" ? (y.preventDefault(), _o(e), nn(!0) && (To() && (f != null && f.current) ? (Oe(
+          null,
+          f == null ? void 0 : f.current,
+          t,
+          (I = _.current) == null ? void 0 : I.isLink
+        ), En(), tn(e)) : setTimeout(() => {
+          P();
+        })), !0) : !1;
+      },
+      be
+    ), e.registerCommand(
+      gt,
+      () => (setTimeout(() => {
+        var y;
+        f != null && f.current && Oe(
+          null,
+          f == null ? void 0 : f.current,
+          t,
+          (y = _.current) == null ? void 0 : y.isLink
+        );
+      }, 100), !1),
+      be
+    );
+  }, [e]);
+  const N = ye(() => {
+    const y = ue(), I = f.current, D = window.getSelection();
+    if (I === null)
+      return;
+    const O = e.getRootElement();
+    let m = !1;
+    const T = Rt();
+    if (T && T.length > 0 && (m = !0), y !== null && D !== null && !D.isCollapsed && O !== null && O.contains(D.anchorNode) && m) {
+      const v = xo(D, O);
+      if (_.current = {
+        rect: v,
+        floatingElem: I,
+        anchorElem: t,
+        isLink: n
+      }, de(y)) {
+        const L = vt(y).getParent(), G = L == null ? void 0 : L.getFormatType();
+        w.current && G && f && e.registerCommand(
+          gt,
+          (pe) => (pe || setTimeout(() => {
+            var W, R;
+            Oe(
+              ((W = _.current) == null ? void 0 : W.rect) || null,
+              I,
+              t,
+              (R = _.current) == null ? void 0 : R.isLink
+            );
+          }, 100), !1),
+          be
+        );
+      }
+    } else
+      _.current = {
+        rect: null,
+        floatingElem: I,
+        anchorElem: t,
+        isLink: n
+      };
+  }, [e, t, n]);
+  return Y(() => {
+    const y = t.parentElement, I = () => {
+      e.getEditorState().read(() => {
+        N();
+      });
+    };
+    return window.addEventListener("resize", I), y && y.addEventListener("scroll", I), () => {
+      window.removeEventListener("resize", I), y && y.removeEventListener("scroll", I);
+    };
+  }, [e, N, t]), Y(() => (e.getEditorState().read(() => {
+    N();
+  }), Fe(
+    e.registerUpdateListener(({ editorState: y }) => {
+      y.read(() => {
+        N();
+      });
+    }),
+    e.registerCommand(
+      Xt,
+      () => (N(), !1),
+      be
+    )
+  )), [e, N]), /* @__PURE__ */ o(
+    "div",
+    {
+      ref: f,
+      className: `floating-text-format-popup doc-space-editor-wrapper ${C ? "" : "floating-text-format-popup-hidden"}`,
+      children: /* @__PURE__ */ o("div", { children: e.isEditable() && (u || /* @__PURE__ */ H(E, { children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              e.dispatchCommand(le, "bold");
+            },
+            className: "popup-item spaced " + (i ? "active" : ""),
+            children: /* @__PURE__ */ o(X, { name: "bold", stroke: i ? 3 : 2 })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              e.dispatchCommand(le, "italic");
+            },
+            className: "popup-item spaced " + (s ? "active" : ""),
+            children: /* @__PURE__ */ o(X, { name: "italic", stroke: s ? 3 : 2 })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              e.dispatchCommand(le, "underline");
+            },
+            className: "popup-item spaced " + (r ? "active" : ""),
+            children: /* @__PURE__ */ o(X, { name: "underline", stroke: r ? 3 : 2 })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              e.dispatchCommand(le, "strikethrough");
+            },
+            className: "popup-item spaced " + (a ? "active" : ""),
+            "data-test-id": "toolbar-strikethrough",
+            children: /* @__PURE__ */ o(X, { name: "strikethrough", stroke: a ? 3 : 2 })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              e.dispatchCommand(le, "subscript");
+            },
+            className: "popup-item spaced " + (c ? "active" : ""),
+            children: /* @__PURE__ */ o(X, { name: "subscript", stroke: c ? 3 : 2 })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              e.dispatchCommand(le, "superscript");
+            },
+            className: "popup-item spaced " + (d ? "active" : ""),
+            children: /* @__PURE__ */ o(X, { name: "superscript", stroke: d ? 3 : 2 })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              e.dispatchCommand(le, "code");
+            },
+            className: "popup-item spaced " + (l ? "active" : ""),
+            children: /* @__PURE__ */ o(X, { name: "code" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            onClick: k,
+            className: "popup-item spaced " + (n ? "active" : ""),
+            children: /* @__PURE__ */ o(X, { name: "link" })
+          }
+        )
+      ] })) })
+    }
+  );
+}
+function ns(e, t, n) {
+  const [i, s] = b(!1), [r, l] = b(!1), [a, c] = b(!1), [d, u] = b(!1), [C, f] = b(!1), [w, _] = b(!1), [k, P] = b(!1), [N, y] = b(!1), [I, D] = b(!1), O = Co(), { disable: m } = Ae(De), T = ye(() => {
+    e.getEditorState().read(() => {
+      var ne, me, Ce;
+      if (e.isComposing())
+        return;
+      const v = ue(), S = window.getSelection(), L = e.getRootElement();
+      if (S !== null && (!de(v) || L === null || !L.contains(S.anchorNode))) {
+        s(!1);
+        return;
+      }
+      if (!de(v))
+        return;
+      const G = vt(v);
+      c(v.hasFormat("bold")), u(v.hasFormat("italic")), f(v.hasFormat("underline")), _(v.hasFormat("strikethrough")), P(v.hasFormat("subscript")), y(v.hasFormat("superscript")), D(v.hasFormat("code"));
+      const pe = G.getParent();
+      Re(pe) || Re(G) ? l(!0) : l(!1);
+      const W = no(
+        v.anchor.getNode()
+      ), R = (Ce = (me = (ne = e.getElementByKey(G.__key)) == null ? void 0 : ne.parentElement) == null ? void 0 : me.parentElement) == null ? void 0 : Ce.classList.contains(
+        "Collapsible__title"
+      );
+      !W && v.getTextContent() !== "" && !R ? s(
+        mt(G) || Yn(G) || dt(G) || Yt(G) || lo(G)
+      ) : s(!1);
+      const J = v.getTextContent().replace(/\n/g, "");
+      if (!v.isCollapsed() && J === "") {
+        s(!1);
+        return;
+      }
+    });
+  }, [e]);
+  return Y(() => (document.addEventListener("selectionchange", T), () => {
+    document.removeEventListener("selectionchange", T);
+  }), [T]), Y(() => Fe(
+    e.registerUpdateListener(() => {
+      T();
+    }),
+    e.registerRootListener(() => {
+      e.getRootElement() === null && s(!1);
+    })
+  ), [e, T]), m ? null : Ct(
+    /* @__PURE__ */ o(
+      ts,
+      {
+        editor: e,
+        anchorElem: t,
+        isLink: r,
+        isBold: a,
+        isItalic: d,
+        isStrikethrough: w,
+        isSubscript: k,
+        isSuperscript: N,
+        isUnderline: C,
+        isCode: I,
+        component: n,
+        isText: i && !O
+      }
+    ),
+    document.body
+  );
+}
+function Ys({
+  anchorElem: e = document.body,
+  component: t
+}) {
+  const [n] = nt();
+  return ns(n, e, t);
+}
+const os = (e, t, n, i) => {
+  e.update(() => {
+    if (de(n)) {
+      const s = xt(t);
+      n.insertNodes([s]), i();
+    }
+  });
+}, ss = (e, t, n, i) => {
+  e.update(() => {
+    if (de(n)) {
+      const s = xt(t);
+      n.insertNodes([]);
+      const r = s.getParent() ?? n.focus.getNode().getParent();
+      if (r) {
+        const l = n.focus.getNode().getNextSibling();
+        l ? l.insertBefore(s) : r.append(s), i();
+      }
+    }
+  });
+}, is = (e, t = "", n, i) => {
+  e.update(() => {
+    if (!de(n)) return;
+    const r = n.anchor.getNode().getTopLevelElementOrThrow(), l = Pe();
+    t && l.append(xt(t)), r.insertAfter(l), i();
+  });
+}, ls = (e, t) => {
+  e.update(() => {
+    const n = ue();
+    if (de(n)) {
+      const i = n.getTextContent();
+      t(i);
+    }
+  });
+}, rs = ({
+  editor: e,
+  response: t,
+  onSubmit: n,
+  setTypeMenu: i,
+  onClose: s,
+  t: r,
+  selection: l
+}) => /* @__PURE__ */ H(E, { children: [
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      leftSection: /* @__PURE__ */ o(Tt, { size: 14 }),
+      onClick: () => i("main"),
+      children: r("editor.ai.back")
+    }
+  ),
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        os(e, t, l, s);
+      },
+      leftSection: /* @__PURE__ */ o(Sn, { size: 14 }),
+      children: r("editor.ai.menu.answer.replaceSelection")
+    }
+  ),
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        ss(e, ` ${t}`, l, s);
+      },
+      leftSection: /* @__PURE__ */ o(Mn, { size: 14 }),
+      children: r("editor.ai.menu.answer.addTextInline")
+    }
+  ),
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        is(e, t, l, s), s();
+      },
+      leftSection: /* @__PURE__ */ o(An, { size: 14 }),
+      children: r("editor.ai.menu.answer.addBelowParagraph")
+    }
+  ),
+  /* @__PURE__ */ o($.Divider, {}),
+  /* @__PURE__ */ o($.Label, { children: r("editor.ai.menu.answer.modifyFurther") }),
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        n(
+          `Start with this text and continue. Output this text at the start: "${t}"`,
+          !1
+        );
+      },
+      leftSection: /* @__PURE__ */ o(Pn, { size: 14 }),
+      children: r("editor.ai.menu.answer.continueWriting")
+    }
+  ),
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        n("Regenerate this text with another way: ");
+      },
+      leftSection: /* @__PURE__ */ o(Dn, { size: 14 }),
+      children: r("editor.ai.menu.answer.regenerate")
+    }
+  ),
+  /* @__PURE__ */ o($.Item, { onClick: s, leftSection: /* @__PURE__ */ o(ft, { size: 14 }), children: r("editor.ai.menu.answer.discard") })
+] }), as = [
+  "arabic",
+  "bengali",
+  "chinese",
+  "dutch",
+  "english",
+  "french",
+  "german",
+  "hindi",
+  "japanese",
+  "korean",
+  "nepali",
+  "portuguese",
+  "spanish"
+], cs = [
+  "professional",
+  "straightforward",
+  "friendly",
+  "poetic",
+  "passiveAggressive",
+  "pirate"
+], us = [
+  {
+    title: "modifySelection",
+    options: [
+      {
+        title: "improveWriting",
+        prompt: "Improve the quality of the text",
+        icon: /* @__PURE__ */ o(Ln, { size: 14 })
+      },
+      {
+        title: "fixMistakes",
+        prompt: "Fix any typos or general errors in the text",
+        icon: /* @__PURE__ */ o(Nn, { size: 14 })
+      },
+      {
+        title: "simplify",
+        prompt: "Shorten the text, simplifying it",
+        icon: /* @__PURE__ */ o(On, { size: 14 })
+      },
+      {
+        title: "addMoreDetail",
+        prompt: "Lengthen the text, going into more detail",
+        icon: /* @__PURE__ */ o($n, { size: 14 })
+      }
+    ]
+  },
+  {
+    title: "generate",
+    options: [
+      {
+        title: "summarise",
+        prompt: "Summarise the text",
+        icon: /* @__PURE__ */ o(Rn, { size: 14 })
+      },
+      {
+        title: "translate",
+        icon: /* @__PURE__ */ o(Bn, { size: 14 }),
+        type: "language"
+      },
+      {
+        title: "changeStyle",
+        icon: /* @__PURE__ */ o(Fn, { size: 14 }),
+        type: "style"
+      },
+      {
+        title: "explain",
+        prompt: "Explain what the text is about",
+        icon: /* @__PURE__ */ o(zn, { size: 14 })
+      }
+    ]
+  }
+], ds = ({
+  setTypeMenu: e,
+  onSubmit: t,
+  t: n
+}) => /* @__PURE__ */ H(E, { children: [
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      leftSection: /* @__PURE__ */ o(Tt, { size: 14 }),
+      onClick: () => e("main"),
+      children: n("editor.ai.back")
+    }
+  ),
+  as.map((i) => /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        t(`Translate text into the ${i} language`);
+      },
+      children: n(`editor.ai.menu.languages.${i}`)
+    },
+    i
+  ))
+] }), fs = ({
+  setTypeMenu: e,
+  onSubmit: t,
+  t: n
+}) => /* @__PURE__ */ o(E, { children: us.map((i) => /* @__PURE__ */ H("div", { children: [
+  /* @__PURE__ */ o($.Label, { children: n(`editor.ai.menu.main.${i.title}`) }),
+  i.options.map((s) => /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        if (s.type) {
+          e(s.type);
+          return;
+        }
+        t(s.prompt || "");
+      },
+      leftSection: s.icon,
+      children: n(`editor.ai.menu.main.${s.title}`)
+    },
+    s.title
+  ))
+] }, i.title)) }), ps = ({
+  setTypeMenu: e,
+  onSubmit: t,
+  t: n
+}) => /* @__PURE__ */ H(E, { children: [
+  /* @__PURE__ */ o(
+    $.Item,
+    {
+      leftSection: /* @__PURE__ */ o(Tt, { size: 14 }),
+      onClick: () => e("main"),
+      children: n("editor.ai.back")
+    }
+  ),
+  cs.map((i) => /* @__PURE__ */ o(
+    $.Item,
+    {
+      onClick: () => {
+        t(`Change text into ${i} style`);
+      },
+      children: n(`editor.ai.menu.style.${i}`)
+    },
+    i
+  ))
+] }), ms = ({
+  keyType: e,
+  setTypeMenu: t,
+  editor: n,
+  onSubmit: i,
+  response: s,
+  onClose: r,
+  t: l,
+  selection: a
+}) => {
+  switch (e) {
+    case "main":
+      return /* @__PURE__ */ o(fs, { t: l, setTypeMenu: t, onSubmit: i });
+    case "answer":
+      return /* @__PURE__ */ o(
+        rs,
+        {
+          t: l,
+          onSubmit: i,
+          editor: n,
+          response: s,
+          setTypeMenu: t,
+          onClose: r,
+          selection: a
+        }
+      );
+    case "language":
+      return /* @__PURE__ */ o(ds, { t: l, onSubmit: i, setTypeMenu: t });
+    case "style":
+      return /* @__PURE__ */ o(ps, { t: l, onSubmit: i, setTypeMenu: t });
+    default:
+      return null;
+  }
+};
+function gs(e, t = 40) {
+  const [n, i] = b(""), s = ce(0), r = ce(null), l = ce(null);
+  return Y(() => {
+    if (r.current && clearInterval(r.current), i(""), s.current = 0, !!e)
+      return r.current = setInterval(() => {
+        i((a) => {
+          const c = e[s.current];
+          return s.current += 1, s.current >= e.length && clearInterval(r.current), a + (c || "");
+        });
+      }, t), () => {
+        r.current && clearInterval(r.current);
+      };
+  }, [e, t]), Y(() => {
+    l.current && (l.current.scrollTop = l.current.scrollHeight);
+  }, [n]), { displayedText: n, containerRef: l };
+}
+const hs = () => {
+  var pe;
+  const [e, t] = b({
+    top: "0px",
+    bottom: "auto"
+  }), [n, i] = b(!1), [s, r] = b(!1), [l] = nt(), [a, c] = b("main"), [d, u] = b(""), [C, f] = b(""), [w, _] = b(""), [k, P] = b(null), [N, y] = b(!1), { fetchPromptResult: I } = Ae(De), { t: D } = _t(), [O, m] = So(), T = () => {
+    i(!1), r(!1), _(""), c("main"), setTimeout(() => {
+      t({ top: "0px", bottom: "auto" });
+    }, 200);
+  }, v = Mo(() => {
+    T();
+  });
+  Y(() => {
+    n ? (ls(l, f), document.documentElement.style.overflow = "hidden", l.update(() => {
+      const W = ue();
+      W && P(W);
+    })) : (c("main"), document.documentElement.style.overflow = "auto", _(""));
+  }, [n]);
+  const { displayedText: S, containerRef: L } = gs(w, 10), G = (W, R = !0) => {
+    const J = W + ` "${R ? C : ""}"Only return the modified text. Do not include any explanations, introductions, or formatting.`;
+    y(!0), I && I(
+      J,
+      (ne) => {
+        _(ne), y(!1), c("answer"), u("");
+      },
+      () => {
+        y(!1);
+      }
+    );
+  };
+  return Y(() => {
+    var R, J, ne;
+    const { bottom: W } = ((R = O.current) == null ? void 0 : R.getBoundingClientRect()) || {
+      bottom: 0
+    };
+    if (W > window.innerHeight) {
+      const me = (((ne = (J = l._rootElement) == null ? void 0 : J.getBoundingClientRect()) == null ? void 0 : ne.bottom) || 0) - window.innerHeight;
+      t({
+        ...e,
+        top: "auto",
+        bottom: `${me}px`
+      });
+    }
+  }, [m.height, n, O.current]), (pe = l._rootElement) != null && pe.parentElement ? /* @__PURE__ */ H(E, { children: [
+    e.top ? Ct(
+      /* @__PURE__ */ o(
+        gn,
+        {
+          mounted: !!n,
+          transition: "scale-x",
+          duration: 300,
+          timingFunction: "ease",
+          children: (W) => /* @__PURE__ */ o(
+            We,
+            {
+              ref: v,
+              style: {
+                position: "absolute",
+                ...e,
+                ...W
+              },
+              className: "ai-editor-menu",
+              children: /* @__PURE__ */ H(
+                $,
+                {
+                  opened: !!s,
+                  closeOnItemClick: !1,
+                  position: "bottom-start",
+                  zIndex: 99,
+                  transitionProps: {
+                    transition: "fade",
+                    duration: 300
+                  },
+                  styles: {
+                    dropdown: {
+                      overflow: "auto"
+                    }
+                  },
+                  offset: 8,
+                  middlewares: {
+                    flip: !0,
+                    size: {
+                      apply({ availableHeight: R, elements: J }) {
+                        requestAnimationFrame(() => {
+                          Object.assign(J.floating.style, {
+                            maxHeight: `${R >= 425 ? 425 : R}px`
+                          });
+                        });
+                      }
+                    }
+                  },
+                  disabled: N,
+                  children: [
+                    /* @__PURE__ */ o($.Target, { children: /* @__PURE__ */ H(
+                      hn,
+                      {
+                        withBorder: !0,
+                        ref: O,
+                        shadow: "lg",
+                        radius: "md",
+                        p: "0",
+                        px: "xs",
+                        children: [
+                          w && /* @__PURE__ */ H(E, { children: [
+                            /* @__PURE__ */ H(
+                              bn,
+                              {
+                                gap: 3,
+                                align: "flex-start",
+                                style: {
+                                  overflowY: "auto"
+                                },
+                                mah: 120,
+                                ref: L,
+                                children: [
+                                  /* @__PURE__ */ o(
+                                    We,
+                                    {
+                                      style: {
+                                        flex: 1
+                                      },
+                                      w: "auto",
+                                      py: "xs",
+                                      children: S
+                                    }
+                                  ),
+                                  /* @__PURE__ */ o(We, { w: "auto", mt: "xs", children: /* @__PURE__ */ o(yn, { value: w, timeout: 2e3, children: ({ copied: R, copy: J }) => /* @__PURE__ */ o(
+                                    ie,
+                                    {
+                                      label: R ? "Copied" : "Copy",
+                                      withArrow: !0,
+                                      position: "right",
+                                      children: /* @__PURE__ */ o(
+                                        ze,
+                                        {
+                                          color: R ? "teal" : "gray",
+                                          variant: "subtle",
+                                          onClick: J,
+                                          children: R ? /* @__PURE__ */ o(Hn, { size: 16 }) : /* @__PURE__ */ o(Qt, { size: 16 })
+                                        }
+                                      )
+                                    }
+                                  ) }) })
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ o(Cn, { my: "0" })
+                          ] }),
+                          /* @__PURE__ */ o(We, { children: /* @__PURE__ */ o(
+                            _n,
+                            {
+                              size: "md",
+                              placeholder: D("editor.ai.placeholder"),
+                              rightSectionPointerEvents: "all",
+                              variant: "unstyled",
+                              value: d,
+                              onKeyDown: (R) => {
+                                if (R.key === "Enter") {
+                                  if (N) return;
+                                  G(d);
+                                }
+                              },
+                              onChange: (R) => {
+                                u(R.target.value);
+                              },
+                              rightSection: /* @__PURE__ */ o(E, { children: N ? /* @__PURE__ */ o(Tn, { color: "violet", size: "16", mr: "xs" }) : /* @__PURE__ */ o(
+                                ze,
+                                {
+                                  color: "violet",
+                                  disabled: !d,
+                                  variant: "subtle",
+                                  onClick: () => {
+                                    G(d);
+                                  },
+                                  children: /* @__PURE__ */ o(Mt, { size: 16 })
+                                }
+                              ) })
+                            }
+                          ) })
+                        ]
+                      }
+                    ) }),
+                    /* @__PURE__ */ o(
+                      $.Dropdown,
+                      {
+                        className: "menu-dropdown-ai",
+                        onMouseDown: (R) => {
+                          R.stopPropagation();
+                        },
+                        children: /* @__PURE__ */ o(
+                          ms,
+                          {
+                            keyType: a,
+                            setTypeMenu: c,
+                            editor: l,
+                            onSubmit: G,
+                            response: w,
+                            onClose: T,
+                            t: D,
+                            selection: k
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          )
+        }
+      ),
+      l._rootElement.parentElement
+    ) : null,
+    /* @__PURE__ */ H(
+      "button",
+      {
+        disabled: !1,
+        className: "toolbar-item spaced alignment",
+        "aria-label": "Formatting options for text alignment",
+        type: "button",
+        onClick: () => {
+          const W = document.querySelector(
+            ".floating-text-format-popup"
+          );
+          if (W.style.opacity = "0", W.style.transform = "translate(-10000px, -10000px)", W != null && W.style) {
+            const R = window.getSelection();
+            if ((R == null ? void 0 : R.rangeCount) === 0)
+              return null;
+            if (R) {
+              const ne = R.getRangeAt(0).getBoundingClientRect(), me = document.querySelector(
+                ".content-editable-wrapper"
+              ), Ce = me.getBoundingClientRect(), Le = ne.top - Ce.top + me.scrollTop + ne.height + "px";
+              t({
+                top: Le,
+                bottom: "auto"
+              }), setTimeout(() => {
+                i(!0);
+              }, 0), setTimeout(() => {
+                r(!0);
+              }, 100);
+            }
+          }
+        },
+        children: [
+          /* @__PURE__ */ o(Mt, { color: "#7950f2", size: 18 }),
+          /* @__PURE__ */ o(Kn, { size: 21, color: "#7950f2" })
+        ]
+      }
+    )
+  ] }) : null;
+}, bs = ({
+  editor: e,
+  isEditable: t,
+  t: n
+}) => {
+  const { fetchUploadMedia: i, imperativeHandleRef: s } = Ae(De), [r, l] = b(!1);
+  return i ? /* @__PURE__ */ o(
+    Ao,
+    {
+      popoverProps: {
+        opened: r,
+        position: "bottom",
+        onChange: l
+      },
+      onUpload: (a) => {
+        var c, d;
+        !i || !a.length || (l(!1), (c = s == null ? void 0 : s.current) != null && c.insertImages && ((d = s.current) == null || d.insertImages(a)));
+      },
+      onChange: (a) => {
+        e.dispatchCommand(Po, {
+          altText: "",
+          src: a
+        }), l(!1);
+      },
+      children: /* @__PURE__ */ o(ie, { label: n("editor.image.add_photo"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          disabled: !t,
+          type: "button",
+          onClick: () => l((a) => !a),
+          className: "toolbar-item spaced",
+          children: /* @__PURE__ */ o(X, { name: "photo" })
+        }
+      ) })
+    }
+  ) : null;
+}, ys = {
+  bullet: "Маркированный список",
+  check: "Чек-лист",
+  code: "Кодовый блок",
+  h1: "Заголовок 1",
+  h2: "Заголовок 2",
+  h3: "Заголовок 3",
+  h4: "Заголовок 4",
+  h5: "Заголовок 5",
+  h6: "Заголовок 6",
+  number: "Нумерованный список",
+  paragraph: "Параграф",
+  quote: "Цитата"
+};
+function Ve() {
+  return /* @__PURE__ */ o("div", { className: "divider" });
+}
+function Vs({
+  mode: e,
+  isFloating: t
+}) {
+  const [n] = nt(), [i, s] = b(n), [r, l] = b("paragraph"), [a, c] = b("root"), [d, u] = b(
+    null
+  ), [C, f] = b("#000"), [w, _] = b("#fff"), [k, P] = b("left"), [N, y] = b(!1), [I, D] = b(!1), [O, m] = b(!1), [T, v] = b(!1), [S, L] = b(!1), [G, pe] = b(!1), [W, R] = b(!1), [J, ne] = b(!1), [me, Ce] = b(!1), [Le, Ke] = b(!1), [Ie] = ro(), [g, p] = b(!1), [A, j] = b(!0), [U, M] = b(!0), [q, ee] = b(0), [h, B] = b(() => n.isEditable()), re = e || "default", { excludeNodes: F, fetchUploadMedia: z, fetchPromptResult: _e, commentOptions: we } = Ae(De), { t: ae } = _t(), Te = ye(() => {
+    const x = ue();
+    if (de(x)) {
+      const K = x.anchor.getNode(), se = x.focus.getNode(), te = Pt(K) ? null : K.getTopLevelElementOrThrow(), he = Pt(se) ? null : se.getTopLevelElementOrThrow();
+      let Q = K.getKey() === "root" ? K : it(K, (ge) => {
+        const Ge = ge.getParent();
+        return Ge !== null && Qn(Ge);
+      });
+      x.getNodes().length === 1 ? j(!0) : j(!1), Q === null && (Q = K.getTopLevelElementOrThrow());
+      const Z = Q.getKey(), Ue = i.getElementByKey(Z);
+      n.update(() => {
+        D(x.hasFormat("bold")), m(x.hasFormat("italic")), v(x.hasFormat("underline")), L(x.hasFormat("strikethrough")), pe(x.hasFormat("subscript")), R(x.hasFormat("superscript")), ne(x.hasFormat("code"));
+      });
+      const fe = vt(x), Ne = fe.getParent();
+      Re(Ne) || Re(fe) ? y(!0) : y(!1), f(
+        tt(x, "color", "inherit")
+      ), _(
+        tt(
+          x,
+          "background-color",
+          "inherit"
+        )
+      );
+      let st;
+      Re(Ne) && (st = it(
+        fe,
+        (ge) => Me(ge) && !ge.isInline()
+      )), P(
+        Me(st) ? st.getFormatType() : Me(fe) ? fe.getFormatType() : (Ne == null ? void 0 : Ne.getFormatType()) || "left"
+      );
+      const un = it(fe, Qe);
+      if (Qe(un) ? c("table") : c("root"), Ue !== null && (te == null ? void 0 : te.getKey()) === (he == null ? void 0 : he.getKey()))
+        if (u(Z), Zt(Q)) {
+          const ge = fn(
+            K,
+            Jt
+          ), Ge = ge ? ge.getListType() : Q.getListType();
+          l(Ge);
+        } else {
+          const ge = dt(Q) ? Q.getTag() : Q.getType();
+          ge in ys && l(ge);
+        }
+      else
+        l("");
+    }
+  }, [i, j]);
+  Y(() => n.registerCommand(
+    Xt,
+    (x, K) => (Te(), s(K), !1),
+    rt
+  ), [n, Te]), Y(() => Fe(
+    n.registerEditableListener((x) => {
+      B(x);
+    }),
+    i.registerUpdateListener(({ editorState: x }) => {
+      x.read(() => {
+        Te();
+      });
+    }),
+    i.registerCommand(
+      Xn,
+      (x) => (Ce(x), !1),
+      rt
+    ),
+    i.registerCommand(
+      Jn,
+      (x) => (Ke(x), !1),
+      rt
+    )
+  ), [Te, i, n]), Y(() => Fe(
+    i.registerCommand(
+      Zn,
+      (x) => {
+        const K = x, { code: se, metaKey: te } = K;
+        if (se === "KeyK" && te) {
+          K.preventDefault();
+          let he;
+          return N ? he = null : he = ko("https://"), i.dispatchCommand(oo, he);
+        }
+        return !1;
+      },
+      Dt
+    ),
+    i.registerCommand(
+      eo,
+      () => {
+        const x = ue();
+        if (de(x)) {
+          const K = x.getNodes(), se = K.length > 0 && K.every((te) => Je(te) || Qe(te) || kt(te) ? !1 : Me(te) || pt(te));
+          M(!se);
+        }
+        return !1;
+      },
+      Dt
+    )
+  ), [i, N]), ye(
+    (x, K) => {
+      i.update(
+        () => {
+          const se = ue();
+          se !== null && Bt(se, x);
+        },
+        K ? { tag: "historic" } : {}
+      );
+    },
+    [i]
+  );
+  const xe = ye(() => {
+    setTimeout(() => {
+      i.dispatchCommand(le, "");
+    }), i.update(() => {
+      const x = ue();
+      if (de(x)) {
+        const K = x.anchor, se = x.focus, te = x.getNodes(), he = x.extract();
+        if (K.key === se.key && K.offset === se.offset)
+          return;
+        te.forEach((Q, ot) => {
+          if (mt(Q)) {
+            let Z = Q;
+            ot === 0 && K.offset !== 0 && (Z = Z.splitText(K.offset)[1] || Z), ot === te.length - 1 && (Z = Z.splitText(se.offset)[0] || Z);
+            const Ue = he[0];
+            te.length === 1 && mt(Ue) && (Z = Ue), Z.__style !== "" && Z.setStyle(""), Z.__format !== 0 && Z.setFormat(0);
+            const fe = pn(Z);
+            fe.__format !== 0 && fe.setFormat(""), fe.__indent !== 0 && fe.setIndent(0), Q = Z;
+          } else dt(Q) || Yt(Q) ? Q.replace(Pe(), !0) : wo(Q) && Q.setFormat("");
+        });
+      }
+    });
+  }, [i]), Se = (x) => {
+    f(x.color), _(x["background-color"]), i.update(() => {
+      const K = ue();
+      K !== null && Bt(K, x);
+    });
+  }, an = ye(() => {
+    n.dispatchCommand(on, "create"), setTimeout(() => {
+      B(!0);
+    }, 1e3);
+  }, [n]), cn = () => {
+    n.dispatchCommand(to, void 0), ee((x) => x + 1);
+  };
+  return /* @__PURE__ */ o("div", { className: "toolbar-wrapper", tabIndex: -1, children: /* @__PURE__ */ H("div", { className: "toolbar", children: [
+    /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ o(
+        en,
+        {
+          disabled: U,
+          blockType: r,
+          rootType: a,
+          editor: n,
+          mode: re,
+          fetchUploadMedia: z,
+          excludeNodes: F
+        }
+      ),
+      /* @__PURE__ */ o(Ve, {})
+    ] }),
+    e === "editor" && !0 && _e && /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ o(dn, { fallback: null, children: /* @__PURE__ */ o(hs, {}) }),
+      /* @__PURE__ */ o(Ve, {})
+    ] }),
+    /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ o(ie, { label: ae("editor.toolbar.bold"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          disabled: !h,
+          onClick: () => {
+            i.dispatchCommand(le, "bold");
+          },
+          className: "toolbar-item spaced " + (I ? "active" : ""),
+          type: "button",
+          "data-test-id": "toolbar-bold",
+          children: /* @__PURE__ */ o(X, { name: "bold" })
+        }
+      ) }),
+      /* @__PURE__ */ o(ie, { label: ae("editor.toolbar.italic"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          disabled: !h,
+          onClick: () => {
+            i.dispatchCommand(le, "italic");
+          },
+          className: "toolbar-item spaced " + (O ? "active" : ""),
+          type: "button",
+          "data-test-id": "toolbar-italic",
+          children: /* @__PURE__ */ o(X, { name: "italic" })
+        }
+      ) }),
+      /* @__PURE__ */ o(ie, { label: ae("editor.toolbar.underline"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          disabled: !h,
+          "data-test-id": "toolbar-underline",
+          onClick: () => {
+            i.dispatchCommand(le, "underline");
+          },
+          className: "toolbar-item spaced " + (T ? "active" : ""),
+          type: "button",
+          children: /* @__PURE__ */ o(X, { name: "underline" })
+        }
+      ) }),
+      /* @__PURE__ */ o(ie, { label: ae("editor.toolbar.strike"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          disabled: !h,
+          className: "toolbar-item spaced " + (S ? "active" : ""),
+          "data-test-id": "toolbar-strikethrough",
+          onClick: () => {
+            i.dispatchCommand(
+              le,
+              "strikethrough"
+            );
+          },
+          children: /* @__PURE__ */ o(X, { name: "strikethrough" })
+        }
+      ) }),
+      /* @__PURE__ */ o(ie, { label: ae("editor.toolbar.code"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          disabled: !h,
+          onClick: () => {
+            i.dispatchCommand(le, "code");
+          },
+          className: "toolbar-item spaced " + (J ? "active" : ""),
+          type: "button",
+          "data-test-id": "toolbar-code",
+          children: /* @__PURE__ */ o(X, { name: "code" })
+        }
+      ) }),
+      /* @__PURE__ */ o(ie, { label: ae("editor.toolbar.clear"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          disabled: !h,
+          className: "toolbar-item",
+          onClick: xe,
+          "data-test-id": "toolbar-clear-format",
+          children: /* @__PURE__ */ o(X, { name: "сlear-format" })
+        }
+      ) }),
+      /* @__PURE__ */ o(ie, { disabled: !h, label: ae("editor.toolbar.link"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: an,
+          className: "toolbar-item spaced " + (N ? "active" : ""),
+          onMouseDown: () => {
+            B(!1);
+          },
+          type: "button",
+          "data-test-id": "toolbar-link",
+          children: /* @__PURE__ */ o(X, { name: "link" })
+        }
+      ) }),
+      we && e === "editor" && /* @__PURE__ */ o(ie, { label: ae("editor.toolbar.comment"), children: /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: cn,
+          className: "toolbar-item spaced " + (N ? "active" : ""),
+          type: "button",
+          "data-test-id": "toolbar-comment",
+          children: /* @__PURE__ */ o(X, { name: "message" })
+        }
+      ) }, q),
+      /* @__PURE__ */ o(
+        ht,
+        {
+          value: { color: C, background: w },
+          menuProps: {
+            closeOnItemClick: !0
+          },
+          onChange: (x) => {
+            Se({
+              color: C,
+              "background-color": w,
+              [x.mode === "color" ? "color" : "background-color"]: x.value
+            });
+          },
+          disabled: !h,
+          modes: ["color", "background"]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(Ve, {}),
+    /* @__PURE__ */ o(
+      vo,
+      {
+        disabled: !h,
+        value: k,
+        editor: n,
+        isRTL: g,
+        setElementFormat: P
+      }
+    ),
+    e === "default" && /* @__PURE__ */ H(E, { children: [
+      /* @__PURE__ */ o(Ve, {}),
+      /* @__PURE__ */ o(bs, { editor: n, t: ae, isEditable: h })
+    ] }),
+    Ie
+  ] }) });
+}
+export {
+  qs as D,
+  Ys as F,
+  Vs as T,
+  It as g,
+  $o as m,
+  Fo as s
+};