@layers-app/editor 0.5.5-optimization → 0.5.5

package/dist/layers.C2lacXcg.js

@@ -1,2511 +0,0 @@
-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
-};