@pstdio/ui 0.3.0 → 0.4.0

package/dist/rich-text.js

@@ -1,44 +1,45 @@
-import { jsx as t, jsxs as K } from "react/jsx-runtime";
+import { jsx as t, jsxs as Z } from "react/jsx-runtime";
 import { c as Y } from "react/compiler-runtime";
-import { e as le, a as ae, I as se, E as ce, C as de, s as Te, b as oe, T as ye, c as Ee } from "./rich-message-ZT2CEiwt.js";
-import { D as jt, d as Wt, R as Ut, P as qt, R as Vt, g as Kt, f as Gt } from "./rich-message-ZT2CEiwt.js";
-import { Stack as Q, IconButton as D, Text as W, Box as me, Flex as te } from "@chakra-ui/react";
-import { LexicalCollaboration as _e } from "@lexical/react/LexicalCollaborationContext";
-import { CollaborationPluginV2__EXPERIMENTAL as Se } from "@lexical/react/LexicalCollaborationPlugin";
-import { LexicalComposer as fe } from "@lexical/react/LexicalComposer";
-import { LexicalErrorBoundary as ue } from "@lexical/react/LexicalErrorBoundary";
-import { HorizontalRulePlugin as pe } from "@lexical/react/LexicalHorizontalRulePlugin";
-import { LinkPlugin as he } from "@lexical/react/LexicalLinkPlugin";
-import { ListPlugin as ge } from "@lexical/react/LexicalListPlugin";
-import { RichTextPlugin as be } from "@lexical/react/LexicalRichTextPlugin";
-import { useState as k, useRef as G, useEffect as q } from "react";
-import { WebsocketProvider as we } from "y-websocket";
-import * as Re from "yjs";
-import { INSERT_UNORDERED_LIST_COMMAND as Le, REMOVE_LIST_COMMAND as ne, INSERT_ORDERED_LIST_COMMAND as ke, $isListNode as Z } from "@lexical/list";
-import { useLexicalComposerContext as Me } from "@lexical/react/LexicalComposerContext";
-import { $createHeadingNode as Ie, $isHeadingNode as Pe } from "@lexical/rich-text";
-import { $setBlocksType as ie } from "@lexical/selection";
-import { mergeRegister as Be, $findMatchingParent as ve } from "@lexical/utils";
-import { $getSelection as U, $isRangeSelection as J, SELECTION_CHANGE_COMMAND as Ne, COMMAND_PRIORITY_CRITICAL as Ae, CLICK_COMMAND as Oe, COMMAND_PRIORITY_HIGH as Fe, FORMAT_TEXT_COMMAND as ee, $createParagraphNode as He, $isRootOrShadowRoot as De, $getRoot as ze } from "lexical";
-import { List as $e, ListOrdered as je } from "lucide-react";
-import { createPortal as We } from "react-dom";
-import { T as z } from "./tooltip-Dze4WXVl.js";
-import { $convertFromMarkdownString as Ue, $convertToMarkdownString as qe } from "@lexical/markdown";
-import { AutoFocusPlugin as Ve } from "@lexical/react/LexicalAutoFocusPlugin";
-import { HistoryPlugin as Ke } from "@lexical/react/LexicalHistoryPlugin";
-import { OnChangePlugin as Ge } from "@lexical/react/LexicalOnChangePlugin";
-const Ye = 10, Xe = 5;
-function re(o, e, n, a = Ye, c = Xe) {
-  const l = n.parentElement;
-  if (o === null || !l) {
+import { e as ae, a as se, I as ce, E as de, C as me, s as _e, b as ie, T as Se, c as Re } from "./rich-message-Bad4GxH2.js";
+import { D as Qt, d as Zt, R as Jt, P as eo, R as to, g as oo, f as no } from "./rich-message-Bad4GxH2.js";
+import { Stack as we, IconButton as D, Text as K, Box as fe, Flex as ne } from "@chakra-ui/react";
+import { LexicalCollaboration as ke } from "@lexical/react/LexicalCollaborationContext";
+import { CollaborationPluginV2__EXPERIMENTAL as Le } from "@lexical/react/LexicalCollaborationPlugin";
+import { LexicalComposer as ue } from "@lexical/react/LexicalComposer";
+import { LexicalErrorBoundary as pe } from "@lexical/react/LexicalErrorBoundary";
+import { HorizontalRulePlugin as he } from "@lexical/react/LexicalHorizontalRulePlugin";
+import { LinkPlugin as ge } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin as be } from "@lexical/react/LexicalListPlugin";
+import { RichTextPlugin as ve } from "@lexical/react/LexicalRichTextPlugin";
+import { useState as k, useRef as J, useEffect as G } from "react";
+import { WebsocketProvider as Me } from "y-websocket";
+import * as Ie from "yjs";
+import { $isListNode as ee, REMOVE_LIST_COMMAND as Pe, INSERT_CHECK_LIST_COMMAND as Ne, INSERT_ORDERED_LIST_COMMAND as Ae, INSERT_UNORDERED_LIST_COMMAND as Be } from "@lexical/list";
+import { useLexicalComposerContext as Oe } from "@lexical/react/LexicalComposerContext";
+import { $isHeadingNode as He, $createHeadingNode as Fe } from "@lexical/rich-text";
+import { $setBlocksType as De } from "@lexical/selection";
+import { $findMatchingParent as xe, mergeRegister as ze } from "@lexical/utils";
+import { $isRootOrShadowRoot as $e, $getSelection as Q, $isRangeSelection as te, SELECTION_CHANGE_COMMAND as je, COMMAND_PRIORITY_CRITICAL as We, CLICK_COMMAND as Ue, COMMAND_PRIORITY_HIGH as qe, FORMAT_TEXT_COMMAND as oe, $createParagraphNode as Ke, $getRoot as Ve } from "lexical";
+import { List as Ge, ListOrdered as Ye, ListTodo as Xe } from "lucide-react";
+import { createPortal as Qe } from "react-dom";
+import { T as z } from "./get-file-type-icon-CirIyuE8.js";
+import { $convertFromMarkdownString as Ze, $convertToMarkdownString as Je } from "@lexical/markdown";
+import { AutoFocusPlugin as et } from "@lexical/react/LexicalAutoFocusPlugin";
+import { CheckListPlugin as tt } from "@lexical/react/LexicalCheckListPlugin";
+import { HistoryPlugin as ot } from "@lexical/react/LexicalHistoryPlugin";
+import { OnChangePlugin as nt } from "@lexical/react/LexicalOnChangePlugin";
+const it = 10, rt = 5;
+function re(o, e, i, l = it, c = rt) {
+  const a = i.parentElement;
+  if (o === null || !a) {
     e.style.opacity = "0", e.style.transform = "translate(-10000px, -10000px)";
     return;
   }
-  const s = e.getBoundingClientRect(), f = n.getBoundingClientRect(), u = l.getBoundingClientRect();
-  let p = o.top - a, h = o.left - c;
-  p < u.top && (p += s.height + o.height + a * 2), h + s.width > u.right && (h = u.right - s.width - c), p -= f.top, h -= f.left, e.style.opacity = "1", e.style.transform = `translate(${h}px, ${p}px)`;
+  const f = e.getBoundingClientRect(), d = i.getBoundingClientRect(), s = a.getBoundingClientRect();
+  let h = o.top - l, g = o.left - c;
+  h < s.top && (h += f.height + o.height + l * 2), g + f.width > s.right && (g = s.right - f.width - c), h -= d.top, g -= d.left, e.style.opacity = "1", e.style.transform = `translate(${g}px, ${h}px)`;
 }
-const Qe = -4, Ze = {
+const lt = {
   bullet: "Bulleted List",
   check: "Check List",
   code: "Code Block",
@@ -51,129 +52,128 @@ const Qe = -4, Ze = {
   number: "Numbered List",
   paragraph: "Normal",
   quote: "Quote"
-}, Je = (o) => o in Ze ? o : null, et = (o) => (o.getKey() === "root" ? o : ve(o, (n) => {
-  const a = n.getParent();
-  return a !== null && De(a);
-})) ?? o.getTopLevelElementOrThrow(), tt = (o) => {
-  const e = et(o);
-  if (Z(e))
+}, at = (o) => o in lt ? o : null, st = (o) => (o.getKey() === "root" ? o : xe(o, (i) => {
+  const l = i.getParent();
+  return l !== null && $e(l);
+})) ?? o.getTopLevelElementOrThrow(), ct = (o) => {
+  const e = st(o);
+  if (ee(e))
     return e.getListType();
-  const n = ve(o, (c) => Z(c));
-  if (n !== null && Z(n))
-    return n.getListType();
-  const a = Pe(e) ? e.getTag() : e.getType();
-  return Je(a);
-};
-function ot({
+  const i = xe(o, (c) => ee(c));
+  if (i !== null && ee(i))
+    return i.getListType();
+  const l = He(e) ? e.getTag() : e.getType();
+  return at(l);
+}, dt = -4;
+function le() {
+  const o = Y(1);
+  let e;
+  return o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t("span", { style: {
+    display: "inline-flex",
+    height: "1rem",
+    margin: "0 0.25rem",
+    borderLeft: "1px solid var(--chakra-colors-border-muted)"
+  } }), o[0] = e) : e = o[0], e;
+}
+function mt({
   editor: o,
   anchorElem: e,
-  isToolbarActive: n,
-  setIsToolbarActive: a
+  isToolbarActive: i,
+  setIsToolbarActive: l
 }) {
-  const c = G(null), [l, s] = k("paragraph"), [f, u] = k(!1), [p, h] = k(!1), [d, M] = k(!1), g = G(() => {
-  }), I = (r) => {
-    if (l !== r) {
-      o.update(() => {
-        const i = U();
-        ie(i, () => Ie(r));
-      });
-      return;
-    }
+  const c = J(null), [a, f] = k("paragraph"), [d, s] = k(!1), [h, g] = k(!1), [L, u] = k(!1), p = J(() => {
+  }), R = (n) => {
     o.update(() => {
-      const i = U();
-      ie(i, () => He());
+      const r = Q();
+      De(r, a === n ? Ke : () => Fe(n));
     });
-  }, P = () => {
-    l !== "bullet" ? o.dispatchCommand(Le, void 0) : o.dispatchCommand(ne, void 0);
-  }, $ = () => {
-    l !== "number" ? o.dispatchCommand(ke, void 0) : o.dispatchCommand(ne, void 0);
-  }, v = () => {
-    const r = U();
-    if (!J(r)) return;
-    u(r.hasFormat("bold")), h(r.hasFormat("italic")), M(r.hasFormat("underline"));
-    const i = tt(r.anchor.getNode());
-    i && s(i);
+  }, T = (n) => {
+    if (a === n) {
+      o.dispatchCommand(Pe, void 0);
+      return;
+    }
+    const r = {
+      bullet: Be,
+      number: Ae,
+      check: Ne
+    }[n];
+    o.dispatchCommand(r, void 0);
+  }, W = () => {
+    const n = Q();
+    if (!te(n)) return;
+    s(n.hasFormat("bold")), g(n.hasFormat("italic")), u(n.hasFormat("underline"));
+    const r = ct(n.anchor.getNode());
+    r && f(r);
   };
-  return g.current = () => {
-    const r = U(), i = c.current, b = window.getSelection();
-    if (i === null)
+  return p.current = () => {
+    const n = Q(), r = c.current, m = window.getSelection();
+    if (r === null)
       return;
-    const m = o.getRootElement();
-    if (r !== null && J(r) && !r.isCollapsed() && b !== null && !b.isCollapsed && m !== null && m.contains(b.anchorNode) && o.isEditable()) {
-      const x = b.getRangeAt(0).getBoundingClientRect();
-      if (x) {
-        const L = new DOMRect(x.left, x.bottom, 0, 0);
-        re(L, i, e, Qe);
+    const M = o.getRootElement();
+    if (n !== null && te(n) && !n.isCollapsed() && m !== null && !m.isCollapsed && M?.contains(m.anchorNode) && o.isEditable()) {
+      const b = m.getRangeAt(0).getBoundingClientRect();
+      if (b) {
+        const y = new DOMRect(b.left, b.bottom, 0, 0);
+        re(y, r, e, dt);
       }
-      a(!0);
+      l(!0);
     } else
-      m !== null && re(null, i, e), a(!1);
-    return v(), !0;
-  }, q(() => {
-    const r = e.parentElement, i = () => {
+      M !== null && re(null, r, e), l(!1);
+    return W(), !0;
+  }, G(() => {
+    const n = e.parentElement, r = () => {
       o.getEditorState().read(() => {
-        g.current();
+        p.current();
       });
     };
-    return window.addEventListener("resize", i), r && r.addEventListener("scroll", i), () => {
-      window.removeEventListener("resize", i), r && r.removeEventListener("scroll", i);
+    return window.addEventListener("resize", r), n && n.addEventListener("scroll", r), () => {
+      window.removeEventListener("resize", r), n && n.removeEventListener("scroll", r);
     };
-  }, [e, o]), q(() => Be(o.registerUpdateListener(({
-    editorState: r
+  }, [e, o]), G(() => ze(o.registerUpdateListener(({
+    editorState: n
   }) => {
-    r.read(() => {
-      g.current();
+    n.read(() => {
+      p.current();
     });
-  }), o.registerCommand(Ne, (r) => (g.current(), !1), Ae), o.registerCommand(Oe, (r) => {
-    const i = U();
-    return J(i) && g.current(), !1;
-  }, Fe)), [o]), /* @__PURE__ */ t("div", { ref: c, className: `floating-text-format-toolbar ${n ? "active" : ""}`, children: /* @__PURE__ */ K(Q, { direction: "row", gap: "0.5", alignItems: "center", children: [
-    /* @__PURE__ */ t(z, { content: "Bold", children: /* @__PURE__ */ t(D, { "data-active": f || void 0, onClick: () => {
-      o.dispatchCommand(ee, "bold");
-    }, variant: "ghost", "aria-label": "Bold", size: "xs", children: /* @__PURE__ */ t(W, { fontWeight: "bold", fontSize: ".75rem", children: "B" }) }) }),
-    /* @__PURE__ */ t(z, { content: "Italic", children: /* @__PURE__ */ t(D, { "data-active": p || void 0, onClick: () => {
-      o.dispatchCommand(ee, "italic");
-    }, variant: "ghost", "aria-label": "Italic", size: "xs", children: /* @__PURE__ */ t(W, { fontStyle: "italic", fontSize: ".75rem", children: "I" }) }) }),
-    /* @__PURE__ */ t(z, { content: "Underline", children: /* @__PURE__ */ t(D, { "data-active": d || void 0, onClick: () => {
-      o.dispatchCommand(ee, "underline");
-    }, variant: "ghost", "aria-label": "Underline", size: "xs", children: /* @__PURE__ */ t(W, { textDecoration: "underline", fontSize: ".75rem", children: "U" }) }) }),
-    /* @__PURE__ */ t(Q, { as: "span", height: "1rem", mx: "0.5", children: /* @__PURE__ */ t("span", { style: {
-      borderLeft: "1px solid",
-      height: "100%",
-      borderColor: "var(--chakra-colors-border-muted)"
-    } }) }),
-    /* @__PURE__ */ t(z, { content: "Heading 1", children: /* @__PURE__ */ t(D, { "data-active": l === "h1" || void 0, variant: "ghost", "aria-label": "Heading 1", size: "xs", onClick: () => {
-      I("h1");
-    }, children: /* @__PURE__ */ t(W, { fontWeight: "thin", fontSize: ".8rem", children: "H1" }) }) }),
-    /* @__PURE__ */ t(z, { content: "Heading 2", children: /* @__PURE__ */ t(D, { "data-active": l === "h2" || void 0, variant: "ghost", "aria-label": "Heading 2", size: "xs", onClick: () => {
-      I("h2");
-    }, children: /* @__PURE__ */ t(W, { fontWeight: "thin", fontSize: ".8rem", children: "H2" }) }) }),
-    /* @__PURE__ */ t(z, { content: "Heading 3", children: /* @__PURE__ */ t(D, { "data-active": l === "h3" || void 0, variant: "ghost", "aria-label": "Heading 3", size: "xs", onClick: () => {
-      I("h3");
-    }, children: /* @__PURE__ */ t(W, { fontWeight: "thin", fontSize: ".8rem", children: "H3" }) }) }),
-    /* @__PURE__ */ t(Q, { as: "span", height: "1rem", mx: "0.5", children: /* @__PURE__ */ t("span", { style: {
-      borderLeft: "1px solid",
-      height: "100%",
-      borderColor: "var(--chakra-colors-border-muted)"
-    } }) }),
-    /* @__PURE__ */ t(z, { content: "Bulleted List", children: /* @__PURE__ */ t(D, { "data-active": l === "bullet" || void 0, variant: "ghost", "aria-label": "Bulleted List", size: "xs", onClick: P, children: /* @__PURE__ */ t($e, { size: 14 }) }) }),
-    /* @__PURE__ */ t(z, { content: "Numbered List", children: /* @__PURE__ */ t(D, { "data-active": l === "number" || void 0, variant: "ghost", "aria-label": "Numbered List", size: "xs", onClick: $, children: /* @__PURE__ */ t(je, { size: 14 }) }) })
+  }), o.registerCommand(je, (n) => (p.current(), !1), We), o.registerCommand(Ue, (n) => {
+    const r = Q();
+    return te(r) && p.current(), !1;
+  }, qe)), [o]), /* @__PURE__ */ t("div", { ref: c, className: `floating-text-format-toolbar ${i ? "active" : ""}`, children: /* @__PURE__ */ Z(we, { direction: "row", gap: "0.5", alignItems: "center", children: [
+    /* @__PURE__ */ t(z, { content: "Bold", children: /* @__PURE__ */ t(D, { "data-active": d || void 0, onClick: () => {
+      o.dispatchCommand(oe, "bold");
+    }, variant: "ghost", "aria-label": "Bold", size: "xs", children: /* @__PURE__ */ t(K, { fontWeight: "bold", fontSize: ".75rem", children: "B" }) }) }),
+    /* @__PURE__ */ t(z, { content: "Italic", children: /* @__PURE__ */ t(D, { "data-active": h || void 0, onClick: () => {
+      o.dispatchCommand(oe, "italic");
+    }, variant: "ghost", "aria-label": "Italic", size: "xs", children: /* @__PURE__ */ t(K, { fontStyle: "italic", fontSize: ".75rem", children: "I" }) }) }),
+    /* @__PURE__ */ t(z, { content: "Underline", children: /* @__PURE__ */ t(D, { "data-active": L || void 0, onClick: () => {
+      o.dispatchCommand(oe, "underline");
+    }, variant: "ghost", "aria-label": "Underline", size: "xs", children: /* @__PURE__ */ t(K, { textDecoration: "underline", fontSize: ".75rem", children: "U" }) }) }),
+    /* @__PURE__ */ t(le, {}),
+    /* @__PURE__ */ t(z, { content: "Heading 1", children: /* @__PURE__ */ t(D, { "data-active": a === "h1" || void 0, variant: "ghost", "aria-label": "Heading 1", size: "xs", onClick: () => {
+      R("h1");
+    }, children: /* @__PURE__ */ t(K, { fontWeight: "thin", fontSize: ".8rem", children: "H1" }) }) }),
+    /* @__PURE__ */ t(z, { content: "Heading 2", children: /* @__PURE__ */ t(D, { "data-active": a === "h2" || void 0, variant: "ghost", "aria-label": "Heading 2", size: "xs", onClick: () => {
+      R("h2");
+    }, children: /* @__PURE__ */ t(K, { fontWeight: "thin", fontSize: ".8rem", children: "H2" }) }) }),
+    /* @__PURE__ */ t(z, { content: "Heading 3", children: /* @__PURE__ */ t(D, { "data-active": a === "h3" || void 0, variant: "ghost", "aria-label": "Heading 3", size: "xs", onClick: () => {
+      R("h3");
+    }, children: /* @__PURE__ */ t(K, { fontWeight: "thin", fontSize: ".8rem", children: "H3" }) }) }),
+    /* @__PURE__ */ t(le, {}),
+    /* @__PURE__ */ t(z, { content: "Bulleted List", children: /* @__PURE__ */ t(D, { "data-active": a === "bullet" || void 0, variant: "ghost", "aria-label": "Bulleted List", size: "xs", onClick: () => T("bullet"), children: /* @__PURE__ */ t(Ge, { size: 14 }) }) }),
+    /* @__PURE__ */ t(z, { content: "Numbered List", children: /* @__PURE__ */ t(D, { "data-active": a === "number" || void 0, variant: "ghost", "aria-label": "Numbered List", size: "xs", onClick: () => T("number"), children: /* @__PURE__ */ t(Ye, { size: 14 }) }) }),
+    /* @__PURE__ */ t(z, { content: "Check List", children: /* @__PURE__ */ t(D, { "data-active": a === "check" || void 0, variant: "ghost", "aria-label": "Check List", size: "xs", onClick: () => T("check"), children: /* @__PURE__ */ t(Xe, { size: 14 }) }) })
   ] }) });
 }
-function nt(o, e) {
-  const n = Y(7), [a, c] = k(!1);
-  let l;
-  n[0] !== e || n[1] !== o || n[2] !== a ? (l = /* @__PURE__ */ t(ot, { editor: o, anchorElem: e, isToolbarActive: a, setIsToolbarActive: c }), n[0] = e, n[1] = o, n[2] = a, n[3] = l) : l = n[3];
+function Ce(o) {
+  const e = Y(7), {
+    anchorElem: i
+  } = o, l = i === void 0 ? document.body : i, [c] = Oe(), [a, f] = k(!1);
+  let d;
+  e[0] !== l || e[1] !== c || e[2] !== a ? (d = /* @__PURE__ */ t(mt, { editor: c, anchorElem: l, isToolbarActive: a, setIsToolbarActive: f }), e[0] = l, e[1] = c, e[2] = a, e[3] = d) : d = e[3];
   let s;
-  return n[4] !== e || n[5] !== l ? (s = We(l, e), n[4] = e, n[5] = l, n[6] = s) : s = n[6], s;
+  return e[4] !== l || e[5] !== d ? (s = Qe(d, l), e[4] = l, e[5] = d, e[6] = s) : s = e[6], s;
 }
-function xe(o) {
-  const {
-    anchorElem: e
-  } = o, n = e === void 0 ? document.body : e, [a] = Me();
-  return nt(a, n);
-}
-function it() {
+function ft() {
   const o = Y(1);
   let e;
   return o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t("style", { children: `
@@ -212,161 +212,165 @@ function it() {
         }
       ` }), o[0] = e) : e = o[0], e;
 }
-function Ot(o) {
+function qt(o) {
   const e = Y(37), {
-    roomId: n,
-    wsUrl: a,
+    roomId: i,
+    wsUrl: l,
     wsParams: c,
-    userName: l,
-    userColor: s,
-    placeholder: f
+    userName: a,
+    userColor: f,
+    placeholder: d
   } = o;
-  let u;
-  e[0] !== c ? (u = c === void 0 ? {} : c, e[0] = c, e[1] = u) : u = e[1];
-  const p = u, h = l === void 0 ? "Anonymous" : l, d = s === void 0 ? "#30bced" : s, M = G(null), [g, I] = k(null), [P, $] = k(!1), [v] = k(lt);
+  let s;
+  e[0] !== c ? (s = c === void 0 ? {} : c, e[0] = c, e[1] = s) : s = e[1];
+  const h = s, g = a === void 0 ? "Anonymous" : a, L = f === void 0 ? "#30bced" : f, u = J(null), [p, R] = k(null), [T, W] = k(!1), [n] = k(pt);
   let r;
-  e[2] !== v || e[3] !== n || e[4] !== p || e[5] !== a ? (r = () => {
-    const V = new we(a, n, v, {
-      params: p,
+  e[2] !== n || e[3] !== i || e[4] !== h || e[5] !== l ? (r = () => {
+    const F = new Me(l, i, n, {
+      params: h,
       connect: !1
     });
-    return V.on("sync", (X) => {
-      X && $(!0);
-    }), V;
-  }, e[2] = v, e[3] = n, e[4] = p, e[5] = a, e[6] = r) : r = e[6];
-  const [i] = k(r);
-  let b, m;
-  e[7] !== i ? (b = () => (i.connect(), () => {
-    i.disconnect();
-  }), m = [i], e[7] = i, e[8] = b, e[9] = m) : (b = e[8], m = e[9]), q(b, m);
-  let x, L;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
-    I(M.current);
-  }, L = [], e[10] = x, e[11] = L) : (x = e[10], L = e[11]), q(x, L);
-  let E;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = {
+    return F.on("sync", (j) => {
+      j && W(!0);
+    }), F;
+  }, e[2] = n, e[3] = i, e[4] = h, e[5] = l, e[6] = r) : r = e[6];
+  const [m] = k(r);
+  let M, b;
+  e[7] !== m ? (M = () => (m.connect(), () => {
+    m.disconnect();
+  }), b = [m], e[7] = m, e[8] = M, e[9] = b) : (M = e[8], b = e[9]), G(M, b);
+  let y, E;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
+    R(u.current);
+  }, E = [], e[10] = y, e[11] = E) : (y = e[10], E = e[11]), G(y, E);
+  let I;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = {
     namespace: "COLLABORATIVE_EDITOR",
-    nodes: ae,
+    nodes: se,
     editorState: null,
-    onError: rt,
+    onError: ut,
     editable: !0,
-    theme: le
-  }, e[12] = E) : E = e[12];
-  const j = E;
-  let B;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ t(it, {}), e[13] = B) : B = e[13];
-  const H = i;
+    theme: ae
+  }, e[12] = I) : I = e[12];
+  const V = I;
+  let $;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ t(ft, {}), e[13] = $) : $ = e[13];
+  const w = m;
   let _;
-  e[14] !== v || e[15] !== n || e[16] !== H || e[17] !== d || e[18] !== h ? (_ = /* @__PURE__ */ t(Se, { id: n, doc: v, provider: H, __shouldBootstrapUnsafe: !1, username: h, cursorColor: d }), e[14] = v, e[15] = n, e[16] = H, e[17] = d, e[18] = h, e[19] = _) : _ = e[19];
-  let N, A, O, S, w;
-  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ t(he, {}), A = /* @__PURE__ */ t(ge, {}), O = /* @__PURE__ */ t(pe, {}), S = /* @__PURE__ */ t(se, {}), w = /* @__PURE__ */ t(ce, {}), e[20] = N, e[21] = A, e[22] = O, e[23] = S, e[24] = w) : (N = e[20], A = e[21], O = e[22], S = e[23], w = e[24]);
-  let R;
-  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ t(de, { fullWidth: !1 }), e[25] = R) : R = e[25];
+  e[14] !== n || e[15] !== i || e[16] !== w || e[17] !== L || e[18] !== g ? (_ = /* @__PURE__ */ t(Le, { id: i, doc: n, provider: w, __shouldBootstrapUnsafe: !1, username: g, cursorColor: L }), e[14] = n, e[15] = i, e[16] = w, e[17] = L, e[18] = g, e[19] = _) : _ = e[19];
+  let P, N, A, B, O;
+  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ t(ge, {}), N = /* @__PURE__ */ t(be, {}), A = /* @__PURE__ */ t(he, {}), B = /* @__PURE__ */ t(ce, {}), O = /* @__PURE__ */ t(de, {}), e[20] = P, e[21] = N, e[22] = A, e[23] = B, e[24] = O) : (P = e[20], N = e[21], A = e[22], B = e[23], O = e[24]);
+  let H;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ t(me, { fullWidth: !1 }), e[25] = H) : H = e[25];
+  let v;
+  e[26] !== d || e[27] !== T ? (v = T && d ? /* @__PURE__ */ t(fe, { position: "absolute", top: "0", color: "fg.muted", pointerEvents: "none", userSelect: "none", textStyle: "paragraph/M/regular", children: d }) : null, e[26] = d, e[27] = T, e[28] = v) : v = e[28];
+  let x;
+  e[29] !== v ? (x = /* @__PURE__ */ t(ve, { contentEditable: H, placeholder: v, ErrorBoundary: pe }), e[29] = v, e[30] = x) : x = e[30];
   let C;
-  e[26] !== f || e[27] !== P ? (C = P && f ? /* @__PURE__ */ t(me, { position: "absolute", top: "0", color: "fg.muted", pointerEvents: "none", userSelect: "none", textStyle: "paragraph/M/regular", children: f }) : null, e[26] = f, e[27] = P, e[28] = C) : C = e[28];
-  let T;
-  e[29] !== C ? (T = /* @__PURE__ */ t(be, { contentEditable: R, placeholder: C, ErrorBoundary: ue }), e[29] = C, e[30] = T) : T = e[30];
-  let y;
-  e[31] !== g ? (y = g ? /* @__PURE__ */ t(xe, { anchorElem: g }) : null, e[31] = g, e[32] = y) : y = e[32];
-  let F;
-  return e[33] !== _ || e[34] !== T || e[35] !== y ? (F = /* @__PURE__ */ K(te, { ref: M, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: "100%", position: "relative", direction: "column", overflow: "visible", children: [
-    B,
-    /* @__PURE__ */ t(fe, { initialConfig: j, children: /* @__PURE__ */ K(_e, { children: [
+  e[31] !== p ? (C = p ? /* @__PURE__ */ t(Ce, { anchorElem: p }) : null, e[31] = p, e[32] = C) : C = e[32];
+  let S;
+  return e[33] !== _ || e[34] !== x || e[35] !== C ? (S = /* @__PURE__ */ Z(ne, { ref: u, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: "100%", position: "relative", direction: "column", overflow: "visible", children: [
+    $,
+    /* @__PURE__ */ t(ue, { initialConfig: V, children: /* @__PURE__ */ Z(ke, { children: [
       _,
+      P,
       N,
       A,
+      B,
       O,
-      S,
-      w,
-      T,
-      y
+      x,
+      C
     ] }) })
-  ] }), e[33] = _, e[34] = T, e[35] = y, e[36] = F) : F = e[36], F;
+  ] }), e[33] = _, e[34] = x, e[35] = C, e[36] = S) : S = e[36], S;
 }
-function rt(o) {
+function ut(o) {
   return console.error(o);
 }
-function lt() {
-  return new Re.Doc();
+function pt() {
+  return new Ie.Doc();
 }
-function Ft(o) {
-  const e = Y(41), {
-    autoFocus: n,
-    debug: a,
+function Kt(o) {
+  const e = Y(47), {
+    autoFocus: i,
+    debug: l,
     defaultState: c,
-    isEditable: l,
-    placeholder: s,
-    onChange: f
-  } = o, u = n === void 0 ? !1 : n, p = a === void 0 ? !1 : a, h = c === void 0 ? "" : c, d = l === void 0 ? !1 : l;
-  let M;
-  e[0] !== h ? (M = Te(h), e[0] = h, e[1] = M) : M = e[1];
+    isEditable: a,
+    placeholder: f,
+    scrollable: d,
+    onChange: s
+  } = o, h = i === void 0 ? !1 : i, g = l === void 0 ? !1 : l, L = c === void 0 ? "" : c, u = a === void 0 ? !1 : a, p = d === void 0 ? !0 : d;
+  let R;
+  e[0] !== L ? (R = _e(L), e[0] = L, e[1] = R) : R = e[1];
   const {
-    frontmatter: g,
-    body: I
-  } = M, P = d && !!f, $ = G(null), [v, r] = k(null);
-  let i, b;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
-    r($.current);
-  }, b = [], e[2] = i, e[3] = b) : (i = e[2], b = e[3]), q(i, b);
-  let m;
-  e[4] !== I ? (m = () => Ue(I, oe, void 0, !1), e[4] = I, e[5] = m) : m = e[5];
-  let x;
-  e[6] !== d || e[7] !== m ? (x = {
-    namespace: "MARKDOWN_EDITOR",
-    nodes: ae,
-    editorState: m,
-    onError: at,
-    editable: d,
-    theme: le
-  }, e[6] = d, e[7] = m, e[8] = x) : x = e[8];
-  const L = x;
+    frontmatter: T,
+    body: W
+  } = R, n = u && !!s, r = J(null), [m, M] = k(null);
+  let b, y;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => {
+    M(r.current);
+  }, y = [], e[2] = b, e[3] = y) : (b = e[2], y = e[3]), G(b, y);
   let E;
-  e[9] !== u ? (E = u ? /* @__PURE__ */ t(Ve, {}) : null, e[9] = u, e[10] = E) : E = e[10];
-  let j, B, H, _, N, A;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ t(Ke, {}), B = /* @__PURE__ */ t(he, {}), H = /* @__PURE__ */ t(ge, {}), _ = /* @__PURE__ */ t(pe, {}), N = /* @__PURE__ */ t(se, {}), A = /* @__PURE__ */ t(ce, {}), e[11] = j, e[12] = B, e[13] = H, e[14] = _, e[15] = N, e[16] = A) : (j = e[11], B = e[12], H = e[13], _ = e[14], N = e[15], A = e[16]);
-  let O;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ t(de, { fullWidth: !1, padding: "sm" }), e[17] = O) : O = e[17];
-  let S;
-  e[18] !== s ? (S = s ? /* @__PURE__ */ t(te, { position: "absolute", padding: "sm", top: "0", left: "0", right: "0", pointerEvents: "none", userSelect: "none", justifyContent: "center", children: /* @__PURE__ */ t(me, { width: "100%", maxWidth: "720px", color: "fg.muted", textStyle: "paragraph/M/regular", children: s }) }) : null, e[18] = s, e[19] = S) : S = e[19];
+  e[4] !== W ? (E = () => Ze(W, ie, void 0, !1), e[4] = W, e[5] = E) : E = e[5];
+  let I;
+  e[6] !== u || e[7] !== E ? (I = {
+    namespace: "MARKDOWN_EDITOR",
+    nodes: se,
+    editorState: E,
+    onError: ht,
+    editable: u,
+    theme: ae
+  }, e[6] = u, e[7] = E, e[8] = I) : I = e[8];
+  const V = I, $ = p ? "100%" : "auto";
   let w;
-  e[20] !== S ? (w = /* @__PURE__ */ t(be, { contentEditable: O, placeholder: S, ErrorBoundary: ue }), e[20] = S, e[21] = w) : w = e[21];
-  let R;
-  e[22] !== v || e[23] !== d ? (R = d && v ? /* @__PURE__ */ t(xe, { anchorElem: v }) : null, e[22] = v, e[23] = d, e[24] = R) : R = e[24];
+  e[9] !== h ? (w = h ? /* @__PURE__ */ t(et, {}) : null, e[9] = h, e[10] = w) : w = e[10];
+  let _, P, N, A, B, O, H;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ t(ot, {}), P = /* @__PURE__ */ t(ge, {}), N = /* @__PURE__ */ t(be, {}), A = /* @__PURE__ */ t(tt, {}), B = /* @__PURE__ */ t(he, {}), O = /* @__PURE__ */ t(ce, {}), H = /* @__PURE__ */ t(de, {}), e[11] = _, e[12] = P, e[13] = N, e[14] = A, e[15] = B, e[16] = O, e[17] = H) : (_ = e[11], P = e[12], N = e[13], A = e[14], B = e[15], O = e[16], H = e[17]);
+  let v;
+  e[18] !== p ? (v = /* @__PURE__ */ t(me, { fullWidth: !1, padding: "sm", scrollable: p }), e[18] = p, e[19] = v) : v = e[19];
+  let x;
+  e[20] !== f ? (x = f ? /* @__PURE__ */ t(ne, { position: "absolute", padding: "sm", top: "0", left: "0", right: "0", pointerEvents: "none", userSelect: "none", justifyContent: "center", children: /* @__PURE__ */ t(fe, { width: "100%", maxWidth: "720px", color: "fg.muted", textStyle: "paragraph/M/regular", children: f }) }) : null, e[20] = f, e[21] = x) : x = e[21];
   let C;
-  e[25] !== g || e[26] !== f || e[27] !== P ? (C = P ? /* @__PURE__ */ t(Ge, { ignoreSelectionChange: !0, ignoreHistoryMergeTagChange: !1, onChange: (V) => {
-    V.read(() => {
-      const X = ze(), Ce = qe(oe, X);
-      f?.(g + Ce);
-    });
-  } }) : null, e[25] = g, e[26] = f, e[27] = P, e[28] = C) : C = e[28];
-  let T;
-  e[29] !== d ? (T = /* @__PURE__ */ t(ye, { isEditable: d }), e[29] = d, e[30] = T) : T = e[30];
-  let y;
-  e[31] !== p ? (y = p && /* @__PURE__ */ t(Ee, {}), e[31] = p, e[32] = y) : y = e[32];
+  e[22] !== v || e[23] !== x ? (C = /* @__PURE__ */ t(ve, { contentEditable: v, placeholder: x, ErrorBoundary: pe }), e[22] = v, e[23] = x, e[24] = C) : C = e[24];
+  let S;
+  e[25] !== m || e[26] !== u ? (S = u && m ? /* @__PURE__ */ t(Ce, { anchorElem: m }) : null, e[25] = m, e[26] = u, e[27] = S) : S = e[27];
   let F;
-  return e[33] !== L || e[34] !== w || e[35] !== R || e[36] !== C || e[37] !== T || e[38] !== y || e[39] !== E ? (F = /* @__PURE__ */ t(te, { ref: $, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: "100%", position: "relative", direction: "column", overflow: "visible", children: /* @__PURE__ */ K(fe, { initialConfig: L, children: [
-    E,
-    j,
-    B,
-    H,
+  e[28] !== T || e[29] !== s || e[30] !== n ? (F = n ? /* @__PURE__ */ t(nt, { ignoreSelectionChange: !0, ignoreHistoryMergeTagChange: !1, onChange: (Te) => {
+    Te.read(() => {
+      const ye = Ve(), Ee = Je(ie, ye);
+      s?.(T + Ee);
+    });
+  } }) : null, e[28] = T, e[29] = s, e[30] = n, e[31] = F) : F = e[31];
+  let j;
+  e[32] !== u ? (j = /* @__PURE__ */ t(Se, { isEditable: u }), e[32] = u, e[33] = j) : j = e[33];
+  let U;
+  e[34] !== g ? (U = g && /* @__PURE__ */ t(Re, {}), e[34] = g, e[35] = U) : U = e[35];
+  let q;
+  e[36] !== V || e[37] !== w || e[38] !== C || e[39] !== S || e[40] !== F || e[41] !== j || e[42] !== U ? (q = /* @__PURE__ */ Z(ue, { initialConfig: V, children: [
+    w,
     _,
+    P,
     N,
     A,
-    w,
-    R,
+    B,
+    O,
+    H,
     C,
-    T,
-    y
-  ] }) }), e[33] = L, e[34] = w, e[35] = R, e[36] = C, e[37] = T, e[38] = y, e[39] = E, e[40] = F) : F = e[40], F;
+    S,
+    F,
+    j,
+    U
+  ] }), e[36] = V, e[37] = w, e[38] = C, e[39] = S, e[40] = F, e[41] = j, e[42] = U, e[43] = q) : q = e[43];
+  let X;
+  return e[44] !== $ || e[45] !== q ? (X = /* @__PURE__ */ t(ne, { ref: r, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: $, position: "relative", direction: "column", overflow: "visible", children: q }), e[44] = $, e[45] = q, e[46] = X) : X = e[46], X;
 }
-function at(o) {
+function ht(o) {
   return console.error(o);
 }
-function Ht(o) {
+function Vt(o) {
   const e = o.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 st = {
+const gt = {
   csv: "text/csv",
   tsv: "text/tab-separated-values",
   json: "application/json",
@@ -390,21 +394,21 @@ const st = {
   yml: "text/yaml",
   yaml: "text/yaml"
 };
-function Dt(o) {
-  const n = (o.split("?")[0]?.split("#")[0] ?? "").split(".").pop()?.toLowerCase();
-  return n ? st[n] ?? null : null;
+function Gt(o) {
+  const i = (o.split("?")[0]?.split("#")[0] ?? "").split(".").pop()?.toLowerCase();
+  return i ? gt[i] ?? null : null;
 }
 export {
-  Ot as CollaborativeMarkdownEditor,
-  jt as DefaultRichTextCodeEditor,
-  Wt as DefaultRichTextDataTable,
-  Ft as MarkdownEditor,
-  Ut as MarkdownPreview,
-  qt as PromptEditor,
-  Vt as RichMessage,
-  Kt as generateEditorStateFromString,
-  Gt as getTextFromSerializedEditorState,
-  Ht as inferResourceTypeFromMediaType,
-  Dt as mediaTypeFromPath
+  qt as CollaborativeMarkdownEditor,
+  Qt as DefaultRichTextCodeEditor,
+  Zt as DefaultRichTextDataTable,
+  Kt as MarkdownEditor,
+  Jt as MarkdownPreview,
+  eo as PromptEditor,
+  to as RichMessage,
+  oo as generateEditorStateFromString,
+  no as getTextFromSerializedEditorState,
+  Vt as inferResourceTypeFromMediaType,
+  Gt as mediaTypeFromPath
 };
 //# sourceMappingURL=rich-text.js.map