@pstdio/ui 0.0.4 → 0.1.1

package/dist/rich-text.js

@@ -1,20 +1,20 @@
 import { jsx as o, jsxs as ge } from "react/jsx-runtime";
 import { c as re } from "react/compiler-runtime";
-import { e as Ae, b as Be, I as Ne, E as Pe, C as Oe, s as Ye, c as Le, T as Xe, d as Qe } from "./rich-message-CiA3ripk.js";
-import { D as po, f as uo, R as ho, P as go, R as bo, a as vo, g as xo } from "./rich-message-CiA3ripk.js";
-import { Text as U, IconButton as q, Stack as Se, Box as He, Flex as $e } from "@chakra-ui/react";
+import { e as Be, a as Ne, I as Pe, E as Oe, C as Fe, s as Ye, b as Ie, T as Xe, c as Qe } from "./rich-message-CNDoACE7.js";
+import { D as ho, d as go, R as bo, P as vo, R as xo, g as _o, f as yo } from "./rich-message-CNDoACE7.js";
+import { Text as U, IconButton as q, Stack as Se, Box as He, Flex as ke } from "@chakra-ui/react";
 import { LexicalCollaboration as Ze } from "@lexical/react/LexicalCollaborationContext";
 import { CollaborationPluginV2__EXPERIMENTAL as Je } from "@lexical/react/LexicalCollaborationPlugin";
-import { LexicalComposer as De } from "@lexical/react/LexicalComposer";
-import { LexicalErrorBoundary as Fe } from "@lexical/react/LexicalErrorBoundary";
+import { LexicalComposer as $e } from "@lexical/react/LexicalComposer";
+import { LexicalErrorBoundary as De } from "@lexical/react/LexicalErrorBoundary";
 import { HorizontalRulePlugin as ze } from "@lexical/react/LexicalHorizontalRulePlugin";
 import { LinkPlugin as je } from "@lexical/react/LexicalLinkPlugin";
 import { ListPlugin as We } from "@lexical/react/LexicalListPlugin";
 import { RichTextPlugin as Ue } from "@lexical/react/LexicalRichTextPlugin";
-import { useState as K, useRef as ke, useEffect as le } from "react";
+import { useState as K, useRef as Le, useEffect as le } from "react";
 import { WebsocketProvider as et } from "y-websocket";
 import * as tt from "yjs";
-import { INSERT_UNORDERED_LIST_COMMAND as ot, REMOVE_LIST_COMMAND as Ie, INSERT_ORDERED_LIST_COMMAND as nt, $isListNode as Ee } from "@lexical/list";
+import { INSERT_UNORDERED_LIST_COMMAND as ot, REMOVE_LIST_COMMAND as Me, INSERT_ORDERED_LIST_COMMAND as nt, $isListNode as Ee } from "@lexical/list";
 import { useLexicalComposerContext as it } from "@lexical/react/LexicalComposerContext";
 import { $createHeadingNode as lt, $isHeadingNode as rt } from "@lexical/rich-text";
 import { $setBlocksType as qe } from "@lexical/selection";
