@arkitektbedriftene/fe-lib 0.3.6 → 0.3.8

package/dist/rich-text.es.js

@@ -1,1652 +1,124 @@
-import { createHeadlessEditor as dt } from "@lexical/headless";
-import { $generateHtmlFromNodes as ft } from "@lexical/html";
-import Y, { $getRoot as et, ParagraphNode as pt, $createParagraphNode as gt, $createTextNode as mt } from "lexical";
-import tt, { trimTextContentFromAnchor as xt } from "@lexical/selection";
-import { AutoLinkNode as ht, LinkNode as Et } from "@lexical/link";
-import { ListNode as vt, ListItemNode as Ct } from "@lexical/list";
-import nt, { HeadingNode as yt, QuoteNode as Nt } from "@lexical/rich-text";
-import { TableNode as Lt, TableRowNode as Tt, TableCellNode as bt } from "@lexical/table";
-import { j } from "./jsx-runtime-d0aa4c5b.js";
-import { c as oe, s as rt, u as $t, B as ot, S as wt } from "./Popover-e50ca73e.js";
-import U, { createContext as St, useState as Rt, useRef as _t, useCallback as _e } from "react";
-import it from "react-dom";
-const Ot = ({
-  text: c,
-  maxChars: i,
-  maxLines: h
+import { createHeadlessEditor as C } from "@lexical/headless";
+import { $generateHtmlFromNodes as N } from "@lexical/html";
+import { $getRoot as p, ParagraphNode as T, $createParagraphNode as y, $createTextNode as $ } from "lexical";
+import { trimTextContentFromAnchor as S } from "@lexical/selection";
+import { AutoLinkNode as E, LinkNode as v } from "@lexical/link";
+import { ListNode as w, ListItemNode as j } from "@lexical/list";
+import { HeadingNode as F, QuoteNode as L } from "@lexical/rich-text";
+import { TableNode as R, TableRowNode as H, TableCellNode as k } from "@lexical/table";
+import { j as i } from "./jsx-runtime-d0aa4c5b.js";
+import { createContext as P, useState as B, useRef as h, useCallback as u, useContext as I, useMemo as M } from "react";
+import { c as m, s as f, B as x, S as z } from "./Popover-2318823a.js";
+import { LexicalComposer as q } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin as A } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as D } from "@lexical/react/LexicalContentEditable";
+import V from "@lexical/react/LexicalErrorBoundary";
+import "react-dom";
+const W = ({
+  text: e,
+  maxChars: a,
+  maxLines: n
 }) => {
-  if (c.length === 0)
+  if (e.length === 0)
     return 0;
-  const L = typeof h == "number", p = typeof i == "number";
-  if (!L && !p)
-    return c.length;
-  let m = 0, a = 0;
-  for (; a < c.length && (!L || m < h) && (!p || a < i); )
-    c[a] === `
-` && m++, a++;
-  return c.slice(0, a).length;
-}, Pt = ({
-  editor: c,
-  maxChars: i,
-  maxLines: h
+  const r = typeof n == "number", o = typeof a == "number";
+  if (!r && !o)
+    return e.length;
+  let s = 0, t = 0;
+  for (; t < e.length && (!r || s < n) && (!o || t < a); )
+    e[t] === `
+` && s++, t++;
+  return e.slice(0, t).length;
+}, J = ({
+  editor: e,
+  maxChars: a,
+  maxLines: n
 }) => {
-  const L = et(), p = L.getTextContent(), m = Ot({ text: p, maxChars: i, maxLines: h }), a = p.length - m, e = L.select().anchor;
-  xt(c, e, a);
-  const t = L.getLastChild();
-  return t instanceof pt && t.getChildrenSize() === 0 && t.remove(), a;
-}, Dt = (c) => c[0] === "{", _n = (c, i, h) => {
-  let L = 0;
-  const p = dt({
-    nodes: i,
+  const r = p(), o = r.getTextContent(), s = W({ text: o, maxChars: a, maxLines: n }), t = o.length - s, l = r.select().anchor;
+  S(e, l, t);
+  const d = r.getLastChild();
+  return d instanceof T && d.getChildrenSize() === 0 && d.remove(), t;
+}, O = (e) => e[0] === "{", ge = (e, a, n) => {
+  let r = 0;
+  const o = C({
+    nodes: a,
     editable: !1
   });
-  if (c)
+  if (e)
     try {
-      if (typeof c == "string" && !Dt(c))
-        p.update(() => {
-          const a = et(), u = gt();
-          u.append(mt(c.trim())), a.append(u);
+      if (typeof e == "string" && !O(e))
+        o.update(() => {
+          const t = p(), c = y();
+          c.append($(e.trim())), t.append(c);
         });
       else {
-        const a = p.parseEditorState(c, () => {
-          L = Pt({
-            editor: p,
-            maxLines: h == null ? void 0 : h.maxLines
+        const t = o.parseEditorState(e, () => {
+          r = J({
+            editor: o,
+            maxLines: n == null ? void 0 : n.maxLines
           });
         });
-        a.isEmpty() || p.setEditorState(a);
+        t.isEmpty() || o.setEditorState(t);
       }
-    } catch (a) {
-      console.error(a);
+    } catch (t) {
+      console.error(t);
     }
-  let m = "";
-  return p.update(() => {
-    m = ft(p);
-  }), { html: m, trimCount: L };
-}, On = [
-  yt,
-  Nt,
-  vt,
-  Ct,
-  ht,
-  Et,
-  Lt,
-  Tt,
-  bt
-];
-var ue = {}, ne = {}, Oe;
-function Ft() {
-  if (Oe)
-    return ne;
-  Oe = 1;
-  var c = U;
-  const i = /* @__PURE__ */ c.createContext(null);
-  function h(p, m) {
-    let a = null;
-    p != null && (a = p[1]);
-    function u() {
-      return m ?? (a != null ? a.getTheme() : null);
-    }
-    return {
-      getTheme: u
-    };
-  }
-  function L() {
-    const p = c.useContext(i);
-    if (p == null)
-      throw Error("LexicalComposerContext.useLexicalComposerContext: cannot find a LexicalComposerContext");
-    return p;
-  }
-  return ne.LexicalComposerContext = i, ne.createLexicalComposerContext = h, ne.useLexicalComposerContext = L, ne;
-}
-var re = {}, Pe;
-function Mt() {
-  if (Pe)
-    return re;
-  Pe = 1;
-  var c = U;
-  function i(L) {
-    let p = new URLSearchParams();
-    p.append("code", L);
-    for (let m = 1; m < arguments.length; m++)
-      p.append("v", arguments[m]);
-    throw Error(`Minified Lexical error #${L}; visit https://lexical.dev/docs/error?${p} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-  }
-  let h = c.createContext(null);
-  return re.LexicalComposerContext = h, re.createLexicalComposerContext = function(L, p) {
-    let m = null;
-    return L != null && (m = L[1]), { getTheme: function() {
-      return p ?? (m != null ? m.getTheme() : null);
-    } };
-  }, re.useLexicalComposerContext = function() {
-    let L = c.useContext(h);
-    return L == null && i(8), L;
-  }, re;
-}
-var de, De;
-function Q() {
-  return De || (De = 1, de = process.env.NODE_ENV === "development" ? Ft() : Mt()), de;
-}
-var Fe;
-function qt() {
-  if (Fe)
-    return ue;
-  Fe = 1;
-  var c = Q(), i = Y, h = U;
-  const L = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-  var m = L ? h.useLayoutEffect : h.useEffect;
-  const a = {
-    tag: "history-merge"
-  };
-  function u({
-    initialConfig: t,
-    children: n
-  }) {
-    const r = h.useMemo(
-      () => {
-        const {
-          theme: s,
-          namespace: l,
-          editor__DEPRECATED: o,
-          nodes: x,
-          onError: v,
-          editorState: g,
-          html: S
-        } = t, T = c.createLexicalComposerContext(null, s);
-        let y = o || null;
-        if (y === null) {
-          const w = i.createEditor({
-            editable: t.editable,
-            html: S,
-            namespace: l,
-            nodes: x,
-            onError: (R) => v(R, w),
-            theme: s
-          });
-          e(w, g), y = w;
-        }
-        return [y, T];
-      },
-      // We only do this for init
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      []
-    );
-    return m(() => {
-      const s = t.editable, [l] = r;
-      l.setEditable(s !== void 0 ? s : !0);
-    }, []), /* @__PURE__ */ h.createElement(c.LexicalComposerContext.Provider, {
-      value: r
-    }, n);
-  }
-  function e(t, n) {
-    if (n !== null) {
-      if (n === void 0)
-        t.update(() => {
-          const r = i.$getRoot();
-          if (r.isEmpty()) {
-            const s = i.$createParagraphNode();
-            r.append(s);
-            const l = L ? document.activeElement : null;
-            (i.$getSelection() !== null || l !== null && l === t.getRootElement()) && s.select();
-          }
-        }, a);
-      else if (n !== null)
-        switch (typeof n) {
-          case "string": {
-            const r = t.parseEditorState(n);
-            t.setEditorState(r, a);
-            break;
-          }
-          case "object": {
-            t.setEditorState(n, a);
-            break;
-          }
-          case "function": {
-            t.update(() => {
-              i.$getRoot().isEmpty() && n(t);
-            }, a);
-            break;
-          }
-        }
-    }
-  }
-  return ue.LexicalComposer = u, ue;
-}
-var fe = {}, Me;
-function Bt() {
-  if (Me)
-    return fe;
-  Me = 1;
-  var c = Q(), i = Y, h = U;
-  let L = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
-  var p = L ? h.useLayoutEffect : h.useEffect;
-  let m = { tag: "history-merge" };
-  function a(u, e) {
-    if (e !== null) {
-      if (e === void 0)
-        u.update(() => {
-          var t = i.$getRoot();
-          if (t.isEmpty()) {
-            let n = i.$createParagraphNode();
-            t.append(n), t = L ? document.activeElement : null, (i.$getSelection() !== null || t !== null && t === u.getRootElement()) && n.select();
-          }
-        }, m);
-      else if (e !== null)
-        switch (typeof e) {
-          case "string":
-            let t = u.parseEditorState(e);
-            u.setEditorState(t, m);
-            break;
-          case "object":
-            u.setEditorState(e, m);
-            break;
-          case "function":
-            u.update(() => {
-              i.$getRoot().isEmpty() && e(u);
-            }, m);
-        }
-    }
-  }
-  return fe.LexicalComposer = function({ initialConfig: u, children: e }) {
-    let t = h.useMemo(() => {
-      const { theme: n, namespace: r, editor__DEPRECATED: s, nodes: l, onError: o, editorState: x, html: v } = u, g = c.createLexicalComposerContext(null, n);
-      let S = s || null;
-      if (S === null) {
-        const T = i.createEditor({ editable: u.editable, html: v, namespace: r, nodes: l, onError: (y) => o(y, T), theme: n });
-        a(T, x), S = T;
-      }
-      return [S, g];
-    }, []);
-    return p(() => {
-      let n = u.editable, [r] = t;
-      r.setEditable(n !== void 0 ? n : !0);
-    }, []), h.createElement(
-      c.LexicalComposerContext.Provider,
-      { value: t },
-      e
-    );
-  }, fe;
-}
-const kt = process.env.NODE_ENV === "development" ? qt() : Bt();
-var At = kt, pe = {}, ge, qe;
-function It() {
-  if (qe)
-    return ge;
-  qe = 1;
-  var c = Q(), i = U, p = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
-  function m(e) {
-    const [t] = c.useLexicalComposerContext(), n = i.useMemo(() => e(t), [t, e]), r = i.useRef(n.initialValueFn()), [s, l] = i.useState(r.current);
-    return p(() => {
-      const {
-        initialValueFn: o,
-        subscribe: x
-      } = n, v = o();
-      return r.current !== v && (r.current = v, l(v)), x((g) => {
-        r.current = g, l(g);
-      });
-    }, [n, e]), s;
-  }
-  function a(e) {
-    return {
-      initialValueFn: () => e.isEditable(),
-      subscribe: (t) => e.registerEditableListener(t)
-    };
-  }
-  function u() {
-    return m(a);
-  }
-  return ge = u, ge;
-}
-var me, Be;
-function Ut() {
-  if (Be)
-    return me;
-  Be = 1;
-  var c = Q(), i = U, h = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
-  function L(m) {
-    let [a] = c.useLexicalComposerContext(), u = i.useMemo(() => m(a), [a, m]), e = i.useRef(u.initialValueFn()), [t, n] = i.useState(e.current);
-    return h(() => {
-      let { initialValueFn: r, subscribe: s } = u, l = r();
-      return e.current !== l && (e.current = l, n(l)), s((o) => {
-        e.current = o, n(o);
-      });
-    }, [u, m]), t;
-  }
-  function p(m) {
-    return { initialValueFn: () => m.isEditable(), subscribe: (a) => m.registerEditableListener(a) };
-  }
-  return me = function() {
-    return L(p);
-  }, me;
-}
-var xe, ke;
-function lt() {
-  return ke || (ke = 1, xe = process.env.NODE_ENV === "development" ? It() : Ut()), xe;
-}
-var J = {}, Ae;
-function Kt() {
-  if (Ae)
-    return J;
-  Ae = 1;
-  var c = Y;
-  function i(e, t) {
-    let n = e.getFirstChild(), r = 0;
-    e:
-      for (; n !== null; ) {
-        if (c.$isElementNode(n)) {
-          const o = n.getFirstChild();
-          if (o !== null) {
-            n = o;
-            continue;
-          }
-        } else if (c.$isTextNode(n)) {
-          const o = n.getTextContentSize();
-          if (r + o > t)
-            return {
-              node: n,
-              offset: t - r
-            };
-          r += o;
-        }
-        const s = n.getNextSibling();
-        if (s !== null) {
-          n = s;
-          continue;
-        }
-        let l = n.getParent();
-        for (; l !== null; ) {
-          const o = l.getNextSibling();
-          if (o !== null) {
-            n = o;
-            continue e;
-          }
-          l = l.getParent();
-        }
-        break;
-      }
-    return null;
-  }
-  function h(e, t = !0) {
-    if (e)
-      return !1;
-    let n = p();
-    return t && (n = n.trim()), n === "";
-  }
-  function L(e, t) {
-    return () => h(e, t);
-  }
-  function p() {
-    return c.$getRoot().getTextContent();
-  }
-  function m(e) {
-    if (!h(e, !1))
-      return !1;
-    const n = c.$getRoot().getChildren(), r = n.length;
-    if (r > 1)
-      return !1;
-    for (let s = 0; s < r; s++) {
-      const l = n[s];
-      if (c.$isDecoratorNode(l))
-        return !1;
-      if (c.$isElementNode(l)) {
-        if (!c.$isParagraphNode(l) || l.__indent !== 0)
-          return !1;
-        const o = l.getChildren(), x = o.length;
-        for (let v = 0; v < x; v++) {
-          const g = o[s];
-          if (!c.$isTextNode(g))
-            return !1;
-        }
-      }
-    }
-    return !0;
-  }
-  function a(e) {
-    return () => m(e);
-  }
-  function u(e, t, n, r) {
-    const s = (T) => T instanceof n, l = (T) => {
-      const y = c.$createTextNode(T.getTextContent());
-      y.setFormat(T.getFormat()), T.replace(y);
-    }, o = (T) => T.getLatest().__mode, x = (T) => {
-      if (!T.isSimpleText())
-        return;
-      const y = T.getPreviousSibling();
-      let w = T.getTextContent(), R = T, d;
-      if (c.$isTextNode(y)) {
-        const E = y.getTextContent(), f = E + w, N = t(f);
-        if (s(y))
-          if (N === null || o(y) !== 0) {
-            l(y);
-            return;
-          } else {
-            const C = N.end - E.length;
-            if (C > 0) {
-              const b = w.slice(0, C), _ = E + b;
-              if (y.select(), y.setTextContent(_), C === w.length)
-                T.remove();
-              else {
-                const $ = w.slice(C);
-                T.setTextContent($);
-              }
-              return;
-            }
-          }
-        else if (N === null || N.start < E.length)
-          return;
-      }
-      for (; ; ) {
-        d = t(w);
-        let E = d === null ? "" : w.slice(d.end);
-        if (w = E, E === "") {
-          const C = R.getNextSibling();
-          if (c.$isTextNode(C)) {
-            E = R.getTextContent() + C.getTextContent();
-            const b = t(E);
-            if (b === null) {
-              s(C) ? l(C) : C.markDirty();
-              return;
-            } else if (b.start !== 0)
-              return;
-          }
-        } else {
-          const C = t(E);
-          if (C !== null && C.start === 0)
-            return;
-        }
-        if (d === null)
-          return;
-        if (d.start === 0 && c.$isTextNode(y) && y.isTextEntity())
-          continue;
-        let f;
-        d.start === 0 ? [f, R] = R.splitText(d.end) : [, f, R] = R.splitText(d.start, d.end);
-        const N = r(f);
-        if (N.setFormat(f.getFormat()), f.replace(N), R == null)
-          return;
-      }
-    }, v = (T) => {
-      const y = T.getTextContent(), w = t(y);
-      if (w === null || w.start !== 0) {
-        l(T);
-        return;
-      }
-      if (y.length > w.end) {
-        T.splitText(w.end);
-        return;
-      }
-      const R = T.getPreviousSibling();
-      c.$isTextNode(R) && R.isTextEntity() && (l(R), l(T));
-      const d = T.getNextSibling();
-      c.$isTextNode(d) && d.isTextEntity() && (l(d), s(T) && l(T));
-    }, g = e.registerNodeTransform(c.TextNode, x), S = e.registerNodeTransform(n, v);
-    return [g, S];
-  }
-  return J.$canShowPlaceholder = m, J.$canShowPlaceholderCurry = a, J.$findTextIntersectionFromCharacters = i, J.$isRootTextContentEmpty = h, J.$isRootTextContentEmptyCurry = L, J.$rootTextContent = p, J.registerLexicalTextEntity = u, J;
-}
-var G = {}, Ie;
-function jt() {
-  if (Ie)
-    return G;
-  Ie = 1;
-  var c = Y;
-  function i(p, m = !0) {
-    return p ? !1 : (p = h(), m && (p = p.trim()), p === "");
-  }
-  function h() {
-    return c.$getRoot().getTextContent();
-  }
-  function L(p) {
-    if (!i(p, !1))
-      return !1;
-    p = c.$getRoot().getChildren();
-    let m = p.length;
-    if (1 < m)
-      return !1;
-    for (let u = 0; u < m; u++) {
-      var a = p[u];
-      if (c.$isDecoratorNode(a))
-        return !1;
-      if (c.$isElementNode(a)) {
-        if (!c.$isParagraphNode(a) || a.__indent !== 0)
-          return !1;
-        a = a.getChildren();
-        let e = a.length;
-        for (let t = 0; t < e; t++)
-          if (!c.$isTextNode(a[u]))
-            return !1;
-      }
-    }
-    return !0;
-  }
-  return G.$canShowPlaceholder = L, G.$canShowPlaceholderCurry = function(p) {
-    return () => L(p);
-  }, G.$findTextIntersectionFromCharacters = function(p, m) {
-    var a = p.getFirstChild();
-    p = 0;
-    e:
-      for (; a !== null; ) {
-        if (c.$isElementNode(a)) {
-          var u = a.getFirstChild();
-          if (u !== null) {
-            a = u;
-            continue;
-          }
-        } else if (c.$isTextNode(a)) {
-          if (u = a.getTextContentSize(), p + u > m)
-            return { node: a, offset: m - p };
-          p += u;
-        }
-        if (u = a.getNextSibling(), u !== null)
-          a = u;
-        else {
-          for (a = a.getParent(); a !== null; ) {
-            if (u = a.getNextSibling(), u !== null) {
-              a = u;
-              continue e;
-            }
-            a = a.getParent();
-          }
-          break;
-        }
-      }
-    return null;
-  }, G.$isRootTextContentEmpty = i, G.$isRootTextContentEmptyCurry = function(p, m) {
-    return () => i(p, m);
-  }, G.$rootTextContent = h, G.registerLexicalTextEntity = function(p, m, a, u) {
-    let e = (n) => {
-      const r = c.$createTextNode(n.getTextContent());
-      r.setFormat(n.getFormat()), n.replace(r);
-    }, t = p.registerNodeTransform(c.TextNode, (n) => {
-      if (n.isSimpleText()) {
-        var r = n.getPreviousSibling(), s = n.getTextContent(), l = n;
-        if (c.$isTextNode(r)) {
-          var o = r.getTextContent(), x = m(o + s);
-          if (r instanceof a) {
-            if (x === null || r.getLatest().__mode !== 0) {
-              e(r);
-              return;
-            }
-            if (x = x.end - o.length, 0 < x) {
-              l = s.slice(0, x), l = o + l, r.select(), r.setTextContent(l), x === s.length ? n.remove() : (r = s.slice(x), n.setTextContent(r));
-              return;
-            }
-          } else if (x === null || x.start < o.length)
-            return;
-        }
-        for (; ; ) {
-          if (n = m(s), s = x = n === null ? "" : s.slice(n.end), x === "") {
-            if (o = l.getNextSibling(), c.$isTextNode(o)) {
-              if (x = l.getTextContent() + o.getTextContent(), x = m(x), x === null) {
-                o instanceof a ? e(o) : o.markDirty();
-                break;
-              } else if (x.start !== 0)
-                break;
-            }
-          } else if (o = m(x), o !== null && o.start === 0)
-            break;
-          if (n === null)
-            break;
-          if (n.start === 0 && c.$isTextNode(r) && r.isTextEntity())
-            continue;
-          let v;
-          if (n.start === 0 ? [v, l] = l.splitText(n.end) : [, v, l] = l.splitText(n.start, n.end), n = u(v), n.setFormat(v.getFormat()), v.replace(n), l == null)
-            break;
-        }
-      }
-    });
-    return p = p.registerNodeTransform(a, (n) => {
-      var r = n.getTextContent();
-      const s = m(r);
-      s === null || s.start !== 0 ? e(n) : r.length > s.end ? n.splitText(s.end) : (r = n.getPreviousSibling(), c.$isTextNode(r) && r.isTextEntity() && (e(r), e(n)), r = n.getNextSibling(), c.$isTextNode(r) && r.isTextEntity() && (e(r), n instanceof a && e(n)));
-    }), [t, p];
-  }, G;
-}
-var he, Ue;
-function st() {
-  return Ue || (Ue = 1, he = process.env.NODE_ENV === "development" ? Kt() : jt()), he;
-}
-var P = {}, Ke;
-function Ht() {
-  if (Ke)
-    return P;
-  Ke = 1;
-  var c = tt, i = Y;
-  function h(...d) {
-    return () => {
-      d.forEach((E) => E());
-    };
-  }
-  function L(d) {
-    return `${d}px`;
-  }
-  const p = {
-    attributes: !0,
-    characterData: !0,
-    childList: !0,
-    subtree: !0
-  };
-  function m(d, E, f) {
-    let N = null, C = null, b = null, _ = [];
-    const $ = document.createElement("div");
-    function M() {
-      if (N === null)
-        throw Error("Unexpected null rootDOMNode");
-      if (C === null)
-        throw Error("Unexpected null parentDOMNode");
-      const {
-        left: q,
-        top: K
-      } = N.getBoundingClientRect(), H = C, A = c.createRectsFromDOMRange(d, E);
-      $.isConnected || H.append($);
-      let I = !1;
-      for (let z = 0; z < A.length; z++) {
-        const X = A[z], V = _[z] || document.createElement("div"), W = V.style;
-        W.position !== "absolute" && (W.position = "absolute", I = !0);
-        const ie = L(X.left - q);
-        W.left !== ie && (W.left = ie, I = !0);
-        const Z = L(X.top - K);
-        W.top !== Z && (V.style.top = Z, I = !0);
-        const ee = L(X.width);
-        W.width !== ee && (V.style.width = ee, I = !0);
-        const te = L(X.height);
-        W.height !== te && (V.style.height = te, I = !0), V.parentNode !== $ && ($.append(V), I = !0), _[z] = V;
-      }
-      for (; _.length > A.length; )
-        _.pop();
-      I && f(_);
-    }
-    function O() {
-      C = null, N = null, b !== null && b.disconnect(), b = null, $.remove();
-      for (const q of _)
-        q.remove();
-      _ = [];
-    }
-    function F() {
-      const q = d.getRootElement();
-      if (q === null)
-        return O();
-      const K = q.parentElement;
-      if (!(K instanceof HTMLElement))
-        return O();
-      O(), N = q, C = K, b = new MutationObserver((H) => {
-        const A = d.getRootElement(), I = A && A.parentElement;
-        if (A !== N || I !== C)
-          return F();
-        for (const z of H)
-          if (!$.contains(z.target))
-            return M();
-      }), b.observe(K, p), M();
-    }
-    const B = d.registerRootListener(F);
-    return () => {
-      B(), O();
-    };
-  }
-  function a(d, E) {
-    let f = null, N = null, C = null, b = null, _ = () => {
-    };
-    function $(M) {
-      M.read(() => {
-        const O = i.$getSelection();
-        if (!i.$isRangeSelection(O)) {
-          f = null, N = null, C = null, b = null, _(), _ = () => {
-          };
-          return;
-        }
-        const {
-          anchor: F,
-          focus: B
-        } = O, q = F.getNode(), K = q.getKey(), H = F.offset, A = B.getNode(), I = A.getKey(), z = B.offset, X = d.getElementByKey(K), V = d.getElementByKey(I), W = f === null || X === null || H !== N || K !== f.getKey() || q !== f && (!(f instanceof i.TextNode) || q.updateDOM(f, X, d._config)), ie = C === null || V === null || z !== b || I !== C.getKey() || A !== C && (!(C instanceof i.TextNode) || A.updateDOM(C, V, d._config));
-        if (W || ie) {
-          const Z = d.getElementByKey(F.getNode().getKey()), ee = d.getElementByKey(B.getNode().getKey());
-          if (Z !== null && ee !== null && Z.tagName === "SPAN" && ee.tagName === "SPAN") {
-            const te = document.createRange();
-            let le, se, ae, ce;
-            B.isBefore(F) ? (le = ee, se = B.offset, ae = Z, ce = F.offset) : (le = Z, se = F.offset, ae = ee, ce = B.offset);
-            const we = le.firstChild;
-            if (we === null)
-              throw Error("Expected text node to be first child of span");
-            const Se = ae.firstChild;
-            if (Se === null)
-              throw Error("Expected text node to be first child of span");
-            te.setStart(we, se), te.setEnd(Se, ce), _(), _ = m(d, te, (Re) => {
-              for (const ut of Re) {
-                const k = ut.style;
-                k.background !== "Highlight" && (k.background = "Highlight"), k.color !== "HighlightText" && (k.color = "HighlightText"), k.zIndex !== "-1" && (k.zIndex = "-1"), k.pointerEvents !== "none" && (k.pointerEvents = "none"), k.marginTop !== L(-1.5) && (k.marginTop = L(-1.5)), k.paddingTop !== L(4) && (k.paddingTop = L(4)), k.paddingBottom !== L(0) && (k.paddingBottom = L(0));
-              }
-              E !== void 0 && E(Re);
-            });
-          }
-        }
-        f = q, N = H, C = A, b = z;
-      });
-    }
-    return $(d.getEditorState()), h(d.registerUpdateListener(({
-      editorState: M
-    }) => $(M)), _, () => {
-      _();
-    });
-  }
-  function u(d, ...E) {
-    E.forEach((f) => {
-      if (typeof f == "string") {
-        const N = f.split(" ").filter((C) => C !== "");
-        d.classList.add(...N);
-      }
-    });
-  }
-  function e(d, ...E) {
-    E.forEach((f) => {
-      typeof f == "string" && d.classList.remove(...f.split(" "));
-    });
-  }
-  function t(d, E) {
-    for (const f of E)
-      if (d.type.startsWith(f))
-        return !0;
-    return !1;
-  }
-  function n(d, E) {
-    const f = d[Symbol.iterator]();
-    return new Promise((N, C) => {
-      const b = [], _ = () => {
-        const {
-          done: $,
-          value: M
-        } = f.next();
-        if ($)
-          return N(b);
-        const O = new FileReader();
-        O.addEventListener("error", C), O.addEventListener("load", () => {
-          const F = O.result;
-          typeof F == "string" && b.push({
-            file: M,
-            result: F
-          }), _();
-        }), t(M, E) ? O.readAsDataURL(M) : _();
-      };
-      _();
-    });
-  }
-  function r(d, E) {
-    const f = [], N = (d || i.$getRoot()).getLatest(), C = E || (i.$isElementNode(N) ? N.getLastDescendant() : N);
-    let b = N, _ = s(b);
-    for (; b !== null && !b.is(C); )
-      if (f.push({
-        depth: _,
-        node: b
-      }), i.$isElementNode(b) && b.getChildrenSize() > 0)
-        b = b.getFirstChild(), _++;
-      else {
-        let $ = null;
-        for (; $ === null && b !== null; )
-          $ = b.getNextSibling(), $ === null ? (b = b.getParent(), _--) : b = $;
-      }
-    return b !== null && b.is(C) && f.push({
-      depth: _,
-      node: b
-    }), f;
-  }
-  function s(d) {
-    let E = d, f = 0;
-    for (; (E = E.getParent()) !== null; )
-      f++;
-    return f;
-  }
-  function l(d, E) {
-    let f = d;
-    for (; f != null; ) {
-      if (f instanceof E)
-        return f;
-      f = f.getParent();
-    }
-    return null;
-  }
-  function o(d) {
-    const E = x(d, (f) => i.$isElementNode(f) && !f.isInline());
-    if (!i.$isElementNode(E))
-      throw Error(`Expected node ${d.__key} to have closest block element node.`);
-    return E;
-  }
-  const x = (d, E) => {
-    let f = d;
-    for (; f !== i.$getRoot() && f != null; ) {
-      if (E(f))
-        return f;
-      f = f.getParent();
-    }
-    return null;
-  };
-  function v(d, E, f, N) {
-    const C = ($) => $ instanceof E, b = ($) => {
-      const M = $.getChildren();
-      for (let B = 0; B < M.length; B++) {
-        const q = M[B];
-        if (C(q))
-          return null;
-      }
-      let O = $, F = $;
-      for (; O !== null; )
-        if (F = O, O = O.getParent(), C(O))
-          return {
-            child: F,
-            parent: O
-          };
-      return null;
-    }, _ = ($) => {
-      const M = b($);
-      if (M !== null) {
-        const {
-          child: O,
-          parent: F
-        } = M;
-        if (O.is($)) {
-          N(F, $);
-          const B = O.getNextSiblings(), q = B.length;
-          if (F.insertAfter(O), q !== 0) {
-            const K = f(F);
-            O.insertAfter(K);
-            for (let H = 0; H < q; H++)
-              K.append(B[H]);
-          }
-          !F.canBeEmpty() && F.getChildrenSize() === 0 && F.remove();
-        }
-      }
-    };
-    return d.registerNodeTransform(E, _);
-  }
-  function g(d, E) {
-    const N = /* @__PURE__ */ new Map(), C = d._pendingEditorState;
-    for (const [_, $] of E._nodeMap) {
-      const M = c.$cloneWithProperties($);
-      if (i.$isTextNode(M)) {
-        if (!i.$isTextNode($))
-          throw Error("Expected node be a TextNode");
-        M.__text = $.__text;
-      }
-      N.set(_, M);
-    }
-    C && (C._nodeMap = N), d._dirtyType = 2;
-    const b = E._selection;
-    i.$setSelection(b === null ? null : b.clone());
-  }
-  function S(d) {
-    const E = i.$getSelection() || i.$getPreviousSelection();
-    if (i.$isRangeSelection(E)) {
-      const {
-        focus: f
-      } = E, N = f.getNode(), C = f.offset;
-      if (i.$isRootOrShadowRoot(N)) {
-        const b = N.getChildAtIndex(C);
-        b == null ? N.append(d) : b.insertBefore(d), d.selectNext();
-      } else {
-        let b, _;
-        i.$isTextNode(N) ? (b = N.getParentOrThrow(), _ = N.getIndexWithinParent(), C > 0 && (_ += 1, N.splitText(C))) : (b = N, _ = C);
-        const [, $] = i.$splitNode(b, _);
-        $.insertBefore(d), $.selectStart();
-      }
-    } else {
-      if (E != null) {
-        const N = E.getNodes();
-        N[N.length - 1].getTopLevelElementOrThrow().insertAfter(d);
-      } else
-        i.$getRoot().append(d);
-      const f = i.$createParagraphNode();
-      d.insertAfter(f), f.select();
-    }
-    return d.getLatest();
-  }
-  function T(d, E) {
-    const f = E();
-    return d.replace(f), f.append(d), f;
-  }
-  function y(d, E) {
-    return d !== null ? Object.getPrototypeOf(d).constructor.name === E.name : !1;
-  }
-  function w(d, E) {
-    const f = [];
-    for (let N = 0; N < d.length; N++) {
-      const C = E(d[N]);
-      C !== null && f.push(C);
-    }
-    return f;
-  }
-  function R(d, E) {
-    const f = d.getFirstChild();
-    f !== null ? f.insertBefore(E) : d.append(E);
-  }
-  return P.$splitNode = i.$splitNode, P.isHTMLAnchorElement = i.isHTMLAnchorElement, P.isHTMLElement = i.isHTMLElement, P.$dfs = r, P.$filter = w, P.$findMatchingParent = x, P.$getNearestBlockElementAncestorOrThrow = o, P.$getNearestNodeOfType = l, P.$insertFirst = R, P.$insertNodeToNearestRoot = S, P.$restoreEditorState = g, P.$wrapNodeInElement = T, P.addClassNamesToElement = u, P.isMimeType = t, P.markSelection = a, P.mediaFileReader = n, P.mergeRegister = h, P.objectKlassEquals = y, P.positionNodeOnRange = m, P.registerNestedElementResolver = v, P.removeClassNamesFromElement = e, P;
-}
-var D = {}, je;
-function zt() {
-  if (je)
-    return D;
-  je = 1;
-  var c = tt, i = Y;
-  function h(e) {
-    let t = new URLSearchParams();
-    t.append("code", e);
-    for (let n = 1; n < arguments.length; n++)
-      t.append("v", arguments[n]);
-    throw Error(`Minified Lexical error #${e}; visit https://lexical.dev/docs/error?${t} for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`);
-  }
-  function L(...e) {
-    return () => {
-      e.forEach((t) => t());
-    };
-  }
-  let p = { attributes: !0, characterData: !0, childList: !0, subtree: !0 };
-  function m(e, t, n) {
-    function r() {
-      if (o === null)
-        throw Error("Unexpected null rootDOMNode");
-      if (x === null)
-        throw Error("Unexpected null parentDOMNode");
-      let { left: y, top: w } = o.getBoundingClientRect();
-      var R = x;
-      let d = c.createRectsFromDOMRange(e, t);
-      S.isConnected || R.append(S), R = !1;
-      for (let N = 0; N < d.length; N++) {
-        var E = d[N];
-        let C = g[N] || document.createElement("div"), b = C.style;
-        b.position !== "absolute" && (b.position = "absolute", R = !0);
-        var f = `${E.left - y}px`;
-        b.left !== f && (b.left = f, R = !0), f = `${E.top - w}px`, b.top !== f && (C.style.top = f, R = !0), f = `${E.width}px`, b.width !== f && (C.style.width = f, R = !0), E = `${E.height}px`, b.height !== E && (C.style.height = E, R = !0), C.parentNode !== S && (S.append(C), R = !0), g[N] = C;
-      }
-      for (; g.length > d.length; )
-        g.pop();
-      R && n(g);
-    }
-    function s() {
-      o = x = null, v !== null && v.disconnect(), v = null, S.remove();
-      for (let y of g)
-        y.remove();
-      g = [];
-    }
-    function l() {
-      let y = e.getRootElement();
-      if (y === null)
-        return s();
-      let w = y.parentElement;
-      if (!(w instanceof HTMLElement))
-        return s();
-      s(), o = y, x = w, v = new MutationObserver((R) => {
-        let d = e.getRootElement(), E = d && d.parentElement;
-        if (d !== o || E !== x)
-          return l();
-        for (let f of R)
-          if (!S.contains(f.target))
-            return r();
-      }), v.observe(w, p), r();
-    }
-    let o = null, x = null, v = null, g = [], S = document.createElement("div"), T = e.registerRootListener(l);
-    return () => {
-      T(), s();
-    };
-  }
-  function a(e, t) {
-    for (let n of t)
-      if (e.type.startsWith(n))
-        return !0;
-    return !1;
-  }
-  let u = (e, t) => {
-    for (; e !== i.$getRoot() && e != null; ) {
-      if (t(e))
-        return e;
-      e = e.getParent();
-    }
-    return null;
-  };
-  return D.$splitNode = i.$splitNode, D.isHTMLAnchorElement = i.isHTMLAnchorElement, D.isHTMLElement = i.isHTMLElement, D.$dfs = function(e, t) {
-    let n = [];
-    e = (e || i.$getRoot()).getLatest(), t = t || (i.$isElementNode(e) ? e.getLastDescendant() : e);
-    for (var r = e, s = 0; (r = r.getParent()) !== null; )
-      s++;
-    for (r = s; e !== null && !e.is(t); )
-      if (n.push({ depth: r, node: e }), i.$isElementNode(e) && 0 < e.getChildrenSize())
-        e = e.getFirstChild(), r++;
-      else
-        for (s = null; s === null && e !== null; )
-          s = e.getNextSibling(), s === null ? (e = e.getParent(), r--) : e = s;
-    return e !== null && e.is(t) && n.push({ depth: r, node: e }), n;
-  }, D.$filter = function(e, t) {
-    let n = [];
-    for (let r = 0; r < e.length; r++) {
-      let s = t(e[r]);
-      s !== null && n.push(s);
-    }
-    return n;
-  }, D.$findMatchingParent = u, D.$getNearestBlockElementAncestorOrThrow = function(e) {
-    let t = u(e, (n) => i.$isElementNode(n) && !n.isInline());
-    return i.$isElementNode(t) || h(4, e.__key), t;
-  }, D.$getNearestNodeOfType = function(e, t) {
-    for (; e != null; ) {
-      if (e instanceof t)
-        return e;
-      e = e.getParent();
-    }
-    return null;
-  }, D.$insertFirst = function(e, t) {
-    let n = e.getFirstChild();
-    n !== null ? n.insertBefore(t) : e.append(t);
-  }, D.$insertNodeToNearestRoot = function(e) {
-    var t = i.$getSelection() || i.$getPreviousSelection();
-    if (i.$isRangeSelection(t)) {
-      var { focus: n } = t;
-      if (t = n.getNode(), n = n.offset, i.$isRootOrShadowRoot(t))
-        n = t.getChildAtIndex(n), n == null ? t.append(e) : n.insertBefore(e), e.selectNext();
-      else {
-        let r, s;
-        i.$isTextNode(t) ? (r = t.getParentOrThrow(), s = t.getIndexWithinParent(), 0 < n && (s += 1, t.splitText(n))) : (r = t, s = n), [, t] = i.$splitNode(r, s), t.insertBefore(e), t.selectStart();
-      }
-    } else
-      t != null ? (t = t.getNodes(), t[t.length - 1].getTopLevelElementOrThrow().insertAfter(e)) : i.$getRoot().append(e), t = i.$createParagraphNode(), e.insertAfter(t), t.select();
-    return e.getLatest();
-  }, D.$restoreEditorState = function(e, t) {
-    let n = /* @__PURE__ */ new Map(), r = e._pendingEditorState;
-    for (let [s, l] of t._nodeMap) {
-      let o = c.$cloneWithProperties(l);
-      if (i.$isTextNode(o)) {
-        if (!i.$isTextNode(l))
-          throw Error("Expected node be a TextNode");
-        o.__text = l.__text;
-      }
-      n.set(s, o);
-    }
-    r && (r._nodeMap = n), e._dirtyType = 2, e = t._selection, i.$setSelection(e === null ? null : e.clone());
-  }, D.$wrapNodeInElement = function(e, t) {
-    return t = t(), e.replace(t), t.append(e), t;
-  }, D.addClassNamesToElement = function(e, ...t) {
-    t.forEach((n) => {
-      typeof n == "string" && (n = n.split(" ").filter((r) => r !== ""), e.classList.add(...n));
-    });
-  }, D.isMimeType = a, D.markSelection = function(e, t) {
-    function n(v) {
-      v.read(() => {
-        var g = i.$getSelection();
-        if (i.$isRangeSelection(g)) {
-          var { anchor: S, focus: T } = g;
-          g = S.getNode();
-          var y = g.getKey(), w = S.offset, R = T.getNode(), d = R.getKey(), E = T.offset, f = e.getElementByKey(y), N = e.getElementByKey(d);
-          if (y = r === null || f === null || w !== s || y !== r.getKey() || g !== r && (!(r instanceof i.TextNode) || g.updateDOM(r, f, e._config)), d = l === null || N === null || E !== o || d !== l.getKey() || R !== l && (!(l instanceof i.TextNode) || R.updateDOM(l, N, e._config)), y || d) {
-            f = e.getElementByKey(S.getNode().getKey());
-            var C = e.getElementByKey(T.getNode().getKey());
-            if (f !== null && C !== null && f.tagName === "SPAN" && C.tagName === "SPAN") {
-              if (d = document.createRange(), T.isBefore(S) ? (y = C, N = T.offset, C = f, f = S.offset) : (y = f, N = S.offset, f = T.offset), y = y.firstChild, y === null || (C = C.firstChild, C === null))
-                throw Error("Expected text node to be first child of span");
-              d.setStart(y, N), d.setEnd(C, f), x(), x = m(e, d, (b) => {
-                for (let _ of b) {
-                  let $ = _.style;
-                  $.background !== "Highlight" && ($.background = "Highlight"), $.color !== "HighlightText" && ($.color = "HighlightText"), $.zIndex !== "-1" && ($.zIndex = "-1"), $.pointerEvents !== "none" && ($.pointerEvents = "none"), $.marginTop !== "-1.5px" && ($.marginTop = "-1.5px"), $.paddingTop !== "4px" && ($.paddingTop = "4px"), $.paddingBottom !== "0px" && ($.paddingBottom = "0px");
-                }
-                t !== void 0 && t(b);
-              });
-            }
-          }
-          r = g, s = w, l = R, o = E;
-        } else
-          o = l = s = r = null, x(), x = () => {
-          };
-      });
-    }
-    let r = null, s = null, l = null, o = null, x = () => {
-    };
-    return n(e.getEditorState()), L(e.registerUpdateListener(({ editorState: v }) => n(v)), x, () => {
-      x();
-    });
-  }, D.mediaFileReader = function(e, t) {
-    let n = e[Symbol.iterator]();
-    return new Promise((r, s) => {
-      let l = [], o = () => {
-        const { done: x, value: v } = n.next();
-        if (x)
-          return r(l);
-        const g = new FileReader();
-        g.addEventListener("error", s), g.addEventListener("load", () => {
-          const S = g.result;
-          typeof S == "string" && l.push({ file: v, result: S }), o();
-        }), a(v, t) ? g.readAsDataURL(v) : o();
-      };
-      o();
-    });
-  }, D.mergeRegister = L, D.objectKlassEquals = function(e, t) {
-    return e !== null ? Object.getPrototypeOf(e).constructor.name === t.name : !1;
-  }, D.positionNodeOnRange = m, D.registerNestedElementResolver = function(e, t, n, r) {
-    return e.registerNodeTransform(t, (s) => {
-      e: {
-        for (var l = s.getChildren(), o = 0; o < l.length; o++)
-          if (l[o] instanceof t) {
-            l = null;
-            break e;
-          }
-        for (l = s; l !== null; )
-          if (o = l, l = l.getParent(), l instanceof t) {
-            l = { child: o, parent: l };
-            break e;
-          }
-        l = null;
-      }
-      if (l !== null) {
-        const { child: x, parent: v } = l;
-        if (x.is(s)) {
-          if (r(v, s), s = x.getNextSiblings(), l = s.length, v.insertAfter(x), l !== 0) {
-            o = n(v), x.insertAfter(o);
-            for (let g = 0; g < l; g++)
-              o.append(s[g]);
-          }
-          v.canBeEmpty() || v.getChildrenSize() !== 0 || v.remove();
-        }
-      }
-    });
-  }, D.removeClassNamesFromElement = function(e, ...t) {
-    t.forEach((n) => {
-      typeof n == "string" && e.classList.remove(...n.split(" "));
-    });
-  }, D;
-}
-var Ee, He;
-function at() {
-  return He || (He = 1, Ee = process.env.NODE_ENV === "development" ? Ht() : zt()), Ee;
-}
-var ve = {}, ze;
-function Vt() {
-  if (ze)
-    return ve;
-  ze = 1;
-  var c = Y;
-  function i(h) {
-    const L = window.location.origin, p = (m) => {
-      if (m.origin !== L)
-        return;
-      const a = h.getRootElement();
-      if (document.activeElement !== a)
-        return;
-      const u = m.data;
-      if (typeof u == "string") {
-        let e;
-        try {
-          e = JSON.parse(u);
-        } catch {
-          return;
-        }
-        if (e && e.protocol === "nuanria_messaging" && e.type === "request") {
-          const t = e.payload;
-          if (t && t.functionId === "makeChanges") {
-            const n = t.args;
-            if (n) {
-              const [r, s, l, o, x, v] = n;
-              h.update(() => {
-                const g = c.$getSelection();
-                if (c.$isRangeSelection(g)) {
-                  const S = g.anchor;
-                  let T = S.getNode(), y = 0, w = 0;
-                  if (c.$isTextNode(T) && r >= 0 && s >= 0 && (y = r, w = r + s, g.setTextNodeRange(T, y, T, w)), (y !== w || l !== "") && (g.insertRawText(l), T = S.getNode()), c.$isTextNode(T)) {
-                    y = o, w = o + x;
-                    const R = T.getTextContentSize();
-                    y = y > R ? R : y, w = w > R ? R : w, g.setTextNodeRange(T, y, T, w);
-                  }
-                  m.stopImmediatePropagation();
-                }
-              });
-            }
-          }
-        }
-      }
-    };
-    return window.addEventListener("message", p, !0), () => {
-      window.removeEventListener("message", p, !0);
-    };
-  }
-  return ve.registerDragonSupport = i, ve;
-}
-var Ce = {}, Ve;
-function Wt() {
-  if (Ve)
-    return Ce;
-  Ve = 1;
-  var c = Y;
-  return Ce.registerDragonSupport = function(i) {
-    let h = window.location.origin, L = (p) => {
-      if (p.origin === h) {
-        var m = i.getRootElement();
-        if (document.activeElement === m && (m = p.data, typeof m == "string")) {
-          try {
-            var a = JSON.parse(m);
-          } catch {
-            return;
-          }
-          if (a && a.protocol === "nuanria_messaging" && a.type === "request" && (a = a.payload) && a.functionId === "makeChanges" && (a = a.args)) {
-            const [u, e, t, n, r] = a;
-            i.update(() => {
-              const s = c.$getSelection();
-              if (c.$isRangeSelection(s)) {
-                var l = s.anchor;
-                let o = l.getNode(), x = 0, v = 0;
-                c.$isTextNode(o) && 0 <= u && 0 <= e && (x = u, v = u + e, s.setTextNodeRange(o, x, o, v)), (x !== v || t !== "") && (s.insertRawText(t), o = l.getNode()), c.$isTextNode(o) && (x = n, v = n + r, l = o.getTextContentSize(), x = x > l ? l : x, v = v > l ? l : v, s.setTextNodeRange(o, x, o, v)), p.stopImmediatePropagation();
-              }
-            });
-          }
-        }
-      }
-    };
-    return window.addEventListener("message", L, !0), () => {
-      window.removeEventListener("message", L, !0);
-    };
-  }, Ce;
-}
-var ye, We;
-function ct() {
-  return We || (We = 1, ye = process.env.NODE_ENV === "development" ? Vt() : Wt()), ye;
-}
-var Je;
-function Jt() {
-  if (Je)
-    return pe;
-  Je = 1;
-  var c = Q(), i = lt(), h = U, L = st(), p = at(), m = it, a = ct(), u = nt, n = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? h.useLayoutEffect : h.useEffect;
-  function r(g) {
-    return g.getEditorState().read(L.$canShowPlaceholderCurry(g.isComposing()));
-  }
-  function s(g) {
-    const [S, T] = h.useState(() => r(g));
-    return n(() => {
-      function y() {
-        const w = r(g);
-        T(w);
-      }
-      return y(), p.mergeRegister(g.registerUpdateListener(() => {
-        y();
-      }), g.registerEditableListener(() => {
-        y();
-      }));
-    }, [g]), S;
-  }
-  function l(g, S) {
-    const [T, y] = h.useState(() => g.getDecorators());
-    return n(() => g.registerDecoratorListener((w) => {
-      m.flushSync(() => {
-        y(w);
-      });
-    }), [g]), h.useEffect(() => {
-      y(g.getDecorators());
-    }, [g]), h.useMemo(() => {
-      const w = [], R = Object.keys(T);
-      for (let d = 0; d < R.length; d++) {
-        const E = R[d], f = /* @__PURE__ */ h.createElement(S, {
-          onError: (C) => g._onError(C)
-        }, /* @__PURE__ */ h.createElement(h.Suspense, {
-          fallback: null
-        }, T[E])), N = g.getElementByKey(E);
-        N !== null && w.push(/* @__PURE__ */ m.createPortal(f, N, E));
-      }
-      return w;
-    }, [S, T, g]);
-  }
-  function o(g) {
-    n(() => p.mergeRegister(u.registerRichText(g), a.registerDragonSupport(g)), [g]);
-  }
-  function x({
-    contentEditable: g,
-    placeholder: S,
-    ErrorBoundary: T
-  }) {
-    const [y] = c.useLexicalComposerContext(), w = l(y, T);
-    return o(y), /* @__PURE__ */ h.createElement(h.Fragment, null, g, /* @__PURE__ */ h.createElement(v, {
-      content: S
-    }), w);
-  }
-  function v({
-    content: g
-  }) {
-    const [S] = c.useLexicalComposerContext(), T = s(S), y = i();
-    return T ? typeof g == "function" ? g(y) : g : null;
-  }
-  return pe.RichTextPlugin = x, pe;
-}
-var Ne = {}, Ge;
-function Gt() {
-  if (Ge)
-    return Ne;
-  Ge = 1;
-  var c = Q(), i = lt(), h = U, L = st(), p = at(), m = it, a = ct(), u = nt, e = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? h.useLayoutEffect : h.useEffect;
-  function t(o) {
-    return o.getEditorState().read(L.$canShowPlaceholderCurry(o.isComposing()));
-  }
-  function n(o) {
-    let [x, v] = h.useState(() => t(o));
-    return e(() => {
-      function g() {
-        let S = t(o);
-        v(S);
-      }
-      return g(), p.mergeRegister(o.registerUpdateListener(() => {
-        g();
-      }), o.registerEditableListener(() => {
-        g();
-      }));
-    }, [o]), x;
-  }
-  function r(o, x) {
-    let [v, g] = h.useState(() => o.getDecorators());
-    return e(() => o.registerDecoratorListener((S) => {
-      m.flushSync(() => {
-        g(S);
-      });
-    }), [o]), h.useEffect(() => {
-      g(o.getDecorators());
-    }, [o]), h.useMemo(() => {
-      let S = [], T = Object.keys(v);
-      for (let y = 0; y < T.length; y++) {
-        let w = T[y], R = h.createElement(x, { onError: (E) => o._onError(E) }, h.createElement(h.Suspense, { fallback: null }, v[w])), d = o.getElementByKey(w);
-        d !== null && S.push(m.createPortal(R, d, w));
-      }
-      return S;
-    }, [x, v, o]);
-  }
-  function s(o) {
-    e(() => p.mergeRegister(u.registerRichText(o), a.registerDragonSupport(o)), [o]);
-  }
-  function l({ content: o }) {
-    var [x] = c.useLexicalComposerContext();
-    x = n(x);
-    let v = i();
-    return x ? typeof o == "function" ? o(v) : o : null;
-  }
-  return Ne.RichTextPlugin = function({ contentEditable: o, placeholder: x, ErrorBoundary: v }) {
-    let [g] = c.useLexicalComposerContext();
-    return v = r(g, v), s(g), h.createElement(h.Fragment, null, o, h.createElement(l, { content: x }), v);
-  }, Ne;
-}
-const Yt = process.env.NODE_ENV === "development" ? Jt() : Gt();
-var Qt = Yt, Le = {}, Ye;
-function Xt() {
-  if (Ye)
-    return Le;
-  Ye = 1;
-  var c = Q(), i = U;
-  function h() {
-    return h = Object.assign ? Object.assign.bind() : function(u) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var n in t)
-          Object.prototype.hasOwnProperty.call(t, n) && (u[n] = t[n]);
-      }
-      return u;
-    }, h.apply(this, arguments);
-  }
-  var m = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
-  function a({
-    ariaActiveDescendant: u,
-    ariaAutoComplete: e,
-    ariaControls: t,
-    ariaDescribedBy: n,
-    ariaExpanded: r,
-    ariaLabel: s,
-    ariaLabelledBy: l,
-    ariaMultiline: o,
-    ariaOwns: x,
-    ariaRequired: v,
-    autoCapitalize: g,
-    className: S,
-    id: T,
-    role: y = "textbox",
-    spellCheck: w = !0,
-    style: R,
-    tabIndex: d,
-    "data-testid": E,
-    ...f
-  }) {
-    const [N] = c.useLexicalComposerContext(), [C, b] = i.useState(!1), _ = i.useCallback(($) => {
-      N.setRootElement($);
-    }, [N]);
-    return m(() => (b(N.isEditable()), N.registerEditableListener(($) => {
-      b($);
-    })), [N]), /* @__PURE__ */ i.createElement("div", h({}, f, {
-      "aria-activedescendant": C ? u : void 0,
-      "aria-autocomplete": C ? e : "none",
-      "aria-controls": C ? t : void 0,
-      "aria-describedby": n,
-      "aria-expanded": C && y === "combobox" ? !!r : void 0,
-      "aria-label": s,
-      "aria-labelledby": l,
-      "aria-multiline": o,
-      "aria-owns": C ? x : void 0,
-      "aria-readonly": C ? void 0 : !0,
-      "aria-required": v,
-      autoCapitalize: g,
-      className: S,
-      contentEditable: C,
-      "data-testid": E,
-      id: T,
-      ref: _,
-      role: y,
-      spellCheck: w,
-      style: R,
-      tabIndex: d
-    }));
-  }
-  return Le.ContentEditable = a, Le;
-}
-var Te = {}, Qe;
-function Zt() {
-  if (Qe)
-    return Te;
-  Qe = 1;
-  var c = Q(), i = U;
-  function h() {
-    return h = Object.assign ? Object.assign.bind() : function(p) {
-      for (var m = 1; m < arguments.length; m++) {
-        var a = arguments[m], u;
-        for (u in a)
-          Object.prototype.hasOwnProperty.call(a, u) && (p[u] = a[u]);
-      }
-      return p;
-    }, h.apply(this, arguments);
-  }
-  var L = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? i.useLayoutEffect : i.useEffect;
-  return Te.ContentEditable = function({ ariaActiveDescendant: p, ariaAutoComplete: m, ariaControls: a, ariaDescribedBy: u, ariaExpanded: e, ariaLabel: t, ariaLabelledBy: n, ariaMultiline: r, ariaOwns: s, ariaRequired: l, autoCapitalize: o, className: x, id: v, role: g = "textbox", spellCheck: S = !0, style: T, tabIndex: y, "data-testid": w, ...R }) {
-    let [d] = c.useLexicalComposerContext(), [E, f] = i.useState(!1), N = i.useCallback((C) => {
-      d.setRootElement(C);
-    }, [d]);
-    return L(() => (f(d.isEditable()), d.registerEditableListener((C) => {
-      f(C);
-    })), [d]), i.createElement(
-      "div",
-      h({}, R, { "aria-activedescendant": E ? p : void 0, "aria-autocomplete": E ? m : "none", "aria-controls": E ? a : void 0, "aria-describedby": u, "aria-expanded": E && g === "combobox" ? !!e : void 0, "aria-label": t, "aria-labelledby": n, "aria-multiline": r, "aria-owns": E ? s : void 0, "aria-readonly": E ? void 0 : !0, "aria-required": l, autoCapitalize: o, className: x, contentEditable: E, "data-testid": w, id: v, ref: N, role: g, spellCheck: S, style: T, tabIndex: y })
-    );
-  }, Te;
-}
-const en = process.env.NODE_ENV === "development" ? Xt() : Zt();
-var tn = en, be, Xe;
-function nn() {
-  if (Xe)
-    return be;
-  Xe = 1;
-  var c = U;
-  function i(u, e) {
-    return i = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
-      return n.__proto__ = r, n;
-    }, i(u, e);
-  }
-  function h(u, e) {
-    u.prototype = Object.create(e.prototype), u.prototype.constructor = u, i(u, e);
-  }
-  var L = function(e, t) {
-    return e === void 0 && (e = []), t === void 0 && (t = []), e.length !== t.length || e.some(function(n, r) {
-      return !Object.is(n, t[r]);
-    });
-  }, p = {
-    error: null
-  }, m = /* @__PURE__ */ function(u) {
-    h(e, u);
-    function e() {
-      for (var n, r = arguments.length, s = new Array(r), l = 0; l < r; l++)
-        s[l] = arguments[l];
-      return n = u.call.apply(u, [this].concat(s)) || this, n.state = p, n.resetErrorBoundary = function() {
-        for (var o, x = arguments.length, v = new Array(x), g = 0; g < x; g++)
-          v[g] = arguments[g];
-        n.props.onReset == null || (o = n.props).onReset.apply(o, v), n.reset();
-      }, n;
-    }
-    e.getDerivedStateFromError = function(r) {
-      return {
-        error: r
-      };
-    };
-    var t = e.prototype;
-    return t.reset = function() {
-      this.setState(p);
-    }, t.componentDidCatch = function(r, s) {
-      var l, o;
-      (l = (o = this.props).onError) == null || l.call(o, r, s);
-    }, t.componentDidUpdate = function(r, s) {
-      var l = this.state.error, o = this.props.resetKeys;
-      if (l !== null && s.error !== null && L(r.resetKeys, o)) {
-        var x, v;
-        (x = (v = this.props).onResetKeysChange) == null || x.call(v, r.resetKeys, o), this.reset();
-      }
-    }, t.render = function() {
-      var r = this.state.error, s = this.props, l = s.fallbackRender, o = s.FallbackComponent, x = s.fallback;
-      if (r !== null) {
-        var v = {
-          error: r,
-          resetErrorBoundary: this.resetErrorBoundary
-        };
-        if (/* @__PURE__ */ c.isValidElement(x))
-          return x;
-        if (typeof l == "function")
-          return l(v);
-        if (o)
-          return /* @__PURE__ */ c.createElement(o, v);
-        throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
-      }
-      return this.props.children;
-    }, e;
-  }(c.Component);
-  function a({
-    children: u,
-    onError: e
-  }) {
-    return /* @__PURE__ */ c.createElement(m, {
-      fallback: /* @__PURE__ */ c.createElement("div", {
-        style: {
-          border: "1px solid #f00",
-          color: "#f00",
-          padding: "8px"
-        }
-      }, "An error was thrown."),
-      onError: e
-    }, u);
-  }
-  return be = a, be;
-}
-var $e, Ze;
-function rn() {
-  if (Ze)
-    return $e;
-  Ze = 1;
-  var c = U;
-  function i(a, u) {
-    return i = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-      return e.__proto__ = t, e;
-    }, i(a, u);
-  }
-  function h(a, u) {
-    a.prototype = Object.create(u.prototype), a.prototype.constructor = a, i(a, u);
-  }
-  function L(a, u) {
-    return a === void 0 && (a = []), u === void 0 && (u = []), a.length !== u.length || a.some(function(e, t) {
-      return !Object.is(e, u[t]);
-    });
-  }
-  var p = { error: null }, m = function(a) {
-    function u() {
-      for (var t, n = arguments.length, r = Array(n), s = 0; s < n; s++)
-        r[s] = arguments[s];
-      return t = a.call.apply(a, [this].concat(r)) || this, t.state = p, t.resetErrorBoundary = function() {
-        for (var l, o = arguments.length, x = Array(o), v = 0; v < o; v++)
-          x[v] = arguments[v];
-        t.props.onReset == null || (l = t.props).onReset.apply(l, x), t.reset();
-      }, t;
-    }
-    h(u, a), u.getDerivedStateFromError = function(t) {
-      return { error: t };
-    };
-    var e = u.prototype;
-    return e.reset = function() {
-      this.setState(p);
-    }, e.componentDidCatch = function(t, n) {
-      var r, s;
-      (r = (s = this.props).onError) == null || r.call(s, t, n);
-    }, e.componentDidUpdate = function(t, n) {
-      var r = this.props.resetKeys;
-      if (this.state.error !== null && n.error !== null && L(t.resetKeys, r)) {
-        var s, l;
-        (s = (l = this.props).onResetKeysChange) == null || s.call(l, t.resetKeys, r), this.reset();
-      }
-    }, e.render = function() {
-      var t = this.state.error, n = this.props, r = n.fallbackRender, s = n.FallbackComponent;
-      if (n = n.fallback, t !== null) {
-        if (t = { error: t, resetErrorBoundary: this.resetErrorBoundary }, c.isValidElement(n))
-          return n;
-        if (typeof r == "function")
-          return r(t);
-        if (s)
-          return c.createElement(s, t);
-        throw Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
-      }
-      return this.props.children;
-    }, u;
-  }(c.Component);
-  return $e = function({ children: a, onError: u }) {
-    return c.createElement(m, { fallback: c.createElement("div", { style: { border: "1px solid #f00", color: "#f00", padding: "8px" } }, "An error was thrown."), onError: u }, a);
-  }, $e;
-}
-const on = process.env.NODE_ENV === "development" ? nn() : rn();
-var ln = on;
-const sn = oe({
+  let s = "";
+  return o.update(() => {
+    s = N(o);
+  }), { html: s, trimCount: r };
+}, Ce = [
+  F,
+  L,
+  w,
+  j,
+  E,
+  v,
+  R,
+  H,
+  k
+], Q = m({
   fontWeight: "bold"
-}), an = oe({
+}), Y = m({
   fontStyle: "italic"
-}), cn = oe({
+}), G = m({
   textDecoration: "underline"
-}), un = oe({
+}), K = m({
   listStyleType: "none"
-}), dn = oe({
+}), U = m({
   borderLeft: "4px solid #ccc",
   color: "#666",
   fontStyle: "italic",
   margin: "1.5em 10px",
   padding: "0.5em 10px"
-}), fn = {
-  quote: dn().className,
+}), X = {
+  quote: U().className,
   text: {
-    bold: sn().className,
-    italic: an().className,
-    underline: cn().className
+    bold: Q().className,
+    italic: Y().className,
+    underline: G().className
   },
   list: {
     nested: {
-      listitem: un().className
+      listitem: K().className
     }
   }
-}, pn = St(!1), gn = ({ onBlur: c }) => {
-  const [i, h] = Rt(!1), L = _t(null), p = _e(() => {
-    h(!0), L.current && window.clearTimeout(L.current);
-  }, []), m = _e(() => {
-    L.current = window.setTimeout(() => {
-      h(!1), c == null || c();
+}, b = P({ hasFocus: !1, editorRef: { current: null } }), Z = ({ onBlur: e }) => {
+  const [a, n] = B(!1), r = h(null), o = u(() => {
+    n(!0), r.current && window.clearTimeout(r.current);
+  }, []), s = u(() => {
+    r.current = window.setTimeout(() => {
+      n(!1), e == null || e();
     }, 0);
-  }, [c]);
+  }, [e]);
   return {
-    hasFocus: i,
+    hasFocus: a,
     attributes: {
-      onFocus: p,
-      onBlur: m
+      onFocus: o,
+      onBlur: s
     }
   };
-}, mn = rt("div", {
+}, Ne = () => I(b), _ = f("div", {
   border: "1px solid $borderDarker",
   borderRadius: "$md",
   position: "relative",
@@ -1676,7 +148,7 @@ const sn = oe({
       }
     }
   ]
-}), xn = rt(tn.ContentEditable, {}, {
+}), ee = f(D, {}, {
   padding: "0 $4",
   overflowY: "auto",
   maxHeight: "30rem",
@@ -1700,55 +172,54 @@ const sn = oe({
       color: "$gray500"
     }
   }
-}), hn = ({
-  isLoading: c
-}) => /* @__PURE__ */ j.jsx(
-  ot,
+}), te = ({
+  isLoading: e
+}) => /* @__PURE__ */ i.jsx(
+  x,
   {
     css: {
-      visibility: c ? "visible" : "hidden",
+      visibility: e ? "visible" : "hidden",
       position: "absolute",
       bottom: "1rem",
       right: "1rem",
       display: "flex"
     },
-    children: /* @__PURE__ */ j.jsx(wt, {})
-  }
-), Pn = ({
-  isLoading: c,
-  children: i,
-  placeholderText: h,
-  nodes: L,
-  plugins: p,
-  toolbar: m,
-  refs: a
+    children: /* @__PURE__ */ i.jsx(z, {})
+  }
+), Te = ({
+  isLoading: e,
+  children: a,
+  placeholderText: n,
+  nodes: r,
+  plugins: o,
+  toolbar: s
 }) => {
-  const { hasFocus: u, attributes: e } = gn({});
-  return /* @__PURE__ */ j.jsx(pn.Provider, { value: u, children: /* @__PURE__ */ j.jsxs(
-    At.LexicalComposer,
+  const { hasFocus: t, attributes: c } = Z({}), l = h(null), d = M(() => ({ hasFocus: t, editorRef: l }), [t]);
+  return /* @__PURE__ */ i.jsx(b.Provider, { value: d, children: /* @__PURE__ */ i.jsxs(
+    q,
     {
       initialConfig: {
         namespace: "CommentEditor",
-        onError: (t) => {
-          console.error(t);
+        onError: (g) => {
+          console.error(g);
         },
-        theme: fn,
-        nodes: L,
+        theme: X,
+        nodes: r,
         editable: !0
       },
       children: [
-        /* @__PURE__ */ j.jsxs(
-          mn,
+        /* @__PURE__ */ i.jsxs(
+          _,
           {
-            ref: a ? $t(a) : void 0,
-            hasFocus: u,
-            ...e,
+            ref: l,
+            hasFocus: t,
+            ...c,
             children: [
-              /* @__PURE__ */ j.jsx(
-                Qt.RichTextPlugin,
+              /* @__PURE__ */ i.jsx(
+                A,
                 {
-                  contentEditable: /* @__PURE__ */ j.jsx(
-                    xn,
+                  contentEditable: /* @__PURE__ */ i.jsx(
+                    ee,
                     {
                       css: {
                         paddingTop: 16,
@@ -1756,8 +227,8 @@ const sn = oe({
                       }
                     }
                   ),
-                  placeholder: h ? /* @__PURE__ */ j.jsx(
-                    ot,
+                  placeholder: n ? /* @__PURE__ */ i.jsx(
+                    x,
                     {
                       css: {
                         position: "absolute",
@@ -1767,26 +238,29 @@ const sn = oe({
                         pointerEvents: "none",
                         fontSize: "$sm"
                       },
-                      children: h
+                      children: n
                     }
                   ) : null,
-                  ErrorBoundary: ln
+                  ErrorBoundary: V
                 }
               ),
-              p,
-              /* @__PURE__ */ j.jsx(hn, { isLoading: c }),
-              m
+              o,
+              /* @__PURE__ */ i.jsx(te, { isLoading: e }),
+              s
             ]
           }
         ),
-        /* @__PURE__ */ j.jsx(j.Fragment, { children: i })
+        /* @__PURE__ */ i.jsx(i.Fragment, { children: a })
       ]
     }
   ) });
 };
 export {
-  Pn as RichTextEditor,
-  On as defaultNodes,
-  Dt as isJSON,
-  _n as stateToHTML
+  Te as RichTextEditor,
+  Ce as defaultNodes,
+  O as isJSON,
+  b as richTextContext,
+  ge as stateToHTML,
+  Z as useHasFocusWithin,
+  Ne as useRichTextContext
 };