@pstdio/ui 0.25.0 → 0.26.0

package/dist/markdown-editor-CsJ4KNGu.js

@@ -0,0 +1,1034 @@
+import { jsx as n, jsxs as U, Fragment as rt } from "react/jsx-runtime";
+import { c as ft, d as ht, s as gt, f as pt, M as Ct, e as bt, a as vt, g as _t, C as Et, I as St, E as kt, b as yt, T as Lt, h as Tt } from "./markdown-BCfPxNpb.js";
+import { IconButton as A, Text as Z, Stack as Qe, Box as Re, Input as Ye, Link as It, Dialog as ee, Field as Se, Flex as Te, Button as Je, Icon as wt } from "@chakra-ui/react";
+import { AutoFocusPlugin as Rt } from "@lexical/react/LexicalAutoFocusPlugin";
+import { CheckListPlugin as Nt } from "@lexical/react/LexicalCheckListPlugin";
+import { LexicalComposer as xt } from "@lexical/react/LexicalComposer";
+import { LexicalErrorBoundary as Mt } from "@lexical/react/LexicalErrorBoundary";
+import { HorizontalRulePlugin as Dt } from "@lexical/react/LexicalHorizontalRulePlugin";
+import { ListPlugin as Pt } from "@lexical/react/LexicalListPlugin";
+import { MarkdownShortcutPlugin as At } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { OnChangePlugin as Ot } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as $t } from "@lexical/react/LexicalRichTextPlugin";
+import { TabIndentationPlugin as zt } from "@lexical/react/LexicalTabIndentationPlugin";
+import { SELECTION_CHANGE_COMMAND as Ne, COMMAND_PRIORITY_CRITICAL as je, $getSelection as V, $isRangeSelection as Q, createCommand as Ut, FORMAT_TEXT_COMMAND as ke, $isRootOrShadowRoot as Bt, CLICK_COMMAND as lt, COMMAND_PRIORITY_HIGH as Xe, $createParagraphNode as Ie, COMMAND_PRIORITY_LOW as Ge, KEY_ESCAPE_COMMAND as Ht, $setSelection as Ft, $isLineBreakNode as Kt, $getNodeByKey as et, $isTextNode as tt, HISTORY_MERGE_TAG as Ue, $isParagraphNode as ct, $addUpdateTag as st, KEY_DOWN_COMMAND as Wt, REDO_COMMAND as Qt, UNDO_COMMAND as Yt, $getRoot as Gt } from "lexical";
+import { useState as M, useRef as j, useEffect as $, useLayoutEffect as qt } from "react";
+import { c as J } from "react/compiler-runtime";
+import { useLexicalComposerContext as me } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as xe, $findMatchingParent as Y } from "@lexical/utils";
+import { Check as at, Copy as Vt, Code as jt, Link as Xt, TextQuote as Zt, List as Jt, ListOrdered as en, ListTodo as tn, X as nn, Pencil as on, Trash2 as rn, Table2 as ln, Image as cn, Code2 as sn, Minus as an } from "lucide-react";
+import * as dn from "react-dom";
+import { createPortal as Ze } from "react-dom";
+import { T as O } from "./scroll-area-BMbg1WcD.js";
+import { $isCodeNode as Be, $createCodeNode as un } from "@lexical/code";
+import { $createHorizontalRuleNode as mn } from "@lexical/react/LexicalHorizontalRuleNode";
+import { LexicalTypeaheadMenuPlugin as fn } from "@lexical/react/LexicalTypeaheadMenuPlugin";
+import { HistoryPlugin as hn } from "@lexical/react/LexicalHistoryPlugin";
+import { LinkPlugin as gn } from "@lexical/react/LexicalLinkPlugin";
+import { $isLinkNode as ne, $isAutoLinkNode as fe, TOGGLE_LINK_COMMAND as qe, $createLinkNode as pn } from "@lexical/link";
+import { $isListNode as He, REMOVE_LIST_COMMAND as Cn, INSERT_CHECK_LIST_COMMAND as bn, INSERT_ORDERED_LIST_COMMAND as vn, INSERT_UNORDERED_LIST_COMMAND as _n } from "@lexical/list";
+import { $isHeadingNode as En, $createQuoteNode as Sn, $createHeadingNode as kn } from "@lexical/rich-text";
+import { $isAtNodeEnd as nt, $setBlocksType as ye } from "@lexical/selection";
+function Fe(t) {
+  const e = V();
+  if (!Q(e))
+    return null;
+  const i = e.anchor.getNode(), o = Be(i) ? i : Y(i, (l) => Be(l));
+  if (!Be(o))
+    return null;
+  const r = t.getElementByKey(o.getKey());
+  return r instanceof HTMLElement ? r : null;
+}
+function yn(t) {
+  return t instanceof HTMLElement ? t.closest(".rich-text__code") : null;
+}
+function Ln(t, e) {
+  const i = t.getBoundingClientRect(), o = e.getBoundingClientRect();
+  return {
+    top: o.top - i.top + 6,
+    left: o.right - i.left - 30
+  };
+}
+function Tn(t) {
+  const e = J(31), {
+    anchorElem: i
+  } = t, [o] = me(), [r, l] = M(null), [d, p] = M(!1), s = j(null);
+  let u, m;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => () => {
+    s.current !== null && window.clearTimeout(s.current);
+  }, m = [], e[0] = u, e[1] = m) : (u = e[0], m = e[1]), $(u, m);
+  let g, C;
+  e[2] !== o ? (g = () => {
+    const y = o.getRootElement();
+    if (!y)
+      return;
+    const w = (D) => {
+      const P = yn(D.target);
+      l(P instanceof HTMLElement ? P : null);
+    }, N = () => {
+      o.getEditorState().read(() => {
+        const D = Fe(o);
+        l(D);
+      });
+    };
+    return y.addEventListener("pointermove", w), y.addEventListener("pointerleave", N), () => {
+      y.removeEventListener("pointermove", w), y.removeEventListener("pointerleave", N);
+    };
+  }, C = [o], e[2] = o, e[3] = g, e[4] = C) : (g = e[3], C = e[4]), $(g, C);
+  let _, v;
+  if (e[5] !== o ? (_ = () => xe(o.registerUpdateListener((y) => {
+    const {
+      editorState: w
+    } = y;
+    w.read(() => {
+      const N = Fe(o);
+      N && l(N);
+    });
+  }), o.registerCommand(Ne, () => (o.getEditorState().read(() => {
+    const y = Fe(o);
+    if (!y) {
+      l(In);
+      return;
+    }
+    l(y);
+  }), !1), je)), v = [o], e[5] = o, e[6] = _, e[7] = v) : (_ = e[6], v = e[7]), $(_, v), !i || !r)
+    return null;
+  let E;
+  e[8] !== r || e[9] !== i ? (E = Ln(i, r), e[8] = r, e[9] = i, e[10] = E) : E = e[10];
+  const L = E;
+  let h;
+  e[11] !== L.left || e[12] !== L.top ? (h = {
+    position: "absolute",
+    top: L.top,
+    left: L.left
+  }, e[11] = L.left, e[12] = L.top, e[13] = h) : h = e[13];
+  const S = h, I = d ? "Copied" : "Copy code", f = d ? "Copied" : "Copy code";
+  let b;
+  e[14] !== r.textContent ? (b = async () => {
+    const y = r.textContent ?? "";
+    try {
+      await navigator.clipboard.writeText(y), p(!0), s.current !== null && window.clearTimeout(s.current), s.current = window.setTimeout(() => {
+        p(!1);
+      }, 1200);
+    } catch {
+      p(!1);
+    }
+  }, e[14] = r.textContent, e[15] = b) : b = e[15];
+  let k;
+  e[16] !== d ? (k = d ? /* @__PURE__ */ n(at, { size: 14 }) : /* @__PURE__ */ n(Vt, { size: 14 }), e[16] = d, e[17] = k) : k = e[17];
+  let R;
+  e[18] !== f || e[19] !== b || e[20] !== k ? (R = /* @__PURE__ */ n(A, { "aria-label": f, variant: "subtle", size: "xs", onClick: b, children: k }), e[18] = f, e[19] = b, e[20] = k, e[21] = R) : R = e[21];
+  let c;
+  e[22] !== R || e[23] !== I ? (c = /* @__PURE__ */ n(O, { content: I, children: R }), e[22] = R, e[23] = I, e[24] = c) : c = e[24];
+  let a;
+  e[25] !== S || e[26] !== c ? (a = /* @__PURE__ */ n("div", { className: "code-block-actions", style: S, children: c }), e[25] = S, e[26] = c, e[27] = a) : a = e[27];
+  let T;
+  return e[28] !== i || e[29] !== a ? (T = Ze(a, i), e[28] = i, e[29] = a, e[30] = T) : T = e[30], T;
+}
+function In(t) {
+  return t?.matches(":hover") ? t : null;
+}
+const dt = Ut("TOGGLE_LINK_EDIT_MODE_COMMAND");
+function he(t) {
+  const e = t.anchor, i = t.focus, o = t.anchor.getNode(), r = t.focus.getNode();
+  return o === r ? o : t.isBackward() ? nt(i) ? o : r : nt(e) ? o : r;
+}
+const wn = 10, Rn = 5;
+function we(t, e, i, o = wn, r = Rn, l = "legacy", d = "anchor") {
+  const p = i.parentElement;
+  if (t === null || !p) {
+    e.style.opacity = "0", e.style.transform = "translate(-10000px, -10000px)";
+    return;
+  }
+  const s = e.getBoundingClientRect(), u = i.getBoundingClientRect(), m = d === "viewport" ? new DOMRect(0, 0, document.documentElement.clientWidth, document.documentElement.clientHeight) : p.getBoundingClientRect();
+  let g = l === "above" ? t.top - s.height - o : t.top - o, C = t.left - r;
+  g < m.top && (g = l === "above" ? t.bottom + o : g + s.height + t.height + o * 2), C + s.width > m.right && (C = m.right - s.width - r), g + s.height > m.bottom && (g = t.top - s.height - Math.abs(o)), d === "anchor" && (g -= u.top, C -= u.left), e.style.opacity = "1", e.style.transform = `translate(${C}px, ${g}px)`;
+}
+function Ke() {
+  const t = J(1);
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n("span", { style: {
+    display: "inline-flex",
+    height: "1rem",
+    margin: "0 0.25rem",
+    borderLeft: "1px solid var(--chakra-colors-border-subtle)"
+  } }), t[0] = e) : e = t[0], e;
+}
+function Nn(t) {
+  const e = J(88), {
+    editor: i,
+    blockType: o,
+    isBold: r,
+    isItalic: l,
+    isUnderline: d,
+    isCode: p,
+    isLink: s,
+    formatHeading: u,
+    formatList: m,
+    formatQuote: g,
+    insertLink: C
+  } = t, _ = r || void 0;
+  let v;
+  e[0] !== i ? (v = () => i.dispatchCommand(ke, "bold"), e[0] = i, e[1] = v) : v = e[1];
+  let E;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ n(Z, { fontWeight: "bold", fontSize: ".75rem", children: "B" }), e[2] = E) : E = e[2];
+  let L;
+  e[3] !== _ || e[4] !== v ? (L = /* @__PURE__ */ n(O, { content: "Bold", children: /* @__PURE__ */ n(A, { "data-active": _, onClick: v, variant: "ghost", "aria-label": "Bold", size: "xs", children: E }) }), e[3] = _, e[4] = v, e[5] = L) : L = e[5];
+  const h = l || void 0;
+  let S;
+  e[6] !== i ? (S = () => i.dispatchCommand(ke, "italic"), e[6] = i, e[7] = S) : S = e[7];
+  let I;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ n(Z, { fontStyle: "italic", fontSize: ".75rem", children: "I" }), e[8] = I) : I = e[8];
+  let f;
+  e[9] !== h || e[10] !== S ? (f = /* @__PURE__ */ n(O, { content: "Italic", children: /* @__PURE__ */ n(A, { "data-active": h, onClick: S, variant: "ghost", "aria-label": "Italic", size: "xs", children: I }) }), e[9] = h, e[10] = S, e[11] = f) : f = e[11];
+  const b = d || void 0;
+  let k;
+  e[12] !== i ? (k = () => i.dispatchCommand(ke, "underline"), e[12] = i, e[13] = k) : k = e[13];
+  let R;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n(Z, { textDecoration: "underline", fontSize: ".75rem", children: "U" }), e[14] = R) : R = e[14];
+  let c;
+  e[15] !== b || e[16] !== k ? (c = /* @__PURE__ */ n(O, { content: "Underline", children: /* @__PURE__ */ n(A, { "data-active": b, onClick: k, variant: "ghost", "aria-label": "Underline", size: "xs", children: R }) }), e[15] = b, e[16] = k, e[17] = c) : c = e[17];
+  let a;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ n(Ke, {}), e[18] = a) : a = e[18];
+  const T = o === "h1" || void 0;
+  let y;
+  e[19] !== u ? (y = () => u("h1"), e[19] = u, e[20] = y) : y = e[20];
+  let w;
+  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(Z, { fontWeight: "thin", fontSize: ".8rem", children: "H1" }), e[21] = w) : w = e[21];
+  let N;
+  e[22] !== T || e[23] !== y ? (N = /* @__PURE__ */ n(O, { content: "Heading 1", children: /* @__PURE__ */ n(A, { "data-active": T, variant: "ghost", "aria-label": "Heading 1", size: "xs", onClick: y, children: w }) }), e[22] = T, e[23] = y, e[24] = N) : N = e[24];
+  const D = o === "h2" || void 0;
+  let P;
+  e[25] !== u ? (P = () => u("h2"), e[25] = u, e[26] = P) : P = e[26];
+  let G;
+  e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ n(Z, { fontWeight: "thin", fontSize: ".8rem", children: "H2" }), e[27] = G) : G = e[27];
+  let B;
+  e[28] !== D || e[29] !== P ? (B = /* @__PURE__ */ n(O, { content: "Heading 2", children: /* @__PURE__ */ n(A, { "data-active": D, variant: "ghost", "aria-label": "Heading 2", size: "xs", onClick: P, children: G }) }), e[28] = D, e[29] = P, e[30] = B) : B = e[30];
+  const q = o === "h3" || void 0;
+  let H;
+  e[31] !== u ? (H = () => u("h3"), e[31] = u, e[32] = H) : H = e[32];
+  let F;
+  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ n(Z, { fontWeight: "thin", fontSize: ".8rem", children: "H3" }), e[33] = F) : F = e[33];
+  let K;
+  e[34] !== q || e[35] !== H ? (K = /* @__PURE__ */ n(O, { content: "Heading 3", children: /* @__PURE__ */ n(A, { "data-active": q, variant: "ghost", "aria-label": "Heading 3", size: "xs", onClick: H, children: F }) }), e[34] = q, e[35] = H, e[36] = K) : K = e[36];
+  let x;
+  e[37] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ n(Ke, {}), e[37] = x) : x = e[37];
+  const z = p || void 0;
+  let W;
+  e[38] !== i ? (W = () => i.dispatchCommand(ke, "code"), e[38] = i, e[39] = W) : W = e[39];
+  let te;
+  e[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (te = /* @__PURE__ */ n(jt, { size: 14 }), e[40] = te) : te = e[40];
+  let X;
+  e[41] !== z || e[42] !== W ? (X = /* @__PURE__ */ n(O, { content: "Inline Code", children: /* @__PURE__ */ n(A, { "data-active": z, onClick: W, variant: "ghost", "aria-label": "Inline Code", size: "xs", children: te }) }), e[41] = z, e[42] = W, e[43] = X) : X = e[43];
+  const Me = s ? "Remove Link" : "Insert Link", De = s || void 0, Pe = s ? "Remove Link" : "Insert Link";
+  let ge;
+  e[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ge = /* @__PURE__ */ n(Xt, { size: 14 }), e[44] = ge) : ge = e[44];
+  let oe;
+  e[45] !== C || e[46] !== De || e[47] !== Pe ? (oe = /* @__PURE__ */ n(A, { "data-active": De, variant: "ghost", "aria-label": Pe, size: "xs", onClick: C, children: ge }), e[45] = C, e[46] = De, e[47] = Pe, e[48] = oe) : oe = e[48];
+  let ie;
+  e[49] !== Me || e[50] !== oe ? (ie = /* @__PURE__ */ n(O, { content: Me, children: oe }), e[49] = Me, e[50] = oe, e[51] = ie) : ie = e[51];
+  const Ae = o === "quote" || void 0;
+  let pe;
+  e[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pe = /* @__PURE__ */ n(Zt, { size: 14 }), e[52] = pe) : pe = e[52];
+  let re;
+  e[53] !== g || e[54] !== Ae ? (re = /* @__PURE__ */ n(O, { content: "Quote", children: /* @__PURE__ */ n(A, { "data-active": Ae, variant: "ghost", "aria-label": "Quote", size: "xs", onClick: g, children: pe }) }), e[53] = g, e[54] = Ae, e[55] = re) : re = e[55];
+  let Ce;
+  e[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ce = /* @__PURE__ */ n(Ke, {}), e[56] = Ce) : Ce = e[56];
+  const Oe = o === "bullet" || void 0;
+  let le;
+  e[57] !== m ? (le = () => m("bullet"), e[57] = m, e[58] = le) : le = e[58];
+  let be;
+  e[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (be = /* @__PURE__ */ n(Jt, { size: 14 }), e[59] = be) : be = e[59];
+  let ce;
+  e[60] !== Oe || e[61] !== le ? (ce = /* @__PURE__ */ n(O, { content: "Bulleted List", children: /* @__PURE__ */ n(A, { "data-active": Oe, variant: "ghost", "aria-label": "Bulleted List", size: "xs", onClick: le, children: be }) }), e[60] = Oe, e[61] = le, e[62] = ce) : ce = e[62];
+  const $e = o === "number" || void 0;
+  let se;
+  e[63] !== m ? (se = () => m("number"), e[63] = m, e[64] = se) : se = e[64];
+  let ve;
+  e[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ve = /* @__PURE__ */ n(en, { size: 14 }), e[65] = ve) : ve = e[65];
+  let ae;
+  e[66] !== $e || e[67] !== se ? (ae = /* @__PURE__ */ n(O, { content: "Numbered List", children: /* @__PURE__ */ n(A, { "data-active": $e, variant: "ghost", "aria-label": "Numbered List", size: "xs", onClick: se, children: ve }) }), e[66] = $e, e[67] = se, e[68] = ae) : ae = e[68];
+  const ze = o === "check" || void 0;
+  let de;
+  e[69] !== m ? (de = () => m("check"), e[69] = m, e[70] = de) : de = e[70];
+  let _e;
+  e[71] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_e = /* @__PURE__ */ n(tn, { size: 14 }), e[71] = _e) : _e = e[71];
+  let ue;
+  e[72] !== ze || e[73] !== de ? (ue = /* @__PURE__ */ n(O, { content: "Check List", children: /* @__PURE__ */ n(A, { "data-active": ze, variant: "ghost", "aria-label": "Check List", size: "xs", onClick: de, children: _e }) }), e[72] = ze, e[73] = de, e[74] = ue) : ue = e[74];
+  let Ee;
+  return e[75] !== c || e[76] !== N || e[77] !== B || e[78] !== K || e[79] !== X || e[80] !== L || e[81] !== ie || e[82] !== re || e[83] !== ce || e[84] !== ae || e[85] !== ue || e[86] !== f ? (Ee = /* @__PURE__ */ U(Qe, { direction: "row", gap: "0.5", alignItems: "center", children: [
+    L,
+    f,
+    c,
+    a,
+    N,
+    B,
+    K,
+    x,
+    X,
+    ie,
+    re,
+    Ce,
+    ce,
+    ae,
+    ue
+  ] }), e[75] = c, e[76] = N, e[77] = B, e[78] = K, e[79] = X, e[80] = L, e[81] = ie, e[82] = re, e[83] = ce, e[84] = ae, e[85] = ue, e[86] = f, e[87] = Ee) : Ee = e[87], Ee;
+}
+const xn = {
+  bullet: "Bulleted List",
+  check: "Check List",
+  code: "Code Block",
+  h1: "Heading 1",
+  h2: "Heading 2",
+  h3: "Heading 3",
+  h4: "Heading 4",
+  h5: "Heading 5",
+  h6: "Heading 6",
+  number: "Numbered List",
+  paragraph: "Normal",
+  quote: "Quote"
+}, Mn = (t) => t in xn ? t : null, Dn = (t) => (t.getKey() === "root" ? t : Y(t, (i) => {
+  const o = i.getParent();
+  return o !== null && Bt(o);
+})) ?? t.getTopLevelElementOrThrow(), Pn = (t) => {
+  const e = Dn(t);
+  if (He(e))
+    return e.getListType();
+  const i = Y(t, (r) => He(r));
+  if (i !== null && He(i))
+    return i.getListType();
+  const o = En(e) ? e.getTag() : e.getType();
+  return Mn(o);
+};
+function An(t) {
+  const {
+    hasSelection: e,
+    isRangeSelection: i,
+    isCollapsed: o,
+    hasNativeSelection: r,
+    hasNativeRange: l,
+    isAnchorInsideEditor: d,
+    isEditorEditable: p,
+    isPointerSelecting: s
+  } = t;
+  return e && i && !o && r && l && d && p && !s;
+}
+const On = -4;
+function $n({
+  editor: t,
+  anchorElem: e,
+  isToolbarActive: i,
+  setIsToolbarActive: o
+}) {
+  const r = j(null), [l, d] = M("paragraph"), [p, s] = M(!1), [u, m] = M(!1), [g, C] = M(!1), [_, v] = M(!1), [E, L] = M(!1), h = j(!1), S = j(() => {
+  }), I = (c) => {
+    t.update(() => {
+      const a = V();
+      if (Q(a)) {
+        if (l === c) {
+          ye(a, Ie);
+          return;
+        }
+        ye(a, () => kn(c));
+      }
+    });
+  }, f = (c) => {
+    if (l === c) {
+      t.dispatchCommand(Cn, void 0);
+      return;
+    }
+    const a = {
+      bullet: _n,
+      number: vn,
+      check: bn
+    }[c];
+    t.dispatchCommand(a, void 0);
+  }, b = () => {
+    t.update(() => {
+      const c = V();
+      if (Q(c)) {
+        if (l === "quote") {
+          ye(c, Ie);
+          return;
+        }
+        ye(c, Sn);
+      }
+    });
+  }, k = () => {
+    if (E) {
+      t.dispatchCommand(qe, null);
+      return;
+    }
+    t.dispatchCommand(dt, !0);
+  }, R = () => {
+    const c = V();
+    if (!Q(c)) return;
+    s(c.hasFormat("bold")), m(c.hasFormat("italic")), C(c.hasFormat("underline")), v(c.hasFormat("code"));
+    const a = he(c), T = Y(a, ne), y = Y(a, fe);
+    L(T !== null || y !== null);
+    const w = Pn(c.anchor.getNode());
+    w && d(w);
+  };
+  return S.current = () => {
+    const c = V(), a = r.current, T = window.getSelection();
+    if (a === null)
+      return;
+    const y = t.getRootElement(), w = T !== null, N = w && T.rangeCount > 0, D = !!y?.contains(w ? T.anchorNode : null);
+    if (An({
+      hasSelection: c !== null,
+      isRangeSelection: Q(c),
+      isCollapsed: Q(c) ? c.isCollapsed() : !1,
+      hasNativeSelection: w,
+      hasNativeRange: N,
+      isAnchorInsideEditor: D,
+      isEditorEditable: t.isEditable(),
+      isPointerSelecting: h.current
+    }) && T) {
+      const P = T.getRangeAt(0).getBoundingClientRect();
+      if (P) {
+        const G = new DOMRect(P.left, P.bottom, 0, 0);
+        we(G, a, e, On, void 0, "legacy", "viewport");
+      }
+      o(!0);
+    } else
+      y !== null && we(null, a, e, void 0, void 0, "legacy", "viewport"), o(!1);
+    return R(), !0;
+  }, $(() => {
+    const c = t.getRootElement();
+    if (!c) return;
+    const a = c.ownerDocument, T = () => {
+      h.current = !0, o(!1);
+    }, y = () => {
+      h.current && (h.current = !1, t.getEditorState().read(() => {
+        S.current();
+      }));
+    };
+    return c.addEventListener("pointerdown", T), a.addEventListener("pointerup", y), a.addEventListener("pointercancel", y), () => {
+      c.removeEventListener("pointerdown", T), a.removeEventListener("pointerup", y), a.removeEventListener("pointercancel", y);
+    };
+  }, [t, o]), $(() => {
+    const c = e.ownerDocument, a = () => {
+      t.getEditorState().read(() => {
+        S.current();
+      });
+    };
+    return window.addEventListener("resize", a), c.addEventListener("scroll", a, !0), () => {
+      window.removeEventListener("resize", a), c.removeEventListener("scroll", a, !0);
+    };
+  }, [e, t]), $(() => xe(t.registerUpdateListener(({
+    editorState: c
+  }) => {
+    c.read(() => {
+      S.current();
+    });
+  }), t.registerCommand(Ne, (c) => (S.current(), !1), je), t.registerCommand(lt, (c) => {
+    const a = V();
+    return Q(a) && S.current(), !1;
+  }, Xe)), [t]), /* @__PURE__ */ n(Re, { ref: r, zIndex: "tooltip", className: `floating-text-format-toolbar ${i ? "active" : ""}`, children: /* @__PURE__ */ n(Nn, { editor: t, blockType: l, isBold: p, isItalic: u, isUnderline: g, isCode: _, isLink: E, formatHeading: I, formatList: f, formatQuote: b, insertLink: k }) });
+}
+function zn(t) {
+  const e = J(4), {
+    anchorElem: i
+  } = t, o = i === void 0 ? document.body : i, [r] = me(), [l, d] = M(!1);
+  let p;
+  return e[0] !== o || e[1] !== r || e[2] !== l ? (p = Ze(/* @__PURE__ */ n($n, { editor: r, anchorElem: o, isToolbarActive: l, setIsToolbarActive: d }), document.body), e[0] = o, e[1] = r, e[2] = l, e[3] = p) : p = e[3], p;
+}
+function Un(t) {
+  const e = J(32), {
+    isActive: i,
+    isLinkEditMode: o,
+    editedLinkUrl: r,
+    editedLinkUrlIsValid: l,
+    linkUrl: d,
+    href: p,
+    inputRef: s,
+    onEditedLinkUrlChange: u,
+    onInputKeyDown: m,
+    onClose: g,
+    onSubmit: C,
+    onEdit: _,
+    onRemove: v
+  } = t;
+  if (!i)
+    return null;
+  if (o) {
+    const b = !l;
+    let k;
+    e[0] !== u ? (k = (D) => {
+      u(D.target.value);
+    }, e[0] = u, e[1] = k) : k = e[1];
+    let R;
+    e[2] !== r || e[3] !== s || e[4] !== m || e[5] !== b || e[6] !== k ? (R = /* @__PURE__ */ n(Ye, { ref: s, className: "link-editor-url-field", size: "sm", fontSize: "sm", value: r, placeholder: "https://", "aria-label": "Link URL", "aria-invalid": b, onChange: k, onKeyDown: m }), e[2] = r, e[3] = s, e[4] = m, e[5] = b, e[6] = k, e[7] = R) : R = e[7];
+    let c;
+    e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ n(nn, { size: 14 }), e[8] = c) : c = e[8];
+    let a;
+    e[9] !== g ? (a = /* @__PURE__ */ n(O, { content: "Cancel", children: /* @__PURE__ */ n(A, { variant: "ghost", size: "xs", "aria-label": "Cancel link edit", onMouseDown: Le, onClick: g, children: c }) }), e[9] = g, e[10] = a) : a = e[10];
+    const T = !l;
+    let y;
+    e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(at, { size: 14 }), e[11] = y) : y = e[11];
+    let w;
+    e[12] !== C || e[13] !== T ? (w = /* @__PURE__ */ n(O, { content: "Confirm", children: /* @__PURE__ */ n(A, { variant: "ghost", size: "xs", "aria-label": "Confirm link edit", disabled: T, onMouseDown: Le, onClick: C, children: y }) }), e[12] = C, e[13] = T, e[14] = w) : w = e[14];
+    let N;
+    return e[15] !== R || e[16] !== a || e[17] !== w ? (N = /* @__PURE__ */ U(Qe, { className: "link-editor-content", direction: "row", gap: "1", alignItems: "center", p: "1", children: [
+      R,
+      a,
+      w
+    ] }), e[15] = R, e[16] = a, e[17] = w, e[18] = N) : N = e[18], N;
+  }
+  let E;
+  e[19] !== p || e[20] !== d ? (E = /* @__PURE__ */ n(It, { href: p, target: "_blank", rel: "noopener noreferrer", className: "link-editor-url-field", fontSize: "sm", textDecoration: "underline", px: "2", truncate: !0, children: d }), e[19] = p, e[20] = d, e[21] = E) : E = e[21];
+  let L;
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ n(on, { size: 14 }), e[22] = L) : L = e[22];
+  let h;
+  e[23] !== _ ? (h = /* @__PURE__ */ n(O, { content: "Edit link", children: /* @__PURE__ */ n(A, { variant: "ghost", size: "xs", "aria-label": "Edit link", onMouseDown: Le, onClick: _, children: L }) }), e[23] = _, e[24] = h) : h = e[24];
+  let S;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n(rn, { size: 14 }), e[25] = S) : S = e[25];
+  let I;
+  e[26] !== v ? (I = /* @__PURE__ */ n(O, { content: "Remove link", children: /* @__PURE__ */ n(A, { variant: "ghost", size: "xs", "aria-label": "Remove link", onMouseDown: Le, onClick: v, children: S }) }), e[26] = v, e[27] = I) : I = e[27];
+  let f;
+  return e[28] !== E || e[29] !== h || e[30] !== I ? (f = /* @__PURE__ */ U(Qe, { className: "link-editor-content", direction: "row", gap: "1", alignItems: "center", p: "1", children: [
+    E,
+    h,
+    I
+  ] }), e[28] = E, e[29] = h, e[30] = I, e[31] = f) : f = e[31], f;
+}
+function Le(t) {
+  t.preventDefault();
+}
+function Bn(t, e, i) {
+  return t && e && i === "";
+}
+function Hn(t) {
+  const e = he(t), i = Y(e, ne);
+  return i ? i.getURL() : ne(e) ? e.getURL() : "";
+}
+const ut = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "sms:", "tel:"]);
+function Ve(t) {
+  try {
+    const e = new URL(t);
+    if (!ut.has(e.protocol))
+      return "about:blank";
+  } catch {
+    return t;
+  }
+  return t;
+}
+function mt(t) {
+  try {
+    const e = new URL(t);
+    return ut.has(e.protocol) ? e.protocol === "http:" || e.protocol === "https:" ? e.hostname !== "" : e.pathname.trim() !== "" : !1;
+  } catch {
+    return !1;
+  }
+}
+const Fn = 8;
+function Kn({
+  editor: t,
+  isLink: e,
+  setIsLink: i,
+  anchorElem: o,
+  isLinkEditMode: r,
+  setIsLinkEditMode: l
+}) {
+  const d = j(null), p = j(null), s = j(() => {
+  }), [u, m] = M(""), [g, C] = M("https://"), [_, v] = M(null), E = e || r, L = mt(g);
+  s.current = () => {
+    const f = V();
+    if (Q(f)) {
+      const T = Hn(f);
+      m(T), Bn(r, e, T) && S(), r && T !== "" && C(T);
+    }
+    const b = d.current, k = window.getSelection(), R = document.activeElement;
+    if (b === null)
+      return;
+    const c = t.getRootElement(), a = k !== null && k.rangeCount > 0;
+    if (f !== null && k !== null && a && c?.contains(k.anchorNode) && t.isEditable()) {
+      const T = k.getRangeAt(0).getBoundingClientRect(), y = new DOMRect(T.left, T.top, 0, T.height);
+      we(y, b, o, Fn, void 0, "above", "viewport"), v(f);
+    } else b.contains(R) || (c !== null && we(null, b, o, void 0, void 0, "legacy", "viewport"), v(null), l(!1), m(""));
+  }, $(() => {
+    const f = o.parentElement, b = () => {
+      t.getEditorState().read(() => {
+        s.current();
+      });
+    };
+    return window.addEventListener("resize", b), f && f.addEventListener("scroll", b), () => {
+      window.removeEventListener("resize", b), f && f.removeEventListener("scroll", b);
+    };
+  }, [o.parentElement, t]), $(() => xe(t.registerUpdateListener(({
+    editorState: f
+  }) => {
+    f.read(() => {
+      s.current();
+    });
+  }), t.registerCommand(Ne, () => (s.current(), !0), Ge), t.registerCommand(Ht, () => e ? (i(!1), !0) : !1, Xe)), [t, i, e]), $(() => {
+    t.getEditorState().read(() => {
+      s.current();
+    });
+  }, [t]), qt(() => {
+    E && t.getEditorState().read(() => {
+      s.current();
+    });
+  }, [t, E]), $(() => {
+    r && p.current && p.current.focus();
+  }, [r]);
+  const h = (f) => {
+    f.key === "Enter" ? (f.preventDefault(), I()) : f.key === "Escape" && (f.preventDefault(), S());
+  }, S = () => {
+    C("https://"), l(!1);
+  }, I = () => {
+    _ === null || !L || (t.update(() => {
+      Ft(_);
+    }), t.dispatchCommand(qe, Ve(g)), t.update(() => {
+      const f = V();
+      if (Q(f)) {
+        const b = he(f).getParent();
+        if (fe(b)) {
+          const k = pn(b.getURL(), {
+            rel: b.__rel,
+            target: b.__target,
+            title: b.__title
+          });
+          b.replace(k, !0);
+        }
+      }
+    }), S());
+  };
+  return /* @__PURE__ */ n(Re, { ref: d, zIndex: "tooltip", className: `link-editor ${E ? "active" : ""}`, children: /* @__PURE__ */ n(Un, { isActive: E, isLinkEditMode: r, editedLinkUrl: g, editedLinkUrlIsValid: L, linkUrl: u, href: Ve(u), inputRef: p, onEditedLinkUrlChange: C, onInputKeyDown: h, onClose: S, onSubmit: I, onEdit: () => {
+    C(u), l(!0);
+  }, onRemove: () => {
+    t.dispatchCommand(qe, null);
+  } }) });
+}
+function Wn(t, e, i, o) {
+  const r = J(10), [l, d] = M(t), [p, s] = M(!1);
+  let u, m;
+  r[0] !== t || r[1] !== o ? (u = () => {
+    const C = function() {
+      const v = V();
+      if (Q(v)) {
+        const E = he(v), L = Y(E, ne), h = Y(E, fe);
+        if (!(L || h)) {
+          s(!1);
+          return;
+        }
+        const S = v.getNodes().filter(Yn).find((I) => {
+          const f = Y(I, ne), b = Y(I, fe), k = fe(b) && b.getIsUnlinked();
+          return L && !L.is(f) || f && !f.is(L) || h && !h.is(b) || b && (!b.is(h) || k);
+        });
+        s(!S);
+      }
+    };
+    return xe(t.registerUpdateListener((_) => {
+      const {
+        editorState: v
+      } = _;
+      v.read(() => {
+        C();
+      });
+    }), t.registerCommand(Ne, (_, v) => (C(), d(v), !1), je), t.registerCommand(lt, Qn, Ge), t.registerCommand(dt, (_) => (o(_), !0), Ge));
+  }, m = [t, o], r[0] = t, r[1] = o, r[2] = u, r[3] = m) : (u = r[2], m = r[3]), $(u, m);
+  let g;
+  return r[4] !== l || r[5] !== e || r[6] !== p || r[7] !== i || r[8] !== o ? (g = Ze(/* @__PURE__ */ n(Kn, { editor: l, isLink: p, anchorElem: e, setIsLink: s, isLinkEditMode: i, setIsLinkEditMode: o }), document.body), r[4] = l, r[5] = e, r[6] = p, r[7] = i, r[8] = o, r[9] = g) : g = r[9], g;
+}
+function Qn(t) {
+  const e = V();
+  if (Q(e)) {
+    const i = he(e), o = Y(i, ne);
+    if (ne(o) && (t.metaKey || t.ctrlKey))
+      return window.open(Ve(o.getURL()), "_blank", "noopener,noreferrer"), !0;
+  }
+  return !1;
+}
+function Yn(t) {
+  return !Kt(t);
+}
+function Gn(t) {
+  const {
+    anchorElem: e
+  } = t, i = e === void 0 ? document.body : e, [o, r] = M(!1), [l] = me();
+  return Wn(l, i, o, r);
+}
+function qn() {
+  const t = J(1);
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(gn, { validateUrl: mt }), t[0] = e) : e = t[0], e;
+}
+const ot = (t) => t.trim().replace(/\s+/g, " "), Vn = (t, e) => {
+  const i = t.map(ot), o = /* @__PURE__ */ new Map(), r = [];
+  for (const l of e) {
+    const d = ot(l.heading), p = l.occurrence ?? o.get(d) ?? 0;
+    o.set(d, p + 1);
+    let s = 0;
+    for (const [u, m] of i.entries())
+      if (m === d) {
+        if (s === p) {
+          r.push({
+            id: l.id,
+            headingIndex: u
+          });
+          break;
+        }
+        s += 1;
+      }
+  }
+  return r.sort((l, d) => l.headingIndex - d.headingIndex);
+}, jn = (t, e) => {
+  let o = t[0]?.id;
+  for (const r of t) {
+    if (r.top > e) break;
+    o = r.id;
+  }
+  return o;
+}, Xn = (t) => {
+  let e = t.parentElement;
+  for (; e; ) {
+    const i = getComputedStyle(e).overflowY;
+    if (["auto", "scroll", "overlay"].includes(i)) return e;
+    e = e.parentElement;
+  }
+  return null;
+}, Zn = (t) => {
+  const {
+    anchors: e,
+    targetId: i,
+    onActiveSectionChange: o
+  } = t, [r] = me(), l = j(o);
+  return l.current = o, $(() => {
+    let d = () => {
+    };
+    const p = requestAnimationFrame(() => {
+      const s = r.getRootElement();
+      if (!s) return;
+      const u = Array.from(s.querySelectorAll("h1, h2, h3, h4, h5, h6")), g = Vn(u.map((h) => h.textContent ?? ""), e).map((h) => ({
+        id: h.id,
+        element: u[h.headingIndex]
+      }));
+      for (const h of g) h.element.dataset.markdownSectionId = h.id;
+      const C = g.find((h) => h.id === i);
+      if (!C) {
+        console.warn(`[markdown section] Unknown section id: ${i}`), l.current?.(null);
+        return;
+      }
+      C.element.tabIndex = -1, C.element.scrollIntoView({
+        block: "start"
+      }), C.element.focus({
+        preventScroll: !0
+      });
+      const _ = Xn(s);
+      let v;
+      const E = () => {
+        const h = _?.getBoundingClientRect().top ?? 0, S = jn(g.map((I) => ({
+          id: I.id,
+          top: I.element.getBoundingClientRect().top - h
+        })), 8);
+        !S || S === v || (v = S, l.current?.(S));
+      }, L = _ ?? window;
+      L.addEventListener("scroll", E, {
+        passive: !0
+      }), E(), d = () => {
+        L.removeEventListener("scroll", E);
+      };
+    });
+    return () => {
+      cancelAnimationFrame(p), d();
+    };
+  }, [e, r, i]), null;
+}, Jn = (t) => ({
+  columns: [{
+    id: `${t}-column-1`,
+    label: "Column 1",
+    alignment: null
+  }, {
+    id: `${t}-column-2`,
+    label: "Column 2",
+    alignment: null
+  }],
+  rows: [{
+    id: `${t}-row-1`,
+    cells: {
+      [`${t}-column-1`]: "",
+      [`${t}-column-2`]: ""
+    }
+  }]
+}), eo = [{
+  id: "table",
+  label: "Table",
+  icon: ln
+}, {
+  id: "image",
+  label: "Image",
+  icon: cn
+}, {
+  id: "code",
+  label: "Code block",
+  icon: sn
+}, {
+  id: "divider",
+  label: "Divider",
+  icon: an
+}], to = (t) => {
+  const e = /^\/([a-z ]*)$/i.exec(t);
+  return e ? {
+    leadOffset: 0,
+    matchingString: e[1] ?? "",
+    replaceableString: e[0]
+  } : null;
+}, no = () => `table-${globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random()}`}`, We = (t, e) => {
+  const i = t?.getParent();
+  if (!ct(i)) return;
+  i.replace(e);
+  const o = Ie();
+  e.insertAfter(o), o.select();
+}, oo = (t) => {
+  const e = J(18), {
+    options: i,
+    selectedIndex: o,
+    onSelect: r,
+    onHighlight: l
+  } = t;
+  let d, p;
+  e[0] !== o ? (d = () => {
+    document.getElementById(`slash-command-${o}`)?.scrollIntoView({
+      block: "nearest"
+    });
+  }, p = [o], e[0] = o, e[1] = d, e[2] = p) : (d = e[1], p = e[2]), $(d, p);
+  let s;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ n(Z, { paddingX: "sm", paddingY: "2xs", color: "fg.muted", textStyle: "label/S/medium", children: "Insert" }), e[3] = s) : s = e[3];
+  let u;
+  e[4] !== i.length ? (u = i.length === 0 ? /* @__PURE__ */ n(Z, { padding: "sm", color: "fg.muted", textStyle: "paragraph/S/regular", children: "No matching commands" }) : null, e[4] = i.length, e[5] = u) : u = e[5];
+  let m;
+  if (e[6] !== l || e[7] !== r || e[8] !== i || e[9] !== o) {
+    let C;
+    e[11] !== l || e[12] !== r || e[13] !== o ? (C = (_, v) => {
+      const E = o === v;
+      return /* @__PURE__ */ U(Te, { ref: _.setRefElement, id: `slash-command-${v}`, role: "option", "aria-selected": E, alignItems: "center", gap: "xs", paddingX: "sm", paddingY: "xs", cursor: "pointer", background: E ? "bg.active" : "transparent", _hover: {
+        background: E ? "bg.active" : "bg.hover"
+      }, onMouseEnter: () => l(v), onPointerDown: ro, onClick: () => r(_, v), children: [
+        /* @__PURE__ */ n(wt, { as: _.icon, boxSize: "16px", flexShrink: 0 }),
+        /* @__PURE__ */ n(Z, { minWidth: "0", truncate: !0, textStyle: "label/M/medium", children: _.label })
+      ] }, _.id);
+    }, e[11] = l, e[12] = r, e[13] = o, e[14] = C) : C = e[14], m = i.map(C), e[6] = l, e[7] = r, e[8] = i, e[9] = o, e[10] = m;
+  } else
+    m = e[10];
+  let g;
+  return e[15] !== u || e[16] !== m ? (g = /* @__PURE__ */ U(Re, { role: "listbox", "aria-label": "Insert content", position: "absolute", zIndex: "popover", layerStyle: "modal", minWidth: "13rem", overflow: "hidden", paddingY: "2xs", children: [
+    s,
+    u,
+    m
+  ] }), e[15] = u, e[16] = m, e[17] = g) : g = e[17], g;
+}, io = () => {
+  const t = J(52), [e] = me(), [i, o] = M(null), [r, l] = M(null), [d, p] = M(""), [s, u] = M("Image");
+  let m;
+  t[0] !== i ? (m = eo.filter((x) => !i || x.label.toLowerCase().includes(i.toLowerCase())).map(co), t[0] = i, t[1] = m) : m = t[1];
+  const g = m;
+  let C;
+  t[2] !== e || t[3] !== r ? (C = () => {
+    r && e.update(() => {
+      const x = et(r);
+      if (tt(x)) {
+        const z = x.getParent();
+        x.remove(), z?.selectEnd();
+      }
+    }, {
+      tag: Ue
+    }), l(null), setTimeout(() => e.focus(), 0);
+  }, t[2] = e, t[3] = r, t[4] = C) : C = t[4];
+  const _ = C;
+  let v;
+  t[5] !== e || t[6] !== s || t[7] !== r || t[8] !== d ? (v = (x) => {
+    x.preventDefault(), !(!r || !d.trim()) && (e.update(() => {
+      const z = et(r);
+      if (tt(z)) {
+        const W = ft(d.trim(), s.trim() || "Image"), te = z.getParent();
+        if (z.replace(W), ct(te)) {
+          const X = Ie();
+          te.insertAfter(X), X.select();
+        }
+      }
+    }, {
+      tag: Ue
+    }), l(null), setTimeout(() => e.focus(), 0));
+  }, t[5] = e, t[6] = s, t[7] = r, t[8] = d, t[9] = v) : v = t[9];
+  const E = v;
+  let L;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = (x, z, W) => {
+    if (x.id === "image") {
+      p(""), u("Image"), l(z?.getKey() ?? null), W();
+      return;
+    }
+    st(Ue), x.id === "table" && We(z, ht(Jn(no()))), x.id === "code" && We(z, un()), x.id === "divider" && We(z, mn()), W();
+  }, t[10] = L) : L = t[10];
+  let h;
+  t[11] !== g ? (h = /* @__PURE__ */ n(fn, { onQueryChange: o, triggerFn: to, options: g, onSelectOption: L, menuRenderFn: so }), t[11] = g, t[12] = h) : h = t[12];
+  const S = !!r;
+  let I;
+  t[13] !== e ? (I = () => e.getRootElement(), t[13] = e, t[14] = I) : I = t[14];
+  let f;
+  t[15] !== _ || t[16] !== r ? (f = (x) => {
+    !x.open && r && _();
+  }, t[15] = _, t[16] = r, t[17] = f) : f = t[17];
+  let b;
+  t[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ n(ee.Backdrop, {}), t[18] = b) : b = t[18];
+  let k;
+  t[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ n(ee.Header, { children: /* @__PURE__ */ n(ee.Title, { children: "Insert image" }) }), t[19] = k) : k = t[19];
+  let R;
+  t[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n(Se.Label, { children: "Image URL" }), t[20] = R) : R = t[20];
+  let c;
+  t[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (x) => p(x.target.value), t[21] = c) : c = t[21];
+  let a;
+  t[22] !== d ? (a = /* @__PURE__ */ U(Se.Root, { required: !0, children: [
+    R,
+    /* @__PURE__ */ n(Ye, { autoFocus: !0, value: d, onChange: c })
+  ] }), t[22] = d, t[23] = a) : a = t[23];
+  let T;
+  t[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ n(Se.Label, { children: "Alt text" }), t[24] = T) : T = t[24];
+  let y;
+  t[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (x) => u(x.target.value), t[25] = y) : y = t[25];
+  let w;
+  t[26] !== s ? (w = /* @__PURE__ */ U(Se.Root, { children: [
+    T,
+    /* @__PURE__ */ n(Ye, { value: s, onChange: y })
+  ] }), t[26] = s, t[27] = w) : w = t[27];
+  let N;
+  t[28] !== a || t[29] !== w ? (N = /* @__PURE__ */ n(ee.Body, { children: /* @__PURE__ */ U(Te, { direction: "column", gap: "sm", children: [
+    a,
+    w
+  ] }) }), t[28] = a, t[29] = w, t[30] = N) : N = t[30];
+  let D;
+  t[31] !== _ ? (D = /* @__PURE__ */ n(Je, { type: "button", variant: "ghost", onClick: _, children: "Cancel" }), t[31] = _, t[32] = D) : D = t[32];
+  let P;
+  t[33] !== d ? (P = d.trim(), t[33] = d, t[34] = P) : P = t[34];
+  const G = !P;
+  let B;
+  t[35] !== G ? (B = /* @__PURE__ */ n(Je, { type: "submit", variant: "primary", disabled: G, children: "Insert image" }), t[35] = G, t[36] = B) : B = t[36];
+  let q;
+  t[37] !== D || t[38] !== B ? (q = /* @__PURE__ */ U(ee.Footer, { children: [
+    D,
+    B
+  ] }), t[37] = D, t[38] = B, t[39] = q) : q = t[39];
+  let H;
+  t[40] !== E || t[41] !== N || t[42] !== q ? (H = /* @__PURE__ */ n(ee.Positioner, { children: /* @__PURE__ */ n(ee.Content, { asChild: !0, children: /* @__PURE__ */ U("form", { onSubmit: E, children: [
+    k,
+    N,
+    q
+  ] }) }) }), t[40] = E, t[41] = N, t[42] = q, t[43] = H) : H = t[43];
+  let F;
+  t[44] !== H || t[45] !== S || t[46] !== I || t[47] !== f ? (F = /* @__PURE__ */ U(ee.Root, { open: S, finalFocusEl: I, onOpenChange: f, children: [
+    b,
+    H
+  ] }), t[44] = H, t[45] = S, t[46] = I, t[47] = f, t[48] = F) : F = t[48];
+  let K;
+  return t[49] !== F || t[50] !== h ? (K = /* @__PURE__ */ U(rt, { children: [
+    h,
+    F
+  ] }), t[49] = F, t[50] = h, t[51] = K) : K = t[51], K;
+};
+function ro(t) {
+  return t.preventDefault();
+}
+function lo() {
+}
+function co(t) {
+  return {
+    ...t,
+    key: t.id,
+    setRefElement: lo
+  };
+}
+function so(t, e) {
+  return t.current ? dn.createPortal(/* @__PURE__ */ n(oo, { options: e.options, selectedIndex: e.selectedIndex, onHighlight: e.setHighlightedIndex, onSelect: (i, o) => {
+    e.setHighlightedIndex(o), e.selectOptionAndCleanUp(i);
+  } }), t.current) : null;
+}
+const ao = () => {
+  const [t] = me(), [e] = M(() => ({
+    current: {
+      editor: t,
+      editorState: t.getEditorState()
+    },
+    redoStack: [],
+    undoStack: []
+  }));
+  return $(() => {
+    e.current = {
+      editor: t,
+      editorState: t.getEditorState()
+    };
+  }, [t, e]), $(() => t.registerCommand(Wt, (i) => {
+    const o = i.target;
+    return o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement || !i.ctrlKey && !i.metaKey || i.key.toLowerCase() !== "z" ? !1 : (i.preventDefault(), t.dispatchCommand(i.shiftKey ? Qt : Yt, void 0), !0);
+  }, Xe), [t]), /* @__PURE__ */ n(hn, { externalHistoryState: e });
+}, it = "markdown-initial-import";
+function uo(t) {
+  const {
+    autoFocus: e = !1,
+    debug: i = !1,
+    defaultState: o = "",
+    fullWidth: r = !1,
+    isEditable: l = !1,
+    padding: d = "sm",
+    placeholder: p,
+    scrollable: s = !0,
+    sectionNavigation: u,
+    resolveMarkdownUrl: m,
+    onActiveSectionChange: g,
+    onChange: C
+  } = t, {
+    frontmatter: _,
+    body: v
+  } = gt(o), E = l && !!C, L = j(null), h = j(null);
+  h.current ??= pt(v, m);
+  const S = h.current, [I, f] = M(null);
+  return $(() => {
+    f(L.current);
+  }, []), /* @__PURE__ */ n(Te, { ref: L, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: s ? "100%" : "auto", position: "relative", direction: "column", overflow: "visible", children: /* @__PURE__ */ n(Ct, { resolver: m, children: /* @__PURE__ */ U(xt, { initialConfig: {
+    namespace: "MARKDOWN_EDITOR",
+    nodes: vt,
+    editorState: () => {
+      st(it), S.importToLexical();
+    },
+    onError: (k) => console.error(k),
+    editable: l,
+    theme: bt
+  }, children: [
+    l ? /* @__PURE__ */ n(io, {}) : null,
+    u ? /* @__PURE__ */ n(Zn, { anchors: u.anchors, targetId: u.targetId, onActiveSectionChange: g }) : null,
+    e ? /* @__PURE__ */ n(Rt, {}) : null,
+    /* @__PURE__ */ n(ao, {}),
+    /* @__PURE__ */ n(qn, {}),
+    /* @__PURE__ */ n(Pt, {}),
+    l ? /* @__PURE__ */ n(zt, { maxIndent: 7 }) : null,
+    /* @__PURE__ */ n(Nt, {}),
+    l ? /* @__PURE__ */ n(At, { transformers: _t }) : null,
+    /* @__PURE__ */ n(Dt, {}),
+    /* @__PURE__ */ n(Et, {}),
+    /* @__PURE__ */ n(St, {}),
+    /* @__PURE__ */ n(Tn, { anchorElem: I }),
+    /* @__PURE__ */ n(kt, {}),
+    /* @__PURE__ */ n($t, { contentEditable: /* @__PURE__ */ n(yt, { fullWidth: r, padding: d, scrollable: s }), placeholder: p ? /* @__PURE__ */ n(Te, { position: "absolute", padding: "sm", top: "0", left: "0", right: "0", pointerEvents: "none", userSelect: "none", justifyContent: "center", children: /* @__PURE__ */ n(Re, { width: "100%", maxWidth: "45rem", color: "fg.muted", textStyle: "paragraph/M/regular", children: p }) }) : null, ErrorBoundary: Mt }),
+    l && I ? /* @__PURE__ */ U(rt, { children: [
+      /* @__PURE__ */ n(zn, { anchorElem: I }),
+      /* @__PURE__ */ n(Gn, { anchorElem: I })
+    ] }) : null,
+    E ? /* @__PURE__ */ n(Ot, { ignoreSelectionChange: !0, ignoreHistoryMergeTagChange: !1, onChange: (k, R, c) => {
+      c.has(it) || k.read(() => {
+        const a = Gt(), T = S.exportFromLexical(a);
+        C?.(_ + T);
+      });
+    } }) : null,
+    /* @__PURE__ */ n(Lt, { isEditable: l }),
+    i && /* @__PURE__ */ n(Tt, {})
+  ] }) }) });
+}
+const Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MarkdownEditor: uo
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Tn as C,
+  zn as F,
+  uo as M,
+  Fo as m
+};
+//# sourceMappingURL=markdown-editor-CsJ4KNGu.js.map