@pstdio/ui 0.17.0 → 0.18.0

package/dist/markdown-editor-CYVkzt8t.js

@@ -0,0 +1,741 @@
+import { jsx as n, jsxs as ge, Fragment as Xe } from "react/jsx-runtime";
+import { c as oe } from "react/compiler-runtime";
+import { s as Qe, n as Ze, d as Re, e as Je, a as et, C as tt, I as nt, E as ot, b as it, T as lt, f as rt } from "./markdown-DDd2ESoH.js";
+import { IconButton as I, Text as ue, Stack as Pe, Input as st, Link as ct, Box as Ke, Flex as Ue } from "@chakra-ui/react";
+import { $convertFromMarkdownString as at, $convertToMarkdownString as dt } from "@lexical/markdown";
+import { AutoFocusPlugin as ft } from "@lexical/react/LexicalAutoFocusPlugin";
+import { CheckListPlugin as ut } from "@lexical/react/LexicalCheckListPlugin";
+import { LexicalComposer as mt } from "@lexical/react/LexicalComposer";
+import { LexicalErrorBoundary as ht } from "@lexical/react/LexicalErrorBoundary";
+import { HistoryPlugin as gt } from "@lexical/react/LexicalHistoryPlugin";
+import { HorizontalRulePlugin as pt } from "@lexical/react/LexicalHorizontalRulePlugin";
+import { ListPlugin as Ct } from "@lexical/react/LexicalListPlugin";
+import { MarkdownShortcutPlugin as _t } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { OnChangePlugin as bt } from "@lexical/react/LexicalOnChangePlugin";
+import { RichTextPlugin as vt } from "@lexical/react/LexicalRichTextPlugin";
+import { TabIndentationPlugin as kt } from "@lexical/react/LexicalTabIndentationPlugin";
+import { SELECTION_CHANGE_COMMAND as Le, COMMAND_PRIORITY_CRITICAL as Be, $getSelection as J, $isRangeSelection as Y, createCommand as Et, FORMAT_TEXT_COMMAND as Ne, $isRootOrShadowRoot as Lt, CLICK_COMMAND as We, COMMAND_PRIORITY_HIGH as Ge, $createParagraphNode as He, COMMAND_PRIORITY_LOW as Me, KEY_ESCAPE_COMMAND as St, $isLineBreakNode as yt, $setSelection as Tt, $getRoot as Rt } from "lexical";
+import { useState as M, useRef as ie, useEffect as q, useLayoutEffect as Nt } from "react";
+import { useLexicalComposerContext as De } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as Se, $findMatchingParent as X } from "@lexical/utils";
+import { Check as je, Copy as wt, Link as xt, Code2 as It, List as Ot, ListOrdered as Pt, ListTodo as Mt, X as zt, Pencil as At, Trash2 as Bt } from "lucide-react";
+import { createPortal as $e } from "react-dom";
+import { T as O } from "./scroll-area-BMbg1WcD.js";
+import { $isCodeNode as we, $createCodeNode as Dt } from "@lexical/code";
+import { LinkPlugin as $t } from "@lexical/react/LexicalLinkPlugin";
+import { $isLinkNode as le, $isAutoLinkNode as he, TOGGLE_LINK_COMMAND as ze, $createLinkNode as Ut } from "@lexical/link";
+import { $isListNode as xe, REMOVE_LIST_COMMAND as Ht, INSERT_CHECK_LIST_COMMAND as Ft, INSERT_ORDERED_LIST_COMMAND as Kt, INSERT_UNORDERED_LIST_COMMAND as Wt } from "@lexical/list";
+import { $isHeadingNode as Gt, $createHeadingNode as jt } from "@lexical/rich-text";
+import { $isAtNodeEnd as Fe, $setBlocksType as ve } from "@lexical/selection";
+function Ie(t) {
+  const e = J();
+  if (!Y(e))
+    return null;
+  const r = e.anchor.getNode(), o = we(r) ? r : X(r, (f) => we(f));
+  if (!we(o))
+    return null;
+  const l = t.getElementByKey(o.getKey());
+  return l instanceof HTMLElement ? l : null;
+}
+function Vt(t) {
+  return t instanceof HTMLElement ? t.closest(".rich-text__code") : null;
+}
+function Yt(t, e) {
+  const r = t.getBoundingClientRect(), o = e.getBoundingClientRect();
+  return {
+    top: o.top - r.top + 6,
+    left: o.right - r.left - 30
+  };
+}
+function qt(t) {
+  const e = oe(31), {
+    anchorElem: r
+  } = t, [o] = De(), [l, f] = M(null), [k, h] = M(!1), c = ie(null);
+  let g, b;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = () => () => {
+    c.current !== null && window.clearTimeout(c.current);
+  }, b = [], e[0] = g, e[1] = b) : (g = e[0], b = e[1]), q(g, b);
+  let p, a;
+  e[2] !== o ? (p = () => {
+    const _ = o.getRootElement();
+    if (!_)
+      return;
+    const w = (P) => {
+      const z = Vt(P.target);
+      f(z instanceof HTMLElement ? z : null);
+    }, x = () => {
+      o.getEditorState().read(() => {
+        const P = Ie(o);
+        f(P);
+      });
+    };
+    return _.addEventListener("pointermove", w), _.addEventListener("pointerleave", x), () => {
+      _.removeEventListener("pointermove", w), _.removeEventListener("pointerleave", x);
+    };
+  }, a = [o], e[2] = o, e[3] = p, e[4] = a) : (p = e[3], a = e[4]), q(p, a);
+  let L, S;
+  if (e[5] !== o ? (L = () => Se(o.registerUpdateListener((_) => {
+    const {
+      editorState: w
+    } = _;
+    w.read(() => {
+      const x = Ie(o);
+      x && f(x);
+    });
+  }), o.registerCommand(Le, () => (o.getEditorState().read(() => {
+    const _ = Ie(o);
+    if (!_) {
+      f(Xt);
+      return;
+    }
+    f(_);
+  }), !1), Be)), S = [o], e[5] = o, e[6] = L, e[7] = S) : (L = e[6], S = e[7]), q(L, S), !r || !l)
+    return null;
+  let d;
+  e[8] !== l || e[9] !== r ? (d = Yt(r, l), e[8] = l, e[9] = r, e[10] = d) : d = e[10];
+  const R = d;
+  let v;
+  e[11] !== R.left || e[12] !== R.top ? (v = {
+    position: "absolute",
+    top: R.top,
+    left: R.left
+  }, e[11] = R.left, e[12] = R.top, e[13] = v) : v = e[13];
+  const y = v, C = k ? "Copied" : "Copy code", u = k ? "Copied" : "Copy code";
+  let i;
+  e[14] !== l.textContent ? (i = async () => {
+    const _ = l.textContent ?? "";
+    try {
+      await navigator.clipboard.writeText(_), h(!0), c.current !== null && window.clearTimeout(c.current), c.current = window.setTimeout(() => {
+        h(!1);
+      }, 1200);
+    } catch {
+      h(!1);
+    }
+  }, e[14] = l.textContent, e[15] = i) : i = e[15];
+  let s;
+  e[16] !== k ? (s = k ? /* @__PURE__ */ n(je, { size: 14 }) : /* @__PURE__ */ n(wt, { size: 14 }), e[16] = k, e[17] = s) : s = e[17];
+  let m;
+  e[18] !== u || e[19] !== i || e[20] !== s ? (m = /* @__PURE__ */ n(I, { "aria-label": u, variant: "subtle", size: "xs", onClick: i, children: s }), e[18] = u, e[19] = i, e[20] = s, e[21] = m) : m = e[21];
+  let T;
+  e[22] !== m || e[23] !== C ? (T = /* @__PURE__ */ n(O, { content: C, children: m }), e[22] = m, e[23] = C, e[24] = T) : T = e[24];
+  let E;
+  e[25] !== y || e[26] !== T ? (E = /* @__PURE__ */ n("div", { className: "code-block-actions", style: y, children: T }), e[25] = y, e[26] = T, e[27] = E) : E = e[27];
+  let N;
+  return e[28] !== r || e[29] !== E ? (N = $e(E, r), e[28] = r, e[29] = E, e[30] = N) : N = e[30], N;
+}
+function Xt(t) {
+  return t?.matches(":hover") ? t : null;
+}
+const Ve = Et("TOGGLE_LINK_EDIT_MODE_COMMAND");
+function pe(t) {
+  const e = t.anchor, r = t.focus, o = t.anchor.getNode(), l = t.focus.getNode();
+  return o === l ? o : t.isBackward() ? Fe(r) ? o : l : Fe(e) ? o : l;
+}
+const Qt = 10, Zt = 5;
+function Ee(t, e, r, o = Qt, l = Zt, f = "legacy") {
+  const k = r.parentElement;
+  if (t === null || !k) {
+    e.style.opacity = "0", e.style.transform = "translate(-10000px, -10000px)";
+    return;
+  }
+  const h = e.getBoundingClientRect(), c = r.getBoundingClientRect(), g = k.getBoundingClientRect();
+  let b = f === "above" ? t.top - h.height - o : t.top - o, p = t.left - l;
+  b < g.top && (b = f === "above" ? t.bottom + o : b + h.height + t.height + o * 2), p + h.width > g.right && (p = g.right - h.width - l), b -= c.top, p -= c.left, e.style.opacity = "1", e.style.transform = `translate(${p}px, ${b}px)`;
+}
+function Oe() {
+  const t = oe(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 Jt(t) {
+  const e = oe(81), {
+    editor: r,
+    blockType: o,
+    isBold: l,
+    isItalic: f,
+    isUnderline: k,
+    isLink: h,
+    formatHeading: c,
+    formatList: g,
+    formatCodeBlock: b,
+    insertLink: p
+  } = t, a = l || void 0;
+  let L;
+  e[0] !== r ? (L = () => r.dispatchCommand(Ne, "bold"), e[0] = r, e[1] = L) : L = e[1];
+  let S;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ n(ue, { fontWeight: "bold", fontSize: ".75rem", children: "B" }), e[2] = S) : S = e[2];
+  let d;
+  e[3] !== a || e[4] !== L ? (d = /* @__PURE__ */ n(O, { content: "Bold", children: /* @__PURE__ */ n(I, { "data-active": a, onClick: L, variant: "ghost", "aria-label": "Bold", size: "xs", children: S }) }), e[3] = a, e[4] = L, e[5] = d) : d = e[5];
+  const R = f || void 0;
+  let v;
+  e[6] !== r ? (v = () => r.dispatchCommand(Ne, "italic"), e[6] = r, e[7] = v) : v = e[7];
+  let y;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(ue, { fontStyle: "italic", fontSize: ".75rem", children: "I" }), e[8] = y) : y = e[8];
+  let C;
+  e[9] !== R || e[10] !== v ? (C = /* @__PURE__ */ n(O, { content: "Italic", children: /* @__PURE__ */ n(I, { "data-active": R, onClick: v, variant: "ghost", "aria-label": "Italic", size: "xs", children: y }) }), e[9] = R, e[10] = v, e[11] = C) : C = e[11];
+  const u = k || void 0;
+  let i;
+  e[12] !== r ? (i = () => r.dispatchCommand(Ne, "underline"), e[12] = r, e[13] = i) : i = e[13];
+  let s;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ n(ue, { textDecoration: "underline", fontSize: ".75rem", children: "U" }), e[14] = s) : s = e[14];
+  let m;
+  e[15] !== u || e[16] !== i ? (m = /* @__PURE__ */ n(O, { content: "Underline", children: /* @__PURE__ */ n(I, { "data-active": u, onClick: i, variant: "ghost", "aria-label": "Underline", size: "xs", children: s }) }), e[15] = u, e[16] = i, e[17] = m) : m = e[17];
+  const T = h ? "Remove Link" : "Insert Link", E = h || void 0, N = h ? "Remove Link" : "Insert Link";
+  let _;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n(xt, { size: 14 }), e[18] = _) : _ = e[18];
+  let w;
+  e[19] !== p || e[20] !== E || e[21] !== N ? (w = /* @__PURE__ */ n(I, { "data-active": E, variant: "ghost", "aria-label": N, size: "xs", onClick: p, children: _ }), e[19] = p, e[20] = E, e[21] = N, e[22] = w) : w = e[22];
+  let x;
+  e[23] !== T || e[24] !== w ? (x = /* @__PURE__ */ n(O, { content: T, children: w }), e[23] = T, e[24] = w, e[25] = x) : x = e[25];
+  let P;
+  e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ n(Oe, {}), e[26] = P) : P = e[26];
+  const z = o === "h1" || void 0;
+  let $;
+  e[27] !== c ? ($ = () => c("h1"), e[27] = c, e[28] = $) : $ = e[28];
+  let U;
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ n(ue, { fontWeight: "thin", fontSize: ".8rem", children: "H1" }), e[29] = U) : U = e[29];
+  let H;
+  e[30] !== z || e[31] !== $ ? (H = /* @__PURE__ */ n(O, { content: "Heading 1", children: /* @__PURE__ */ n(I, { "data-active": z, variant: "ghost", "aria-label": "Heading 1", size: "xs", onClick: $, children: U }) }), e[30] = z, e[31] = $, e[32] = H) : H = e[32];
+  const te = o === "h2" || void 0;
+  let F;
+  e[33] !== c ? (F = () => c("h2"), e[33] = c, e[34] = F) : F = e[34];
+  let K;
+  e[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ n(ue, { fontWeight: "thin", fontSize: ".8rem", children: "H2" }), e[35] = K) : K = e[35];
+  let W;
+  e[36] !== te || e[37] !== F ? (W = /* @__PURE__ */ n(O, { content: "Heading 2", children: /* @__PURE__ */ n(I, { "data-active": te, variant: "ghost", "aria-label": "Heading 2", size: "xs", onClick: F, children: K }) }), e[36] = te, e[37] = F, e[38] = W) : W = e[38];
+  const Q = o === "h3" || void 0;
+  let A;
+  e[39] !== c ? (A = () => c("h3"), e[39] = c, e[40] = A) : A = e[40];
+  let G;
+  e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ n(ue, { fontWeight: "thin", fontSize: ".8rem", children: "H3" }), e[41] = G) : G = e[41];
+  let B;
+  e[42] !== Q || e[43] !== A ? (B = /* @__PURE__ */ n(O, { content: "Heading 3", children: /* @__PURE__ */ n(I, { "data-active": Q, variant: "ghost", "aria-label": "Heading 3", size: "xs", onClick: A, children: G }) }), e[42] = Q, e[43] = A, e[44] = B) : B = e[44];
+  let j;
+  e[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ n(Oe, {}), e[45] = j) : j = e[45];
+  const Z = o === "code" || void 0;
+  let V;
+  e[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ n(It, { size: 14 }), e[46] = V) : V = e[46];
+  let D;
+  e[47] !== b || e[48] !== Z ? (D = /* @__PURE__ */ n(O, { content: "Code Block", children: /* @__PURE__ */ n(I, { "data-active": Z, variant: "ghost", "aria-label": "Code Block", size: "xs", onClick: b, children: V }) }), e[47] = b, e[48] = Z, e[49] = D) : D = e[49];
+  let ee;
+  e[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ee = /* @__PURE__ */ n(Oe, {}), e[50] = ee) : ee = e[50];
+  const me = o === "bullet" || void 0;
+  let ne;
+  e[51] !== g ? (ne = () => g("bullet"), e[51] = g, e[52] = ne) : ne = e[52];
+  let re;
+  e[53] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (re = /* @__PURE__ */ n(Ot, { size: 14 }), e[53] = re) : re = e[53];
+  let se;
+  e[54] !== me || e[55] !== ne ? (se = /* @__PURE__ */ n(O, { content: "Bulleted List", children: /* @__PURE__ */ n(I, { "data-active": me, variant: "ghost", "aria-label": "Bulleted List", size: "xs", onClick: ne, children: re }) }), e[54] = me, e[55] = ne, e[56] = se) : se = e[56];
+  const ye = o === "number" || void 0;
+  let ce;
+  e[57] !== g ? (ce = () => g("number"), e[57] = g, e[58] = ce) : ce = e[58];
+  let Ce;
+  e[59] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ce = /* @__PURE__ */ n(Pt, { size: 14 }), e[59] = Ce) : Ce = e[59];
+  let ae;
+  e[60] !== ye || e[61] !== ce ? (ae = /* @__PURE__ */ n(O, { content: "Numbered List", children: /* @__PURE__ */ n(I, { "data-active": ye, variant: "ghost", "aria-label": "Numbered List", size: "xs", onClick: ce, children: Ce }) }), e[60] = ye, e[61] = ce, e[62] = ae) : ae = e[62];
+  const Te = o === "check" || void 0;
+  let de;
+  e[63] !== g ? (de = () => g("check"), e[63] = g, e[64] = de) : de = e[64];
+  let _e;
+  e[65] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_e = /* @__PURE__ */ n(Mt, { size: 14 }), e[65] = _e) : _e = e[65];
+  let fe;
+  e[66] !== Te || e[67] !== de ? (fe = /* @__PURE__ */ n(O, { content: "Check List", children: /* @__PURE__ */ n(I, { "data-active": Te, variant: "ghost", "aria-label": "Check List", size: "xs", onClick: de, children: _e }) }), e[66] = Te, e[67] = de, e[68] = fe) : fe = e[68];
+  let be;
+  return e[69] !== m || e[70] !== x || e[71] !== H || e[72] !== W || e[73] !== d || e[74] !== B || e[75] !== D || e[76] !== se || e[77] !== ae || e[78] !== fe || e[79] !== C ? (be = /* @__PURE__ */ ge(Pe, { direction: "row", gap: "0.5", alignItems: "center", children: [
+    d,
+    C,
+    m,
+    x,
+    P,
+    H,
+    W,
+    B,
+    j,
+    D,
+    ee,
+    se,
+    ae,
+    fe
+  ] }), e[69] = m, e[70] = x, e[71] = H, e[72] = W, e[73] = d, e[74] = B, e[75] = D, e[76] = se, e[77] = ae, e[78] = fe, e[79] = C, e[80] = be) : be = e[80], be;
+}
+const en = {
+  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"
+}, tn = (t) => t in en ? t : null, nn = (t) => (t.getKey() === "root" ? t : X(t, (r) => {
+  const o = r.getParent();
+  return o !== null && Lt(o);
+})) ?? t.getTopLevelElementOrThrow(), on = (t) => {
+  const e = nn(t);
+  if (xe(e))
+    return e.getListType();
+  const r = X(t, (l) => xe(l));
+  if (r !== null && xe(r))
+    return r.getListType();
+  const o = Gt(e) ? e.getTag() : e.getType();
+  return tn(o);
+};
+function ln(t) {
+  const {
+    hasSelection: e,
+    isRangeSelection: r,
+    isCollapsed: o,
+    hasNativeSelection: l,
+    hasNativeRange: f,
+    isAnchorInsideEditor: k,
+    isEditorEditable: h
+  } = t;
+  return e && r && !o && l && f && k && h;
+}
+const rn = -4;
+function sn({
+  editor: t,
+  anchorElem: e,
+  isToolbarActive: r,
+  setIsToolbarActive: o
+}) {
+  const l = ie(null), [f, k] = M("paragraph"), [h, c] = M(!1), [g, b] = M(!1), [p, a] = M(!1), [L, S] = M(!1), d = ie(() => {
+  }), R = (i) => {
+    t.update(() => {
+      const s = J();
+      if (Y(s)) {
+        if (f === i) {
+          ve(s, He);
+          return;
+        }
+        ve(s, () => jt(i));
+      }
+    });
+  }, v = (i) => {
+    if (f === i) {
+      t.dispatchCommand(Ht, void 0);
+      return;
+    }
+    const s = {
+      bullet: Wt,
+      number: Kt,
+      check: Ft
+    }[i];
+    t.dispatchCommand(s, void 0);
+  }, y = () => {
+    t.update(() => {
+      const i = J();
+      if (Y(i)) {
+        if (f === "code") {
+          ve(i, He);
+          return;
+        }
+        ve(i, () => Dt());
+      }
+    });
+  }, C = () => {
+    if (L) {
+      t.dispatchCommand(ze, null);
+      return;
+    }
+    t.dispatchCommand(Ve, !0);
+  }, u = () => {
+    const i = J();
+    if (!Y(i)) return;
+    c(i.hasFormat("bold")), b(i.hasFormat("italic")), a(i.hasFormat("underline"));
+    const s = pe(i), m = X(s, le), T = X(s, he);
+    S(m !== null || T !== null);
+    const E = on(i.anchor.getNode());
+    E && k(E);
+  };
+  return d.current = () => {
+    const i = J(), s = l.current, m = window.getSelection();
+    if (s === null)
+      return;
+    const T = t.getRootElement(), E = m !== null, N = E && m.rangeCount > 0, _ = !!T?.contains(E ? m.anchorNode : null);
+    if (ln({
+      hasSelection: i !== null,
+      isRangeSelection: Y(i),
+      isCollapsed: Y(i) ? i.isCollapsed() : !1,
+      hasNativeSelection: E,
+      hasNativeRange: N,
+      isAnchorInsideEditor: _,
+      isEditorEditable: t.isEditable()
+    }) && m) {
+      const w = m.getRangeAt(0).getBoundingClientRect();
+      if (w) {
+        const x = new DOMRect(w.left, w.bottom, 0, 0);
+        Ee(x, s, e, rn);
+      }
+      o(!0);
+    } else
+      T !== null && Ee(null, s, e), o(!1);
+    return u(), !0;
+  }, q(() => {
+    const i = e.parentElement, s = () => {
+      t.getEditorState().read(() => {
+        d.current();
+      });
+    };
+    return window.addEventListener("resize", s), i && i.addEventListener("scroll", s), () => {
+      window.removeEventListener("resize", s), i && i.removeEventListener("scroll", s);
+    };
+  }, [e, t]), q(() => Se(t.registerUpdateListener(({
+    editorState: i
+  }) => {
+    i.read(() => {
+      d.current();
+    });
+  }), t.registerCommand(Le, (i) => (d.current(), !1), Be), t.registerCommand(We, (i) => {
+    const s = J();
+    return Y(s) && d.current(), !1;
+  }, Ge)), [t]), /* @__PURE__ */ n("div", { ref: l, className: `floating-text-format-toolbar ${r ? "active" : ""}`, children: /* @__PURE__ */ n(Jt, { editor: t, blockType: f, isBold: h, isItalic: g, isUnderline: p, isLink: L, formatHeading: R, formatList: v, formatCodeBlock: y, insertLink: C }) });
+}
+function cn(t) {
+  const e = oe(7), {
+    anchorElem: r
+  } = t, o = r === void 0 ? document.body : r, [l] = De(), [f, k] = M(!1);
+  let h;
+  e[0] !== o || e[1] !== l || e[2] !== f ? (h = /* @__PURE__ */ n(sn, { editor: l, anchorElem: o, isToolbarActive: f, setIsToolbarActive: k }), e[0] = o, e[1] = l, e[2] = f, e[3] = h) : h = e[3];
+  let c;
+  return e[4] !== o || e[5] !== h ? (c = $e(h, o), e[4] = o, e[5] = h, e[6] = c) : c = e[6], c;
+}
+function an(t) {
+  const e = oe(32), {
+    isActive: r,
+    isLinkEditMode: o,
+    editedLinkUrl: l,
+    editedLinkUrlIsValid: f,
+    linkUrl: k,
+    href: h,
+    inputRef: c,
+    onEditedLinkUrlChange: g,
+    onInputKeyDown: b,
+    onClose: p,
+    onSubmit: a,
+    onEdit: L,
+    onRemove: S
+  } = t;
+  if (!r)
+    return null;
+  if (o) {
+    const i = !f;
+    let s;
+    e[0] !== g ? (s = (P) => {
+      g(P.target.value);
+    }, e[0] = g, e[1] = s) : s = e[1];
+    let m;
+    e[2] !== l || e[3] !== c || e[4] !== b || e[5] !== i || e[6] !== s ? (m = /* @__PURE__ */ n(st, { ref: c, className: "link-editor-url-field", size: "sm", fontSize: "sm", value: l, placeholder: "https://", "aria-label": "Link URL", "aria-invalid": i, onChange: s, onKeyDown: b }), e[2] = l, e[3] = c, e[4] = b, e[5] = i, e[6] = s, e[7] = m) : m = e[7];
+    let T;
+    e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ n(zt, { size: 14 }), e[8] = T) : T = e[8];
+    let E;
+    e[9] !== p ? (E = /* @__PURE__ */ n(O, { content: "Cancel", children: /* @__PURE__ */ n(I, { variant: "ghost", size: "xs", "aria-label": "Cancel link edit", onMouseDown: ke, onClick: p, children: T }) }), e[9] = p, e[10] = E) : E = e[10];
+    const N = !f;
+    let _;
+    e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ n(je, { size: 14 }), e[11] = _) : _ = e[11];
+    let w;
+    e[12] !== a || e[13] !== N ? (w = /* @__PURE__ */ n(O, { content: "Confirm", children: /* @__PURE__ */ n(I, { variant: "ghost", size: "xs", "aria-label": "Confirm link edit", disabled: N, onMouseDown: ke, onClick: a, children: _ }) }), e[12] = a, e[13] = N, e[14] = w) : w = e[14];
+    let x;
+    return e[15] !== m || e[16] !== E || e[17] !== w ? (x = /* @__PURE__ */ ge(Pe, { className: "link-editor-content", direction: "row", gap: "1", alignItems: "center", p: "1", children: [
+      m,
+      E,
+      w
+    ] }), e[15] = m, e[16] = E, e[17] = w, e[18] = x) : x = e[18], x;
+  }
+  let d;
+  e[19] !== h || e[20] !== k ? (d = /* @__PURE__ */ n(ct, { href: h, target: "_blank", rel: "noopener noreferrer", className: "link-editor-url-field", fontSize: "sm", textDecoration: "underline", px: "2", truncate: !0, children: k }), e[19] = h, e[20] = k, e[21] = d) : d = e[21];
+  let R;
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ n(At, { size: 14 }), e[22] = R) : R = e[22];
+  let v;
+  e[23] !== L ? (v = /* @__PURE__ */ n(O, { content: "Edit link", children: /* @__PURE__ */ n(I, { variant: "ghost", size: "xs", "aria-label": "Edit link", onMouseDown: ke, onClick: L, children: R }) }), e[23] = L, e[24] = v) : v = e[24];
+  let y;
+  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ n(Bt, { size: 14 }), e[25] = y) : y = e[25];
+  let C;
+  e[26] !== S ? (C = /* @__PURE__ */ n(O, { content: "Remove link", children: /* @__PURE__ */ n(I, { variant: "ghost", size: "xs", "aria-label": "Remove link", onMouseDown: ke, onClick: S, children: y }) }), e[26] = S, e[27] = C) : C = e[27];
+  let u;
+  return e[28] !== d || e[29] !== v || e[30] !== C ? (u = /* @__PURE__ */ ge(Pe, { className: "link-editor-content", direction: "row", gap: "1", alignItems: "center", p: "1", children: [
+    d,
+    v,
+    C
+  ] }), e[28] = d, e[29] = v, e[30] = C, e[31] = u) : u = e[31], u;
+}
+function ke(t) {
+  t.preventDefault();
+}
+function dn(t, e, r) {
+  return t && e && r === "";
+}
+function fn(t) {
+  const e = pe(t), r = X(e, le);
+  return r ? r.getURL() : le(e) ? e.getURL() : "";
+}
+const Ye = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "sms:", "tel:"]);
+function Ae(t) {
+  try {
+    const e = new URL(t);
+    if (!Ye.has(e.protocol))
+      return "about:blank";
+  } catch {
+    return t;
+  }
+  return t;
+}
+function qe(t) {
+  try {
+    const e = new URL(t);
+    return Ye.has(e.protocol) ? e.protocol === "http:" || e.protocol === "https:" ? e.hostname !== "" : e.pathname.trim() !== "" : !1;
+  } catch {
+    return !1;
+  }
+}
+const un = 8;
+function mn({
+  editor: t,
+  isLink: e,
+  setIsLink: r,
+  anchorElem: o,
+  isLinkEditMode: l,
+  setIsLinkEditMode: f
+}) {
+  const k = ie(null), h = ie(null), c = ie(() => {
+  }), [g, b] = M(""), [p, a] = M("https://"), [L, S] = M(null), d = e || l, R = qe(p);
+  c.current = () => {
+    const u = J();
+    if (Y(u)) {
+      const N = fn(u);
+      b(N), dn(l, e, N) && y(), l && N !== "" && a(N);
+    }
+    const i = k.current, s = window.getSelection(), m = document.activeElement;
+    if (i === null)
+      return;
+    const T = t.getRootElement(), E = s !== null && s.rangeCount > 0;
+    if (u !== null && s !== null && E && T?.contains(s.anchorNode) && t.isEditable()) {
+      const N = s.getRangeAt(0).getBoundingClientRect(), _ = new DOMRect(N.left, N.top, 0, N.height);
+      Ee(_, i, o, un, void 0, "above"), S(u);
+    } else i.contains(m) || (T !== null && Ee(null, i, o), S(null), f(!1), b(""));
+  }, q(() => {
+    const u = o.parentElement, i = () => {
+      t.getEditorState().read(() => {
+        c.current();
+      });
+    };
+    return window.addEventListener("resize", i), u && u.addEventListener("scroll", i), () => {
+      window.removeEventListener("resize", i), u && u.removeEventListener("scroll", i);
+    };
+  }, [o.parentElement, t]), q(() => Se(t.registerUpdateListener(({
+    editorState: u
+  }) => {
+    u.read(() => {
+      c.current();
+    });
+  }), t.registerCommand(Le, () => (c.current(), !0), Me), t.registerCommand(St, () => e ? (r(!1), !0) : !1, Ge)), [t, r, e]), q(() => {
+    t.getEditorState().read(() => {
+      c.current();
+    });
+  }, [t]), Nt(() => {
+    d && t.getEditorState().read(() => {
+      c.current();
+    });
+  }, [t, d]), q(() => {
+    l && h.current && h.current.focus();
+  }, [l]);
+  const v = (u) => {
+    u.key === "Enter" ? (u.preventDefault(), C()) : u.key === "Escape" && (u.preventDefault(), y());
+  }, y = () => {
+    a("https://"), f(!1);
+  }, C = () => {
+    L === null || !R || (t.update(() => {
+      Tt(L);
+    }), t.dispatchCommand(ze, Ae(p)), t.update(() => {
+      const u = J();
+      if (Y(u)) {
+        const i = pe(u).getParent();
+        if (he(i)) {
+          const s = Ut(i.getURL(), {
+            rel: i.__rel,
+            target: i.__target,
+            title: i.__title
+          });
+          i.replace(s, !0);
+        }
+      }
+    }), y());
+  };
+  return /* @__PURE__ */ n(Ke, { ref: k, className: `link-editor ${d ? "active" : ""}`, children: /* @__PURE__ */ n(an, { isActive: d, isLinkEditMode: l, editedLinkUrl: p, editedLinkUrlIsValid: R, linkUrl: g, href: Ae(g), inputRef: h, onEditedLinkUrlChange: a, onInputKeyDown: v, onClose: y, onSubmit: C, onEdit: () => {
+    a(g), f(!0);
+  }, onRemove: () => {
+    t.dispatchCommand(ze, null);
+  } }) });
+}
+function hn(t, e, r, o) {
+  const l = oe(13), [f, k] = M(t), [h, c] = M(!1);
+  let g, b;
+  l[0] !== t || l[1] !== o ? (g = () => {
+    const L = function() {
+      const d = J();
+      if (Y(d)) {
+        const R = pe(d), v = X(R, le), y = X(R, he);
+        if (!(v || y)) {
+          c(!1);
+          return;
+        }
+        const C = d.getNodes().filter(pn).find((u) => {
+          const i = X(u, le), s = X(u, he), m = he(s) && s.getIsUnlinked();
+          return v && !v.is(i) || i && !i.is(v) || y && !y.is(s) || s && (!s.is(y) || m);
+        });
+        c(!C);
+      }
+    };
+    return Se(t.registerUpdateListener((S) => {
+      const {
+        editorState: d
+      } = S;
+      d.read(() => {
+        L();
+      });
+    }), t.registerCommand(Le, (S, d) => (L(), k(d), !1), Be), t.registerCommand(We, gn, Me), t.registerCommand(Ve, (S) => (o(S), !0), Me));
+  }, b = [t, o], l[0] = t, l[1] = o, l[2] = g, l[3] = b) : (g = l[2], b = l[3]), q(g, b);
+  let p;
+  l[4] !== f || l[5] !== e || l[6] !== h || l[7] !== r || l[8] !== o ? (p = /* @__PURE__ */ n(mn, { editor: f, isLink: h, anchorElem: e, setIsLink: c, isLinkEditMode: r, setIsLinkEditMode: o }), l[4] = f, l[5] = e, l[6] = h, l[7] = r, l[8] = o, l[9] = p) : p = l[9];
+  let a;
+  return l[10] !== e || l[11] !== p ? (a = $e(p, e), l[10] = e, l[11] = p, l[12] = a) : a = l[12], a;
+}
+function gn(t) {
+  const e = J();
+  if (Y(e)) {
+    const r = pe(e), o = X(r, le);
+    if (le(o) && (t.metaKey || t.ctrlKey))
+      return window.open(Ae(o.getURL()), "_blank", "noopener,noreferrer"), !0;
+  }
+  return !1;
+}
+function pn(t) {
+  return !yt(t);
+}
+function Cn(t) {
+  const {
+    anchorElem: e
+  } = t, r = e === void 0 ? document.body : e, [o, l] = M(!1), [f] = De();
+  return hn(f, r, o, l);
+}
+function _n() {
+  const t = oe(1);
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n($t, { validateUrl: qe }), t[0] = e) : e = t[0], e;
+}
+function bn(t) {
+  const e = oe(57), {
+    autoFocus: r,
+    debug: o,
+    defaultState: l,
+    isEditable: f,
+    placeholder: k,
+    scrollable: h,
+    onChange: c
+  } = t, g = r === void 0 ? !1 : r, b = o === void 0 ? !1 : o, p = l === void 0 ? "" : l, a = f === void 0 ? !1 : f, L = h === void 0 ? !0 : h;
+  let S;
+  e[0] !== p ? (S = Qe(p), e[0] = p, e[1] = S) : S = e[1];
+  const {
+    frontmatter: d,
+    body: R
+  } = S, v = a && !!c, y = ie(null), [C, u] = M(null);
+  let i, s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+    u(y.current);
+  }, s = [], e[2] = i, e[3] = s) : (i = e[2], s = e[3]), q(i, s);
+  let m;
+  e[4] !== R ? (m = () => at(Ze(R), Re, void 0, !1), e[4] = R, e[5] = m) : m = e[5];
+  let T;
+  e[6] !== a || e[7] !== m ? (T = {
+    namespace: "MARKDOWN_EDITOR",
+    nodes: et,
+    editorState: m,
+    onError: vn,
+    editable: a,
+    theme: Je
+  }, e[6] = a, e[7] = m, e[8] = T) : T = e[8];
+  const E = T, N = L ? "100%" : "auto";
+  let _;
+  e[9] !== g ? (_ = g ? /* @__PURE__ */ n(ft, {}) : null, e[9] = g, e[10] = _) : _ = e[10];
+  let w, x, P;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(gt, {}), x = /* @__PURE__ */ n(_n, {}), P = /* @__PURE__ */ n(Ct, {}), e[11] = w, e[12] = x, e[13] = P) : (w = e[11], x = e[12], P = e[13]);
+  let z;
+  e[14] !== a ? (z = a ? /* @__PURE__ */ n(kt, { maxIndent: 7 }) : null, e[14] = a, e[15] = z) : z = e[15];
+  let $;
+  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ n(ut, {}), e[16] = $) : $ = e[16];
+  let U;
+  e[17] !== a ? (U = a ? /* @__PURE__ */ n(_t, { transformers: Re }) : null, e[17] = a, e[18] = U) : U = e[18];
+  let H, te, F;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ n(pt, {}), te = /* @__PURE__ */ n(tt, {}), F = /* @__PURE__ */ n(nt, {}), e[19] = H, e[20] = te, e[21] = F) : (H = e[19], te = e[20], F = e[21]);
+  let K;
+  e[22] !== C ? (K = /* @__PURE__ */ n(qt, { anchorElem: C }), e[22] = C, e[23] = K) : K = e[23];
+  let W;
+  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ n(ot, {}), e[24] = W) : W = e[24];
+  let Q;
+  e[25] !== L ? (Q = /* @__PURE__ */ n(it, { fullWidth: !1, padding: "sm", scrollable: L }), e[25] = L, e[26] = Q) : Q = e[26];
+  let A;
+  e[27] !== k ? (A = k ? /* @__PURE__ */ n(Ue, { position: "absolute", padding: "sm", top: "0", left: "0", right: "0", pointerEvents: "none", userSelect: "none", justifyContent: "center", children: /* @__PURE__ */ n(Ke, { width: "100%", maxWidth: "45rem", color: "fg.muted", textStyle: "paragraph/M/regular", children: k }) }) : null, e[27] = k, e[28] = A) : A = e[28];
+  let G;
+  e[29] !== Q || e[30] !== A ? (G = /* @__PURE__ */ n(vt, { contentEditable: Q, placeholder: A, ErrorBoundary: ht }), e[29] = Q, e[30] = A, e[31] = G) : G = e[31];
+  let B;
+  e[32] !== C || e[33] !== a ? (B = a && C ? /* @__PURE__ */ ge(Xe, { children: [
+    /* @__PURE__ */ n(cn, { anchorElem: C }),
+    /* @__PURE__ */ n(Cn, { anchorElem: C })
+  ] }) : null, e[32] = C, e[33] = a, e[34] = B) : B = e[34];
+  let j;
+  e[35] !== d || e[36] !== c || e[37] !== v ? (j = v ? /* @__PURE__ */ n(bt, { ignoreSelectionChange: !0, ignoreHistoryMergeTagChange: !1, onChange: (me) => {
+    me.read(() => {
+      const ne = Rt(), re = dt(Re, ne);
+      c?.(d + re);
+    });
+  } }) : null, e[35] = d, e[36] = c, e[37] = v, e[38] = j) : j = e[38];
+  let Z;
+  e[39] !== a ? (Z = /* @__PURE__ */ n(lt, { isEditable: a }), e[39] = a, e[40] = Z) : Z = e[40];
+  let V;
+  e[41] !== b ? (V = b && /* @__PURE__ */ n(rt, {}), e[41] = b, e[42] = V) : V = e[42];
+  let D;
+  e[43] !== E || e[44] !== _ || e[45] !== z || e[46] !== U || e[47] !== K || e[48] !== G || e[49] !== B || e[50] !== j || e[51] !== Z || e[52] !== V ? (D = /* @__PURE__ */ ge(mt, { initialConfig: E, children: [
+    _,
+    w,
+    x,
+    P,
+    z,
+    $,
+    U,
+    H,
+    te,
+    F,
+    K,
+    W,
+    G,
+    B,
+    j,
+    Z,
+    V
+  ] }), e[43] = E, e[44] = _, e[45] = z, e[46] = U, e[47] = K, e[48] = G, e[49] = B, e[50] = j, e[51] = Z, e[52] = V, e[53] = D) : D = e[53];
+  let ee;
+  return e[54] !== N || e[55] !== D ? (ee = /* @__PURE__ */ n(Ue, { ref: y, className: "rich-text", justifyContent: "space-between", width: "100%", maxWidth: "100%", height: N, position: "relative", direction: "column", overflow: "visible", children: D }), e[54] = N, e[55] = D, e[56] = ee) : ee = e[56], ee;
+}
+function vn(t) {
+  return console.error(t);
+}
+const Xn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MarkdownEditor: bn
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  qt as C,
+  cn as F,
+  bn as M,
+  Xn as m
+};
+//# sourceMappingURL=markdown-editor-CYVkzt8t.js.map