@@ -23,20 +23,21 @@ import { $getSelection as ie, $isRangeSelection as we, SELECTION_CHANGE_COMMAND
 import { createPortal as ht } from "react-dom";
 import { T as V } from "./tooltip-Gm7PLwZG.js";
 import { $convertFromMarkdownString as gt, $convertToMarkdownString as bt } from "@lexical/markdown";
-import { HistoryPlugin as vt } from "@lexical/react/LexicalHistoryPlugin";
-import { OnChangePlugin as xt } from "@lexical/react/LexicalOnChangePlugin";
-const _t = 10, yt = 5;
-function Me(n, e, t, i = _t, g = yt) {
-  const r = t.parentElement;
-  if (n === null || !r) {
+import { AutoFocusPlugin as vt } from "@lexical/react/LexicalAutoFocusPlugin";
+import { HistoryPlugin as xt } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as _t } from "@lexical/react/LexicalOnChangePlugin";
+const yt = 10, Ct = 5;
+function Ae(n, e, t, i = yt, h = Ct) {
+  const a = t.parentElement;
+  if (n === null || !a) {
     e.style.opacity = "0", e.style.transform = "translate(-10000px, -10000px)";
     return;
   }
-  const d = e.getBoundingClientRect(), l = t.getBoundingClientRect(), S = r.getBoundingClientRect();
-  let s = n.top - i, x = n.left - g;
-  s < S.top && (s += d.height + n.height + i * 2), x + d.width > S.right && (x = S.right - d.width - g), s -= l.top, x -= l.left, e.style.opacity = "1", e.style.transform = `translate(${x}px, ${s}px)`;
+  const d = e.getBoundingClientRect(), l = t.getBoundingClientRect(), E = a.getBoundingClientRect();
+  let w = n.top - i, R = n.left - h;
+  w < E.top && (w += d.height + n.height + i * 2), R + d.width > E.right && (R = E.right - d.width - h), w -= l.top, R -= l.left, e.style.opacity = "1", e.style.transform = `translate(${R}px, ${w}px)`;
 }
-const Ct = -4, Tt = {
+const Tt = -4, St = {
   bullet: "Bulleted List",
   check: "Check List",
   code: "Code Block",
@@ -49,122 +50,122 @@ const Ct = -4, Tt = {
   number: "Numbered List",
   paragraph: "Normal",
   quote: "Quote"
-}, St = (n) => n in Tt ? n : null, Et = (n) => (n.getKey() === "root" ? n : Ve(n, (t) => {
+}, Et = (n) => n in St ? n : null, wt = (n) => (n.getKey() === "root" ? n : Ve(n, (t) => {
   const i = t.getParent();
   return i !== null && pt(i);
-})) ?? n.getTopLevelElementOrThrow(), wt = (n) => {
-  const e = Et(n);
+})) ?? n.getTopLevelElementOrThrow(), Rt = (n) => {
+  const e = wt(n);
   if (Ee(e))
     return e.getListType();
-  const t = Ve(n, (g) => Ee(g));
+  const t = Ve(n, (h) => Ee(h));
   if (t !== null && Ee(t))
     return t.getListType();
   const i = rt(e) ? e.getTag() : e.getType();
-  return St(i);
+  return Et(i);
 };
-function Rt(n) {
+function kt(n) {
   const e = re(81), {
     editor: t,
     anchorElem: i,
-    isToolbarActive: g,
-    setIsToolbarActive: r
-  } = n, d = ke(null), [l, S] = K("paragraph"), [s, x] = K(!1), [F, j] = K(!1), [D, G] = K(!1);
+    isToolbarActive: h,
+    setIsToolbarActive: a
+  } = n, d = Le(null), [l, E] = K("paragraph"), [w, R] = K(!1), [g, j] = K(!1), [D, G] = K(!1);
+  let O;
+  e[0] !== l || e[1] !== t ? (O = (s) => {
+    l !== s ? t.update(() => {
+      const u = ie();
+      qe(u, () => lt(s));
+    }) : t.update(Lt);
+  }, e[0] = l, e[1] = t, e[2] = O) : O = e[2];
+  const k = O;
   let L;
-  e[0] !== l || e[1] !== t ? (L = (a) => {
-    l !== a ? t.update(() => {
-      const h = ie();
-      qe(h, () => lt(a));
-    }) : t.update(kt);
-  }, e[0] = l, e[1] = t, e[2] = L) : L = e[2];
-  const I = L;
-  let E;
-  e[3] !== l || e[4] !== t ? (E = () => {
-    l !== "bullet" ? t.dispatchCommand(ot, void 0) : t.dispatchCommand(Ie, void 0);
-  }, e[3] = l, e[4] = t, e[5] = E) : E = e[5];
-  const P = E;
-  let p;
-  e[6] !== l || e[7] !== t ? (p = () => {
-    l !== "number" ? t.dispatchCommand(nt, void 0) : t.dispatchCommand(Ie, void 0);
-  }, e[6] = l, e[7] = t, e[8] = p) : p = e[8];
-  const _ = p;
-  let M;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => {
-    const a = ie();
-    if (!we(a))
+  e[3] !== l || e[4] !== t ? (L = () => {
+    l !== "bullet" ? t.dispatchCommand(ot, void 0) : t.dispatchCommand(Me, void 0);
+  }, e[3] = l, e[4] = t, e[5] = L) : L = e[5];
+  const W = L;
+  let _;
+  e[6] !== l || e[7] !== t ? (_ = () => {
+    l !== "number" ? t.dispatchCommand(nt, void 0) : t.dispatchCommand(Me, void 0);
+  }, e[6] = l, e[7] = t, e[8] = _) : _ = e[8];
+  const y = _;
+  let b;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => {
+    const s = ie();
+    if (!we(s))
       return;
-    x(a.hasFormat("bold")), j(a.hasFormat("italic")), G(a.hasFormat("underline"));
-    const h = wt(a.anchor.getNode());
-    h && S(h);
-  }, e[9] = M) : M = e[9];
-  const O = M;
-  let w;
-  e[10] !== i || e[11] !== t || e[12] !== r ? (w = () => {
-    const a = ie(), h = d.current, he = window.getSelection();
-    if (h === null)
+    R(s.hasFormat("bold")), j(s.hasFormat("italic")), G(s.hasFormat("underline"));
+    const u = Rt(s.anchor.getNode());
+    u && E(u);
+  }, e[9] = b) : b = e[9];
+  const F = b;
+  let A;
+  e[10] !== i || e[11] !== t || e[12] !== a ? (A = () => {
+    const s = ie(), u = d.current, he = window.getSelection();
+    if (u === null)
       return;
     const Ce = t.getRootElement();
-    if (a !== null && we(a) && !a.isCollapsed() && he !== null && !he.isCollapsed && Ce !== null && Ce.contains(he.anchorNode) && t.isEditable()) {
+    if (s !== null && we(s) && !s.isCollapsed() && he !== null && !he.isCollapsed && Ce !== null && Ce.contains(he.anchorNode) && t.isEditable()) {
       const Te = he.getRangeAt(0).getBoundingClientRect();
       if (Te) {
         const Ge = new DOMRect(Te.left, Te.bottom, 0, 0);
-        Me(Ge, h, i, Ct);
+        Ae(Ge, u, i, Tt);
       }
-      r(!0);
+      a(!0);
     } else
-      Ce !== null && Me(null, h, i), r(!1);
-    return O(), !0;
-  }, e[10] = i, e[11] = t, e[12] = r, e[13] = w) : w = e[13];
-  const c = w;
-  let R, H;
-  e[14] !== c || e[15] !== i.parentElement || e[16] !== t ? (R = () => {
-    const a = i.parentElement, h = () => {
+      Ce !== null && Ae(null, u, i), a(!1);
+    return F(), !0;
+  }, e[10] = i, e[11] = t, e[12] = a, e[13] = A) : A = e[13];
+  const r = A;
+  let I, H;
+  e[14] !== r || e[15] !== i.parentElement || e[16] !== t ? (I = () => {
+    const s = i.parentElement, u = () => {
       t.getEditorState().read(() => {
-        c();
+        r();
       });
     };
-    return window.addEventListener("resize", h), a && a.addEventListener("scroll", h), () => {
-      window.removeEventListener("resize", h), a && a.removeEventListener("scroll", h);
+    return window.addEventListener("resize", u), s && s.addEventListener("scroll", u), () => {
+      window.removeEventListener("resize", u), s && s.removeEventListener("scroll", u);
     };
-  }, H = [i.parentElement, t, c], e[14] = c, e[15] = i.parentElement, e[16] = t, e[17] = R, e[18] = H) : (R = e[17], H = e[18]), le(R, H);
-  let k, A;
-  e[19] !== c || e[20] !== t ? (k = () => st(t.registerUpdateListener((a) => {
+  }, H = [i.parentElement, t, r], e[14] = r, e[15] = i.parentElement, e[16] = t, e[17] = I, e[18] = H) : (I = e[17], H = e[18]), le(I, H);
+  let M, B;
+  e[19] !== r || e[20] !== t ? (M = () => st(t.registerUpdateListener((s) => {
     const {
-      editorState: h
-    } = a;
-    h.read(() => {
-      c();
+      editorState: u
+    } = s;
+    u.read(() => {
+      r();
     });
-  }), t.registerCommand(at, (a) => (c(), !1), ct), t.registerCommand(dt, (a) => {
-    const h = ie();
-    return we(h) && c(), !1;
-  }, mt)), A = [t, c], e[19] = c, e[20] = t, e[21] = k, e[22] = A) : (k = e[21], A = e[22]), le(k, A);
-  const u = `floating-text-format-toolbar ${g ? "active" : ""}`, y = s || void 0;
-  let m;
-  e[23] !== t ? (m = () => {
+  }), t.registerCommand(at, (s) => (r(), !1), ct), t.registerCommand(dt, (s) => {
+    const u = ie();
+    return we(u) && r(), !1;
+  }, mt)), B = [t, r], e[19] = r, e[20] = t, e[21] = M, e[22] = B) : (M = e[21], B = e[22]), le(M, B);
+  const C = `floating-text-format-toolbar ${h ? "active" : ""}`, N = w || void 0;
+  let v;
+  e[23] !== t ? (v = () => {
     t.dispatchCommand(Re, "bold");
-  }, e[23] = t, e[24] = m) : m = e[24];
-  let b;
-  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ o(U, { fontWeight: "bold", fontSize: ".75rem", children: "B" }), e[25] = b) : b = e[25];
+  }, e[23] = t, e[24] = v) : v = e[24];
+  let x;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ o(U, { fontWeight: "bold", fontSize: ".75rem", children: "B" }), e[25] = x) : x = e[25];
+  let m;
+  e[26] !== N || e[27] !== v ? (m = /* @__PURE__ */ o(V, { content: "Bold", children: /* @__PURE__ */ o(q, { "data-active": N, onClick: v, variant: "ghost", "aria-label": "Bold", size: "xs", children: x }) }), e[26] = N, e[27] = v, e[28] = m) : m = e[28];
+  const T = g || void 0;
   let f;
-  e[26] !== y || e[27] !== m ? (f = /* @__PURE__ */ o(V, { content: "Bold", children: /* @__PURE__ */ o(q, { "data-active": y, onClick: m, variant: "ghost", "aria-label": "Bold", size: "xs", children: b }) }), e[26] = y, e[27] = m, e[28] = f) : f = e[28];
-  const C = F || void 0;
-  let v;
-  e[29] !== t ? (v = () => {
+  e[29] !== t ? (f = () => {
     t.dispatchCommand(Re, "italic");
-  }, e[29] = t, e[30] = v) : v = e[30];
-  let B;
-  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ o(U, { fontStyle: "italic", fontSize: ".75rem", children: "I" }), e[31] = B) : B = e[31];
-  let T;
-  e[32] !== C || e[33] !== v ? (T = /* @__PURE__ */ o(V, { content: "Italic", children: /* @__PURE__ */ o(q, { "data-active": C, onClick: v, variant: "ghost", "aria-label": "Italic", size: "xs", children: B }) }), e[32] = C, e[33] = v, e[34] = T) : T = e[34];
-  const N = D || void 0;
-  let $;
-  e[35] !== t ? ($ = () => {
+  }, e[29] = t, e[30] = f) : f = e[30];
+  let p;
+  e[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ o(U, { fontStyle: "italic", fontSize: ".75rem", children: "I" }), e[31] = p) : p = e[31];
+  let c;
+  e[32] !== T || e[33] !== f ? (c = /* @__PURE__ */ o(V, { content: "Italic", children: /* @__PURE__ */ o(q, { "data-active": T, onClick: f, variant: "ghost", "aria-label": "Italic", size: "xs", children: p }) }), e[32] = T, e[33] = f, e[34] = c) : c = e[34];
+  const S = D || void 0;
+  let P;
+  e[35] !== t ? (P = () => {
     t.dispatchCommand(Re, "underline");
-  }, e[35] = t, e[36] = $) : $ = e[36];
+  }, e[35] = t, e[36] = P) : P = e[36];
+  let $;
+  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ o(U, { textDecoration: "underline", fontSize: ".75rem", children: "U" }), e[37] = $) : $ = e[37];
   let z;
-  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ o(U, { textDecoration: "underline", fontSize: ".75rem", children: "U" }), e[37] = z) : z = e[37];
-  let W;
-  e[38] !== N || e[39] !== $ ? (W = /* @__PURE__ */ o(V, { content: "Underline", children: /* @__PURE__ */ o(q, { "data-active": N, onClick: $, variant: "ghost", "aria-label": "Underline", size: "xs", children: z }) }), e[38] = N, e[39] = $, e[40] = W) : W = e[40];
+  e[38] !== S || e[39] !== P ? (z = /* @__PURE__ */ o(V, { content: "Underline", children: /* @__PURE__ */ o(q, { "data-active": S, onClick: P, variant: "ghost", "aria-label": "Underline", size: "xs", children: $ }) }), e[38] = S, e[39] = P, e[40] = z) : z = e[40];
   let se;
   e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (se = /* @__PURE__ */ o(Se, { as: "span", height: "1rem", mx: "0.5", children: /* @__PURE__ */ o("span", { style: {
     borderLeft: "1px solid",
@@ -173,27 +174,27 @@ function Rt(n) {
   } }) }), e[41] = se) : se = e[41];
   const be = l === "h1" || void 0;
   let Y;
-  e[42] !== I ? (Y = () => {
-    I("h1");
-  }, e[42] = I, e[43] = Y) : Y = e[43];
+  e[42] !== k ? (Y = () => {
+    k("h1");
+  }, e[42] = k, e[43] = Y) : Y = e[43];
   let ae;
   e[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ae = /* @__PURE__ */ o(U, { fontWeight: "thin", fontSize: ".8rem", children: "H1" }), e[44] = ae) : ae = e[44];
   let X;
   e[45] !== be || e[46] !== Y ? (X = /* @__PURE__ */ o(V, { content: "Heading 1", children: /* @__PURE__ */ o(q, { "data-active": be, variant: "ghost", "aria-label": "Heading 1", size: "xs", onClick: Y, children: ae }) }), e[45] = be, e[46] = Y, e[47] = X) : X = e[47];
   const ve = l === "h2" || void 0;
   let Q;
-  e[48] !== I ? (Q = () => {
-    I("h2");
-  }, e[48] = I, e[49] = Q) : Q = e[49];
+  e[48] !== k ? (Q = () => {
+    k("h2");
+  }, e[48] = k, e[49] = Q) : Q = e[49];
   let ce;
   e[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ce = /* @__PURE__ */ o(U, { fontWeight: "thin", fontSize: ".8rem", children: "H2" }), e[50] = ce) : ce = e[50];
   let Z;
   e[51] !== ve || e[52] !== Q ? (Z = /* @__PURE__ */ o(V, { content: "Heading 2", children: /* @__PURE__ */ o(q, { "data-active": ve, variant: "ghost", "aria-label": "Heading 2", size: "xs", onClick: Q, children: ce }) }), e[51] = ve, e[52] = Q, e[53] = Z) : Z = e[53];
   const xe = l === "h3" || void 0;
   let J;
-  e[54] !== I ? (J = () => {
-    I("h3");
-  }, e[54] = I, e[55] = J) : J = e[55];
+  e[54] !== k ? (J = () => {
+    k("h3");
+  }, e[54] = k, e[55] = J) : J = e[55];
   let de;
   e[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (de = /* @__PURE__ */ o(U, { fontWeight: "thin", fontSize: ".8rem", children: "H3" }), e[56] = de) : de = e[56];
   let ee;
@@ -208,17 +209,17 @@ function Rt(n) {
   let fe;
   e[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (fe = /* @__PURE__ */ o(U, { fontWeight: "thin", fontSize: ".8rem", children: "•" }), e[61] = fe) : fe = e[61];
   let te;
-  e[62] !== P || e[63] !== _e ? (te = /* @__PURE__ */ o(V, { content: "Bulleted List", children: /* @__PURE__ */ o(q, { "data-active": _e, variant: "ghost", "aria-label": "Bulleted List", size: "xs", onClick: P, children: fe }) }), e[62] = P, e[63] = _e, e[64] = te) : te = e[64];
+  e[62] !== W || e[63] !== _e ? (te = /* @__PURE__ */ o(V, { content: "Bulleted List", children: /* @__PURE__ */ o(q, { "data-active": _e, variant: "ghost", "aria-label": "Bulleted List", size: "xs", onClick: W, children: fe }) }), e[62] = W, e[63] = _e, e[64] = te) : te = e[64];
   const ye = l === "number" || void 0;
   let pe;
   e[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pe = /* @__PURE__ */ o(U, { fontWeight: "thin", fontSize: ".8rem", children: "1." }), e[65] = pe) : pe = e[65];
   let oe;
-  e[66] !== _ || e[67] !== ye ? (oe = /* @__PURE__ */ o(V, { content: "Numbered List", children: /* @__PURE__ */ o(q, { "data-active": ye, variant: "ghost", "aria-label": "Numbered List", size: "xs", onClick: _, children: pe }) }), e[66] = _, e[67] = ye, e[68] = oe) : oe = e[68];
+  e[66] !== y || e[67] !== ye ? (oe = /* @__PURE__ */ o(V, { content: "Numbered List", children: /* @__PURE__ */ o(q, { "data-active": ye, variant: "ghost", "aria-label": "Numbered List", size: "xs", onClick: y, children: pe }) }), e[66] = y, e[67] = ye, e[68] = oe) : oe = e[68];
   let ne;
-  e[69] !== f || e[70] !== T || e[71] !== W || e[72] !== X || e[73] !== Z || e[74] !== ee || e[75] !== te || e[76] !== oe ? (ne = /* @__PURE__ */ ge(Se, { direction: "row", gap: "0.5", alignItems: "center", children: [
-    f,
-    T,
-    W,
+  e[69] !== m || e[70] !== c || e[71] !== z || e[72] !== X || e[73] !== Z || e[74] !== ee || e[75] !== te || e[76] !== oe ? (ne = /* @__PURE__ */ ge(Se, { direction: "row", gap: "0.5", alignItems: "center", children: [
+    m,
+    c,
+    z,
     se,
     X,
     Z,
@@ -226,31 +227,31 @@ function Rt(n) {
     me,
     te,
     oe
-  ] }), e[69] = f, e[70] = T, e[71] = W, e[72] = X, e[73] = Z, e[74] = ee, e[75] = te, e[76] = oe, e[77] = ne) : ne = e[77];
+  ] }), e[69] = m, e[70] = c, e[71] = z, e[72] = X, e[73] = Z, e[74] = ee, e[75] = te, e[76] = oe, e[77] = ne) : ne = e[77];
   let ue;
-  return e[78] !== u || e[79] !== ne ? (ue = /* @__PURE__ */ o("div", { ref: d, className: u, children: ne }), e[78] = u, e[79] = ne, e[80] = ue) : ue = e[80], ue;
+  return e[78] !== C || e[79] !== ne ? (ue = /* @__PURE__ */ o("div", { ref: d, className: C, children: ne }), e[78] = C, e[79] = ne, e[80] = ue) : ue = e[80], ue;
 }
-function kt() {
+function Lt() {
   const n = ie();
-  qe(n, Lt);
+  qe(n, It);
 }
-function Lt() {
+function It() {
   return ft();
 }
-function It(n, e) {
-  const t = re(7), [i, g] = K(!1);
-  let r;
-  t[0] !== e || t[1] !== n || t[2] !== i ? (r = /* @__PURE__ */ o(Rt, { editor: n, anchorElem: e, isToolbarActive: i, setIsToolbarActive: g }), t[0] = e, t[1] = n, t[2] = i, t[3] = r) : r = t[3];
+function Mt(n, e) {
+  const t = re(7), [i, h] = K(!1);
+  let a;
+  t[0] !== e || t[1] !== n || t[2] !== i ? (a = /* @__PURE__ */ o(kt, { editor: n, anchorElem: e, isToolbarActive: i, setIsToolbarActive: h }), t[0] = e, t[1] = n, t[2] = i, t[3] = a) : a = t[3];
   let d;
-  return t[4] !== e || t[5] !== r ? (d = ht(r, e), t[4] = e, t[5] = r, t[6] = d) : d = t[6], d;
+  return t[4] !== e || t[5] !== a ? (d = ht(a, e), t[4] = e, t[5] = a, t[6] = d) : d = t[6], d;
 }
 function Ke(n) {
   const {
     anchorElem: e
   } = n, t = e === void 0 ? document.body : e, [i] = it();
-  return It(i, t);
+  return Mt(i, t);
 }
-function Mt() {
+function At() {
   const n = re(1);
   let e;
   return n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o("style", { children: `
@@ -289,159 +290,163 @@ function Mt() {
         }
       ` }), n[0] = e) : e = n[0], e;
 }
-function ro(n) {
+function ao(n) {
   const e = re(37), {
     roomId: t,
     wsUrl: i,
-    wsParams: g,
-    userName: r,
+    wsParams: h,
+    userName: a,
     userColor: d,
     placeholder: l
   } = n;
-  let S;
-  e[0] !== g ? (S = g === void 0 ? {} : g, e[0] = g, e[1] = S) : S = e[1];
-  const s = S, x = r === void 0 ? "Anonymous" : r, F = d === void 0 ? "#30bced" : d, j = ke(null), [D, G] = K(null), [L, I] = K(!1);
   let E;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = new tt.Doc(), e[2] = E) : E = e[2];
-  const P = E;
-  let p;
-  if (e[3] !== t || e[4] !== s || e[5] !== i) {
-    p = new et(i, t, P, {
-      params: s,
+  e[0] !== h ? (E = h === void 0 ? {} : h, e[0] = h, e[1] = E) : E = e[1];
+  const w = E, R = a === void 0 ? "Anonymous" : a, g = d === void 0 ? "#30bced" : d, j = Le(null), [D, G] = K(null), [O, k] = K(!1);
+  let L;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = new tt.Doc(), e[2] = L) : L = e[2];
+  const W = L;
+  let _;
+  if (e[3] !== t || e[4] !== w || e[5] !== i) {
+    _ = new et(i, t, W, {
+      params: w,
       connect: !1
     });
-    let z;
-    e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = (W) => {
-      W && I(!0);
-    }, e[7] = z) : z = e[7], p.on("sync", z), e[3] = t, e[4] = s, e[5] = i, e[6] = p;
+    let $;
+    e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = (z) => {
+      z && k(!0);
+    }, e[7] = $) : $ = e[7], _.on("sync", $), e[3] = t, e[4] = w, e[5] = i, e[6] = _;
   } else
-    p = e[6];
-  const _ = p;
-  let M, O;
-  e[8] !== _ ? (M = () => (_.connect(), () => {
-    _.disconnect();
-  }), O = [_], e[8] = _, e[9] = M, e[10] = O) : (M = e[9], O = e[10]), le(M, O);
-  let w, c;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => {
+    _ = e[6];
+  const y = _;
+  let b, F;
+  e[8] !== y ? (b = () => (y.connect(), () => {
+    y.disconnect();
+  }), F = [y], e[8] = y, e[9] = b, e[10] = F) : (b = e[9], F = e[10]), le(b, F);
+  let A, r;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
     G(j.current);
-  }, c = [], e[11] = w, e[12] = c) : (w = e[11], c = e[12]), le(w, c);
-  let R;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = {
+  }, r = [], e[11] = A, e[12] = r) : (A = e[11], r = e[12]), le(A, r);
+  let I;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
     namespace: "COLLABORATIVE_EDITOR",
-    nodes: Be,
+    nodes: Ne,
     editorState: null,
-    onError: At,
+    onError: Bt,
     editable: !0,
-    theme: Ae
-  }, e[13] = R) : R = e[13];
-  const H = R;
-  let k;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ o(Mt, {}), e[14] = k) : k = e[14];
-  const A = _;
-  let u;
-  e[15] !== t || e[16] !== A || e[17] !== F || e[18] !== x ? (u = /* @__PURE__ */ o(Je, { id: t, doc: P, provider: A, __shouldBootstrapUnsafe: !1, username: x, cursorColor: F }), e[15] = t, e[16] = A, e[17] = F, e[18] = x, e[19] = u) : u = e[19];
-  let y, m, b, f, C;
-  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ o(je, {}), m = /* @__PURE__ */ o(We, {}), b = /* @__PURE__ */ o(ze, {}), f = /* @__PURE__ */ o(Ne, {}), C = /* @__PURE__ */ o(Pe, {}), e[20] = y, e[21] = m, e[22] = b, e[23] = f, e[24] = C) : (y = e[20], m = e[21], b = e[22], f = e[23], C = e[24]);
-  let v;
-  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ o(Oe, { fullWidth: !1 }), e[25] = v) : v = e[25];
-  let B;
-  e[26] !== l || e[27] !== L ? (B = L && l ? /* @__PURE__ */ o(He, { position: "absolute", top: "0", color: "fg.muted", pointerEvents: "none", userSelect: "none", textStyle: "paragraph/M/regular", children: l }) : null, e[26] = l, e[27] = L, e[28] = B) : B = e[28];
-  let T;
-  e[29] !== B ? (T = /* @__PURE__ */ o(Ue, { contentEditable: v, placeholder: B, ErrorBoundary: Fe }), e[29] = B, e[30] = T) : T = e[30];
-  let N;
-  e[31] !== D ? (N = D ? /* @__PURE__ */ o(Ke, { anchorElem: D }) : null, e[31] = D, e[32] = N) : N = e[32];
-  let $;
-  return e[33] !== u || e[34] !== T || e[35] !== N ? ($ = /* @__PURE__ */ ge($e, { ref: j, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: "100%", position: "relative", direction: "column", overflow: "hidden", children: [
-    k,
-    /* @__PURE__ */ o(De, { initialConfig: H, children: /* @__PURE__ */ ge(Ze, { children: [
-      u,
-      y,
-      m,
-      b,
-      f,
+    theme: Be
+  }, e[13] = I) : I = e[13];
+  const H = I;
+  let M;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ o(At, {}), e[14] = M) : M = e[14];
+  const B = y;
+  let C;
+  e[15] !== t || e[16] !== B || e[17] !== g || e[18] !== R ? (C = /* @__PURE__ */ o(Je, { id: t, doc: W, provider: B, __shouldBootstrapUnsafe: !1, username: R, cursorColor: g }), e[15] = t, e[16] = B, e[17] = g, e[18] = R, e[19] = C) : C = e[19];
+  let N, v, x, m, T;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ o(je, {}), v = /* @__PURE__ */ o(We, {}), x = /* @__PURE__ */ o(ze, {}), m = /* @__PURE__ */ o(Pe, {}), T = /* @__PURE__ */ o(Oe, {}), e[20] = N, e[21] = v, e[22] = x, e[23] = m, e[24] = T) : (N = e[20], v = e[21], x = e[22], m = e[23], T = e[24]);
+  let f;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ o(Fe, { fullWidth: !1 }), e[25] = f) : f = e[25];
+  let p;
+  e[26] !== l || e[27] !== O ? (p = O && l ? /* @__PURE__ */ o(He, { position: "absolute", top: "0", color: "fg.muted", pointerEvents: "none", userSelect: "none", textStyle: "paragraph/M/regular", children: l }) : null, e[26] = l, e[27] = O, e[28] = p) : p = e[28];
+  let c;
+  e[29] !== p ? (c = /* @__PURE__ */ o(Ue, { contentEditable: f, placeholder: p, ErrorBoundary: De }), e[29] = p, e[30] = c) : c = e[30];
+  let S;
+  e[31] !== D ? (S = D ? /* @__PURE__ */ o(Ke, { anchorElem: D }) : null, e[31] = D, e[32] = S) : S = e[32];
+  let P;
+  return e[33] !== C || e[34] !== c || e[35] !== S ? (P = /* @__PURE__ */ ge(ke, { ref: j, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: "100%", position: "relative", direction: "column", overflow: "visible", children: [
+    M,
+    /* @__PURE__ */ o($e, { initialConfig: H, children: /* @__PURE__ */ ge(Ze, { children: [
       C,
+      N,
+      v,
+      x,
+      m,
       T,
-      N
+      c,
+      S
     ] }) })
-  ] }), e[33] = u, e[34] = T, e[35] = N, e[36] = $) : $ = e[36], $;
+  ] }), e[33] = C, e[34] = c, e[35] = S, e[36] = P) : P = e[36], P;
 }
-function At(n) {
+function Bt(n) {
   return console.error(n);
 }
-function so(n) {
-  const e = re(38), {
-    debug: t,
-    defaultState: i,
-    isEditable: g,
-    placeholder: r,
-    onChange: d
-  } = n, l = t === void 0 ? !1 : t, S = i === void 0 ? "" : i, s = g === void 0 ? !1 : g;
-  let x;
-  e[0] !== S ? (x = Ye(S), e[0] = S, e[1] = x) : x = e[1];
+function co(n) {
+  const e = re(41), {
+    autoFocus: t,
+    debug: i,
+    defaultState: h,
+    isEditable: a,
+    placeholder: d,
+    onChange: l
+  } = n, E = t === void 0 ? !1 : t, w = i === void 0 ? !1 : i, R = h === void 0 ? "" : h, g = a === void 0 ? !1 : a;
+  let j;
+  e[0] !== R ? (j = Ye(R), e[0] = R, e[1] = j) : j = e[1];
   const {
-    frontmatter: F,
-    body: j
-  } = x, D = s && !!d, G = ke(null), [L, I] = K(null);
-  let E, P;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => {
-    I(G.current);
-  }, P = [], e[2] = E, e[3] = P) : (E = e[2], P = e[3]), le(E, P);
-  let p;
-  e[4] !== j ? (p = () => gt(j, Le, void 0, !1), e[4] = j, e[5] = p) : p = e[5];
-  let _;
-  e[6] !== s || e[7] !== p ? (_ = {
+    frontmatter: D,
+    body: G
+  } = j, O = g && !!l, k = Le(null), [L, W] = K(null);
+  let _, y;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
+    W(k.current);
+  }, y = [], e[2] = _, e[3] = y) : (_ = e[2], y = e[3]), le(_, y);
+  let b;
+  e[4] !== G ? (b = () => gt(G, Ie, void 0, !1), e[4] = G, e[5] = b) : b = e[5];
+  let F;
+  e[6] !== g || e[7] !== b ? (F = {
     namespace: "MARKDOWN_EDITOR",
-    nodes: Be,
-    editorState: p,
-    onError: Bt,
-    editable: s,
-    theme: Ae
-  }, e[6] = s, e[7] = p, e[8] = _) : _ = e[8];
-  const M = _;
-  let O, w, c, R, H, k;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ o(vt, {}), k = /* @__PURE__ */ o(je, {}), O = /* @__PURE__ */ o(We, {}), w = /* @__PURE__ */ o(ze, {}), c = /* @__PURE__ */ o(Ne, {}), R = /* @__PURE__ */ o(Pe, {}), e[9] = O, e[10] = w, e[11] = c, e[12] = R, e[13] = H, e[14] = k) : (O = e[9], w = e[10], c = e[11], R = e[12], H = e[13], k = e[14]);
-  let A;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = /* @__PURE__ */ o(Oe, { fullWidth: !1 }), e[15] = A) : A = e[15];
-  let u;
-  e[16] !== r ? (u = r ? /* @__PURE__ */ o(He, { position: "absolute", top: "0", color: "fg.muted", pointerEvents: "none", userSelect: "none", textStyle: "paragraph/M/regular", children: r }) : null, e[16] = r, e[17] = u) : u = e[17];
-  let y;
-  e[18] !== u ? (y = /* @__PURE__ */ o(Ue, { contentEditable: A, placeholder: u, ErrorBoundary: Fe }), e[18] = u, e[19] = y) : y = e[19];
+    nodes: Ne,
+    editorState: b,
+    onError: Nt,
+    editable: g,
+    theme: Be
+  }, e[6] = g, e[7] = b, e[8] = F) : F = e[8];
+  const A = F;
+  let r;
+  e[9] !== E ? (r = E ? /* @__PURE__ */ o(vt, {}) : null, e[9] = E, e[10] = r) : r = e[10];
+  let I, H, M, B, C, N;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ o(xt, {}), H = /* @__PURE__ */ o(je, {}), M = /* @__PURE__ */ o(We, {}), B = /* @__PURE__ */ o(ze, {}), C = /* @__PURE__ */ o(Pe, {}), N = /* @__PURE__ */ o(Oe, {}), e[11] = I, e[12] = H, e[13] = M, e[14] = B, e[15] = C, e[16] = N) : (I = e[11], H = e[12], M = e[13], B = e[14], C = e[15], N = e[16]);
+  let v;
+  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ o(Fe, { fullWidth: !1 }), e[17] = v) : v = e[17];
+  let x;
+  e[18] !== d ? (x = d ? /* @__PURE__ */ o(ke, { position: "absolute", top: "0", left: "0", right: "0", pointerEvents: "none", userSelect: "none", justifyContent: "center", children: /* @__PURE__ */ o(He, { width: "100%", maxWidth: "720px", color: "fg.muted", textStyle: "paragraph/M/regular", children: d }) }) : null, e[18] = d, e[19] = x) : x = e[19];
   let m;
