@clevertask/scribe 0.1.3 → 0.1.4

package/dist/components/Menu/BubbleMenu.js

@@ -1,1171 +1,28 @@
-import { jsx as E } from "react/jsx-runtime";
-import { Flex as ve, IconButton as ye } from "@radix-ui/themes";
-import { a as Bt, u as be } from "../../index-DxF-1P4n.js";
-import { b as Vt, P as vt, p as xe, q as zt, N as Oe, a as Nt, r as Ce, s as Se } from "../../index-BiBV5TQx.js";
-import { C as Te } from "../../index-CqzMmrnw.js";
-import _t, { useRef as k, useState as Wt, useEffect as it, useLayoutEffect as Ee, useCallback as Re } from "react";
-import { createPortal as kt } from "react-dom";
-import { getPopupMountTarget as Ie } from "../Scribe/extension/getPopupMountTarget.js";
-const Ft = ["top", "right", "bottom", "left"], St = ["start", "end"], Tt = /* @__PURE__ */ Ft.reduce((t, e) => t.concat(e, e + "-" + St[0], e + "-" + St[1]), []), K = Math.min, D = Math.max, st = Math.round, $ = (t) => ({
-  x: t,
-  y: t
-}), Le = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function gt(t, e, n) {
-  return D(t, K(e, n));
-}
-function j(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function V(t) {
-  return t.split("-")[0];
-}
-function N(t) {
-  return t.split("-")[1];
-}
-function $t(t) {
-  return t === "x" ? "y" : "x";
-}
-function yt(t) {
-  return t === "y" ? "height" : "width";
-}
-function F(t) {
-  const e = t[0];
-  return e === "t" || e === "b" ? "y" : "x";
-}
-function bt(t) {
-  return $t(F(t));
-}
-function Kt(t, e, n) {
-  n === void 0 && (n = !1);
-  const o = N(t), i = bt(t), s = yt(i);
-  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[s] > e.floating[s] && (r = lt(r)), [r, lt(r)];
-}
-function De(t) {
-  const e = lt(t);
-  return [rt(t), e, rt(e)];
-}
-function rt(t) {
-  return t.includes("start") ? t.replace("start", "end") : t.replace("end", "start");
-}
-const Et = ["left", "right"], Rt = ["right", "left"], He = ["top", "bottom"], Ae = ["bottom", "top"];
-function Me(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? Rt : Et : e ? Et : Rt;
-    case "left":
-    case "right":
-      return e ? He : Ae;
-    default:
-      return [];
-  }
-}
-function Pe(t, e, n, o) {
-  const i = N(t);
-  let s = Me(V(t), n === "start", o);
-  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(rt)))), s;
-}
-function lt(t) {
-  const e = V(t);
-  return Le[e] + t.slice(e.length);
-}
-function Ue(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function xt(t) {
-  return typeof t != "number" ? Ue(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function Q(t) {
-  const {
-    x: e,
-    y: n,
-    width: o,
-    height: i
-  } = t;
-  return {
-    width: o,
-    height: i,
-    top: n,
-    left: e,
-    right: e + o,
-    bottom: n + i,
-    x: e,
-    y: n
-  };
-}
-function It(t, e, n) {
-  let {
-    reference: o,
-    floating: i
-  } = t;
-  const s = F(e), r = bt(e), l = yt(r), c = V(e), p = s === "y", f = o.x + o.width / 2 - i.width / 2, a = o.y + o.height / 2 - i.height / 2, d = o[l] / 2 - i[l] / 2;
-  let u;
-  switch (c) {
-    case "top":
-      u = {
-        x: f,
-        y: o.y - i.height
-      };
-      break;
-    case "bottom":
-      u = {
-        x: f,
-        y: o.y + o.height
-      };
-      break;
-    case "right":
-      u = {
-        x: o.x + o.width,
-        y: a
-      };
-      break;
-    case "left":
-      u = {
-        x: o.x - i.width,
-        y: a
-      };
-      break;
-    default:
-      u = {
-        x: o.x,
-        y: o.y
-      };
-  }
-  switch (N(e)) {
-    case "start":
-      u[r] -= d * (n && p ? -1 : 1);
-      break;
-    case "end":
-      u[r] += d * (n && p ? -1 : 1);
-      break;
-  }
-  return u;
-}
-async function Be(t, e) {
-  var n;
-  e === void 0 && (e = {});
-  const {
-    x: o,
-    y: i,
-    platform: s,
-    rects: r,
-    elements: l,
-    strategy: c
-  } = t, {
-    boundary: p = "clippingAncestors",
-    rootBoundary: f = "viewport",
-    elementContext: a = "floating",
-    altBoundary: d = !1,
-    padding: u = 0
-  } = j(e, t), h = xt(u), m = l[d ? a === "floating" ? "reference" : "floating" : a], v = Q(await s.getClippingRect({
-    element: (n = await (s.isElement == null ? void 0 : s.isElement(m))) == null || n ? m : m.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
-    boundary: p,
-    rootBoundary: f,
-    strategy: c
-  })), y = a === "floating" ? {
-    x: o,
-    y: i,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), b = await (s.isElement == null ? void 0 : s.isElement(w)) ? await (s.getScale == null ? void 0 : s.getScale(w)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, C = Q(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: y,
-    offsetParent: w,
-    strategy: c
-  }) : y);
-  return {
-    top: (v.top - C.top + h.top) / b.y,
-    bottom: (C.bottom - v.bottom + h.bottom) / b.y,
-    left: (v.left - C.left + h.left) / b.x,
-    right: (C.right - v.right + h.right) / b.x
-  };
-}
-const Ve = 50, ze = async (t, e, n) => {
-  const {
-    placement: o = "bottom",
-    strategy: i = "absolute",
-    middleware: s = [],
-    platform: r
-  } = n, l = r.detectOverflow ? r : {
-    ...r,
-    detectOverflow: Be
-  }, c = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let p = await r.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: i
-  }), {
-    x: f,
-    y: a
-  } = It(p, o, c), d = o, u = 0;
-  const h = {};
-  for (let g = 0; g < s.length; g++) {
-    const m = s[g];
-    if (!m)
-      continue;
-    const {
-      name: v,
-      fn: y
-    } = m, {
-      x: w,
-      y: b,
-      data: C,
-      reset: O
-    } = await y({
-      x: f,
-      y: a,
-      initialPlacement: o,
-      placement: d,
-      strategy: i,
-      middlewareData: h,
-      rects: p,
-      platform: l,
-      elements: {
-        reference: t,
-        floating: e
-      }
-    });
-    f = w ?? f, a = b ?? a, h[v] = {
-      ...h[v],
-      ...C
-    }, O && u < Ve && (u++, typeof O == "object" && (O.placement && (d = O.placement), O.rects && (p = O.rects === !0 ? await r.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: i
-    }) : O.rects), {
-      x: f,
-      y: a
-    } = It(p, d, c)), g = -1);
-  }
-  return {
-    x: f,
-    y: a,
-    placement: d,
-    strategy: i,
-    middlewareData: h
-  };
-}, Ne = (t) => ({
-  name: "arrow",
-  options: t,
-  async fn(e) {
-    const {
-      x: n,
-      y: o,
-      placement: i,
-      rects: s,
-      platform: r,
-      elements: l,
-      middlewareData: c
-    } = e, {
-      element: p,
-      padding: f = 0
-    } = j(t, e) || {};
-    if (p == null)
-      return {};
-    const a = xt(f), d = {
-      x: n,
-      y: o
-    }, u = bt(i), h = yt(u), g = await r.getDimensions(p), m = u === "y", v = m ? "top" : "left", y = m ? "bottom" : "right", w = m ? "clientHeight" : "clientWidth", b = s.reference[h] + s.reference[u] - d[u] - s.floating[h], C = d[u] - s.reference[u], O = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(p));
-    let R = O ? O[w] : 0;
-    (!R || !await (r.isElement == null ? void 0 : r.isElement(O))) && (R = l.floating[w] || s.floating[h]);
-    const U = b / 2 - C / 2, I = R / 2 - g[h] / 2 - 1, x = K(a[v], I), S = K(a[y], I), L = x, H = R - g[h] - S, T = R / 2 - g[h] / 2 + U, z = gt(L, T, H), B = !c.arrow && N(i) != null && T !== z && s.reference[h] / 2 - (T < L ? x : S) - g[h] / 2 < 0, A = B ? T < L ? T - L : T - H : 0;
-    return {
-      [u]: d[u] + A,
-      data: {
-        [u]: z,
-        centerOffset: T - z - A,
-        ...B && {
-          alignmentOffset: A
-        }
-      },
-      reset: B
-    };
-  }
-});
-function _e(t, e, n) {
-  return (t ? [...n.filter((i) => N(i) === t), ...n.filter((i) => N(i) !== t)] : n.filter((i) => V(i) === i)).filter((i) => t ? N(i) === t || (e ? rt(i) !== i : !1) : !0);
-}
-const We = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "autoPlacement",
-    options: t,
-    async fn(e) {
-      var n, o, i;
-      const {
-        rects: s,
-        middlewareData: r,
-        placement: l,
-        platform: c,
-        elements: p
-      } = e, {
-        crossAxis: f = !1,
-        alignment: a,
-        allowedPlacements: d = Tt,
-        autoAlignment: u = !0,
-        ...h
-      } = j(t, e), g = a !== void 0 || d === Tt ? _e(a || null, u, d) : d, m = await c.detectOverflow(e, h), v = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, y = g[v];
-      if (y == null)
-        return {};
-      const w = Kt(y, s, await (c.isRTL == null ? void 0 : c.isRTL(p.floating)));
-      if (l !== y)
-        return {
-          reset: {
-            placement: g[0]
-          }
-        };
-      const b = [m[V(y)], m[w[0]], m[w[1]]], C = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
-        placement: y,
-        overflows: b
-      }], O = g[v + 1];
-      if (O)
-        return {
-          data: {
-            index: v + 1,
-            overflows: C
-          },
-          reset: {
-            placement: O
-          }
-        };
-      const R = C.map((x) => {
-        const S = N(x.placement);
-        return [x.placement, S && f ? (
-          // Check along the mainAxis and main crossAxis side.
-          x.overflows.slice(0, 2).reduce((L, H) => L + H, 0)
-        ) : (
-          // Check only the mainAxis.
-          x.overflows[0]
-        ), x.overflows];
-      }).sort((x, S) => x[1] - S[1]), I = ((i = R.filter((x) => x[2].slice(
-        0,
-        // Aligned placements should not check their opposite crossAxis
-        // side.
-        N(x[0]) ? 2 : 3
-      ).every((S) => S <= 0))[0]) == null ? void 0 : i[0]) || R[0][0];
-      return I !== l ? {
-        data: {
-          index: v + 1,
-          overflows: C
-        },
-        reset: {
-          placement: I
-        }
-      } : {};
-    }
-  };
-}, ke = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var n, o;
-      const {
-        placement: i,
-        middlewareData: s,
-        rects: r,
-        initialPlacement: l,
-        platform: c,
-        elements: p
-      } = e, {
-        mainAxis: f = !0,
-        crossAxis: a = !0,
-        fallbackPlacements: d,
-        fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: h = "none",
-        flipAlignment: g = !0,
-        ...m
-      } = j(t, e);
-      if ((n = s.arrow) != null && n.alignmentOffset)
-        return {};
-      const v = V(i), y = F(l), w = V(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(p.floating)), C = d || (w || !g ? [lt(l)] : De(l)), O = h !== "none";
-      !d && O && C.push(...Pe(l, g, h, b));
-      const R = [l, ...C], U = await c.detectOverflow(e, m), I = [];
-      let x = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (f && I.push(U[v]), a) {
-        const T = Kt(i, r, b);
-        I.push(U[T[0]], U[T[1]]);
-      }
-      if (x = [...x, {
-        placement: i,
-        overflows: I
-      }], !I.every((T) => T <= 0)) {
-        var S, L;
-        const T = (((S = s.flip) == null ? void 0 : S.index) || 0) + 1, z = R[T];
-        if (z && (!(a === "alignment" ? y !== F(z) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        x.every((M) => F(M.placement) === y ? M.overflows[0] > 0 : !0)))
-          return {
-            data: {
-              index: T,
-              overflows: x
-            },
-            reset: {
-              placement: z
-            }
-          };
-        let B = (L = x.filter((A) => A.overflows[0] <= 0).sort((A, M) => A.overflows[1] - M.overflows[1])[0]) == null ? void 0 : L.placement;
-        if (!B)
-          switch (u) {
-            case "bestFit": {
-              var H;
-              const A = (H = x.filter((M) => {
-                if (O) {
-                  const q = F(M.placement);
-                  return q === y || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  q === "y";
-                }
-                return !0;
-              }).map((M) => [M.placement, M.overflows.filter((q) => q > 0).reduce((q, we) => q + we, 0)]).sort((M, q) => M[1] - q[1])[0]) == null ? void 0 : H[0];
-              A && (B = A);
-              break;
-            }
-            case "initialPlacement":
-              B = l;
-              break;
-          }
-        if (i !== B)
-          return {
-            reset: {
-              placement: B
-            }
-          };
-      }
-      return {};
-    }
-  };
-};
-function Lt(t, e) {
-  return {
-    top: t.top - e.height,
-    right: t.right - e.width,
-    bottom: t.bottom - e.height,
-    left: t.left - e.width
-  };
-}
-function Dt(t) {
-  return Ft.some((e) => t[e] >= 0);
-}
-const Fe = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "hide",
-    options: t,
-    async fn(e) {
-      const {
-        rects: n,
-        platform: o
-      } = e, {
-        strategy: i = "referenceHidden",
-        ...s
-      } = j(t, e);
-      switch (i) {
-        case "referenceHidden": {
-          const r = await o.detectOverflow(e, {
-            ...s,
-            elementContext: "reference"
-          }), l = Lt(r, n.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: l,
-              referenceHidden: Dt(l)
-            }
-          };
-        }
-        case "escaped": {
-          const r = await o.detectOverflow(e, {
-            ...s,
-            altBoundary: !0
-          }), l = Lt(r, n.floating);
-          return {
-            data: {
-              escapedOffsets: l,
-              escaped: Dt(l)
-            }
-          };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-};
-function jt(t) {
-  const e = K(...t.map((s) => s.left)), n = K(...t.map((s) => s.top)), o = D(...t.map((s) => s.right)), i = D(...t.map((s) => s.bottom));
-  return {
-    x: e,
-    y: n,
-    width: o - e,
-    height: i - n
-  };
-}
-function $e(t) {
-  const e = t.slice().sort((i, s) => i.y - s.y), n = [];
-  let o = null;
-  for (let i = 0; i < e.length; i++) {
-    const s = e[i];
-    !o || s.y - o.y > o.height / 2 ? n.push([s]) : n[n.length - 1].push(s), o = s;
-  }
-  return n.map((i) => Q(jt(i)));
-}
-const Ke = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "inline",
-    options: t,
-    async fn(e) {
-      const {
-        placement: n,
-        elements: o,
-        rects: i,
-        platform: s,
-        strategy: r
-      } = e, {
-        padding: l = 2,
-        x: c,
-        y: p
-      } = j(t, e), f = Array.from(await (s.getClientRects == null ? void 0 : s.getClientRects(o.reference)) || []), a = $e(f), d = Q(jt(f)), u = xt(l);
-      function h() {
-        if (a.length === 2 && a[0].left > a[1].right && c != null && p != null)
-          return a.find((m) => c > m.left - u.left && c < m.right + u.right && p > m.top - u.top && p < m.bottom + u.bottom) || d;
-        if (a.length >= 2) {
-          if (F(n) === "y") {
-            const x = a[0], S = a[a.length - 1], L = V(n) === "top", H = x.top, T = S.bottom, z = L ? x.left : S.left, B = L ? x.right : S.right, A = B - z, M = T - H;
-            return {
-              top: H,
-              bottom: T,
-              left: z,
-              right: B,
-              width: A,
-              height: M,
-              x: z,
-              y: H
-            };
-          }
-          const m = V(n) === "left", v = D(...a.map((x) => x.right)), y = K(...a.map((x) => x.left)), w = a.filter((x) => m ? x.left === y : x.right === v), b = w[0].top, C = w[w.length - 1].bottom, O = y, R = v, U = R - O, I = C - b;
-          return {
-            top: b,
-            bottom: C,
-            left: O,
-            right: R,
-            width: U,
-            height: I,
-            x: O,
-            y: b
-          };
-        }
-        return d;
-      }
-      const g = await s.getElementRects({
-        reference: {
-          getBoundingClientRect: h
-        },
-        floating: o.floating,
-        strategy: r
-      });
-      return i.reference.x !== g.reference.x || i.reference.y !== g.reference.y || i.reference.width !== g.reference.width || i.reference.height !== g.reference.height ? {
-        reset: {
-          rects: g
-        }
-      } : {};
-    }
-  };
-}, je = /* @__PURE__ */ new Set(["left", "top"]);
-async function Ye(t, e) {
-  const {
-    placement: n,
-    platform: o,
-    elements: i
-  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = V(n), l = N(n), c = F(n) === "y", p = je.has(r) ? -1 : 1, f = s && c ? -1 : 1, a = j(e, t);
-  let {
-    mainAxis: d,
-    crossAxis: u,
-    alignmentAxis: h
-  } = typeof a == "number" ? {
-    mainAxis: a,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: a.mainAxis || 0,
-    crossAxis: a.crossAxis || 0,
-    alignmentAxis: a.alignmentAxis
-  };
-  return l && typeof h == "number" && (u = l === "end" ? h * -1 : h), c ? {
-    x: u * f,
-    y: d * p
-  } : {
-    x: d * p,
-    y: u * f
-  };
-}
-const Xe = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var n, o;
-      const {
-        x: i,
-        y: s,
-        placement: r,
-        middlewareData: l
-      } = e, c = await Ye(e, t);
-      return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
-        x: i + c.x,
-        y: s + c.y,
-        data: {
-          ...c,
-          placement: r
-        }
-      };
-    }
-  };
-}, qe = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: n,
-        y: o,
-        placement: i,
-        platform: s
-      } = e, {
-        mainAxis: r = !0,
-        crossAxis: l = !1,
-        limiter: c = {
-          fn: (v) => {
-            let {
-              x: y,
-              y: w
-            } = v;
-            return {
-              x: y,
-              y: w
-            };
-          }
-        },
-        ...p
-      } = j(t, e), f = {
-        x: n,
-        y: o
-      }, a = await s.detectOverflow(e, p), d = F(V(i)), u = $t(d);
-      let h = f[u], g = f[d];
-      if (r) {
-        const v = u === "y" ? "top" : "left", y = u === "y" ? "bottom" : "right", w = h + a[v], b = h - a[y];
-        h = gt(w, h, b);
-      }
-      if (l) {
-        const v = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", w = g + a[v], b = g - a[y];
-        g = gt(w, g, b);
-      }
-      const m = c.fn({
-        ...e,
-        [u]: h,
-        [d]: g
-      });
-      return {
-        ...m,
-        data: {
-          x: m.x - n,
-          y: m.y - o,
-          enabled: {
-            [u]: r,
-            [d]: l
-          }
-        }
-      };
-    }
-  };
-}, Ge = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "size",
-    options: t,
-    async fn(e) {
-      var n, o;
-      const {
-        placement: i,
-        rects: s,
-        platform: r,
-        elements: l
-      } = e, {
-        apply: c = () => {
-        },
-        ...p
-      } = j(t, e), f = await r.detectOverflow(e, p), a = V(i), d = N(i), u = F(i) === "y", {
-        width: h,
-        height: g
-      } = s.floating;
-      let m, v;
-      a === "top" || a === "bottom" ? (m = a, v = d === (await (r.isRTL == null ? void 0 : r.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (v = a, m = d === "end" ? "top" : "bottom");
-      const y = g - f.top - f.bottom, w = h - f.left - f.right, b = K(g - f[m], y), C = K(h - f[v], w), O = !e.middlewareData.shift;
-      let R = b, U = C;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (U = w), (o = e.middlewareData.shift) != null && o.enabled.y && (R = y), O && !d) {
-        const x = D(f.left, 0), S = D(f.right, 0), L = D(f.top, 0), H = D(f.bottom, 0);
-        u ? U = h - 2 * (x !== 0 || S !== 0 ? x + S : D(f.left, f.right)) : R = g - 2 * (L !== 0 || H !== 0 ? L + H : D(f.top, f.bottom));
-      }
-      await c({
-        ...e,
-        availableWidth: U,
-        availableHeight: R
-      });
-      const I = await r.getDimensions(l.floating);
-      return h !== I.width || g !== I.height ? {
-        reset: {
-          rects: !0
-        }
-      } : {};
-    }
-  };
-};
-function at() {
-  return typeof window < "u";
-}
-function et(t) {
-  return Yt(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function P(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function Y(t) {
-  var e;
-  return (e = (Yt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function Yt(t) {
-  return at() ? t instanceof Node || t instanceof P(t).Node : !1;
-}
-function _(t) {
-  return at() ? t instanceof Element || t instanceof P(t).Element : !1;
-}
-function X(t) {
-  return at() ? t instanceof HTMLElement || t instanceof P(t).HTMLElement : !1;
-}
-function Ht(t) {
-  return !at() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof P(t).ShadowRoot;
-}
-function ot(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: i
-  } = W(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && i !== "inline" && i !== "contents";
-}
-function Ze(t) {
-  return /^(table|td|th)$/.test(et(t));
-}
-function ct(t) {
-  try {
-    if (t.matches(":popover-open"))
-      return !0;
-  } catch {
-  }
-  try {
-    return t.matches(":modal");
-  } catch {
-    return !1;
-  }
-}
-const Je = /transform|translate|scale|rotate|perspective|filter/, Qe = /paint|layout|strict|content/, Z = (t) => !!t && t !== "none";
-let dt;
-function Ot(t) {
-  const e = _(t) ? W(t) : t;
-  return Z(e.transform) || Z(e.translate) || Z(e.scale) || Z(e.rotate) || Z(e.perspective) || !Ct() && (Z(e.backdropFilter) || Z(e.filter)) || Je.test(e.willChange || "") || Qe.test(e.contain || "");
-}
-function ti(t) {
-  let e = G(t);
-  for (; X(e) && !tt(e); ) {
-    if (Ot(e))
-      return e;
-    if (ct(e))
-      return null;
-    e = G(e);
-  }
-  return null;
-}
-function Ct() {
-  return dt == null && (dt = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), dt;
-}
-function tt(t) {
-  return /^(html|body|#document)$/.test(et(t));
-}
-function W(t) {
-  return P(t).getComputedStyle(t);
-}
-function ut(t) {
-  return _(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function G(t) {
-  if (et(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    Ht(t) && t.host || // Fallback.
-    Y(t)
-  );
-  return Ht(e) ? e.host : e;
-}
-function Xt(t) {
-  const e = G(t);
-  return tt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : X(e) && ot(e) ? e : Xt(e);
-}
-function qt(t, e, n) {
-  var o;
-  e === void 0 && (e = []);
-  const i = Xt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = P(i);
-  return s ? (mt(r), e.concat(r, r.visualViewport || [], ot(i) ? i : [], [])) : e.concat(i, qt(i, []));
-}
-function mt(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
-function Gt(t) {
-  const e = W(t);
-  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const i = X(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = st(n) !== s || st(o) !== r;
-  return l && (n = s, o = r), {
-    width: n,
-    height: o,
-    $: l
-  };
-}
-function Zt(t) {
-  return _(t) ? t : t.contextElement;
-}
-function J(t) {
-  const e = Zt(t);
-  if (!X(e))
-    return $(1);
-  const n = e.getBoundingClientRect(), {
-    width: o,
-    height: i,
-    $: s
-  } = Gt(e);
-  let r = (s ? st(n.width) : n.width) / o, l = (s ? st(n.height) : n.height) / i;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
-    x: r,
-    y: l
-  };
-}
-const ei = /* @__PURE__ */ $(0);
-function Jt(t) {
-  const e = P(t);
-  return !Ct() || !e.visualViewport ? ei : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function ii(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== P(t) ? !1 : e;
-}
-function nt(t, e, n, o) {
-  e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const i = t.getBoundingClientRect(), s = Zt(t);
-  let r = $(1);
-  e && (o ? _(o) && (r = J(o)) : r = J(t));
-  const l = ii(s, n, o) ? Jt(s) : $(0);
-  let c = (i.left + l.x) / r.x, p = (i.top + l.y) / r.y, f = i.width / r.x, a = i.height / r.y;
-  if (s) {
-    const d = P(s), u = o && _(o) ? P(o) : o;
-    let h = d, g = mt(h);
-    for (; g && o && u !== h; ) {
-      const m = J(g), v = g.getBoundingClientRect(), y = W(g), w = v.left + (g.clientLeft + parseFloat(y.paddingLeft)) * m.x, b = v.top + (g.clientTop + parseFloat(y.paddingTop)) * m.y;
-      c *= m.x, p *= m.y, f *= m.x, a *= m.y, c += w, p += b, h = P(g), g = mt(h);
-    }
-  }
-  return Q({
-    width: f,
-    height: a,
-    x: c,
-    y: p
-  });
-}
-function ft(t, e) {
-  const n = ut(t).scrollLeft;
-  return e ? e.left + n : nt(Y(t)).left + n;
-}
-function Qt(t, e) {
-  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - ft(t, n), i = n.top + e.scrollTop;
-  return {
-    x: o,
-    y: i
-  };
-}
-function ni(t) {
-  let {
-    elements: e,
-    rect: n,
-    offsetParent: o,
-    strategy: i
-  } = t;
-  const s = i === "fixed", r = Y(o), l = e ? ct(e.floating) : !1;
-  if (o === r || l && s)
-    return n;
-  let c = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, p = $(1);
-  const f = $(0), a = X(o);
-  if ((a || !a && !s) && ((et(o) !== "body" || ot(r)) && (c = ut(o)), a)) {
-    const u = nt(o);
-    p = J(o), f.x = u.x + o.clientLeft, f.y = u.y + o.clientTop;
-  }
-  const d = r && !a && !s ? Qt(r, c) : $(0);
-  return {
-    width: n.width * p.x,
-    height: n.height * p.y,
-    x: n.x * p.x - c.scrollLeft * p.x + f.x + d.x,
-    y: n.y * p.y - c.scrollTop * p.y + f.y + d.y
-  };
-}
-function oi(t) {
-  return Array.from(t.getClientRects());
-}
-function si(t) {
-  const e = Y(t), n = ut(t), o = t.ownerDocument.body, i = D(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = D(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
-  let r = -n.scrollLeft + ft(t);
-  const l = -n.scrollTop;
-  return W(o).direction === "rtl" && (r += D(e.clientWidth, o.clientWidth) - i), {
-    width: i,
-    height: s,
-    x: r,
-    y: l
-  };
-}
-const At = 25;
-function ri(t, e) {
-  const n = P(t), o = Y(t), i = n.visualViewport;
-  let s = o.clientWidth, r = o.clientHeight, l = 0, c = 0;
-  if (i) {
-    s = i.width, r = i.height;
-    const f = Ct();
-    (!f || f && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
-  }
-  const p = ft(o);
-  if (p <= 0) {
-    const f = o.ownerDocument, a = f.body, d = getComputedStyle(a), u = f.compatMode === "CSS1Compat" && parseFloat(d.marginLeft) + parseFloat(d.marginRight) || 0, h = Math.abs(o.clientWidth - a.clientWidth - u);
-    h <= At && (s -= h);
-  } else p <= At && (s += p);
-  return {
-    width: s,
-    height: r,
-    x: l,
-    y: c
-  };
-}
-function li(t, e) {
-  const n = nt(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = X(t) ? J(t) : $(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, p = o * s.y;
-  return {
-    width: r,
-    height: l,
-    x: c,
-    y: p
-  };
-}
-function Mt(t, e, n) {
-  let o;
-  if (e === "viewport")
-    o = ri(t, n);
-  else if (e === "document")
-    o = si(Y(t));
-  else if (_(e))
-    o = li(e, n);
-  else {
-    const i = Jt(t);
-    o = {
-      x: e.x - i.x,
-      y: e.y - i.y,
-      width: e.width,
-      height: e.height
-    };
-  }
-  return Q(o);
-}
-function te(t, e) {
-  const n = G(t);
-  return n === e || !_(n) || tt(n) ? !1 : W(n).position === "fixed" || te(n, e);
-}
-function ai(t, e) {
-  const n = e.get(t);
-  if (n)
-    return n;
-  let o = qt(t, []).filter((l) => _(l) && et(l) !== "body"), i = null;
-  const s = W(t).position === "fixed";
-  let r = s ? G(t) : t;
-  for (; _(r) && !tt(r); ) {
-    const l = W(r), c = Ot(r);
-    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && (i.position === "absolute" || i.position === "fixed") || ot(r) && !c && te(t, r)) ? o = o.filter((f) => f !== r) : i = l, r = G(r);
-  }
-  return e.set(t, o), o;
-}
-function ci(t) {
-  let {
-    element: e,
-    boundary: n,
-    rootBoundary: o,
-    strategy: i
-  } = t;
-  const r = [...n === "clippingAncestors" ? ct(e) ? [] : ai(e, this._c) : [].concat(n), o], l = Mt(e, r[0], i);
-  let c = l.top, p = l.right, f = l.bottom, a = l.left;
-  for (let d = 1; d < r.length; d++) {
-    const u = Mt(e, r[d], i);
-    c = D(u.top, c), p = K(u.right, p), f = K(u.bottom, f), a = D(u.left, a);
-  }
-  return {
-    width: p - a,
-    height: f - c,
-    x: a,
-    y: c
-  };
-}
-function ui(t) {
-  const {
-    width: e,
-    height: n
-  } = Gt(t);
-  return {
-    width: e,
-    height: n
-  };
-}
-function fi(t, e, n) {
-  const o = X(e), i = Y(e), s = n === "fixed", r = nt(t, !0, s, e);
-  let l = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const c = $(0);
-  function p() {
-    c.x = ft(i);
-  }
-  if (o || !o && !s)
-    if ((et(e) !== "body" || ot(i)) && (l = ut(e)), o) {
-      const u = nt(e, !0, s, e);
-      c.x = u.x + e.clientLeft, c.y = u.y + e.clientTop;
-    } else i && p();
-  s && !o && i && p();
-  const f = i && !o && !s ? Qt(i, l) : $(0), a = r.left + l.scrollLeft - c.x - f.x, d = r.top + l.scrollTop - c.y - f.y;
-  return {
-    x: a,
-    y: d,
-    width: r.width,
-    height: r.height
-  };
-}
-function ht(t) {
-  return W(t).position === "static";
-}
-function Pt(t, e) {
-  if (!X(t) || W(t).position === "fixed")
-    return null;
-  if (e)
-    return e(t);
-  let n = t.offsetParent;
-  return Y(t) === n && (n = n.ownerDocument.body), n;
-}
-function ee(t, e) {
-  const n = P(t);
-  if (ct(t))
-    return n;
-  if (!X(t)) {
-    let i = G(t);
-    for (; i && !tt(i); ) {
-      if (_(i) && !ht(i))
-        return i;
-      i = G(i);
-    }
-    return n;
-  }
-  let o = Pt(t, e);
-  for (; o && Ze(o) && ht(o); )
-    o = Pt(o, e);
-  return o && tt(o) && ht(o) && !Ot(o) ? n : o || ti(t) || n;
-}
-const di = async function(t) {
-  const e = this.getOffsetParent || ee, n = this.getDimensions, o = await n(t.floating);
-  return {
-    reference: fi(t.reference, await e(t.floating), t.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: o.width,
-      height: o.height
-    }
-  };
-};
-function hi(t) {
-  return W(t).direction === "rtl";
-}
-const pi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ni,
-  getDocumentElement: Y,
-  getClippingRect: ci,
-  getOffsetParent: ee,
-  getElementRects: di,
-  getClientRects: oi,
-  getDimensions: ui,
-  getScale: J,
-  isElement: _,
-  isRTL: hi
-}, ie = Xe, ne = We, oe = qe, se = ke, re = Ge, le = Fe, ae = Ne, ce = Ke, ue = (t, e, n) => {
-  const o = /* @__PURE__ */ new Map(), i = {
-    platform: pi,
-    ...n
-  }, s = {
-    ...i.platform,
-    _c: o
-  };
-  return ze(t, e, {
-    ...i,
-    platform: s
-  });
-};
-function gi(t, e) {
-  const n = Math.min(t.top, e.top), o = Math.max(t.bottom, e.bottom), i = Math.min(t.left, e.left), r = Math.max(t.right, e.right) - i, l = o - n, c = i, p = n;
-  return new DOMRect(c, p, r, l);
-}
-var mi = class {
+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: o = "bubbleMenu",
+    pluginKey: s = "bubbleMenu",
     updateDelay: i = 250,
-    resizeDelay: s = 60,
-    shouldShow: r,
-    appendTo: l,
-    getReferencedVirtualElement: c,
-    options: p
+    resizeDelay: l = 60,
+    shouldShow: o,
+    appendTo: a,
+    getReferencedVirtualElement: u,
+    options: f
   }) {
     this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.floatingUIOptions = {
       strategy: "absolute",
@@ -1182,9 +39,14 @@ var mi = class {
       onHide: void 0,
       onUpdate: void 0,
       onDestroy: void 0
-    }, this.shouldShow = ({ view: a, state: d, from: u, to: h }) => {
-      const { doc: g, selection: m } = d, { empty: v } = m, y = !g.textBetween(u, h).length && xe(d.selection), w = this.element.contains(document.activeElement);
-      return !(!(a.hasFocus() || w) || v || y || !this.editor.isEditable);
+    }, 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 = () => {
@@ -1195,7 +57,7 @@ var mi = class {
       }, this.resizeDelay);
     }, this.focusHandler = () => {
       setTimeout(() => this.update(this.editor.view));
-    }, this.blurHandler = ({ event: a }) => {
+    }, this.blurHandler = ({ event: r }) => {
       var d;
       if (this.editor.isDestroyed) {
         this.destroy();
@@ -1205,119 +67,137 @@ var mi = class {
         this.preventHide = !1;
         return;
       }
-      a?.relatedTarget && ((d = this.element.parentNode) != null && d.contains(a.relatedTarget)) || a?.relatedTarget !== this.editor.view.dom && this.hide();
-    }, this.handleDebouncedUpdate = (a, d) => {
-      const u = !d?.selection.eq(a.state.selection), h = !d?.doc.eq(a.state.doc);
-      !u && !h || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
-        this.updateHandler(a, u, h, d);
+      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 = (a, d, u, h) => {
-      const { composing: g } = a;
-      if (g || !d && !u)
+    }, this.updateHandler = (r, d, h, p) => {
+      const { composing: m } = r;
+      if (m || !d && !h)
         return;
-      if (!this.getShouldShow(h)) {
+      if (!this.getShouldShow(p)) {
         this.hide();
         return;
       }
       this.show(), this.updatePosition();
-    }, this.transactionHandler = ({ transaction: a }) => {
-      const d = a.getMeta(this.pluginKey);
+    }, 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 f;
-    this.editor = t, this.element = e, this.view = n, this.pluginKey = o, this.updateDelay = i, this.resizeDelay = s, this.appendTo = l, this.scrollTarget = (f = p?.scrollTarget) != null ? f : window, this.getReferencedVirtualElement = c, this.floatingUIOptions = {
+    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,
-      ...p
-    }, this.element.tabIndex = 0, r && (this.shouldShow = r), 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());
+      ...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(se(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
-      oe(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
+    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(
-      ie(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(ae(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(re(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      ne(
+      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(le(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      ce(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : 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: o } = this.editor.state, i = (t = this.getReferencedVirtualElement) == null ? void 0 : t.call(this);
+    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 s = zt(this.view, o.from, o.to);
-    let r = {
-      getBoundingClientRect: () => s,
-      getClientRects: () => [s]
+    const l = L(this.view, s.from, s.to);
+    let o = {
+      getBoundingClientRect: () => l,
+      getClientRects: () => [l]
     };
-    if (o instanceof Oe) {
-      let l = this.view.nodeDOM(o.from);
-      const c = l.dataset.nodeViewWrapper ? l : l.querySelector("[data-node-view-wrapper]");
-      c && (l = c), l && (r = {
-        getBoundingClientRect: () => l.getBoundingClientRect(),
-        getClientRects: () => [l.getBoundingClientRect()]
+    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 (o instanceof Te) {
-      const { $anchorCell: l, $headCell: c } = o, p = l ? l.pos : c.pos, f = c ? c.pos : l.pos, a = this.view.nodeDOM(p), d = this.view.nodeDOM(f);
-      if (!a || !d)
+    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 u = a === d ? a.getBoundingClientRect() : gi(
-        a.getBoundingClientRect(),
+      const h = r === d ? r.getBoundingClientRect() : ut(
+        r.getBoundingClientRect(),
         d.getBoundingClientRect()
       );
-      r = {
-        getBoundingClientRect: () => u,
-        getClientRects: () => [u]
+      o = {
+        getBoundingClientRect: () => h,
+        getClientRects: () => [h]
       };
     }
-    return r;
+    return o;
   }
   updatePosition() {
     if (!this.isVisible)
       return;
     const t = this.virtualElement;
-    t && ue(t, this.element, {
+    t && N(t, this.element, {
       placement: this.floatingUIOptions.placement,
       strategy: this.floatingUIOptions.strategy,
       middleware: this.middlewares
-    }).then(({ x: e, y: n, strategy: o, middlewareData: i }) => {
-      var s, r;
+    }).then(({ x: e, y: n, strategy: s, middlewareData: i }) => {
+      var l, o;
       if (!(!this.isVisible || this.editor.isDestroyed || !this.element.isConnected)) {
-        if ((s = i.hide) != null && s.referenceHidden || (r = i.hide) != null && r.escaped) {
+        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 = o, this.element.style.left = `${e}px`, this.element.style.top = `${n}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+        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, o = n.selection.from !== n.selection.to;
-    if (this.updateDelay > 0 && o) {
+    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), s = !e?.doc.eq(t.state.doc);
-    this.updateHandler(t, i, s, e);
+    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: o } = n, { ranges: i } = o, s = Math.min(...i.map((c) => c.$from.pos)), r = Math.max(...i.map((c) => c.$to.pos));
+    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: s,
-      to: r
+      from: l,
+      to: o
     })) || !1;
   }
   show() {
@@ -1344,11 +224,11 @@ var mi = class {
   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();
   }
-}, fe = (t) => new Vt({
-  key: typeof t.pluginKey == "string" ? new vt(t.pluginKey) : t.pluginKey,
-  view: (e) => new mi({ view: e, ...t })
+}, F = (t) => new D({
+  key: typeof t.pluginKey == "string" ? new S(t.pluginKey) : t.pluginKey,
+  view: (e) => new dt({ view: e, ...t })
 });
-Nt.create({
+z.create({
   name: "bubbleMenu",
   addOptions() {
     return {
@@ -1361,7 +241,7 @@ Nt.create({
   },
   addProseMirrorPlugins() {
     return this.options.element ? [
-      fe({
+      F({
         pluginKey: this.options.pluginKey,
         editor: this.editor,
         element: this.options.element,
@@ -1374,21 +254,21 @@ Nt.create({
     ] : [];
   }
 });
-var wi = class {
+var ht = class {
   constructor({
     editor: t,
     element: e,
     view: n,
-    pluginKey: o = "floatingMenu",
+    pluginKey: s = "floatingMenu",
     updateDelay: i = 250,
-    resizeDelay: s = 60,
-    options: r,
-    appendTo: l,
-    shouldShow: c
+    resizeDelay: l = 60,
+    options: o,
+    appendTo: a,
+    shouldShow: u
   }) {
-    this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.shouldShow = ({ view: f, state: a }) => {
-      const { selection: d } = a, { $anchor: u, empty: h } = d, g = u.depth === 1, m = u.parent.isTextblock && !u.parent.type.spec.code && !u.parent.textContent && u.parent.childCount === 0 && !this.getTextContent(u.parent);
-      return !(!f.hasFocus() || !h || !g || !m || !this.editor.isEditable);
+    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",
@@ -1400,11 +280,11 @@ var wi = class {
       autoPlacement: !1,
       hide: !1,
       inline: !1
-    }, this.updateHandler = (f, a, d, u) => {
-      const { composing: h } = f;
-      if (h || !a && !d)
+    }, this.updateHandler = (c, r, d, h) => {
+      const { composing: p } = c;
+      if (p || !r && !d)
         return;
-      if (!this.getShouldShow(u)) {
+      if (!this.getShouldShow(h)) {
         this.hide();
         return;
       }
@@ -1413,54 +293,72 @@ var wi = class {
       this.preventHide = !0;
     }, this.focusHandler = () => {
       setTimeout(() => this.update(this.editor.view));
-    }, this.blurHandler = ({ event: f }) => {
-      var a;
+    }, this.blurHandler = ({ event: c }) => {
+      var r;
       if (this.preventHide) {
         this.preventHide = !1;
         return;
       }
-      f?.relatedTarget && ((a = this.element.parentNode) != null && a.contains(f.relatedTarget)) || f?.relatedTarget !== this.editor.view.dom && this.hide();
-    }, this.transactionHandler = ({ transaction: f }) => {
-      const a = f.getMeta(this.pluginKey);
-      a === "updatePosition" ? this.updatePosition() : a && typeof a == "object" && a.type === "updateOptions" ? this.updateOptions(a.options) : a === "hide" ? this.hide() : a === "show" && (this.updatePosition(), this.show());
+      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 p;
-    this.editor = t, this.element = e, this.view = n, this.pluginKey = o, this.updateDelay = i, this.resizeDelay = s, this.appendTo = l, this.scrollTarget = (p = r?.scrollTarget) != null ? p : window, this.floatingUIOptions = {
+    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,
-      ...r
-    }, this.element.tabIndex = 0, c && (this.shouldShow = c), 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());
+      ...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 Ce(t, { textSerializers: Se(this.editor.schema) });
+    return nt(t, { textSerializers: st(this.editor.schema) });
   }
   get middlewares() {
     const t = [];
-    return this.floatingUIOptions.flip && t.push(se(typeof this.floatingUIOptions.flip != "boolean" ? this.floatingUIOptions.flip : void 0)), this.floatingUIOptions.shift && t.push(
-      oe(typeof this.floatingUIOptions.shift != "boolean" ? this.floatingUIOptions.shift : void 0)
+    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(
-      ie(typeof this.floatingUIOptions.offset != "boolean" ? this.floatingUIOptions.offset : void 0)
-    ), this.floatingUIOptions.arrow && t.push(ae(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && t.push(re(typeof this.floatingUIOptions.size != "boolean" ? this.floatingUIOptions.size : void 0)), this.floatingUIOptions.autoPlacement && t.push(
-      ne(
+      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(le(typeof this.floatingUIOptions.hide != "boolean" ? this.floatingUIOptions.hide : void 0)), this.floatingUIOptions.inline && t.push(
-      ce(typeof this.floatingUIOptions.inline != "boolean" ? this.floatingUIOptions.inline : 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: o } = n, { ranges: i } = o, s = Math.min(...i.map((c) => c.$from.pos)), r = Math.max(...i.map((c) => c.$to.pos));
+    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: s,
-      to: r
+      from: l,
+      to: o
     });
   }
   updateOptions(t) {
@@ -1474,26 +372,29 @@ var wi = class {
     }
   }
   updatePosition() {
-    const { selection: t } = this.editor.state, e = zt(this.view, t.from, t.to);
-    ue({
-      getBoundingClientRect: () => e,
-      getClientRects: () => [e]
+    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: o, y: i, strategy: s, middlewareData: r }) => {
-      var l, c;
-      if ((l = r.hide) != null && l.referenceHidden || (c = r.hide) != null && c.escaped) {
+    }).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 = s, this.element.style.left = `${o}px`, this.element.style.top = `${i}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+      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), o = !e?.doc.eq(t.state.doc);
-    this.updateHandler(t, n, o, 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;
@@ -1509,11 +410,11 @@ var wi = class {
   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();
   }
-}, de = (t) => new Vt({
-  key: typeof t.pluginKey == "string" ? new vt(t.pluginKey) : t.pluginKey,
-  view: (e) => new wi({ view: e, ...t })
+}, $ = (t) => new D({
+  key: typeof t.pluginKey == "string" ? new S(t.pluginKey) : t.pluginKey,
+  view: (e) => new ht({ view: e, ...t })
 });
-Nt.create({
+z.create({
   name: "floatingMenu",
   addOptions() {
     return {
@@ -1533,7 +434,7 @@ Nt.create({
   },
   addProseMirrorPlugins() {
     return this.options.element ? [
-      de({
+      $({
         pluginKey: this.options.pluginKey,
         editor: this.editor,
         element: this.options.element,
@@ -1546,10 +447,17 @@ Nt.create({
     ] : [];
   }
 });
-function he(t, e) {
-  return t ?? new vt(e);
+function q(t, e) {
+  return t ?? new S(e);
 }
-var vi = typeof window < "u" ? Ee : it, pe = /* @__PURE__ */ new Set(["left", "opacity", "position", "top", "visibility", "width"]), yi = /* @__PURE__ */ new Set([
+var ct = typeof window < "u" ? rt : E, Y = /* @__PURE__ */ new Set([
+  "left",
+  "opacity",
+  "position",
+  "top",
+  "visibility",
+  "width"
+]), pt = /* @__PURE__ */ new Set([
   "animationIterationCount",
   "aspectRatio",
   "borderImageOutset",
@@ -1585,7 +493,7 @@ var vi = typeof window < "u" ? Ee : it, pe = /* @__PURE__ */ new Set(["left", "o
   "widows",
   "zIndex",
   "zoom"
-]), bi = /* @__PURE__ */ new Set(["children", "className", "style"]), xi = /* @__PURE__ */ new Set(["tabIndex"]), Oi = /* @__PURE__ */ new Set([
+]), ft = /* @__PURE__ */ new Set(["children", "className", "style"]), gt = /* @__PURE__ */ new Set(["tabIndex"]), mt = /* @__PURE__ */ new Set([
   "accessKey",
   "autoCapitalize",
   "contentEditable",
@@ -1603,35 +511,35 @@ var vi = typeof window < "u" ? Ee : it, pe = /* @__PURE__ */ new Set(["left", "o
   "tabIndex",
   "title",
   "translate"
-]), Ci = {
+]), vt = {
   Blur: "focusout",
   DoubleClick: "dblclick",
   Focus: "focusin",
   MouseEnter: "mouseenter",
   MouseLeave: "mouseleave"
 };
-function wt(t, e) {
+function U(t, e) {
   return /^on[A-Z]/.test(t) && typeof e == "function";
 }
-function Si(t) {
+function bt(t) {
   return t.startsWith("aria-") || t.startsWith("data-"), t;
 }
-function Ti(t) {
-  return t.startsWith("aria-") || t.startsWith("data-") || Oi.has(t);
+function wt(t) {
+  return t.startsWith("aria-") || t.startsWith("data-") || mt.has(t);
 }
-function ge(t) {
+function G(t) {
   return t.startsWith("--") ? t : t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-function Ei(t) {
+function yt(t) {
   var e;
   const n = t.endsWith("Capture"), i = (n ? t.slice(0, -7) : t).slice(2);
   return {
-    eventName: (e = Ci[i]) != null ? e : i.toLowerCase(),
+    eventName: (e = vt[i]) != null ? e : i.toLowerCase(),
     options: n ? { capture: !0 } : void 0
   };
 }
-function Ri(t, e) {
-  let n = e.defaultPrevented, o = !1;
+function Ot(t, e) {
+  let n = e.defaultPrevented, s = !1;
   const i = Object.create(e);
   return Object.defineProperties(i, {
     nativeEvent: { value: e },
@@ -1640,7 +548,7 @@ function Ri(t, e) {
     persist: { value: () => {
     } },
     isDefaultPrevented: { value: () => n },
-    isPropagationStopped: { value: () => o },
+    isPropagationStopped: { value: () => s },
     preventDefault: {
       value: () => {
         n = !0, e.preventDefault();
@@ -1648,22 +556,22 @@ function Ri(t, e) {
     },
     stopPropagation: {
       value: () => {
-        o = !0, e.stopPropagation();
+        s = !0, e.stopPropagation();
       }
     }
   }), i;
 }
-function pt(t) {
-  return xi.has(t);
+function H(t) {
+  return gt.has(t);
 }
-function Ut(t, e, n) {
+function C(t, e, n) {
   if (e === "tabIndex") {
     t.tabIndex = Number(n);
     return;
   }
   t[e] = n;
 }
-function Ii(t, e) {
+function It(t, e) {
   if (e === "tabIndex") {
     t.removeAttribute("tabindex");
     return;
@@ -1679,39 +587,39 @@ function Ii(t, e) {
   }
   t[e] = "";
 }
-function Li(t, e) {
-  return typeof e != "number" || e === 0 || t.startsWith("--") || yi.has(t) ? String(e) : `${e}px`;
+function Et(t, e) {
+  return typeof e != "number" || e === 0 || t.startsWith("--") || pt.has(t) ? String(e) : `${e}px`;
 }
-function Di(t, e) {
-  pe.has(e) || t.style.removeProperty(ge(e));
+function Tt(t, e) {
+  Y.has(e) || t.style.removeProperty(G(e));
 }
-function Hi(t, e, n) {
-  pe.has(e) || t.style.setProperty(ge(e), Li(e, n));
+function Ht(t, e, n) {
+  Y.has(e) || t.style.setProperty(G(e), Et(e, n));
 }
-function Ai(t, e, n) {
+function Ut(t, e, n) {
   (/* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(n)])).forEach((i) => {
-    if (bi.has(i) || !Ti(i) || wt(i, e[i]) || wt(i, n[i]))
+    if (ft.has(i) || !wt(i) || U(i, e[i]) || U(i, n[i]))
       return;
-    const s = e[i], r = n[i];
-    if (s === r)
+    const l = e[i], o = n[i];
+    if (l === o)
       return;
-    const l = Si(i);
-    if (r == null || r === !1) {
-      pt(i) && Ii(t, i), t.removeAttribute(l);
+    const a = bt(i);
+    if (o == null || o === !1) {
+      H(i) && It(t, i), t.removeAttribute(a);
       return;
     }
-    if (r === !0) {
-      pt(i) && Ut(t, i, !0), t.setAttribute(l, "");
+    if (o === !0) {
+      H(i) && C(t, i, !0), t.setAttribute(a, "");
       return;
     }
-    if (pt(i)) {
-      Ut(t, i, r);
+    if (H(i)) {
+      C(t, i, o);
       return;
     }
-    t.setAttribute(l, String(r));
+    t.setAttribute(a, String(o));
   });
 }
-function Mi(t, e, n) {
+function St(t, e, n) {
   if (e !== n) {
     if (n) {
       t.className = n;
@@ -1720,172 +628,197 @@ function Mi(t, e, n) {
     t.removeAttribute("class");
   }
 }
-function Pi(t, e, n) {
-  const o = e ?? {}, i = n ?? {};
-  (/* @__PURE__ */ new Set([...Object.keys(o), ...Object.keys(i)])).forEach((r) => {
-    const l = o[r], c = i[r];
-    if (l !== c) {
-      if (c == null) {
-        Di(t, r);
+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;
       }
-      Hi(t, r, c);
+      Ht(t, o, u);
     }
   });
 }
-function Ui(t, e, n) {
-  e.forEach(({ eventName: i, listener: s, options: r }) => {
-    t.removeEventListener(i, s, r);
+function Mt(t, e, n) {
+  e.forEach(({ eventName: i, listener: l, options: o }) => {
+    t.removeEventListener(i, l, o);
   });
-  const o = [];
-  return Object.entries(n).forEach(([i, s]) => {
-    if (!wt(i, s))
+  const s = [];
+  return Object.entries(n).forEach(([i, l]) => {
+    if (!U(i, l))
       return;
-    const { eventName: r, options: l } = Ei(i), c = (p) => {
-      s(Ri(t, p));
+    const { eventName: o, options: a } = yt(i), u = (f) => {
+      l(Ot(t, f));
     };
-    t.addEventListener(r, c, l), o.push({ eventName: r, listener: c, options: l });
-  }), o;
+    t.addEventListener(o, u, a), s.push({ eventName: o, listener: u, options: a });
+  }), s;
 }
-function me(t, e) {
-  const n = k({}), o = k([]);
-  vi(() => {
+function Z(t, e) {
+  const n = w({}), s = w([]);
+  ct(() => {
     const i = n.current;
-    return Mi(t, i.className, e.className), Pi(t, i.style, e.style), Ai(t, i, e), o.current = Ui(t, o.current, e), n.current = e, () => {
-      o.current.forEach(({ eventName: s, listener: r, options: l }) => {
-        t.removeEventListener(s, r, l);
-      }), o.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 Bi = _t.forwardRef(
+var Dt = W.forwardRef(
   ({
     pluginKey: t,
     editor: e,
     updateDelay: n,
-    resizeDelay: o,
+    resizeDelay: s,
     appendTo: i,
-    shouldShow: s = null,
-    getReferencedVirtualElement: r,
-    options: l,
-    children: c,
-    ...p
-  }, f) => {
-    const a = k(document.createElement("div")), d = k(he(t, "bubbleMenu")).current;
-    me(a.current, p), typeof f == "function" ? f(a.current) : f && (f.current = a.current);
-    const { editor: u } = Bt(), h = e || u, g = {
+    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: o,
+      resizeDelay: s,
       appendTo: i,
       pluginKey: d,
-      shouldShow: s,
-      getReferencedVirtualElement: r,
-      options: l
-    }, m = k(g);
-    m.current = g;
-    const [v, y] = Wt(!1), w = k(!0);
-    return it(() => {
-      if (h?.isDestroyed)
+      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 (!h) {
-        console.warn("BubbleMenu component is not rendered inside of an editor component or does not have editor prop.");
+      if (!p) {
+        console.warn(
+          "BubbleMenu component is not rendered inside of an editor component or does not have editor prop."
+        );
         return;
       }
-      const b = a.current;
-      b.style.visibility = "hidden", b.style.position = "absolute";
-      const C = fe({
-        ...m.current,
-        editor: h,
-        element: b
+      const y = r.current;
+      y.style.visibility = "hidden", y.style.position = "absolute";
+      const T = F({
+        ...v.current,
+        editor: p,
+        element: y
       });
-      h.registerPlugin(C);
-      const O = m.current.pluginKey;
-      return w.current = !0, y(!0), () => {
-        y(!1), h.unregisterPlugin(O), window.requestAnimationFrame(() => {
-          b.parentNode && b.parentNode.removeChild(b);
+      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);
         });
       };
-    }, [h]), it(() => {
-      if (!(!v || !h || h.isDestroyed)) {
-        if (w.current) {
-          w.current = !1;
+    }, [p]), E(() => {
+      if (!(!O || !p || p.isDestroyed)) {
+        if (b.current) {
+          b.current = !1;
           return;
         }
-        h.view.dispatch(
-          h.state.tr.setMeta(d, {
+        p.view.dispatch(
+          p.state.tr.setMeta(d, {
             type: "updateOptions",
-            options: m.current
+            options: v.current
           })
         );
       }
     }, [
-      v,
-      h,
+      O,
+      p,
       n,
-      o,
       s,
       l,
+      a,
       i,
-      r,
+      o,
       d
-    ]), kt(c, a.current);
+    ]), j(u, r.current);
   }
 );
-_t.forwardRef(
-  ({ pluginKey: t, editor: e, updateDelay: n, resizeDelay: o, appendTo: i, shouldShow: s = null, options: r, children: l, ...c }, p) => {
-    const f = k(document.createElement("div")), a = k(he(t, "floatingMenu")).current;
-    me(f.current, c), typeof p == "function" ? p(f.current) : p && (p.current = f.current);
-    const { editor: d } = Bt(), u = e || d, h = {
+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: o,
+      resizeDelay: s,
       appendTo: i,
-      pluginKey: a,
-      shouldShow: s,
-      options: r
-    }, g = k(h);
-    g.current = h;
-    const [m, v] = Wt(!1), y = k(!0);
-    return it(() => {
-      if (u?.isDestroyed)
+      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 (!u) {
+      if (!h) {
         console.warn(
           "FloatingMenu component is not rendered inside of an editor component or does not have editor prop."
         );
         return;
       }
-      const w = f.current;
-      w.style.visibility = "hidden", w.style.position = "absolute";
-      const b = de({
-        ...g.current,
-        editor: u,
-        element: w
+      const b = c.current;
+      b.style.visibility = "hidden", b.style.position = "absolute";
+      const y = $({
+        ...m.current,
+        editor: h,
+        element: b
       });
-      u.registerPlugin(b);
-      const C = g.current.pluginKey;
-      return y.current = !0, v(!0), () => {
-        v(!1), u.unregisterPlugin(C), window.requestAnimationFrame(() => {
-          w.parentNode && w.parentNode.removeChild(w);
+      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);
         });
       };
-    }, [u]), it(() => {
-      if (!(!m || !u || u.isDestroyed)) {
-        if (y.current) {
-          y.current = !1;
+    }, [h]), E(() => {
+      if (!(!v || !h || h.isDestroyed)) {
+        if (I.current) {
+          I.current = !1;
           return;
         }
-        u.view.dispatch(
-          u.state.tr.setMeta(a, {
+        h.view.dispatch(
+          h.state.tr.setMeta(r, {
             type: "updateOptions",
-            options: g.current
+            options: m.current
           })
         );
       }
-    }, [m, u, n, o, s, r, i, a]), kt(l, f.current);
+    }, [
+      v,
+      h,
+      n,
+      s,
+      l,
+      o,
+      i,
+      r
+    ]), j(a, c.current);
   }
 );
-const Ki = ({ editor: t }) => {
-  const e = be({
+const _t = ({ editor: t }) => {
+  const e = tt({
     editor: t,
     selector: ({ editor: i }) => i ? {
       isHeading1: i.isActive("heading", { level: 1 }),
@@ -1896,24 +829,24 @@ const Ki = ({ editor: t }) => {
       isStrike: i.isActive("strike"),
       isCode: i.isActive("code")
     } : null
-  }), n = Re(
-    (i, s) => {
-      i.preventDefault(), s();
+  }), n = lt(
+    (i, l) => {
+      i.preventDefault(), l();
     },
     []
-  ), o = [
+  ), s = [
     {
       ariaLabel: "Heading 1",
       command: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
       isActive: () => !!e?.isHeading1,
-      icon: /* @__PURE__ */ E(
+      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__ */ E(
+          children: /* @__PURE__ */ g(
             "path",
             {
               d: "M4.00023 5L4 17M13 5L12.9998 17M4 11H12.9998M19.875 19V10L17.625 12.25",
@@ -1929,14 +862,14 @@ const Ki = ({ editor: t }) => {
       ariaLabel: "Heading 2",
       command: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
       isActive: () => !!e?.isHeading2,
-      icon: /* @__PURE__ */ E(
+      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__ */ E(
+          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",
@@ -1952,14 +885,14 @@ const Ki = ({ editor: t }) => {
       ariaLabel: "Heading 3",
       command: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
       isActive: () => !!e?.isHeading3,
-      icon: /* @__PURE__ */ E(
+      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__ */ E(
+          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",
@@ -1975,14 +908,14 @@ const Ki = ({ editor: t }) => {
       ariaLabel: "Bold",
       command: () => t.chain().focus().toggleBold().run(),
       isActive: () => !!e?.isBold,
-      icon: /* @__PURE__ */ E(
+      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__ */ E(
+          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",
@@ -1998,14 +931,14 @@ const Ki = ({ editor: t }) => {
       ariaLabel: "Italic",
       command: () => t.chain().focus().toggleItalic().run(),
       isActive: () => !!e?.isItalic,
-      icon: /* @__PURE__ */ E(
+      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__ */ E(
+          children: /* @__PURE__ */ g(
             "path",
             {
               d: "M10.8571 4H17.7142M6.28564 20H13.1428M14.2856 4L9.71422 20",
@@ -2021,14 +954,14 @@ const Ki = ({ editor: t }) => {
       ariaLabel: "Strike",
       command: () => t.chain().focus().toggleStrike().run(),
       isActive: () => !!e?.isStrike,
-      icon: /* @__PURE__ */ E(
+      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__ */ E(
+          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",
@@ -2044,14 +977,14 @@ const Ki = ({ editor: t }) => {
       ariaLabel: "Inline code",
       command: () => t.chain().focus().toggleCode().run(),
       isActive: () => !!e?.isCode,
-      icon: /* @__PURE__ */ E(
+      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__ */ E(
+          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",
@@ -2064,21 +997,21 @@ const Ki = ({ editor: t }) => {
       )
     }
   ];
-  return /* @__PURE__ */ E(
-    Bi,
+  return /* @__PURE__ */ g(
+    Dt,
     {
       editor: t,
-      appendTo: Ie(t),
+      appendTo: at(t),
       options: { strategy: "fixed" },
-      children: /* @__PURE__ */ E("div", { className: "scribe-bubble-menu", children: /* @__PURE__ */ E(ve, { align: "center", gap: "2", children: o.map((i) => /* @__PURE__ */ E(
-        ye,
+      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: (s) => n(s, i.command),
+          onMouseDown: (l) => n(l, i.command),
           children: i.icon
         },
         i.ariaLabel
@@ -2087,5 +1020,5 @@ const Ki = ({ editor: t }) => {
   );
 };
 export {
-  Ki as default
+  _t as default
 };