reactjs-tiptap-editor 0.4.1 → 1.0.0

package/lib/bubble.js

@@ -0,0 +1,1925 @@
+import { jsx as i, Fragment as x, jsxs as v } from "react/jsx-runtime";
+import yt, { useRef as L, useEffect as k, useCallback as w, useState as P, useMemo as z, Fragment as ht } from "react";
+import { _ as Kt, d as Ct, E as Tt, $ as qt, a0 as jt, a1 as q, a2 as Gt } from "./index-DnWWK9F_.js";
+import { f as It, s as St, o as Ot, a as Mt, b as At, d as Ut, h as Et, i as Pt, c as kt } from "./floating-ui.dom-U1vPFQ5f.js";
+import { Plugin as Rt, PluginKey as Bt, NodeSelection as Xt, TextSelection as Yt } from "@tiptap/pm/state";
+import { C as Zt, T as Jt } from "./Table-Db8TcQX8.js";
+import { u as Dt } from "./index-DzcKxutn.js";
+import { createPortal as Nt } from "react-dom";
+import { A as p } from "./toggle-Cdp4IT2U.js";
+import { MultipleColumnNode as mt } from "./Column.js";
+import { u as A, r as Q, V as gt } from "./index-DYkucCoF.js";
+import { d as j } from "./delete-node-IyVmiRbI.js";
+import { e as U, a as M } from "./index-BPfVXs5_.js";
+import { C as Qt, D as lt } from "./Drawer-DZ5jvmrX.js";
+import { Editor as te, makeDropdownToolbar as ee } from "easydrawer";
+import { s as Ht, i as zt } from "./shortId-WJVkrvml.js";
+import { D as et, a as it, b as nt, c as ot, d as rt, e as ie } from "./dialog-PtQivpHS.js";
+import { d as Lt } from "./file-BLas99n7.js";
+import { B as $ } from "./button-DXMsXUEn.js";
+import { u as V, K as tt } from "./Katex-DsYXsjSS.js";
+import { d as $t } from "./useButtonProps-BsEd4zYM.js";
+import { S as H } from "./separator-CuBW_w98.js";
+import { L as at } from "./label-CGdLYWv7.js";
+import { P as ne, a as oe, b as re } from "./popover-CAuEW0Mr.js";
+import { I as J } from "./input-wJ9PDEzZ.js";
+import { E as F, t as se } from "./Excalidraw-DwBRXEtC.js";
+import { I as _, g as le } from "./Iframe-CmXkEqOd.js";
+import ae from "katex";
+import { Pencil as ce, Trash2 as he } from "lucide-react";
+import { T as Vt } from "./textarea-DUUM1jZd.js";
+import { L as xt, a as de, R as ue } from "./LinkEditBlock-CB8yIffE.js";
+import { Image as pe } from "./Image.js";
+import { ImageGif as fe } from "./ImageGif.js";
+import { Video as me } from "./Video.js";
+import { Mermaid as ct } from "./Mermaid.js";
+import { RichTextBold as ge } from "./Bold.js";
+import { RichTextCode as xe } from "./Code.js";
+import "./index-D2TUfKkC.js";
+import { RichTextColor as be } from "./Color.js";
+import { RichTextHighlight as we } from "./Highlight.js";
+import { RichTextItalic as ve } from "./Italic.js";
+import { RichTextStrike as ye } from "./Strike.js";
+import { RichTextAlign as Ce } from "./TextAlign.js";
+import { RichTextUnderline as bt } from "./TextUnderline.js";
+import { T as wt, F as Te } from "./Twitter-CXmmjz9R.js";
+function Ie(t, e) {
+  const r = Math.min(t.top, e.top), n = Math.max(t.bottom, e.bottom), s = Math.min(t.left, e.left), l = Math.max(t.right, e.right) - s, a = n - r, h = s, c = r;
+  return new DOMRect(h, c, l, a);
+}
+var Se = class {
+  constructor({
+    editor: t,
+    element: e,
+    view: r,
+    updateDelay: n = 250,
+    resizeDelay: s = 60,
+    shouldShow: o,
+    appendTo: l,
+    getReferencedVirtualElement: a,
+    options: h
+  }) {
+    this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.floatingUIOptions = {
+      strategy: "absolute",
+      placement: "top",
+      offset: 8,
+      flip: {},
+      shift: {},
+      arrow: !1,
+      size: !1,
+      autoPlacement: !1,
+      hide: !1,
+      inline: !1,
+      onShow: void 0,
+      onHide: void 0,
+      onUpdate: void 0,
+      onDestroy: void 0
+    }, this.shouldShow = ({ view: d, state: u, from: f, to: g }) => {
+      const { doc: S, selection: T } = u, { empty: I } = T, C = !S.textBetween(f, g).length && Kt(u.selection), R = this.element.contains(document.activeElement);
+      return !(!(d.hasFocus() || R) || I || C || !this.editor.isEditable);
+    }, this.mousedownHandler = () => {
+      this.preventHide = !0;
+    }, this.dragstartHandler = () => {
+      this.hide();
+    }, this.resizeHandler = () => {
+      this.resizeDebounceTimer && clearTimeout(this.resizeDebounceTimer), this.resizeDebounceTimer = window.setTimeout(() => {
+        this.updatePosition();
+      }, this.resizeDelay);
+    }, this.focusHandler = () => {
+      setTimeout(() => this.update(this.editor.view));
+    }, this.blurHandler = ({ event: d }) => {
+      var u;
+      if (this.editor.isDestroyed) {
+        this.destroy();
+        return;
+      }
+      if (this.preventHide) {
+        this.preventHide = !1;
+        return;
+      }
+      d != null && d.relatedTarget && ((u = this.element.parentNode) != null && u.contains(d.relatedTarget)) || (d == null ? void 0 : d.relatedTarget) !== this.editor.view.dom && this.hide();
+    }, this.handleDebouncedUpdate = (d, u) => {
+      const f = !(u != null && u.selection.eq(d.state.selection)), g = !(u != null && u.doc.eq(d.state.doc));
+      !f && !g || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
+        this.updateHandler(d, f, g, u);
+      }, this.updateDelay));
+    }, this.updateHandler = (d, u, f, g) => {
+      const { composing: S } = d;
+      if (S || !u && !f)
+        return;
+      if (!this.getShouldShow(g)) {
+        this.hide();
+        return;
+      }
+      this.updatePosition(), this.show();
+    }, this.transactionHandler = ({ transaction: d }) => {
+      d.getMeta("bubbleMenu") === "updatePosition" && this.updatePosition();
+    };
+    var c;
+    this.editor = t, this.element = e, this.view = r, this.updateDelay = n, this.resizeDelay = s, this.appendTo = l, this.scrollTarget = (c = h == null ? void 0 : h.scrollTarget) != null ? c : window, this.getReferencedVirtualElement = a, this.floatingUIOptions = {
+      ...this.floatingUIOptions,
+      ...h
+    }, this.element.tabIndex = 0, o && (this.shouldShow = o), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.editor.on("transaction", this.transactionHandler), window.addEventListener("resize", this.resizeHandler), this.scrollTarget.addEventListener("scroll", this.resizeHandler), this.update(r, r.state), this.getShouldShow() && (this.show(), this.updatePosition());
+  }
+  get middlewares() {
+    const t = [];
+    return this.floatingUIOptions.flip && t.push(It(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
+      St(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
+    ), this.floatingUIOptions.offset && t.push(
+      Ot(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
+    ), this.floatingUIOptions.arrow && t.push(Mt(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(At(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      Ut(
+        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
+      )
+    ), this.floatingUIOptions.hide && t.push(Et(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      Pt(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), t;
+  }
+  get virtualElement() {
+    var t;
+    const { selection: e } = this.editor.state, r = (t = this.getReferencedVirtualElement) == null ? void 0 : t.call(this);
+    if (r)
+      return r;
+    const n = Ct(this.view, e.from, e.to);
+    let s = {
+      getBoundingClientRect: () => n,
+      getClientRects: () => [n]
+    };
+    if (e instanceof Xt) {
+      let o = this.view.nodeDOM(e.from);
+      const l = o.dataset.nodeViewWrapper ? o : o.querySelector("[data-node-view-wrapper]");
+      l && (o = l), o && (s = {
+        getBoundingClientRect: () => o.getBoundingClientRect(),
+        getClientRects: () => [o.getBoundingClientRect()]
+      });
+    }
+    if (e instanceof Zt) {
+      const { $anchorCell: o, $headCell: l } = e, a = o ? o.pos : l.pos, h = l ? l.pos : o.pos, c = this.view.nodeDOM(a), d = this.view.nodeDOM(h);
+      if (!c || !d)
+        return;
+      const u = c === d ? c.getBoundingClientRect() : Ie(
+        c.getBoundingClientRect(),
+        d.getBoundingClientRect()
+      );
+      s = {
+        getBoundingClientRect: () => u,
+        getClientRects: () => [u]
+      };
+    }
+    return s;
+  }
+  updatePosition() {
+    const t = this.virtualElement;
+    t && kt(t, this.element, {
+      placement: this.floatingUIOptions.placement,
+      strategy: this.floatingUIOptions.strategy,
+      middleware: this.middlewares
+    }).then(({ x: e, y: r, strategy: n }) => {
+      this.element.style.width = "max-content", this.element.style.position = n, this.element.style.left = `${e}px`, this.element.style.top = `${r}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+    });
+  }
+  update(t, e) {
+    const { state: r } = t, n = r.selection.from !== r.selection.to;
+    if (this.updateDelay > 0 && n) {
+      this.handleDebouncedUpdate(t, e);
+      return;
+    }
+    const s = !(e != null && e.selection.eq(t.state.selection)), o = !(e != null && e.doc.eq(t.state.doc));
+    this.updateHandler(t, s, o, e);
+  }
+  getShouldShow(t) {
+    var e;
+    const { state: r } = this.view, { selection: n } = r, { ranges: s } = n, o = Math.min(...s.map((h) => h.$from.pos)), l = Math.max(...s.map((h) => h.$to.pos));
+    return ((e = this.shouldShow) == null ? void 0 : e.call(this, {
+      editor: this.editor,
+      element: this.element,
+      view: this.view,
+      state: r,
+      oldState: t,
+      from: o,
+      to: l
+    })) || !1;
+  }
+  show() {
+    var t;
+    if (this.isVisible)
+      return;
+    this.element.style.visibility = "visible", this.element.style.opacity = "1";
+    const e = typeof this.appendTo == "function" ? this.appendTo() : this.appendTo;
+    (t = e ?? this.view.dom.parentElement) == null || t.appendChild(this.element), this.floatingUIOptions.onShow && this.floatingUIOptions.onShow(), this.isVisible = !0;
+  }
+  hide() {
+    this.isVisible && (this.element.style.visibility = "hidden", this.element.style.opacity = "0", this.element.remove(), this.floatingUIOptions.onHide && this.floatingUIOptions.onHide(), this.isVisible = !1);
+  }
+  destroy() {
+    this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), window.removeEventListener("resize", this.resizeHandler), this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.editor.off("transaction", this.transactionHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
+  }
+}, Wt = (t) => new Rt({
+  key: typeof t.pluginKey == "string" ? new Bt(t.pluginKey) : t.pluginKey,
+  view: (e) => new Se({ view: e, ...t })
+});
+Tt.create({
+  name: "bubbleMenu",
+  addOptions() {
+    return {
+      element: null,
+      pluginKey: "bubbleMenu",
+      updateDelay: void 0,
+      appendTo: void 0,
+      shouldShow: null
+    };
+  },
+  addProseMirrorPlugins() {
+    return this.options.element ? [
+      Wt({
+        pluginKey: this.options.pluginKey,
+        editor: this.editor,
+        element: this.options.element,
+        updateDelay: this.options.updateDelay,
+        options: this.options.options,
+        appendTo: this.options.appendTo,
+        getReferencedVirtualElement: this.options.getReferencedVirtualElement,
+        shouldShow: this.options.shouldShow
+      })
+    ] : [];
+  }
+});
+var Oe = class {
+  constructor({ editor: t, element: e, view: r, options: n, appendTo: s, shouldShow: o }) {
+    this.preventHide = !1, this.isVisible = !1, this.shouldShow = ({ view: l, state: a }) => {
+      const { selection: h } = a, { $anchor: c, empty: d } = h, u = c.depth === 1, f = c.parent.isTextblock && !c.parent.type.spec.code && !c.parent.textContent && c.parent.childCount === 0 && !this.getTextContent(c.parent);
+      return !(!l.hasFocus() || !d || !u || !f || !this.editor.isEditable);
+    }, this.floatingUIOptions = {
+      strategy: "absolute",
+      placement: "right",
+      offset: 8,
+      flip: {},
+      shift: {},
+      arrow: !1,
+      size: !1,
+      autoPlacement: !1,
+      hide: !1,
+      inline: !1
+    }, this.updateHandler = (l, a, h, c) => {
+      const { composing: d } = l;
+      if (d || !a && !h)
+        return;
+      if (!this.getShouldShow(c)) {
+        this.hide();
+        return;
+      }
+      this.updatePosition(), this.show();
+    }, this.mousedownHandler = () => {
+      this.preventHide = !0;
+    }, this.focusHandler = () => {
+      setTimeout(() => this.update(this.editor.view));
+    }, this.blurHandler = ({ event: l }) => {
+      var a;
+      if (this.preventHide) {
+        this.preventHide = !1;
+        return;
+      }
+      l != null && l.relatedTarget && ((a = this.element.parentNode) != null && a.contains(l.relatedTarget)) || (l == null ? void 0 : l.relatedTarget) !== this.editor.view.dom && this.hide();
+    }, this.editor = t, this.element = e, this.view = r, this.appendTo = s, this.floatingUIOptions = {
+      ...this.floatingUIOptions,
+      ...n
+    }, this.element.tabIndex = 0, o && (this.shouldShow = o), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.update(r, r.state), this.getShouldShow() && (this.show(), this.updatePosition());
+  }
+  getTextContent(t) {
+    return qt(t, { textSerializers: jt(this.editor.schema) });
+  }
+  get middlewares() {
+    const t = [];
+    return this.floatingUIOptions.flip && t.push(It(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
+      St(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
+    ), this.floatingUIOptions.offset && t.push(
+      Ot(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
+    ), this.floatingUIOptions.arrow && t.push(Mt(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(At(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
+      Ut(
+        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
+      )
+    ), this.floatingUIOptions.hide && t.push(Et(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
+      Pt(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0)
+    ), t;
+  }
+  getShouldShow(t) {
+    var e;
+    const { state: r } = this.view, { selection: n } = r, { ranges: s } = n, o = Math.min(...s.map((h) => h.$from.pos)), l = Math.max(...s.map((h) => h.$to.pos));
+    return (e = this.shouldShow) == null ? void 0 : e.call(this, {
+      editor: this.editor,
+      view: this.view,
+      state: r,
+      oldState: t,
+      from: o,
+      to: l
+    });
+  }
+  updatePosition() {
+    const { selection: t } = this.editor.state, e = Ct(this.view, t.from, t.to);
+    kt({
+      getBoundingClientRect: () => e,
+      getClientRects: () => [e]
+    }, this.element, {
+      placement: this.floatingUIOptions.placement,
+      strategy: this.floatingUIOptions.strategy,
+      middleware: this.middlewares
+    }).then(({ x: n, y: s, strategy: o }) => {
+      this.element.style.width = "max-content", this.element.style.position = o, this.element.style.left = `${n}px`, this.element.style.top = `${s}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+    });
+  }
+  update(t, e) {
+    const r = !(e != null && e.selection.eq(t.state.selection)), n = !(e != null && e.doc.eq(t.state.doc));
+    this.updateHandler(t, r, n, e);
+  }
+  show() {
+    var t;
+    if (this.isVisible)
+      return;
+    this.element.style.visibility = "visible", this.element.style.opacity = "1";
+    const e = typeof this.appendTo == "function" ? this.appendTo() : this.appendTo;
+    (t = e ?? this.view.dom.parentElement) == null || t.appendChild(this.element), this.floatingUIOptions.onShow && this.floatingUIOptions.onShow(), this.isVisible = !0;
+  }
+  hide() {
+    this.isVisible && (this.element.style.visibility = "hidden", this.element.style.opacity = "0", this.element.remove(), this.floatingUIOptions.onHide && this.floatingUIOptions.onHide(), this.isVisible = !1);
+  }
+  destroy() {
+    this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
+  }
+}, Ft = (t) => new Rt({
+  key: typeof t.pluginKey == "string" ? new Bt(t.pluginKey) : t.pluginKey,
+  view: (e) => new Oe({ view: e, ...t })
+});
+Tt.create({
+  name: "floatingMenu",
+  addOptions() {
+    return {
+      element: null,
+      options: {},
+      pluginKey: "floatingMenu",
+      appendTo: void 0,
+      shouldShow: null
+    };
+  },
+  addProseMirrorPlugins() {
+    return this.options.element ? [
+      Ft({
+        pluginKey: this.options.pluginKey,
+        editor: this.editor,
+        element: this.options.element,
+        options: this.options.options,
+        appendTo: this.options.appendTo,
+        shouldShow: this.options.shouldShow
+      })
+    ] : [];
+  }
+});
+var E = yt.forwardRef(
+  ({
+    pluginKey: t = "bubbleMenu",
+    editor: e,
+    updateDelay: r,
+    resizeDelay: n,
+    appendTo: s,
+    shouldShow: o = null,
+    getReferencedVirtualElement: l,
+    options: a,
+    children: h,
+    ...c
+  }, d) => {
+    const u = L(document.createElement("div"));
+    typeof d == "function" ? d(u.current) : d && (d.current = u.current);
+    const { editor: f } = Dt(), g = e || f, S = {
+      updateDelay: r,
+      resizeDelay: n,
+      appendTo: s,
+      pluginKey: t,
+      shouldShow: o,
+      getReferencedVirtualElement: l,
+      options: a
+    }, T = L(S);
+    return T.current = S, k(() => {
+      if (g != null && g.isDestroyed)
+        return;
+      if (!g) {
+        console.warn("BubbleMenu component is not rendered inside of an editor component or does not have editor prop.");
+        return;
+      }
+      const I = u.current;
+      I.style.visibility = "hidden", I.style.position = "absolute";
+      const C = Wt({
+        ...T.current,
+        editor: g,
+        element: I
+      });
+      g.registerPlugin(C);
+      const R = T.current.pluginKey;
+      return () => {
+        g.unregisterPlugin(R), window.requestAnimationFrame(() => {
+          I.parentNode && I.parentNode.removeChild(I);
+        });
+      };
+    }, [g]), Nt(/* @__PURE__ */ i("div", { ...c, children: h }), u.current);
+  }
+);
+yt.forwardRef(
+  ({ pluginKey: t = "floatingMenu", editor: e, appendTo: r, shouldShow: n = null, options: s, children: o, ...l }, a) => {
+    const h = L(document.createElement("div"));
+    typeof a == "function" ? a(h.current) : a && (a.current = h.current);
+    const { editor: c } = Dt();
+    return k(() => {
+      const d = h.current;
+      if (d.style.visibility = "hidden", d.style.position = "absolute", e != null && e.isDestroyed || c != null && c.isDestroyed)
+        return;
+      const u = e || c;
+      if (!u) {
+        console.warn(
+          "FloatingMenu component is not rendered inside of an editor component or does not have editor prop."
+        );
+        return;
+      }
+      const f = Ft({
+        editor: u,
+        element: d,
+        pluginKey: t,
+        appendTo: r,
+        shouldShow: n,
+        options: s
+      });
+      return u.registerPlugin(f), () => {
+        u.unregisterPlugin(t), window.requestAnimationFrame(() => {
+          d.parentNode && d.parentNode.removeChild(d);
+        });
+      };
+    }, [e, c, r, t, n, s]), Nt(/* @__PURE__ */ i("div", { ...l, children: o }), h.current);
+  }
+);
+function _i() {
+  const t = U(), e = M(), { t: r } = A(), n = w(() => e.isActive(mt.name), [e]), s = w(() => j(mt.name, e), [e]), o = w(() => e.chain().focus().addColBefore().run(), [e]), l = w(() => e.chain().focus().addColAfter().run(), [e]), a = w(() => e.chain().focus().deleteCol().run(), [e]);
+  return t ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: e,
+      shouldShow: n,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: /* @__PURE__ */ v("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: [
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: o,
+            icon: "ColumnAddLeft",
+            tooltip: r("editor.table.menu.insertColumnBefore")
+          }
+        ),
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: l,
+            icon: "ColumnAddRight",
+            tooltip: r("editor.table.menu.insertColumnAfter")
+          }
+        ),
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: a,
+            icon: "DeleteColumn",
+            tooltip: r("editor.table.menu.deleteColumn")
+          }
+        ),
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: s,
+            icon: "Trash2",
+            tooltip: r("editor.table.menu.delete_column")
+          }
+        )
+      ] })
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+let K = !1;
+function Me({ editor: t, attrs: e, extension: r }) {
+  const [n, s] = P(!1), o = L(null), l = L(null), { alt: a, align: h } = e, c = r == null ? void 0 : r.options.upload, d = () => {
+    (async () => {
+      const m = document.querySelector("#easydrawer");
+      m && (o.current = new te(m, {
+        wheelEventsEnabled: !1,
+        disableZoom: !0
+      }), l.current = ee(o.current), l.current.addDefaultToolWidgets(), o.current.loadFromSVG(decodeURIComponent(a)));
+    })();
+  };
+  k(() => {
+    n && setTimeout(() => {
+      d();
+    }, 200);
+  }, [n]);
+  const u = async () => {
+    if (o.current) {
+      const y = o.current.toSVG(), m = y.outerHTML, b = `drawer-${Ht()}.svg`;
+      let D = zt(y.outerHTML);
+      if (c) {
+        const G = Lt(D, b);
+        D = await c(G);
+      }
+      t == null || t.chain().focus().setDrawer(
+        {
+          type: "drawer",
+          src: D,
+          alt: encodeURIComponent(m),
+          width: 426,
+          height: 212
+        },
+        !!m
+      ).run(), t == null || t.commands.setAlignImageDrawer(h);
+    }
+    s(!1);
+  }, f = (y) => {
+    const m = o.current.toolController.getPrimaryTools()[2], b = l.current.getWidgetById("pen-1");
+    m && b && (m.setColor(y), b.serializeState());
+  }, g = (y) => {
+    const m = o.current.toolController.getPrimaryTools()[2], b = l.current.getWidgetById("pen-1");
+    m && b && (m.setThickness(y), b.serializeState());
+  }, S = (y) => {
+    const m = o.current.toolController.getPrimaryTools()[3], b = l.current.getWidgetById("pen-2");
+    m && b && (m.setColor(y), b.serializeState());
+  }, T = (y) => {
+    const m = l.current.getWidgetById("shape");
+    m && m.setShapeType(y);
+  }, I = (y) => {
+    const m = o.current.toolController.getPrimaryTools()[5], b = l.current.getWidgetById("shape");
+    m && b && (m.setColor(y), b.serializeState());
+  }, C = (y) => {
+    const m = o.current.toolController.getPrimaryTools()[5], b = l.current.getWidgetById("shape");
+    m && b && (m.setThickness(y), b.serializeState());
+  }, R = (y) => {
+    const m = o.current.toolController.getPrimaryTools()[5], b = l.current.getWidgetById("shape");
+    m && b && (m.setBorderColor(y), b.serializeState());
+  }, O = () => {
+    if (K) {
+      for (; o.current.history.redoStackSize > 0; )
+        o.current.history.redo();
+      K = !1;
+      return;
+    }
+    o.current.history.undo();
+  };
+  return /* @__PURE__ */ v(
+    et,
+    {
+      onOpenChange: s,
+      open: n,
+      children: [
+        /* @__PURE__ */ i(it, { asChild: !0, children: /* @__PURE__ */ i(
+          p,
+          {
+            action: () => s(!0),
+            icon: "Pencil",
+            tooltip: "Edit Drawer"
+          }
+        ) }),
+        /* @__PURE__ */ v(nt, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ i(ot, { children: "Edit Drawer" }),
+          /* @__PURE__ */ v("div", { style: { height: "100%", borderWidth: 1, background: "white", position: "relative" }, children: [
+            /* @__PURE__ */ i(
+              "div",
+              {
+                className: "richtext-size-full",
+                id: "easydrawer"
+              }
+            ),
+            /* @__PURE__ */ i(
+              Qt,
+              {
+                changeBorderColorShape: R,
+                changeColorShape: I,
+                changeShape: T,
+                onClear: () => {
+                  if (!K) {
+                    for (; o.current.history.undoStackSize > 0; )
+                      O();
+                    K = !0;
+                  }
+                },
+                onRedo: () => {
+                  K || o.current.history.redo();
+                },
+                onThicknessChange: C,
+                onUndo: O,
+                refEditor: o,
+                setColorHighlight: S,
+                setColorPen: f,
+                setThicknessPen: g
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(
+            $,
+            {
+              onClick: u,
+              type: "button",
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+function Ae(t, e) {
+  const r = ["size-small", "size-medium", "size-large"], n = [
+    "SizeS",
+    "SizeM",
+    "SizeL"
+  ];
+  return r.map((s, o) => ({
+    type: `image-${s}`,
+    component: p,
+    componentProps: {
+      tooltip: e(`editor.${s.replace("-", ".")}.tooltip`),
+      icon: n[o],
+      action: () => t.commands.updateImage({ width: Q[s] }),
+      isActive: () => t.isActive("image", { width: Q[s] })
+    }
+  }));
+}
+function Ue(t, e) {
+  const r = ["size-small", "size-medium", "size-large"], n = [
+    "SizeS",
+    "SizeM",
+    "SizeL"
+  ];
+  return r.map((s, o) => ({
+    type: `image-${s}`,
+    component: p,
+    componentProps: {
+      tooltip: e(`editor.${s.replace("-", ".")}.tooltip`),
+      icon: n[o],
+      action: () => t.commands.updateImageGif({ width: Q[s] }),
+      isActive: () => t.isActive("image", { width: Q[s] })
+    }
+  }));
+}
+function Ee(t, e) {
+  const r = ["left", "center", "right"], n = {
+    left: "AlignLeft",
+    center: "AlignCenter",
+    right: "AlignRight"
+  };
+  return r.map((s) => ({
+    type: `image-${s}`,
+    component: p,
+    componentProps: {
+      tooltip: e(`editor.textalign.${s}.tooltip`),
+      icon: n[s],
+      action: () => {
+        var o, l;
+        return (l = (o = t.commands) == null ? void 0 : o.setAlignImage) == null ? void 0 : l.call(o, s);
+      },
+      isActive: () => t.isActive({ align: s }) || !1,
+      disabled: !1
+    }
+  }));
+}
+function Pe(t, e) {
+  const r = ["left", "center", "right"], n = {
+    left: "AlignLeft",
+    center: "AlignCenter",
+    right: "AlignRight"
+  };
+  return r.map((s) => ({
+    type: `image-${s}`,
+    component: p,
+    componentProps: {
+      tooltip: e(`editor.textalign.${s}.tooltip`),
+      icon: n[s],
+      action: () => {
+        var o, l;
+        return (l = (o = t.commands) == null ? void 0 : o.setAlignImageGif) == null ? void 0 : l.call(o, s);
+      },
+      isActive: () => t.isActive({ align: s }) || !1,
+      disabled: !1
+    }
+  }));
+}
+function ke(t, e) {
+  const r = ["left", "center", "right"], n = {
+    left: "AlignLeft",
+    center: "AlignCenter",
+    right: "AlignRight"
+  };
+  return r.map((s) => ({
+    type: `image-${s}`,
+    component: p,
+    componentProps: {
+      tooltip: e(`editor.textalign.${s}.tooltip`),
+      icon: n[s],
+      action: () => {
+        var o, l;
+        return (l = (o = t.commands) == null ? void 0 : o.setAlignImageMermaid) == null ? void 0 : l.call(o, s);
+      },
+      isActive: () => t.isActive({ align: s }) || !1,
+      disabled: !1
+    }
+  }));
+}
+function Re(t, e) {
+  const r = ["left", "center", "right"], n = {
+    left: "AlignLeft",
+    center: "AlignCenter",
+    right: "AlignRight"
+  };
+  return r.map((s) => ({
+    type: `image-${s}`,
+    component: p,
+    componentProps: {
+      tooltip: e(`editor.textalign.${s}.tooltip`),
+      icon: n[s],
+      action: () => {
+        var o, l;
+        return (l = (o = t.commands) == null ? void 0 : o.setAlignImageDrawer) == null ? void 0 : l.call(o, s);
+      },
+      isActive: () => t.isActive({ align: s }) || !1,
+      disabled: !1
+    }
+  }));
+}
+function Be(t) {
+  return [
+    { type: "flex-start", icon: "AlignLeft", tooltip: "Align left" },
+    { type: "center", icon: "AlignCenter", tooltip: "Align center" },
+    { type: "flex-end", icon: "AlignRight", tooltip: "Align right" }
+  ].map((r) => ({
+    type: `video-align-${r.type}`,
+    component: p,
+    componentProps: {
+      tooltip: r.tooltip,
+      icon: r.icon,
+      action: () => t.commands.updateVideo({ align: r.type }),
+      isActive: () => t.getAttributes("video").align === r.type
+    }
+  }));
+}
+function De(t, e) {
+  const r = ["size-small", "size-medium", "size-large"], n = [
+    "SizeS",
+    "SizeM",
+    "SizeL"
+  ];
+  return r.map((s, o) => ({
+    type: `video-${s}`,
+    component: p,
+    componentProps: {
+      tooltip: e(`editor.${s.replace("-", ".")}.tooltip`),
+      icon: n[o],
+      action: () => t.commands.updateVideo({ width: gt[s] }),
+      isActive: () => t.isActive("video", { width: gt[s] })
+    }
+  }));
+}
+function Ne(t, e) {
+  return [
+    {
+      type: "flipX",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.tooltip.flipX"),
+        icon: "FlipX",
+        action: () => {
+          const r = t.getAttributes("image"), { flipX: n } = r;
+          t.chain().focus(void 0, { scrollIntoView: !1 }).updateImage({
+            flipX: !n
+          }).run();
+        }
+      }
+    },
+    {
+      type: "flipY",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.tooltip.flipY"),
+        icon: "FlipY",
+        action: () => {
+          const r = t.getAttributes("image"), { flipY: n } = r;
+          t.chain().focus(void 0, { scrollIntoView: !1 }).updateImage({
+            flipY: !n
+          }).run();
+        }
+      }
+    },
+    ...Ae(t, e),
+    ...Ee(t, e),
+    {
+      type: "remove",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: r, dispatch: n } = t.view;
+          q(r, n);
+        }
+      }
+    }
+  ];
+}
+function He(t, e) {
+  return [
+    ...Ue(t, e),
+    ...Pe(t, e),
+    {
+      type: "remove",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: r, dispatch: n } = t.view;
+          q(r, n);
+        }
+      }
+    }
+  ];
+}
+function ze(t, e) {
+  return [
+    ...ke(t, e),
+    {
+      type: "edit",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.edit"),
+        icon: "Pencil",
+        action: () => !0
+      }
+    },
+    {
+      type: "remove",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: r, dispatch: n } = t.view;
+          q(r, n);
+        }
+      }
+    }
+  ];
+}
+function Le(t, e) {
+  return [
+    ...Re(t, e),
+    {
+      type: "edit",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.edit"),
+        icon: "Pencil",
+        action: () => !0
+      }
+    },
+    {
+      type: "remove",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: r, dispatch: n } = t.view;
+          q(r, n);
+        }
+      }
+    }
+  ];
+}
+function $e(t, e) {
+  return [
+    ...De(t, e),
+    ...Be(t),
+    {
+      type: "remove",
+      component: p,
+      componentProps: {
+        editor: t,
+        tooltip: e("editor.remove"),
+        icon: "Trash2",
+        action: () => {
+          const { state: r, dispatch: n } = t.view;
+          q(r, n);
+        }
+      }
+    }
+  ];
+}
+function Ve({ item: t, disabled: e, editor: r }) {
+  var s;
+  const n = t.component;
+  return n ? /* @__PURE__ */ i(ht, { children: t.type === "divider" ? /* @__PURE__ */ i(
+    H,
+    {
+      className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+      orientation: "vertical"
+    }
+  ) : /* @__PURE__ */ i(
+    n,
+    {
+      ...t.componentProps,
+      disabled: e || ((s = t == null ? void 0 : t.componentProps) == null ? void 0 : s.disabled),
+      editor: r
+    }
+  ) }) : /* @__PURE__ */ i(x, {});
+}
+function Ki() {
+  const { lang: t, t: e } = A(), r = U(), n = M(), s = V(n, lt.name), o = $t(lt.name), l = ({ editor: h }) => {
+    const { selection: c } = h.view.state, { $from: d, to: u } = c;
+    let f = !1;
+    return h.view.state.doc.nodesBetween(d.pos, u, (g) => {
+      if (g.type.name === lt.name)
+        return f = !0, !1;
+    }), f;
+  }, a = z(() => Le(n, e), [n, t, e]);
+  return r ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: n,
+      shouldShow: l,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: a != null && a.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: a == null ? void 0 : a.map((h, c) => h.type === "edit" && (s != null && s.src) ? /* @__PURE__ */ i(
+        Me,
+        {
+          attrs: s,
+          editor: n,
+          extension: o
+        },
+        `bubbleMenu-drawer-${c}`
+      ) : /* @__PURE__ */ i(
+        Ve,
+        {
+          editor: n,
+          item: h
+        },
+        `bubbleMenu-drawer-${c}`
+      )) }) }) : /* @__PURE__ */ i(x, {})
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+const We = { padding: "0 12px 12px" }, _t = ({ width: t, maxWidth: e, height: r, onOk: n, children: s }) => {
+  const { t: o } = A(), [l, a] = P({
+    width: "",
+    height: "",
+    maxWidth: ""
+  });
+  k(() => {
+    a({
+      width: t,
+      height: r,
+      maxWidth: e
+    });
+  }, [r, e, t]);
+  function h(c) {
+    c.preventDefault(), c.stopPropagation(), n(l);
+  }
+  return /* @__PURE__ */ v(ne, { modal: !0, children: [
+    /* @__PURE__ */ i(oe, { asChild: !0, children: s }),
+    /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i("div", { style: We, children: /* @__PURE__ */ v("form", { className: "richtext-flex richtext-flex-col richtext-gap-2", onSubmit: h, children: [
+      /* @__PURE__ */ i(at, { className: "mb-[6px]", children: "Width" }),
+      /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
+        J,
+        {
+          type: "number",
+          value: l.width,
+          required: !0,
+          onChange: (c) => a({ ...l, width: c.target.value })
+        }
+      ) }) }),
+      /* @__PURE__ */ i(at, { className: "mb-[6px]", children: "Max Width" }),
+      /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
+        J,
+        {
+          type: "number",
+          value: l.maxWidth,
+          required: !0,
+          onChange: (c) => a({ ...l, maxWidth: c.target.value })
+        }
+      ) }) }),
+      /* @__PURE__ */ i(at, { className: "mb-[6px]", children: "Height" }),
+      /* @__PURE__ */ i("div", { className: "richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-items-center richtext-w-full richtext-max-w-sm", children: /* @__PURE__ */ i(
+        J,
+        {
+          type: "number",
+          value: l.height,
+          required: !0,
+          onChange: (c) => a({ ...l, height: c.target.value })
+        }
+      ) }) }),
+      /* @__PURE__ */ i($, { type: "submit", className: "richtext-self-end richtext-mt-2", children: o("editor.link.dialog.button.apply") })
+    ] }) }) })
+  ] });
+}, N = /* @__PURE__ */ new Map();
+function Fe(t) {
+  const e = t.options.element;
+  N.has("width") || N.set("width", e.clientWidth), N.has("width") && N.get("width") <= 0 && N.set("width", e.clientWidth);
+  const r = { attributes: !0, childList: !0, subtree: !0 }, n = function() {
+    N.set("width", e.clientWidth);
+  }, s = new MutationObserver(n);
+  return s.observe(e, r), t.on("destroy", () => {
+    s.disconnect();
+  }), { width: N.get("width") };
+}
+function qi() {
+  const t = U(), e = M(), { t: r } = A(), { width: n } = Fe(e), s = V(e, F.name, {
+    defaultShowPicker: !1,
+    createUser: "",
+    width: 0,
+    height: 0
+  }), { defaultShowPicker: o, createUser: l, width: a, height: h } = s, c = w(
+    (g) => {
+      e.chain().updateAttributes(F.name, g).setNodeSelection(e.state.selection.from).focus().run();
+    },
+    [e]
+  ), d = w(() => {
+    se({ ...s, editor: e });
+  }, [e, s]), u = w(() => e.isActive(F.name), [e]), f = w(() => j(F.name, e), [e]);
+  return k(() => {
+    o && (d(), e.chain().updateAttributes(F.name, { defaultShowPicker: !1 }).focus().run());
+  }, [l, o, e, d]), t ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: e,
+      shouldShow: u,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: /* @__PURE__ */ v("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: [
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: d,
+            icon: "Pencil",
+            tooltip: r("editor.edit")
+          }
+        ),
+        /* @__PURE__ */ i(
+          _t,
+          {
+            height: h,
+            maxWidth: n,
+            onOk: c,
+            width: a,
+            children: /* @__PURE__ */ i(
+              p,
+              {
+                icon: "Settings",
+                tooltip: r("editor.settings")
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: f,
+            icon: "Trash2",
+            tooltip: r("editor.delete")
+          }
+        )
+      ] })
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function ji() {
+  const t = U(), e = M(), { t: r } = A(), { width: n, height: s, src: o } = V(e, _.name, {
+    width: 0,
+    height: 0,
+    src: "",
+    defaultShowPicker: !1
+  }), [l, a] = P(!1), [h, c] = P(""), d = w(() => {
+    a(!1);
+  }, [a]);
+  k(() => {
+    l && c(o);
+  }, [l, o]);
+  const u = w(() => {
+    const C = le(h);
+    e.chain().updateAttributes(_.name, {
+      src: (C == null ? void 0 : C.src) || h
+    }).setNodeSelection(e.state.selection.from).focus().run(), a(!1);
+  }, [e, h, a]), f = w(() => {
+    window.open(o, "_blank");
+  }, [o]), g = w(() => {
+    a(!0);
+  }, [a]), S = w(
+    (C) => {
+      e.chain().updateAttributes(_.name, C).setNodeSelection(e.state.selection.from).focus().run();
+    },
+    [e]
+  ), T = w(() => e.isActive(_.name) && !o, [e, o]), I = w(() => j(_.name, e), [e]);
+  return t ? /* @__PURE__ */ v(x, { children: [
+    /* @__PURE__ */ i(
+      E,
+      {
+        editor: e,
+        shouldShow: T,
+        options: { placement: "bottom", offset: 8, flip: !0 },
+        children: /* @__PURE__ */ v("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: [
+          /* @__PURE__ */ i(
+            p,
+            {
+              action: f,
+              icon: "Eye",
+              tooltip: "Visit Link"
+            }
+          ),
+          /* @__PURE__ */ i(
+            p,
+            {
+              action: g,
+              icon: "Pencil",
+              tooltip: "Open Edit Link"
+            }
+          ),
+          /* @__PURE__ */ i(
+            _t,
+            {
+              height: s,
+              onOk: S,
+              width: n,
+              children: /* @__PURE__ */ i(
+                p,
+                {
+                  icon: "Settings",
+                  tooltip: r("editor.settings")
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ i(
+            p,
+            {
+              action: I,
+              icon: "Trash2",
+              tooltip: r("editor.delete")
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ v(
+      et,
+      {
+        onOpenChange: a,
+        open: l,
+        children: [
+          /* @__PURE__ */ i(it, {}),
+          /* @__PURE__ */ v(nt, { children: [
+            /* @__PURE__ */ i(ie, { children: /* @__PURE__ */ i(ot, { children: "Edit Link Iframe" }) }),
+            /* @__PURE__ */ i(
+              J,
+              {
+                autoFocus: !0,
+                onInput: (C) => c(C.target.value),
+                placeholder: "Enter link",
+                type: "url",
+                value: h
+              }
+            ),
+            /* @__PURE__ */ v(rt, { children: [
+              /* @__PURE__ */ i($, { onClick: d, children: "Cancel" }),
+              /* @__PURE__ */ i($, { onClick: u, children: "OK" })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ i(x, {});
+}
+function _e({
+  children: t,
+  visible: e,
+  toggleVisible: r
+}) {
+  const { t: n } = A(), s = M(), o = V(s, tt.name, {
+    text: "",
+    defaultShowPicker: !1
+  }), { text: l, defaultShowPicker: a } = o, [h, c] = P(l || "");
+  k(() => {
+    e && c(l || "");
+  }, [e]), k(() => {
+    a && (r(!0), s.chain().updateAttributes(tt.name, { defaultShowPicker: !1 }).focus().run());
+  }, [s, a, r]);
+  const d = w(() => {
+    s.chain().focus().setKatex({ text: h }).run(), c(""), r(!1);
+  }, [s, h, r]), u = z(() => {
+    try {
+      return ae.renderToString(`${h}`);
+    } catch {
+      return h;
+    }
+  }, [h]), f = z(
+    () => `${h}`.trim() ? u : null,
+    [h, u]
+  );
+  return /* @__PURE__ */ v(
+    et,
+    {
+      onOpenChange: r,
+      open: e,
+      children: [
+        /* @__PURE__ */ i(
+          it,
+          {
+            asChild: !0,
+            children: t
+          }
+        ),
+        /* @__PURE__ */ v(nt, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ i(ot, { children: n("editor.formula.dialog.text") }),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              style: { height: "100%", border: "1px solid hsl(var(--border))" },
+              children: /* @__PURE__ */ v("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
+                /* @__PURE__ */ i(
+                  Vt,
+                  {
+                    autoFocus: !0,
+                    onChange: (g) => c(g.target.value),
+                    required: !0,
+                    value: h,
+                    className: "richtext-flex-1",
+                    placeholder: "Text",
+                    rows: 10,
+                    style: {
+                      color: "hsl(var(--richtext-foreground))"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "div",
+                  {
+                    className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
+                    dangerouslySetInnerHTML: { __html: f || "" },
+                    style: { height: "100%", borderWidth: 1, minHeight: 500, background: "#fff" }
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(
+            $,
+            {
+              onClick: d,
+              type: "button",
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+function Gi() {
+  const t = U(), e = M(), [r, n] = P(!1), s = w(() => e.isActive(tt.name), [e]), o = w(() => j(tt.name, e), [e]);
+  return t ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: e,
+      shouldShow: s,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: /* @__PURE__ */ i("div", { className: "richtext-rounded-lg !richtext-border richtext-border-neutral-200 richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black", children: /* @__PURE__ */ v("div", { className: "richtext-flex richtext-items-center richtext-justify-center richtext-gap-[6px]", children: [
+        /* @__PURE__ */ i(
+          _e,
+          {
+            visible: r,
+            toggleVisible: n,
+            children: /* @__PURE__ */ i(
+              p,
+              {
+                action: () => n(!r),
+                tooltip: "Edit",
+                children: /* @__PURE__ */ i(ce, { size: 16 })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: o,
+            tooltip: "Delete",
+            children: /* @__PURE__ */ i(he, { size: 16 })
+          }
+        )
+      ] }) })
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function Ke(t) {
+  const { t: e } = A();
+  return /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-gap-2 richtext-rounded-lg !richtext-border richtext-border-neutral-200 richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black", children: /* @__PURE__ */ v("div", { className: "richtext-flex richtext-flex-nowrap", children: [
+    /* @__PURE__ */ i(
+      p,
+      {
+        disabled: !(t != null && t.link),
+        icon: "ExternalLink",
+        tooltip: e("editor.link.open.tooltip"),
+        tooltipOptions: { sideOffset: 15 },
+        action: () => {
+          window.open(t == null ? void 0 : t.link, "_blank");
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      p,
+      {
+        icon: "Pencil",
+        tooltip: e("editor.link.edit.tooltip"),
+        tooltipOptions: { sideOffset: 15 },
+        action: () => {
+          t == null || t.onEdit();
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      p,
+      {
+        icon: "Unlink",
+        tooltip: e("editor.link.unlink.tooltip"),
+        tooltipOptions: { sideOffset: 15 },
+        action: () => {
+          t == null || t.onClear();
+        }
+      }
+    )
+  ] }) });
+}
+function Xi() {
+  const t = U(), e = M(), [r, n] = P(!1), s = V(e, xt.name), o = s == null ? void 0 : s.href, l = w(({ editor: c }) => c.isActive(xt.name), []), a = (c, d, u) => {
+    const f = e.state.selection, { from: g } = f, S = (d == null ? void 0 : d.length) ?? 0, T = g + S;
+    e.chain().extendMarkRange("link").insertContent({
+      type: "text",
+      text: d,
+      marks: [
+        {
+          type: "link",
+          attrs: {
+            href: c,
+            target: u ? "_blank" : ""
+          }
+        }
+      ]
+    }).setLink({ href: c }).setTextSelection({ from: g, to: T }).focus().run(), n(!1);
+  }, h = w(() => {
+    e.chain().extendMarkRange("link").unsetLink().focus().run(), n(!1);
+  }, [e]);
+  return t ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: e,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      shouldShow: l,
+      children: /* @__PURE__ */ i(x, { children: r ? /* @__PURE__ */ i(
+        de,
+        {
+          editor: e,
+          onSetLink: a
+        }
+      ) : /* @__PURE__ */ i(
+        Ke,
+        {
+          editor: e,
+          link: o,
+          onClear: h,
+          onEdit: () => {
+            n(!0);
+          }
+        }
+      ) })
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function dt({ item: t, disabled: e, editor: r }) {
+  const n = t.component;
+  return n ? /* @__PURE__ */ i(ht, { children: t.type === "divider" ? /* @__PURE__ */ i(
+    H,
+    {
+      className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+      orientation: "vertical"
+    }
+  ) : /* @__PURE__ */ i(
+    n,
+    {
+      ...t.componentProps,
+      disabled: e || (t == null ? void 0 : t.componentdisabled),
+      editor: r
+    }
+  ) }) : /* @__PURE__ */ i(x, {});
+}
+function qe(t) {
+  return t.type.name === pe.name;
+}
+function je(t) {
+  return t.type.name === fe.name;
+}
+function Ge(t) {
+  return t.type.name === me.name;
+}
+function Yi() {
+  const { lang: t, t: e } = A(), r = U(), n = M(), s = ({ editor: l }) => {
+    const { selection: a } = l.view.state, { $from: h, to: c } = a;
+    let d = !1;
+    return l.view.state.doc.nodesBetween(h.pos, c, (u) => {
+      if (qe(u))
+        return d = !0, !1;
+    }), d;
+  }, o = z(() => Ne(n, e), [n, t, e]);
+  return r ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: n,
+      shouldShow: s,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: o != null && o.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: o == null ? void 0 : o.map((l, a) => /* @__PURE__ */ i(
+        dt,
+        {
+          editor: n,
+          item: l
+        },
+        `bubbleMenu-image-${a}`
+      )) }) }) : /* @__PURE__ */ i(x, {})
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function Zi() {
+  const { lang: t, t: e } = A(), r = U(), n = M(), s = ({ editor: l }) => {
+    const { selection: a } = l.view.state, { $from: h, to: c } = a;
+    let d = !1;
+    return l.view.state.doc.nodesBetween(h.pos, c, (u) => {
+      if (je(u))
+        return d = !0, !1;
+    }), d;
+  }, o = z(() => He(n, e), [n, e, t]);
+  return r ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: n,
+      shouldShow: s,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: o != null && o.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: o == null ? void 0 : o.map((l, a) => /* @__PURE__ */ i(
+        dt,
+        {
+          editor: n,
+          item: l
+        },
+        `bubbleMenu-image-gif-${a}`
+      )) }) }) : /* @__PURE__ */ i(x, {})
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function Ji() {
+  const { t } = A(), e = U(), r = M(), n = ({ editor: o }) => {
+    const { selection: l } = o.view.state, { $from: a, to: h } = l;
+    let c = !1;
+    return o.view.state.doc.nodesBetween(a.pos, h, (d) => {
+      if (Ge(d))
+        return c = !0, !1;
+    }), c;
+  }, s = z(() => $e(r, t), [r, t]);
+  return e ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: r,
+      shouldShow: n,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: s != null && s.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: s == null ? void 0 : s.map((o, l) => /* @__PURE__ */ i(
+        dt,
+        {
+          editor: r,
+          item: o
+        },
+        `bubbleMenu-video-${l}`
+      )) }) }) : /* @__PURE__ */ i(x, {})
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+const vt = `graph TB
+a-->b`, Xe = ({ editor: t, attrs: e, extension: r }) => {
+  const { alt: n, align: s } = e, [o, l] = P(decodeURIComponent(n ?? vt)), [a, h] = P(""), [c, d] = P(!1), u = L(null), [f, g] = P(null), S = r == null ? void 0 : r.options.upload, T = w(
+    (O) => {
+      O && import("mermaid").then((B) => {
+        g(B.default);
+      });
+    },
+    []
+  ), I = async (O) => {
+    try {
+      const { svg: B } = await f.render("mermaid-svg", O);
+      h(B);
+    } catch {
+      h("");
+    }
+  }, C = () => {
+    f.initialize({
+      darkMode: !1,
+      startOnLoad: !1,
+      // fontFamily:'',
+      fontSize: 12,
+      theme: "base"
+    }), I(o);
+  };
+  return k(() => {
+    f && c && C();
+  }, [f, c]), k(() => {
+    f && c && I(o);
+  }, [f, o]), /* @__PURE__ */ v(
+    et,
+    {
+      onOpenChange: d,
+      open: c,
+      children: [
+        /* @__PURE__ */ i(it, { asChild: !0, children: /* @__PURE__ */ i(
+          p,
+          {
+            action: () => d(!0),
+            icon: "Pencil",
+            tooltip: "Edit Mermaid"
+          }
+        ) }),
+        /* @__PURE__ */ v(nt, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+          /* @__PURE__ */ i(ot, { children: "Edit Mermaid" }),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              ref: T,
+              style: { height: "100%", border: "1px solid hsl(var(--border))" },
+              children: /* @__PURE__ */ v("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
+                /* @__PURE__ */ i(
+                  Vt,
+                  {
+                    autoFocus: !0,
+                    className: "richtext-flex-1",
+                    defaultValue: vt,
+                    onChange: (O) => l(O.target.value),
+                    placeholder: "Text",
+                    required: !0,
+                    rows: 10,
+                    value: o,
+                    style: {
+                      color: "hsl(var(--richtext-foreground))"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  "div",
+                  {
+                    className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
+                    dangerouslySetInnerHTML: { __html: a },
+                    ref: u,
+                    style: { height: "100%", border: "1px solid hsl(var(--border))", minHeight: 500, background: "#fff" }
+                  }
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ i(rt, { children: /* @__PURE__ */ i(
+            $,
+            {
+              onClick: async () => {
+                if (o !== "") {
+                  if (o) {
+                    const O = u.current.querySelector("svg"), { width: B, height: W } = O.getBoundingClientRect(), y = `mermaid-${Ht()}.svg`;
+                    let m = zt(O.outerHTML);
+                    if (S) {
+                      const b = Lt(m, y);
+                      m = await S(b);
+                    }
+                    t == null || t.chain().focus().setMermaid(
+                      {
+                        type: "mermaid",
+                        src: m,
+                        alt: encodeURIComponent(o),
+                        width: B,
+                        height: W
+                      },
+                      !!o
+                    ).run(), t == null || t.commands.setAlignImageMermaid(s);
+                  }
+                  d(!1);
+                }
+              },
+              type: "button",
+              children: "Save changes"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+function Ye({ item: t, disabled: e, editor: r }) {
+  var s;
+  const n = t.component;
+  return n ? /* @__PURE__ */ i(ht, { children: t.type === "divider" ? /* @__PURE__ */ i(
+    H,
+    {
+      className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+      orientation: "vertical"
+    }
+  ) : /* @__PURE__ */ i(
+    n,
+    {
+      ...t.componentProps,
+      disabled: e || ((s = t == null ? void 0 : t.componentProps) == null ? void 0 : s.disabled),
+      editor: r
+    }
+  ) }) : /* @__PURE__ */ i(x, {});
+}
+function Ze(t) {
+  return t.type.name === ct.name;
+}
+function Qi() {
+  const { lang: t, t: e } = A(), r = U(), n = M(), s = V(n, ct.name), o = $t(ct.name), l = ({ editor: h }) => {
+    const { selection: c } = h.view.state, { $from: d, to: u } = c;
+    let f = !1;
+    return h.view.state.doc.nodesBetween(d.pos, u, (g) => {
+      if (Ze(g))
+        return f = !0, !1;
+    }), f;
+  }, a = z(() => ze(n, e), [n, t, e]);
+  return r ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: n,
+      shouldShow: l,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: a != null && a.length ? /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-whitespace-nowrap", children: a == null ? void 0 : a.map((h, c) => h.type === "edit" && (s != null && s.src) ? /* @__PURE__ */ i(
+        Xe,
+        {
+          attrs: s,
+          editor: n,
+          extension: o
+        },
+        `bubbleMenu-mermaid-${c}`
+      ) : /* @__PURE__ */ i(
+        Ye,
+        {
+          editor: n,
+          item: h
+        },
+        `bubbleMenu-mermaid-${c}`
+      )) }) }) : /* @__PURE__ */ i(x, {})
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function tn({ hiddenActions: t = [] }) {
+  var T, I, C, R, O, B, W, y, m, b, D, G, X, ut, Y, pt, Z, ft;
+  const { t: e } = A(), r = U(), n = M(), s = ({ editor: st }) => Gt(st.view.state, Jt.name), o = (st) => t.includes(st);
+  function l() {
+    n.chain().focus().addColumnBefore().run();
+  }
+  function a() {
+    n.chain().focus().addColumnAfter().run();
+  }
+  function h() {
+    n.chain().focus().deleteColumn().run();
+  }
+  function c() {
+    n.chain().focus().addRowBefore().run();
+  }
+  function d() {
+    n.chain().focus().addRowAfter().run();
+  }
+  function u() {
+    n.chain().focus().deleteRow().run();
+  }
+  function f() {
+    n.chain().focus().mergeCells().run();
+  }
+  function g() {
+    n == null || n.chain().focus().splitCell().run();
+  }
+  function S() {
+    n.chain().focus().deleteTable().run();
+  }
+  return r ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: n,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      shouldShow: s,
+      updateDelay: 0,
+      children: /* @__PURE__ */ v("div", { className: "richtext-flex richtext-size-full richtext-min-w-32 richtext-flex-row richtext-items-center richtext-gap-0.5 richtext-rounded-lg !richtext-border richtext-border-border richtext-bg-background richtext-p-2 richtext-leading-none richtext-shadow-sm", children: [
+        !o("addColumnBefore") && /* @__PURE__ */ i(
+          p,
+          {
+            action: l,
+            disabled: !((I = (T = n == null ? void 0 : n.can()) == null ? void 0 : T.addColumnBefore) != null && I.call(T)),
+            icon: "BetweenHorizonalEnd",
+            tooltip: e("editor.table.menu.insertColumnBefore"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        !o("addColumnAfter") && /* @__PURE__ */ i(
+          p,
+          {
+            action: a,
+            disabled: !((R = (C = n == null ? void 0 : n.can()) == null ? void 0 : C.addColumnAfter) != null && R.call(C)),
+            icon: "BetweenHorizonalStart",
+            tooltip: e("editor.table.menu.insertColumnAfter"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        !o("deleteColumn") && /* @__PURE__ */ i(
+          p,
+          {
+            action: h,
+            disabled: !((B = n == null ? void 0 : (O = n.can()).deleteColumn) != null && B.call(O)),
+            icon: "DeleteColumn",
+            tooltip: e("editor.table.menu.deleteColumn"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        /* @__PURE__ */ i(
+          H,
+          {
+            className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+            orientation: "vertical"
+          }
+        ),
+        !o("addRowAbove") && /* @__PURE__ */ i(
+          p,
+          {
+            action: c,
+            disabled: !((y = n == null ? void 0 : (W = n.can()).addRowBefore) != null && y.call(W)),
+            icon: "BetweenVerticalEnd",
+            tooltip: e("editor.table.menu.insertRowAbove"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        !o("addRowBelow") && /* @__PURE__ */ i(
+          p,
+          {
+            action: d,
+            disabled: !((b = (m = n == null ? void 0 : n.can()) == null ? void 0 : m.addRowAfter) != null && b.call(m)),
+            icon: "BetweenVerticalStart",
+            tooltip: e("editor.table.menu.insertRowBelow"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        !o("deleteRow") && /* @__PURE__ */ i(
+          p,
+          {
+            action: u,
+            disabled: !((G = (D = n == null ? void 0 : n.can()) == null ? void 0 : D.deleteRow) != null && G.call(D)),
+            icon: "DeleteRow",
+            tooltip: e("editor.table.menu.deleteRow"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        /* @__PURE__ */ i(
+          H,
+          {
+            className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+            orientation: "vertical"
+          }
+        ),
+        !o("mergeCells") && /* @__PURE__ */ i(
+          p,
+          {
+            action: f,
+            disabled: !((ut = (X = n == null ? void 0 : n.can()) == null ? void 0 : X.mergeCells) != null && ut.call(X)),
+            icon: "TableCellsMerge",
+            tooltip: e("editor.table.menu.mergeCells"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        !o("splitCells") && /* @__PURE__ */ i(
+          p,
+          {
+            action: g,
+            disabled: !((pt = (Y = n == null ? void 0 : n.can()) == null ? void 0 : Y.splitCell) != null && pt.call(Y)),
+            icon: "TableCellsSplit",
+            tooltip: e("editor.table.menu.splitCells"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        ),
+        /* @__PURE__ */ i(
+          H,
+          {
+            className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+            orientation: "vertical"
+          }
+        ),
+        !o("deleteTable") && /* @__PURE__ */ i(
+          p,
+          {
+            action: S,
+            disabled: !((ft = (Z = n == null ? void 0 : n.can()) == null ? void 0 : Z.deleteTable) != null && ft.call(Z)),
+            icon: "Trash2",
+            tooltip: e("editor.table.menu.deleteTable"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        )
+      ] })
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function Je() {
+  return /* @__PURE__ */ v(x, { children: [
+    /* @__PURE__ */ i(ge, {}),
+    /* @__PURE__ */ i(ve, {}),
+    /* @__PURE__ */ i(bt, {}),
+    /* @__PURE__ */ i(bt, {}),
+    /* @__PURE__ */ i(ye, {}),
+    /* @__PURE__ */ i(xe, {}),
+    /* @__PURE__ */ i(ue, {}),
+    /* @__PURE__ */ i(
+      H,
+      {
+        className: "!richtext-mx-1 !richtext-my-2 !richtext-h-[16px]",
+        orientation: "vertical"
+      }
+    ),
+    /* @__PURE__ */ i(be, {}),
+    /* @__PURE__ */ i(we, {}),
+    /* @__PURE__ */ i(Ce, {})
+  ] });
+}
+function en({ buttonBubble: t }) {
+  const e = M(), r = U(), n = ({ editor: s }) => {
+    const { selection: o } = s.view.state, { $from: l, to: a } = o;
+    return l.pos === a ? !1 : o instanceof Yt;
+  };
+  return r ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: e,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      shouldShow: n,
+      children: t ? /* @__PURE__ */ i(x, { children: t }) : /* @__PURE__ */ i("div", { className: "richtext-pointer-events-auto richtext-w-auto richtext-select-none richtext-rounded-sm !richtext-border richtext-border-neutral-200 richtext-bg-background richtext-px-3 richtext-py-2 richtext-shadow-sm richtext-transition-all dark:richtext-border-neutral-800", children: /* @__PURE__ */ i("div", { className: "richtext-relative richtext-flex richtext-h-[26px] richtext-flex-nowrap richtext-items-center richtext-justify-start richtext-gap-[4px] richtext-whitespace-nowrap", children: /* @__PURE__ */ i(Je, {}) }) })
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+function nn() {
+  const { t } = A(), e = U(), r = M(), [n, s] = P(!1), o = w(({ editor: h }) => h.isActive(wt.name), []), l = (h) => {
+    r.commands.updateTweet({ src: h }), s(!1);
+  }, a = w(() => j(wt.name, r), [r]);
+  return e ? /* @__PURE__ */ i(
+    E,
+    {
+      editor: r,
+      shouldShow: o,
+      options: { placement: "bottom", offset: 8, flip: !0 },
+      children: /* @__PURE__ */ i(x, { children: n ? /* @__PURE__ */ i(
+        Te,
+        {
+          editor: r,
+          onSetLink: l
+        }
+      ) : /* @__PURE__ */ i("div", { className: "richtext-flex richtext-items-center richtext-gap-2 richtext-rounded-lg !richtext-border richtext-border-neutral-200 richtext-bg-white richtext-p-2 richtext-shadow-sm dark:richtext-border-neutral-800 dark:richtext-bg-black", children: /* @__PURE__ */ v("div", { className: "richtext-flex richtext-flex-nowrap", children: [
+        /* @__PURE__ */ i(
+          p,
+          {
+            icon: "Pencil",
+            tooltip: t("editor.link.edit.tooltip"),
+            tooltipOptions: { sideOffset: 15 },
+            action: () => {
+              s(!0);
+            }
+          }
+        ),
+        /* @__PURE__ */ i(
+          p,
+          {
+            action: a,
+            icon: "Trash",
+            tooltip: t("editor.delete"),
+            tooltipOptions: { sideOffset: 15 }
+          }
+        )
+      ] }) }) })
+    }
+  ) : /* @__PURE__ */ i(x, {});
+}
+export {
+  _i as RichTextBubbleColumns,
+  Ki as RichTextBubbleDrawer,
+  qi as RichTextBubbleExcalidraw,
+  ji as RichTextBubbleIframe,
+  Yi as RichTextBubbleImage,
+  Zi as RichTextBubbleImageGif,
+  Gi as RichTextBubbleKatex,
+  Xi as RichTextBubbleLink,
+  Qi as RichTextBubbleMermaid,
+  tn as RichTextBubbleTable,
+  en as RichTextBubbleText,
+  nn as RichTextBubbleTwitter,
+  Ji as RichTextBubbleVideo
+};