-  e[20] !== L || e[21] !== s ? (m = s && L ? /* @__PURE__ */ o(Ke, { anchorElem: L }) : null, e[20] = L, e[21] = s, e[22] = m) : m = e[22];
-  let b;
-  e[23] !== F || e[24] !== d || e[25] !== D ? (b = D ? /* @__PURE__ */ o(xt, { ignoreSelectionChange: !0, ignoreHistoryMergeTagChange: !1, onChange: (B) => {
-    B.read(() => {
-      const T = ut(), N = bt(Le, T);
-      d?.(F + N);
-    });
-  } }) : null, e[23] = F, e[24] = d, e[25] = D, e[26] = b) : b = e[26];
+  e[20] !== x ? (m = /* @__PURE__ */ o(Ue, { contentEditable: v, placeholder: x, ErrorBoundary: De }), e[20] = x, e[21] = m) : m = e[21];
+  let T;
+  e[22] !== L || e[23] !== g ? (T = g && L ? /* @__PURE__ */ o(Ke, { anchorElem: L }) : null, e[22] = L, e[23] = g, e[24] = T) : T = e[24];
   let f;
-  e[27] !== s ? (f = /* @__PURE__ */ o(Xe, { isEditable: s }), e[27] = s, e[28] = f) : f = e[28];
-  let C;
-  e[29] !== l ? (C = l && /* @__PURE__ */ o(Qe, {}), e[29] = l, e[30] = C) : C = e[30];
-  let v;
-  return e[31] !== M || e[32] !== y || e[33] !== m || e[34] !== b || e[35] !== f || e[36] !== C ? (v = /* @__PURE__ */ o($e, { ref: G, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: "100%", position: "relative", direction: "column", overflow: "hidden", children: /* @__PURE__ */ ge(De, { initialConfig: M, children: [
+  e[25] !== D || e[26] !== l || e[27] !== O ? (f = O ? /* @__PURE__ */ o(_t, { ignoreSelectionChange: !0, ignoreHistoryMergeTagChange: !1, onChange: (P) => {
+    P.read(() => {
+      const $ = ut(), z = bt(Ie, $);
+      l?.(D + z);
+    });
+  } }) : null, e[25] = D, e[26] = l, e[27] = O, e[28] = f) : f = e[28];
+  let p;
+  e[29] !== g ? (p = /* @__PURE__ */ o(Xe, { isEditable: g }), e[29] = g, e[30] = p) : p = e[30];
+  let c;
+  e[31] !== w ? (c = w && /* @__PURE__ */ o(Qe, {}), e[31] = w, e[32] = c) : c = e[32];
+  let S;
+  return e[33] !== A || e[34] !== m || e[35] !== T || e[36] !== f || e[37] !== p || e[38] !== c || e[39] !== r ? (S = /* @__PURE__ */ o(ke, { ref: k, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: "100%", position: "relative", direction: "column", overflow: "visible", children: /* @__PURE__ */ ge($e, { initialConfig: A, children: [
+    r,
+    I,
     H,
-    k,
-    O,
-    w,
-    c,
-    R,
-    y,
+    M,
+    B,
+    C,
+    N,
     m,
-    b,
+    T,
     f,
-    C
-  ] }) }), e[31] = M, e[32] = y, e[33] = m, e[34] = b, e[35] = f, e[36] = C, e[37] = v) : v = e[37], v;
+    p,
+    c
+  ] }) }), e[33] = A, e[34] = m, e[35] = T, e[36] = f, e[37] = p, e[38] = c, e[39] = r, e[40] = S) : S = e[40], S;
 }
