@clevertask/scribe 0.1.4 → 0.1.5

package/dist/components/Menu/BubbleMenu.js

@@ -1,1024 +1,166 @@
-import { jsx as g } from "react/jsx-runtime";
-import { Flex as J, IconButton as Q } from "@radix-ui/themes";
-import { a as M, u as tt } from "../../index-BMISMQrG.js";
-import { b as D, P as S, p as et, q as L, N as it, a as z, r as nt, s as st } from "../../index-CnKS-BY2.js";
-import { f as P, s as x, o as R, b as B, d as V, e as A, h as K, i as _, c as N } from "../../floating-ui.dom-ZRy7FSVk.js";
-import { C as ot } from "../../index-ByyiiYsp.js";
-import W, { useRef as w, useState as k, useEffect as E, useLayoutEffect as rt, useCallback as lt } from "react";
-import { createPortal as j } from "react-dom";
-import { getPopupMountTarget as at } from "../Scribe/extension/getPopupMountTarget.js";
-function ut(t, e) {
-  const n = Math.min(t.top, e.top), s = Math.max(t.bottom, e.bottom), i = Math.min(t.left, e.left), o = Math.max(t.right, e.right) - i, a = s - n, u = i, f = n;
-  return new DOMRect(u, f, o, a);
-}
-var dt = class {
-  constructor({
-    editor: t,
-    element: e,
-    view: n,
-    pluginKey: s = "bubbleMenu",
-    updateDelay: i = 250,
-    resizeDelay: l = 60,
-    shouldShow: o,
-    appendTo: a,
-    getReferencedVirtualElement: u,
-    options: f
-  }) {
-    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: r,
-      state: d,
-      from: h,
-      to: p
-    }) => {
-      const { doc: m, selection: v } = d, { empty: O } = v, I = !m.textBetween(h, p).length && et(d.selection), b = this.element.contains(document.activeElement);
-      return !(!(r.hasFocus() || b) || O || I || !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: r }) => {
-      var d;
-      if (this.editor.isDestroyed) {
-        this.destroy();
-        return;
-      }
-      if (this.preventHide) {
-        this.preventHide = !1;
-        return;
-      }
-      r?.relatedTarget && ((d = this.element.parentNode) != null && d.contains(r.relatedTarget)) || r?.relatedTarget !== this.editor.view.dom && this.hide();
-    }, this.handleDebouncedUpdate = (r, d) => {
-      const h = !d?.selection.eq(r.state.selection), p = !d?.doc.eq(r.state.doc);
-      !h && !p || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
-        this.updateHandler(r, h, p, d);
-      }, this.updateDelay));
-    }, this.updateHandler = (r, d, h, p) => {
-      const { composing: m } = r;
-      if (m || !d && !h)
-        return;
-      if (!this.getShouldShow(p)) {
-        this.hide();
-        return;
-      }
-      this.show(), this.updatePosition();
-    }, this.transactionHandler = ({ transaction: r }) => {
-      const d = r.getMeta(this.pluginKey);
-      d === "updatePosition" ? this.updatePosition() : d && typeof d == "object" && d.type === "updateOptions" ? this.updateOptions(d.options) : d === "hide" ? this.hide() : d === "show" && (this.updatePosition(), this.show());
-    };
-    var c;
-    this.editor = t, this.element = e, this.view = n, this.pluginKey = s, this.updateDelay = i, this.resizeDelay = l, this.appendTo = a, this.scrollTarget = (c = f?.scrollTarget) != null ? c : window, this.getReferencedVirtualElement = u, this.floatingUIOptions = {
-      ...this.floatingUIOptions,
-      ...f
-    }, 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(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
-  }
-  get middlewares() {
-    const t = [];
-    return this.floatingUIOptions.flip && t.push(
-      P(
-        typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0
-      )
-    ), this.floatingUIOptions.shift && t.push(
-      x(
-        typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0
-      )
-    ), this.floatingUIOptions.offset && t.push(
-      R(
-        typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0
-      )
-    ), this.floatingUIOptions.arrow && t.push(B(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(
-      V(
-        typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0
-      )
-    ), this.floatingUIOptions.autoPlacement && t.push(
-      A(
-        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
-      )
-    ), this.floatingUIOptions.hide && t.push(
-      K(
-        typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0
-      )
-    ), this.floatingUIOptions.inline && t.push(
-      _(
-        typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0
-      )
-    ), t;
-  }
-  get virtualElement() {
-    var t, e, n;
-    const { selection: s } = this.editor.state, i = (t = this.getReferencedVirtualElement) == null ? void 0 : t.call(this);
-    if (i)
-      return i;
-    if (!((n = (e = this.view) == null ? void 0 : e.dom) != null && n.parentNode))
-      return;
-    const l = L(this.view, s.from, s.to);
-    let o = {
-      getBoundingClientRect: () => l,
-      getClientRects: () => [l]
-    };
-    if (s instanceof it) {
-      let a = this.view.nodeDOM(s.from);
-      const u = a.dataset.nodeViewWrapper ? a : a.querySelector("[data-node-view-wrapper]");
-      u && (a = u), a && (o = {
-        getBoundingClientRect: () => a.getBoundingClientRect(),
-        getClientRects: () => [a.getBoundingClientRect()]
-      });
-    }
-    if (s instanceof ot) {
-      const { $anchorCell: a, $headCell: u } = s, f = a ? a.pos : u.pos, c = u ? u.pos : a.pos, r = this.view.nodeDOM(f), d = this.view.nodeDOM(c);
-      if (!r || !d)
-        return;
-      const h = r === d ? r.getBoundingClientRect() : ut(
-        r.getBoundingClientRect(),
-        d.getBoundingClientRect()
-      );
-      o = {
-        getBoundingClientRect: () => h,
-        getClientRects: () => [h]
-      };
-    }
-    return o;
-  }
-  updatePosition() {
-    if (!this.isVisible)
-      return;
-    const t = this.virtualElement;
-    t && N(t, this.element, {
-      placement: this.floatingUIOptions.placement,
-      strategy: this.floatingUIOptions.strategy,
-      middleware: this.middlewares
-    }).then(({ x: e, y: n, strategy: s, middlewareData: i }) => {
-      var l, o;
-      if (!(!this.isVisible || this.editor.isDestroyed || !this.element.isConnected)) {
-        if ((l = i.hide) != null && l.referenceHidden || (o = i.hide) != null && o.escaped) {
-          this.element.style.visibility = "hidden";
-          return;
-        }
-        this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = s, this.element.style.left = `${e}px`, this.element.style.top = `${n}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
-      }
-    });
-  }
-  update(t, e) {
-    const { state: n } = t, s = n.selection.from !== n.selection.to;
-    if (this.updateDelay > 0 && s) {
-      this.handleDebouncedUpdate(t, e);
-      return;
-    }
-    const i = !e?.selection.eq(t.state.selection), l = !e?.doc.eq(t.state.doc);
-    this.updateHandler(t, i, l, e);
-  }
-  getShouldShow(t) {
-    var e;
-    const { state: n } = this.view, { selection: s } = n, { ranges: i } = s, l = Math.min(...i.map((u) => u.$from.pos)), o = Math.max(...i.map((u) => u.$to.pos));
-    return ((e = this.shouldShow) == null ? void 0 : e.call(this, {
-      editor: this.editor,
-      element: this.element,
-      view: this.view,
-      state: n,
-      oldState: t,
-      from: l,
-      to: o
-    })) || !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);
-  }
-  updateOptions(t) {
-    var e;
-    if (t.updateDelay !== void 0 && (this.updateDelay = t.updateDelay), t.resizeDelay !== void 0 && (this.resizeDelay = t.resizeDelay), t.appendTo !== void 0 && (this.appendTo = t.appendTo), t.getReferencedVirtualElement !== void 0 && (this.getReferencedVirtualElement = t.getReferencedVirtualElement), t.shouldShow !== void 0 && t.shouldShow && (this.shouldShow = t.shouldShow), t.options !== void 0) {
-      const n = (e = t.options.scrollTarget) != null ? e : window;
-      n !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = n, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
-        ...this.floatingUIOptions,
-        ...t.options
-      };
-    }
-  }
-  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();
-  }
-}, F = (t) => new D({
-  key: typeof t.pluginKey == "string" ? new S(t.pluginKey) : t.pluginKey,
-  view: (e) => new dt({ view: e, ...t })
-});
-z.create({
-  name: "bubbleMenu",
-  addOptions() {
-    return {
-      element: null,
-      pluginKey: "bubbleMenu",
-      updateDelay: void 0,
-      appendTo: void 0,
-      shouldShow: null
-    };
-  },
-  addProseMirrorPlugins() {
-    return this.options.element ? [
-      F({
-        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 ht = class {
-  constructor({
-    editor: t,
-    element: e,
-    view: n,
-    pluginKey: s = "floatingMenu",
-    updateDelay: i = 250,
-    resizeDelay: l = 60,
-    options: o,
-    appendTo: a,
-    shouldShow: u
-  }) {
-    this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.shouldShow = ({ view: c, state: r }) => {
-      const { selection: d } = r, { $anchor: h, empty: p } = d, m = h.depth === 1, v = h.parent.isTextblock && !h.parent.type.spec.code && !h.parent.textContent && h.parent.childCount === 0 && !this.getTextContent(h.parent);
-      return !(!c.hasFocus() || !p || !m || !v || !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 = (c, r, d, h) => {
-      const { composing: p } = c;
-      if (p || !r && !d)
-        return;
-      if (!this.getShouldShow(h)) {
-        this.hide();
-        return;
-      }
-      this.updatePosition(), this.show();
-    }, this.mousedownHandler = () => {
-      this.preventHide = !0;
-    }, this.focusHandler = () => {
-      setTimeout(() => this.update(this.editor.view));
-    }, this.blurHandler = ({ event: c }) => {
-      var r;
-      if (this.preventHide) {
-        this.preventHide = !1;
-        return;
-      }
-      c?.relatedTarget && ((r = this.element.parentNode) != null && r.contains(c.relatedTarget)) || c?.relatedTarget !== this.editor.view.dom && this.hide();
-    }, this.transactionHandler = ({ transaction: c }) => {
-      const r = c.getMeta(this.pluginKey);
-      r === "updatePosition" ? this.updatePosition() : r && typeof r == "object" && r.type === "updateOptions" ? this.updateOptions(r.options) : r === "hide" ? this.hide() : r === "show" && (this.updatePosition(), this.show());
-    }, this.resizeHandler = () => {
-      this.resizeDebounceTimer && clearTimeout(this.resizeDebounceTimer), this.resizeDebounceTimer = window.setTimeout(() => {
-        this.updatePosition();
-      }, this.resizeDelay);
-    };
-    var f;
-    this.editor = t, this.element = e, this.view = n, this.pluginKey = s, this.updateDelay = i, this.resizeDelay = l, this.appendTo = a, this.scrollTarget = (f = o?.scrollTarget) != null ? f : window, this.floatingUIOptions = {
-      ...this.floatingUIOptions,
-      ...o
-    }, this.element.tabIndex = 0, u && (this.shouldShow = u), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), 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(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
-  }
-  getTextContent(t) {
-    return nt(t, { textSerializers: st(this.editor.schema) });
-  }
-  get middlewares() {
-    const t = [];
-    return this.floatingUIOptions.flip && t.push(
-      P(
-        typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0
-      )
-    ), this.floatingUIOptions.shift && t.push(
-      x(
-        typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0
-      )
-    ), this.floatingUIOptions.offset && t.push(
-      R(
-        typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0
-      )
-    ), this.floatingUIOptions.arrow && t.push(B(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(
-      V(
-        typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0
-      )
-    ), this.floatingUIOptions.autoPlacement && t.push(
-      A(
-        typeof this.floatingUIOptions.autoPlacement != "boolean" ? this.floatingUIOptions.autoPlacement : void 0
-      )
-    ), this.floatingUIOptions.hide && t.push(
-      K(
-        typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0
-      )
-    ), this.floatingUIOptions.inline && t.push(
-      _(
-        typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : void 0
-      )
-    ), t;
-  }
-  getShouldShow(t) {
-    var e;
-    const { state: n } = this.view, { selection: s } = n, { ranges: i } = s, l = Math.min(...i.map((u) => u.$from.pos)), o = Math.max(...i.map((u) => u.$to.pos));
-    return (e = this.shouldShow) == null ? void 0 : e.call(this, {
-      editor: this.editor,
-      view: this.view,
-      state: n,
-      oldState: t,
-      from: l,
-      to: o
-    });
-  }
-  updateOptions(t) {
-    var e;
-    if (t.updateDelay !== void 0 && (this.updateDelay = t.updateDelay), t.resizeDelay !== void 0 && (this.resizeDelay = t.resizeDelay), t.appendTo !== void 0 && (this.appendTo = t.appendTo), t.shouldShow !== void 0 && t.shouldShow && (this.shouldShow = t.shouldShow), t.options !== void 0) {
-      const n = (e = t.options.scrollTarget) != null ? e : window;
-      n !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = n, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
-        ...this.floatingUIOptions,
-        ...t.options
-      };
-    }
-  }
-  updatePosition() {
-    var t, e;
-    if (!((e = (t = this.view) == null ? void 0 : t.dom) != null && e.parentNode))
-      return;
-    const { selection: n } = this.editor.state, s = L(this.view, n.from, n.to);
-    N({
-      getBoundingClientRect: () => s,
-      getClientRects: () => [s]
-    }, this.element, {
-      placement: this.floatingUIOptions.placement,
-      strategy: this.floatingUIOptions.strategy,
-      middleware: this.middlewares
-    }).then(({ x: l, y: o, strategy: a, middlewareData: u }) => {
-      var f, c;
-      if ((f = u.hide) != null && f.referenceHidden || (c = u.hide) != null && c.escaped) {
-        this.element.style.visibility = "hidden";
-        return;
-      }
-      this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = a, this.element.style.left = `${l}px`, this.element.style.top = `${o}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
-    });
-  }
-  update(t, e) {
-    const n = !e?.selection.eq(t.state.selection), s = !e?.doc.eq(t.state.doc);
-    this.updateHandler(t, n, s, 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 }), 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();
-  }
-}, $ = (t) => new D({
-  key: typeof t.pluginKey == "string" ? new S(t.pluginKey) : t.pluginKey,
-  view: (e) => new ht({ view: e, ...t })
-});
-z.create({
-  name: "floatingMenu",
-  addOptions() {
-    return {
-      element: null,
-      options: {},
-      pluginKey: "floatingMenu",
-      updateDelay: void 0,
-      resizeDelay: void 0,
-      appendTo: void 0,
-      shouldShow: null
-    };
-  },
-  addCommands() {
-    return {
-      updateFloatingMenuPosition: () => ({ tr: t, dispatch: e }) => (e && t.setMeta(this.options.pluginKey, "updatePosition"), !0)
-    };
-  },
-  addProseMirrorPlugins() {
-    return this.options.element ? [
-      $({
-        pluginKey: this.options.pluginKey,
-        editor: this.editor,
-        element: this.options.element,
-        updateDelay: this.options.updateDelay,
-        resizeDelay: this.options.resizeDelay,
-        options: this.options.options,
-        appendTo: this.options.appendTo,
-        shouldShow: this.options.shouldShow
-      })
-    ] : [];
-  }
-});
-function q(t, e) {
-  return t ?? new S(e);
-}
-var ct = typeof window < "u" ? rt : E, Y = /* @__PURE__ */ new Set([
-  "left",
-  "opacity",
-  "position",
-  "top",
-  "visibility",
-  "width"
-]), pt = /* @__PURE__ */ new Set([
-  "animationIterationCount",
-  "aspectRatio",
-  "borderImageOutset",
-  "borderImageSlice",
-  "borderImageWidth",
-  "columnCount",
-  "columns",
-  "fillOpacity",
-  "flex",
-  "flexGrow",
-  "flexShrink",
-  "fontWeight",
-  "gridArea",
-  "gridColumn",
-  "gridColumnEnd",
-  "gridColumnStart",
-  "gridRow",
-  "gridRowEnd",
-  "gridRowStart",
-  "lineClamp",
-  "lineHeight",
-  "opacity",
-  "order",
-  "orphans",
-  "scale",
-  "stopOpacity",
-  "strokeDasharray",
-  "strokeDashoffset",
-  "strokeMiterlimit",
-  "strokeOpacity",
-  "strokeWidth",
-  "tabSize",
-  "widows",
-  "zIndex",
-  "zoom"
-]), ft = /* @__PURE__ */ new Set(["children", "className", "style"]), gt = /* @__PURE__ */ new Set(["tabIndex"]), mt = /* @__PURE__ */ new Set([
-  "accessKey",
-  "autoCapitalize",
-  "contentEditable",
-  "contextMenu",
-  "dir",
-  "draggable",
-  "enterKeyHint",
-  "hidden",
-  "id",
-  "lang",
-  "nonce",
-  "role",
-  "slot",
-  "spellCheck",
-  "tabIndex",
-  "title",
-  "translate"
-]), vt = {
-  Blur: "focusout",
-  DoubleClick: "dblclick",
-  Focus: "focusin",
-  MouseEnter: "mouseenter",
-  MouseLeave: "mouseleave"
-};
-function U(t, e) {
-  return /^on[A-Z]/.test(t) && typeof e == "function";
-}
-function bt(t) {
-  return t.startsWith("aria-") || t.startsWith("data-"), t;
-}
-function wt(t) {
-  return t.startsWith("aria-") || t.startsWith("data-") || mt.has(t);
-}
-function G(t) {
-  return t.startsWith("--") ? t : t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-}
-function yt(t) {
-  var e;
-  const n = t.endsWith("Capture"), i = (n ? t.slice(0, -7) : t).slice(2);
-  return {
-    eventName: (e = vt[i]) != null ? e : i.toLowerCase(),
-    options: n ? { capture: !0 } : void 0
-  };
-}
-function Ot(t, e) {
-  let n = e.defaultPrevented, s = !1;
-  const i = Object.create(e);
-  return Object.defineProperties(i, {
-    nativeEvent: { value: e },
-    currentTarget: { value: t },
-    target: { value: e.target },
-    persist: { value: () => {
-    } },
-    isDefaultPrevented: { value: () => n },
-    isPropagationStopped: { value: () => s },
-    preventDefault: {
-      value: () => {
-        n = !0, e.preventDefault();
-      }
-    },
-    stopPropagation: {
-      value: () => {
-        s = !0, e.stopPropagation();
-      }
-    }
-  }), i;
-}
-function H(t) {
-  return gt.has(t);
-}
-function C(t, e, n) {
-  if (e === "tabIndex") {
-    t.tabIndex = Number(n);
-    return;
-  }
-  t[e] = n;
-}
-function It(t, e) {
-  if (e === "tabIndex") {
-    t.removeAttribute("tabindex");
-    return;
-  }
-  const n = t[e];
-  if (typeof n == "boolean") {
-    t[e] = !1;
-    return;
-  }
-  if (typeof n == "number") {
-    t[e] = 0;
-    return;
-  }
-  t[e] = "";
-}
-function Et(t, e) {
-  return typeof e != "number" || e === 0 || t.startsWith("--") || pt.has(t) ? String(e) : `${e}px`;
-}
-function Tt(t, e) {
-  Y.has(e) || t.style.removeProperty(G(e));
-}
-function Ht(t, e, n) {
-  Y.has(e) || t.style.setProperty(G(e), Et(e, n));
-}
-function Ut(t, e, n) {
-  (/* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(n)])).forEach((i) => {
-    if (ft.has(i) || !wt(i) || U(i, e[i]) || U(i, n[i]))
-      return;
-    const l = e[i], o = n[i];
-    if (l === o)
-      return;
-    const a = bt(i);
-    if (o == null || o === !1) {
-      H(i) && It(t, i), t.removeAttribute(a);
-      return;
-    }
-    if (o === !0) {
-      H(i) && C(t, i, !0), t.setAttribute(a, "");
-      return;
-    }
-    if (H(i)) {
-      C(t, i, o);
-      return;
-    }
-    t.setAttribute(a, String(o));
-  });
-}
-function St(t, e, n) {
-  if (e !== n) {
-    if (n) {
-      t.className = n;
-      return;
-    }
-    t.removeAttribute("class");
-  }
-}
-function Ct(t, e, n) {
-  const s = e ?? {}, i = n ?? {};
-  (/* @__PURE__ */ new Set([...Object.keys(s), ...Object.keys(i)])).forEach((o) => {
-    const a = s[o], u = i[o];
-    if (a !== u) {
-      if (u == null) {
-        Tt(t, o);
-        return;
-      }
-      Ht(t, o, u);
-    }
-  });
-}
-function Mt(t, e, n) {
-  e.forEach(({ eventName: i, listener: l, options: o }) => {
-    t.removeEventListener(i, l, o);
-  });
-  const s = [];
-  return Object.entries(n).forEach(([i, l]) => {
-    if (!U(i, l))
-      return;
-    const { eventName: o, options: a } = yt(i), u = (f) => {
-      l(Ot(t, f));
-    };
-    t.addEventListener(o, u, a), s.push({ eventName: o, listener: u, options: a });
-  }), s;
-}
-function Z(t, e) {
-  const n = w({}), s = w([]);
-  ct(() => {
-    const i = n.current;
-    return St(t, i.className, e.className), Ct(t, i.style, e.style), Ut(t, i, e), s.current = Mt(t, s.current, e), n.current = e, () => {
-      s.current.forEach(({ eventName: l, listener: o, options: a }) => {
-        t.removeEventListener(l, o, a);
-      }), s.current = [];
-    };
-  }, [t, e]);
-}
-var Dt = W.forwardRef(
-  ({
-    pluginKey: t,
-    editor: e,
-    updateDelay: n,
-    resizeDelay: s,
-    appendTo: i,
-    shouldShow: l = null,
-    getReferencedVirtualElement: o,
-    options: a,
-    children: u,
-    ...f
-  }, c) => {
-    const r = w(document.createElement("div")), d = w(
-      q(t, "bubbleMenu")
-    ).current;
-    Z(r.current, f), typeof c == "function" ? c(r.current) : c && (c.current = r.current);
-    const { editor: h } = M(), p = e || h, m = {
-      updateDelay: n,
-      resizeDelay: s,
-      appendTo: i,
-      pluginKey: d,
-      shouldShow: l,
-      getReferencedVirtualElement: o,
-      options: a
-    }, v = w(m);
-    v.current = m;
-    const [O, I] = k(!1), b = w(!0);
-    return E(() => {
-      if (p?.isDestroyed)
-        return;
-      if (!p) {
-        console.warn(
-          "BubbleMenu component is not rendered inside of an editor component or does not have editor prop."
-        );
-        return;
-      }
-      const y = r.current;
-      y.style.visibility = "hidden", y.style.position = "absolute";
-      const T = F({
-        ...v.current,
-        editor: p,
-        element: y
-      });
-      p.registerPlugin(T);
-      const X = v.current.pluginKey;
-      return b.current = !0, I(!0), () => {
-        I(!1), p.unregisterPlugin(X), window.requestAnimationFrame(() => {
-          y.parentNode && y.parentNode.removeChild(y);
-        });
-      };
-    }, [p]), E(() => {
-      if (!(!O || !p || p.isDestroyed)) {
-        if (b.current) {
-          b.current = !1;
-          return;
-        }
-        p.view.dispatch(
-          p.state.tr.setMeta(d, {
-            type: "updateOptions",
-            options: v.current
-          })
-        );
-      }
-    }, [
-      O,
-      p,
-      n,
-      s,
-      l,
-      a,
-      i,
-      o,
-      d
-    ]), j(u, r.current);
-  }
-);
-W.forwardRef(
-  ({
-    pluginKey: t,
-    editor: e,
-    updateDelay: n,
-    resizeDelay: s,
-    appendTo: i,
-    shouldShow: l = null,
-    options: o,
-    children: a,
-    ...u
-  }, f) => {
-    const c = w(document.createElement("div")), r = w(
-      q(t, "floatingMenu")
-    ).current;
-    Z(c.current, u), typeof f == "function" ? f(c.current) : f && (f.current = c.current);
-    const { editor: d } = M(), h = e || d, p = {
-      updateDelay: n,
-      resizeDelay: s,
-      appendTo: i,
-      pluginKey: r,
-      shouldShow: l,
-      options: o
-    }, m = w(p);
-    m.current = p;
-    const [v, O] = k(!1), I = w(!0);
-    return E(() => {
-      if (h?.isDestroyed)
-        return;
-      if (!h) {
-        console.warn(
-          "FloatingMenu component is not rendered inside of an editor component or does not have editor prop."
-        );
-        return;
-      }
-      const b = c.current;
-      b.style.visibility = "hidden", b.style.position = "absolute";
-      const y = $({
-        ...m.current,
-        editor: h,
-        element: b
-      });
-      h.registerPlugin(y);
-      const T = m.current.pluginKey;
-      return I.current = !0, O(!0), () => {
-        O(!1), h.unregisterPlugin(T), window.requestAnimationFrame(() => {
-          b.parentNode && b.parentNode.removeChild(b);
-        });
-      };
-    }, [h]), E(() => {
-      if (!(!v || !h || h.isDestroyed)) {
-        if (I.current) {
-          I.current = !1;
-          return;
-        }
-        h.view.dispatch(
-          h.state.tr.setMeta(r, {
-            type: "updateOptions",
-            options: m.current
-          })
-        );
-      }
-    }, [
-      v,
-      h,
-      n,
-      s,
-      l,
-      o,
-      i,
-      r
-    ]), j(a, c.current);
-  }
-);
-const _t = ({ editor: t }) => {
-  const e = tt({
-    editor: t,
-    selector: ({ editor: i }) => i ? {
-      isHeading1: i.isActive("heading", { level: 1 }),
-      isHeading2: i.isActive("heading", { level: 2 }),
-      isHeading3: i.isActive("heading", { level: 3 }),
-      isBold: i.isActive("bold"),
-      isItalic: i.isActive("italic"),
-      isStrike: i.isActive("strike"),
-      isCode: i.isActive("code")
-    } : null
-  }), n = lt(
-    (i, l) => {
-      i.preventDefault(), l();
-    },
-    []
-  ), s = [
-    {
-      ariaLabel: "Heading 1",
-      command: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
-      isActive: () => !!e?.isHeading1,
-      icon: /* @__PURE__ */ g(
-        "svg",
-        {
-          className: "scribe-inline-menu-icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M4.00023 5L4 17M13 5L12.9998 17M4 11H12.9998M19.875 19V10L17.625 12.25",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    },
-    {
-      ariaLabel: "Heading 2",
-      command: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
-      isActive: () => !!e?.isHeading2,
-      icon: /* @__PURE__ */ g(
-        "svg",
-        {
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          className: "scribe-inline-menu-icon",
-          viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M3.37402 5V17M12.374 5V17M3.37402 11H12.374M16.302 11.373C16.5035 10.8941 16.8644 10.4997 17.3236 10.2566C17.7829 10.0136 18.312 9.93705 18.8213 10.0399C19.3306 10.1427 19.7886 10.4186 20.1175 10.8207C20.4465 11.2229 20.6262 11.7265 20.626 12.246C20.628 12.694 20.494 13.132 20.242 13.503L16.123 19H20.626",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    },
-    {
-      ariaLabel: "Heading 3",
-      command: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
-      isActive: () => !!e?.isHeading3,
-      icon: /* @__PURE__ */ g(
-        "svg",
-        {
-          className: "scribe-inline-menu-icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M3.375 5V17M12.375 5V17M3.375 11H12.375M16.125 10H20.625L18 13.75C18.4317 13.7499 18.8568 13.8564 19.2375 14.0598C19.6183 14.2633 19.943 14.5575 20.1828 14.9165C20.4227 15.2754 20.5703 15.688 20.6127 16.1176C20.655 16.5472 20.5907 16.9807 20.4255 17.3795C20.2603 17.7783 19.9993 18.1303 19.6656 18.4042C19.3319 18.678 18.9358 18.8654 18.5123 18.9496C18.0889 19.0338 17.6513 19.0123 17.2382 18.8869C16.8251 18.7616 16.4492 18.5363 16.144 18.231",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    },
-    {
-      ariaLabel: "Bold",
-      command: () => t.chain().focus().toggleBold().run(),
-      isActive: () => !!e?.isBold,
-      icon: /* @__PURE__ */ g(
-        "svg",
-        {
-          className: "scribe-inline-menu-icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M12.8571 12C13.918 12 14.9354 11.5786 15.6856 10.8284C16.4357 10.0783 16.8571 9.06087 16.8571 8C16.8571 6.93913 16.4357 5.92172 15.6856 5.17157C14.9354 4.42143 13.918 4 12.8571 4H6V12M12.8571 12H6M12.8571 12H14C15.0609 12 16.0783 12.4214 16.8284 13.1716C17.5786 13.9217 18 14.9391 18 16C18 17.0609 17.5786 18.0783 16.8284 18.8284C16.0783 19.5786 15.0609 20 14 20H6V12",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    },
-    {
-      ariaLabel: "Italic",
-      command: () => t.chain().focus().toggleItalic().run(),
-      isActive: () => !!e?.isItalic,
-      icon: /* @__PURE__ */ g(
-        "svg",
-        {
-          className: "scribe-inline-menu-icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M10.8571 4H17.7142M6.28564 20H13.1428M14.2856 4L9.71422 20",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    },
-    {
-      ariaLabel: "Strike",
-      command: () => t.chain().focus().toggleStrike().run(),
-      isActive: () => !!e?.isStrike,
-      icon: /* @__PURE__ */ g(
-        "svg",
-        {
-          className: "scribe-inline-menu-icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M11.0121 12H12.9874C15.1693 12 16.938 13.7909 16.938 16C16.938 18.2091 15.1693 20 12.9874 20H11.0121C8.83024 20 7.06149 18.2091 7.06149 16M16.938 8C16.938 5.79086 15.1693 4 12.9874 4H11.0121C8.83024 4 7.06149 5.79086 7.06149 8C7.06149 8.3453 7.1047 8.68038 7.18595 9M4 12H20",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    },
-    {
-      ariaLabel: "Inline code",
-      command: () => t.chain().focus().toggleCode().run(),
-      isActive: () => !!e?.isCode,
-      icon: /* @__PURE__ */ g(
-        "svg",
-        {
-          className: "scribe-inline-menu-icon",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ g(
-            "path",
-            {
-              d: "M16.5 16.5L21 12L16.5 7.50002M7.5 7.50002L3 12L7.5 16.5M13.8 3.90002L10.2 20.1",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
-        }
-      )
-    }
-  ];
-  return /* @__PURE__ */ g(
-    Dt,
-    {
-      editor: t,
-      appendTo: at(t),
-      options: { strategy: "fixed" },
-      children: /* @__PURE__ */ g("div", { className: "scribe-bubble-menu", children: /* @__PURE__ */ g(J, { align: "center", gap: "2", children: s.map((i) => /* @__PURE__ */ g(
-        Q,
-        {
-          type: "button",
-          size: "1",
-          radius: "medium",
-          color: "gray",
-          variant: i.isActive() ? "soft" : "ghost",
-          onMouseDown: (l) => n(l, i.command),
-          children: i.icon
-        },
-        i.ariaLabel
-      )) }) })
-    }
-  );
-};
-export {
-  _t as default
+import { i as e } from "../../dist-RuuEA1GJ.js";
+import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
+import { t as n } from "../../menus-CzX7kyXn.js";
+import { Flex as r, IconButton as i } from "@radix-ui/themes";
+import { useCallback as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region lib/components/Menu/BubbleMenu.tsx
+var s = ({ editor: s }) => {
+	let c = e({
+		editor: s,
+		selector: ({ editor: e }) => e ? {
+			isHeading1: e.isActive("heading", { level: 1 }),
+			isHeading2: e.isActive("heading", { level: 2 }),
+			isHeading3: e.isActive("heading", { level: 3 }),
+			isBold: e.isActive("bold"),
+			isItalic: e.isActive("italic"),
+			isStrike: e.isActive("strike"),
+			isCode: e.isActive("code")
+		} : null
+	}), l = a((e, t) => {
+		e.preventDefault(), t();
+	}, []), u = [
+		{
+			ariaLabel: "Heading 1",
+			command: () => s.chain().focus().toggleHeading({ level: 1 }).run(),
+			isActive: () => !!c?.isHeading1,
+			icon: /* @__PURE__ */ o("svg", {
+				className: "scribe-inline-menu-icon",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ o("path", {
+					d: "M4.00023 5L4 17M13 5L12.9998 17M4 11H12.9998M19.875 19V10L17.625 12.25",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		},
+		{
+			ariaLabel: "Heading 2",
+			command: () => s.chain().focus().toggleHeading({ level: 2 }).run(),
+			isActive: () => !!c?.isHeading2,
+			icon: /* @__PURE__ */ o("svg", {
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "scribe-inline-menu-icon",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ o("path", {
+					d: "M3.37402 5V17M12.374 5V17M3.37402 11H12.374M16.302 11.373C16.5035 10.8941 16.8644 10.4997 17.3236 10.2566C17.7829 10.0136 18.312 9.93705 18.8213 10.0399C19.3306 10.1427 19.7886 10.4186 20.1175 10.8207C20.4465 11.2229 20.6262 11.7265 20.626 12.246C20.628 12.694 20.494 13.132 20.242 13.503L16.123 19H20.626",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		},
+		{
+			ariaLabel: "Heading 3",
+			command: () => s.chain().focus().toggleHeading({ level: 3 }).run(),
+			isActive: () => !!c?.isHeading3,
+			icon: /* @__PURE__ */ o("svg", {
+				className: "scribe-inline-menu-icon",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ o("path", {
+					d: "M3.375 5V17M12.375 5V17M3.375 11H12.375M16.125 10H20.625L18 13.75C18.4317 13.7499 18.8568 13.8564 19.2375 14.0598C19.6183 14.2633 19.943 14.5575 20.1828 14.9165C20.4227 15.2754 20.5703 15.688 20.6127 16.1176C20.655 16.5472 20.5907 16.9807 20.4255 17.3795C20.2603 17.7783 19.9993 18.1303 19.6656 18.4042C19.3319 18.678 18.9358 18.8654 18.5123 18.9496C18.0889 19.0338 17.6513 19.0123 17.2382 18.8869C16.8251 18.7616 16.4492 18.5363 16.144 18.231",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		},
+		{
+			ariaLabel: "Bold",
+			command: () => s.chain().focus().toggleBold().run(),
+			isActive: () => !!c?.isBold,
+			icon: /* @__PURE__ */ o("svg", {
+				className: "scribe-inline-menu-icon",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ o("path", {
+					d: "M12.8571 12C13.918 12 14.9354 11.5786 15.6856 10.8284C16.4357 10.0783 16.8571 9.06087 16.8571 8C16.8571 6.93913 16.4357 5.92172 15.6856 5.17157C14.9354 4.42143 13.918 4 12.8571 4H6V12M12.8571 12H6M12.8571 12H14C15.0609 12 16.0783 12.4214 16.8284 13.1716C17.5786 13.9217 18 14.9391 18 16C18 17.0609 17.5786 18.0783 16.8284 18.8284C16.0783 19.5786 15.0609 20 14 20H6V12",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		},
+		{
+			ariaLabel: "Italic",
+			command: () => s.chain().focus().toggleItalic().run(),
+			isActive: () => !!c?.isItalic,
+			icon: /* @__PURE__ */ o("svg", {
+				className: "scribe-inline-menu-icon",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ o("path", {
+					d: "M10.8571 4H17.7142M6.28564 20H13.1428M14.2856 4L9.71422 20",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		},
+		{
+			ariaLabel: "Strike",
+			command: () => s.chain().focus().toggleStrike().run(),
+			isActive: () => !!c?.isStrike,
+			icon: /* @__PURE__ */ o("svg", {
+				className: "scribe-inline-menu-icon",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ o("path", {
+					d: "M11.0121 12H12.9874C15.1693 12 16.938 13.7909 16.938 16C16.938 18.2091 15.1693 20 12.9874 20H11.0121C8.83024 20 7.06149 18.2091 7.06149 16M16.938 8C16.938 5.79086 15.1693 4 12.9874 4H11.0121C8.83024 4 7.06149 5.79086 7.06149 8C7.06149 8.3453 7.1047 8.68038 7.18595 9M4 12H20",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		},
+		{
+			ariaLabel: "Inline code",
+			command: () => s.chain().focus().toggleCode().run(),
+			isActive: () => !!c?.isCode,
+			icon: /* @__PURE__ */ o("svg", {
+				className: "scribe-inline-menu-icon",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ o("path", {
+					d: "M16.5 16.5L21 12L16.5 7.50002M7.5 7.50002L3 12L7.5 16.5M13.8 3.90002L10.2 20.1",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		}
+	];
+	return /* @__PURE__ */ o(n, {
+		editor: s,
+		appendTo: t(s),
+		options: { strategy: "fixed" },
+		children: /* @__PURE__ */ o("div", {
+			className: "scribe-bubble-menu",
+			children: /* @__PURE__ */ o(r, {
+				align: "center",
+				gap: "2",
+				children: u.map((e) => /* @__PURE__ */ o(i, {
+					type: "button",
+					size: "1",
+					radius: "medium",
+					color: "gray",
+					variant: e.isActive() ? "soft" : "ghost",
+					onMouseDown: (t) => l(t, e.command),
+					children: e.icon
+				}, e.ariaLabel))
+			})
+		})
+	});
 };
+//#endregion
+export { s as default };