@pstdio/ui 0.21.0 → 0.22.0

package/dist/markdown-editor-C4GCyebp.js

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