-function Bt(n) {
+function Nt(n) {
   return console.error(n);
 }
-function ao(n) {
+function mo(n) {
   const e = n.toLowerCase().trim();
   return e ? e.startsWith("image/") ? "image" : e === "application/pdf" ? "pdf" : e === "text/markdown" ? "markdown" : e === "text/csv" || e === "text/tab-separated-values" ? "table" : e === "application/json" ? "json" : (e.startsWith("text/") || e.startsWith("application/"), "text") : "text";
 }
-const Nt = {
+const Pt = {
   csv: "text/csv",
   tsv: "text/tab-separated-values",
   json: "application/json",
@@ -465,21 +470,21 @@ const Nt = {
   yml: "text/yaml",
   yaml: "text/yaml"
 };
-function co(n) {
+function fo(n) {
   const t = (n.split("?")[0]?.split("#")[0] ?? "").split(".").pop()?.toLowerCase();
-  return t ? Nt[t] ?? null : null;
+  return t ? Pt[t] ?? null : null;
 }
 export {
-  ro as CollaborativeMarkdownEditor,
-  po as DefaultRichTextCodeEditor,
-  uo as DefaultRichTextDataTable,
-  so as MarkdownEditor,
-  ho as MarkdownPreview,
-  go as PromptEditor,
-  bo as RichMessage,
-  vo as generateEditorStateFromString,
-  xo as getTextFromSerializedEditorState,
-  ao as inferResourceTypeFromMediaType,
-  co as mediaTypeFromPath
+  ao as CollaborativeMarkdownEditor,
+  ho as DefaultRichTextCodeEditor,
+  go as DefaultRichTextDataTable,
+  co as MarkdownEditor,
+  bo as MarkdownPreview,
+  vo as PromptEditor,
+  xo as RichMessage,
+  _o as generateEditorStateFromString,
+  yo as getTextFromSerializedEditorState,
+  mo as inferResourceTypeFromMediaType,
+  fo as mediaTypeFromPath
 };
 //# sourceMappingURL=rich-text.js.map