@clevertask/scribe 0.0.14 → 0.1.0

package/dist/components/Menu/BubbleMenu.js

@@ -1,176 +1,2087 @@
-import { jsx as e } from "react/jsx-runtime";
-import { B as o } from "../../index-Bvgjhwaj.js";
-const l = ({ editor: n }) => /* @__PURE__ */ e(o, { className: "bubble-menu-wrapper", editor: n, children: /* @__PURE__ */ e("div", { className: "menu-item-wrapper", children: [
-  {
-    ariaLabel: "Heading 1",
-    command: () => n.chain().focus().toggleHeading({ level: 1 }).run(),
-    isActive: () => n.isActive("heading", { level: 1 }),
-    icon: /* @__PURE__ */ e(
-      "svg",
-      {
-        className: "menu-icon",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e(
-          "path",
-          {
-            d: "M4.00023 5L4 17M13 5L12.9998 17M4 11H12.9998M19.875 19V10L17.625 12.25",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
+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-PJNQPLn5.js";
+import { b as zt, P as vt, p as xe, q as Vt, N as Oe, a as Nt, r as Se, s as Ce } from "../../index-hHvpW2H6.js";
+import { C as Te } from "../../index-FY_iYS6i.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"], Ct = ["start", "end"], Tt = /* @__PURE__ */ Ft.reduce((t, e) => t.concat(e, e + "-" + Ct[0], e + "-" + Ct[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 z(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(z(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 = z(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 = z(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
+  }, S = Q(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: y,
+    offsetParent: w,
+    strategy: c
+  }) : y);
+  return {
+    top: (v.top - S.top + h.top) / b.y,
+    bottom: (S.bottom - v.bottom + h.bottom) / b.y,
+    left: (v.left - S.left + h.left) / b.x,
+    right: (S.right - v.right + h.right) / b.x
+  };
+}
+const ze = 50, Ve = 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: S,
+      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
       }
-    )
-  },
-  {
-    ariaLabel: "Heading 2",
-    command: () => n.chain().focus().toggleHeading({ level: 2 }).run(),
-    isActive: () => n.isActive("heading", { level: 2 }),
-    icon: /* @__PURE__ */ e(
-      "svg",
-      {
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "menu-icon",
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ e(
-          "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"
+    });
+    f = w ?? f, a = b ?? a, h[v] = {
+      ...h[v],
+      ...S
+    }, O && u < ze && (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], S = 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 - S / 2, I = R / 2 - g[h] / 2 - 1, x = K(a[v], I), C = K(a[y], I), L = x, H = R - g[h] - C, T = R / 2 - g[h] / 2 + U, V = gt(L, T, H), B = !c.arrow && N(i) != null && T !== V && s.reference[h] / 2 - (T < L ? x : C) - g[h] / 2 < 0, A = B ? T < L ? T - L : T - H : 0;
+    return {
+      [u]: d[u] + A,
+      data: {
+        [u]: V,
+        centerOffset: T - V - 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) => z(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[z(y)], m[w[0]], m[w[1]]], S = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: y,
+        overflows: b
+      }], O = g[v + 1];
+      if (O)
+        return {
+          data: {
+            index: v + 1,
+            overflows: S
+          },
+          reset: {
+            placement: O
+          }
+        };
+      const R = S.map((x) => {
+        const C = N(x.placement);
+        return [x.placement, C && 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, C) => x[1] - C[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((C) => C <= 0))[0]) == null ? void 0 : i[0]) || R[0][0];
+      return I !== l ? {
+        data: {
+          index: v + 1,
+          overflows: S
+        },
+        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 = z(i), y = F(l), w = z(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(p.floating)), S = d || (w || !g ? [lt(l)] : De(l)), O = h !== "none";
+      !d && O && S.push(...Pe(l, g, h, b));
+      const R = [l, ...S], 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]]);
       }
-    )
-  },
-  {
-    ariaLabel: "Heading 3",
-    command: () => n.chain().focus().toggleHeading({ level: 3 }).run(),
-    isActive: () => n.isActive("heading", { level: 3 }),
-    icon: /* @__PURE__ */ e(
-      "svg",
-      {
-        className: "menu-icon",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e(
-          "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"
+      if (x = [...x, {
+        placement: i,
+        overflows: I
+      }], !I.every((T) => T <= 0)) {
+        var C, L;
+        const T = (((C = s.flip) == null ? void 0 : C.index) || 0) + 1, V = R[T];
+        if (V && (!(a === "alignment" ? y !== F(V) : !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: V
+            }
+          };
+        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
+            }
+          };
       }
-    )
-  },
-  {
-    ariaLabel: "Bold",
-    command: () => n.chain().focus().toggleBold().run(),
-    isActive: () => n.isActive("bold"),
-    icon: /* @__PURE__ */ e(
-      "svg",
-      {
-        className: "menu-icon",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e(
-          "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"
+      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], C = a[a.length - 1], L = z(n) === "top", H = x.top, T = C.bottom, V = L ? x.left : C.left, B = L ? x.right : C.right, A = B - V, M = T - H;
+            return {
+              top: H,
+              bottom: T,
+              left: V,
+              right: B,
+              width: A,
+              height: M,
+              x: V,
+              y: H
+            };
           }
-        )
+          const m = z(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, S = w[w.length - 1].bottom, O = y, R = v, U = R - O, I = S - b;
+          return {
+            top: b,
+            bottom: S,
+            left: O,
+            right: R,
+            width: U,
+            height: I,
+            x: O,
+            y: b
+          };
+        }
+        return d;
       }
-    )
-  },
-  {
-    ariaLabel: "Italic",
-    command: () => n.chain().focus().toggleItalic().run(),
-    isActive: () => n.isActive("italic"),
-    icon: /* @__PURE__ */ e(
-      "svg",
-      {
-        className: "menu-icon",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e(
-          "path",
-          {
-            d: "M10.8571 4H17.7142M6.28564 20H13.1428M14.2856 4L9.71422 20",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+      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 = z(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(z(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);
       }
-    )
-  },
-  {
-    ariaLabel: "Strike",
-    command: () => n.chain().focus().toggleStrike().run(),
-    isActive: () => n.isActive("strike"),
-    icon: /* @__PURE__ */ e(
-      "svg",
-      {
-        className: "menu-icon",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e(
-          "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"
+      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 = z(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), S = K(h - f[v], w), O = !e.middlewareData.shift;
+      let R = b, U = S;
+      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), C = D(f.right, 0), L = D(f.top, 0), H = D(f.bottom, 0);
+        u ? U = h - 2 * (x !== 0 || C !== 0 ? x + C : 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) || !St() && (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 St() {
+  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 !St() || !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 = St();
+    (!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 Ve(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 {
+  constructor({
+    editor: t,
+    element: e,
+    view: n,
+    pluginKey: o = "bubbleMenu",
+    updateDelay: i = 250,
+    resizeDelay: s = 60,
+    shouldShow: r,
+    appendTo: l,
+    getReferencedVirtualElement: c,
+    options: p
+  }) {
+    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: 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.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: a }) => {
+      var d;
+      if (this.editor.isDestroyed) {
+        this.destroy();
+        return;
+      }
+      if (this.preventHide) {
+        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);
+      }, this.updateDelay));
+    }, this.updateHandler = (a, d, u, h) => {
+      const { composing: g } = a;
+      if (g || !d && !u)
+        return;
+      if (!this.getShouldShow(h)) {
+        this.hide();
+        return;
+      }
+      this.updatePosition(), this.show();
+    }, this.transactionHandler = ({ transaction: a }) => {
+      const d = a.getMeta(this.pluginKey);
+      d === "updatePosition" ? this.updatePosition() : d && typeof d == "object" && d.type === "updateOptions" && this.updateOptions(d.options);
+    };
+    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 = {
+      ...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());
+  }
+  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)
+    ), 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(
+        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)
+    ), t;
+  }
+  get virtualElement() {
+    var t, e, n;
+    const { selection: o } = 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 = Vt(this.view, o.from, o.to);
+    let r = {
+      getBoundingClientRect: () => s,
+      getClientRects: () => [s]
+    };
+    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 (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)
+        return;
+      const u = a === d ? a.getBoundingClientRect() : gi(
+        a.getBoundingClientRect(),
+        d.getBoundingClientRect()
+      );
+      r = {
+        getBoundingClientRect: () => u,
+        getClientRects: () => [u]
+      };
+    }
+    return r;
+  }
+  updatePosition() {
+    const t = this.virtualElement;
+    t && ue(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;
+      if ((s = i.hide) != null && s.referenceHidden || (r = i.hide) != null && r.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();
+    });
+  }
+  update(t, e) {
+    const { state: n } = t, o = n.selection.from !== n.selection.to;
+    if (this.updateDelay > 0 && o) {
+      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);
+  }
+  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));
+    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
+    })) || !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();
+  }
+}, fe = (t) => new zt({
+  key: typeof t.pluginKey == "string" ? new vt(t.pluginKey) : t.pluginKey,
+  view: (e) => new mi({ view: e, ...t })
+});
+Nt.create({
+  name: "bubbleMenu",
+  addOptions() {
+    return {
+      element: null,
+      pluginKey: "bubbleMenu",
+      updateDelay: void 0,
+      appendTo: void 0,
+      shouldShow: null
+    };
   },
-  {
-    ariaLabel: "Inline code",
-    command: () => n.chain().focus().toggleCode().run(),
-    isActive: () => n.isActive("code"),
-    icon: /* @__PURE__ */ e(
-      "svg",
-      {
-        className: "menu-icon",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ e(
-          "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"
-          }
-        )
+  addProseMirrorPlugins() {
+    return this.options.element ? [
+      fe({
+        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 wi = class {
+  constructor({
+    editor: t,
+    element: e,
+    view: n,
+    pluginKey: o = "floatingMenu",
+    updateDelay: i = 250,
+    resizeDelay: s = 60,
+    options: r,
+    appendTo: l,
+    shouldShow: c
+  }) {
+    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.floatingUIOptions = {
+      strategy: "absolute",
+      placement: "right",
+      offset: 8,
+      flip: {},
+      shift: {},
+      arrow: !1,
+      size: !1,
+      autoPlacement: !1,
+      hide: !1,
+      inline: !1
+    }, this.updateHandler = (f, a, d, u) => {
+      const { composing: h } = f;
+      if (h || !a && !d)
+        return;
+      if (!this.getShouldShow(u)) {
+        this.hide();
+        return;
+      }
+      this.updatePosition(), this.show();
+    }, this.mousedownHandler = () => {
+      this.preventHide = !0;
+    }, this.focusHandler = () => {
+      setTimeout(() => this.update(this.editor.view));
+    }, this.blurHandler = ({ event: f }) => {
+      var a;
+      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);
+    }, 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 = {
+      ...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());
+  }
+  getTextContent(t) {
+    return Se(t, { textSerializers: Ce(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)
+    ), 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(
+        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)
+    ), 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));
+    return (e = this.shouldShow) == null ? void 0 : e.call(this, {
+      editor: this.editor,
+      view: this.view,
+      state: n,
+      oldState: t,
+      from: s,
+      to: r
+    });
+  }
+  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() {
+    const { selection: t } = this.editor.state, e = Vt(this.view, t.from, t.to);
+    ue({
+      getBoundingClientRect: () => e,
+      getClientRects: () => [e]
+    }, 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) {
+        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();
+    });
+  }
+  update(t, e) {
+    const n = !e?.selection.eq(t.state.selection), o = !e?.doc.eq(t.state.doc);
+    this.updateHandler(t, n, o, 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);
   }
-].map((i) => /* @__PURE__ */ e(
-  "button",
-  {
-    className: `${i.isActive() ? "active" : ""}`,
-    onClick: i.command,
-    children: i.icon
+  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 zt({
+  key: typeof t.pluginKey == "string" ? new vt(t.pluginKey) : t.pluginKey,
+  view: (e) => new wi({ view: e, ...t })
+});
+Nt.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)
+    };
   },
-  i.ariaLabel
-)) }) });
+  addProseMirrorPlugins() {
+    return this.options.element ? [
+      de({
+        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 he(t, e) {
+  return t ?? new vt(e);
+}
+var vi = typeof window < "u" ? Ee : it, pe = /* @__PURE__ */ new Set(["left", "opacity", "position", "top", "visibility", "width"]), yi = /* @__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"
+]), bi = /* @__PURE__ */ new Set(["children", "className", "style"]), xi = /* @__PURE__ */ new Set(["tabIndex"]), Oi = /* @__PURE__ */ new Set([
+  "accessKey",
+  "autoCapitalize",
+  "contentEditable",
+  "contextMenu",
+  "dir",
+  "draggable",
+  "enterKeyHint",
+  "hidden",
+  "id",
+  "lang",
+  "nonce",
+  "role",
+  "slot",
+  "spellCheck",
+  "tabIndex",
+  "title",
+  "translate"
+]), Si = {
+  Blur: "focusout",
+  DoubleClick: "dblclick",
+  Focus: "focusin",
+  MouseEnter: "mouseenter",
+  MouseLeave: "mouseleave"
+};
+function wt(t, e) {
+  return /^on[A-Z]/.test(t) && typeof e == "function";
+}
+function Ci(t) {
+  return t.startsWith("aria-") || t.startsWith("data-"), t;
+}
+function Ti(t) {
+  return t.startsWith("aria-") || t.startsWith("data-") || Oi.has(t);
+}
+function ge(t) {
+  return t.startsWith("--") ? t : t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+function Ei(t) {
+  var e;
+  const n = t.endsWith("Capture"), i = (n ? t.slice(0, -7) : t).slice(2);
+  return {
+    eventName: (e = Si[i]) != null ? e : i.toLowerCase(),
+    options: n ? { capture: !0 } : void 0
+  };
+}
+function Ri(t, e) {
+  let n = e.defaultPrevented, o = !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: () => o },
+    preventDefault: {
+      value: () => {
+        n = !0, e.preventDefault();
+      }
+    },
+    stopPropagation: {
+      value: () => {
+        o = !0, e.stopPropagation();
+      }
+    }
+  }), i;
+}
+function pt(t) {
+  return xi.has(t);
+}
+function Ut(t, e, n) {
+  if (e === "tabIndex") {
+    t.tabIndex = Number(n);
+    return;
+  }
+  t[e] = n;
+}
+function Ii(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 Li(t, e) {
+  return typeof e != "number" || e === 0 || t.startsWith("--") || yi.has(t) ? String(e) : `${e}px`;
+}
+function Di(t, e) {
+  pe.has(e) || t.style.removeProperty(ge(e));
+}
+function Hi(t, e, n) {
+  pe.has(e) || t.style.setProperty(ge(e), Li(e, n));
+}
+function Ai(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]))
+      return;
+    const s = e[i], r = n[i];
+    if (s === r)
+      return;
+    const l = Ci(i);
+    if (r == null || r === !1) {
+      pt(i) && Ii(t, i), t.removeAttribute(l);
+      return;
+    }
+    if (r === !0) {
+      pt(i) && Ut(t, i, !0), t.setAttribute(l, "");
+      return;
+    }
+    if (pt(i)) {
+      Ut(t, i, r);
+      return;
+    }
+    t.setAttribute(l, String(r));
+  });
+}
+function Mi(t, e, n) {
+  if (e !== n) {
+    if (n) {
+      t.className = n;
+      return;
+    }
+    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);
+        return;
+      }
+      Hi(t, r, c);
+    }
+  });
+}
+function Ui(t, e, n) {
+  e.forEach(({ eventName: i, listener: s, options: r }) => {
+    t.removeEventListener(i, s, r);
+  });
+  const o = [];
+  return Object.entries(n).forEach(([i, s]) => {
+    if (!wt(i, s))
+      return;
+    const { eventName: r, options: l } = Ei(i), c = (p) => {
+      s(Ri(t, p));
+    };
+    t.addEventListener(r, c, l), o.push({ eventName: r, listener: c, options: l });
+  }), o;
+}
+function me(t, e) {
+  const n = k({}), o = k([]);
+  vi(() => {
+    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 = [];
+    };
+  }, [t, e]);
+}
+var Bi = _t.forwardRef(
+  ({
+    pluginKey: t,
+    editor: e,
+    updateDelay: n,
+    resizeDelay: o,
+    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 = {
+      updateDelay: n,
+      resizeDelay: o,
+      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)
+        return;
+      if (!h) {
+        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 S = fe({
+        ...m.current,
+        editor: h,
+        element: b
+      });
+      h.registerPlugin(S);
+      const O = m.current.pluginKey;
+      return w.current = !0, y(!0), () => {
+        y(!1), h.unregisterPlugin(O), window.requestAnimationFrame(() => {
+          b.parentNode && b.parentNode.removeChild(b);
+        });
+      };
+    }, [h]), it(() => {
+      if (!(!v || !h || h.isDestroyed)) {
+        if (w.current) {
+          w.current = !1;
+          return;
+        }
+        h.view.dispatch(
+          h.state.tr.setMeta(d, {
+            type: "updateOptions",
+            options: m.current
+          })
+        );
+      }
+    }, [
+      v,
+      h,
+      n,
+      o,
+      s,
+      l,
+      i,
+      r,
+      d
+    ]), kt(c, a.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 = {
+      updateDelay: n,
+      resizeDelay: o,
+      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)
+        return;
+      if (!u) {
+        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
+      });
+      u.registerPlugin(b);
+      const S = g.current.pluginKey;
+      return y.current = !0, v(!0), () => {
+        v(!1), u.unregisterPlugin(S), window.requestAnimationFrame(() => {
+          w.parentNode && w.parentNode.removeChild(w);
+        });
+      };
+    }, [u]), it(() => {
+      if (!(!m || !u || u.isDestroyed)) {
+        if (y.current) {
+          y.current = !1;
+          return;
+        }
+        u.view.dispatch(
+          u.state.tr.setMeta(a, {
+            type: "updateOptions",
+            options: g.current
+          })
+        );
+      }
+    }, [m, u, n, o, s, r, i, a]), kt(l, f.current);
+  }
+);
+const Ki = ({ editor: t }) => {
+  const e = be({
+    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 = Re(
+    (i, s) => {
+      i.preventDefault(), s();
+    },
+    []
+  ), o = [
+    {
+      ariaLabel: "Heading 1",
+      command: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
+      isActive: () => !!e?.isHeading1,
+      icon: /* @__PURE__ */ E(
+        "svg",
+        {
+          className: "scribe-inline-menu-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ E(
+            "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__ */ E(
+        "svg",
+        {
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "scribe-inline-menu-icon",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ E(
+            "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__ */ E(
+        "svg",
+        {
+          className: "scribe-inline-menu-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ E(
+            "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__ */ E(
+        "svg",
+        {
+          className: "scribe-inline-menu-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ E(
+            "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__ */ E(
+        "svg",
+        {
+          className: "scribe-inline-menu-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ E(
+            "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__ */ E(
+        "svg",
+        {
+          className: "scribe-inline-menu-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ E(
+            "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__ */ E(
+        "svg",
+        {
+          className: "scribe-inline-menu-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ E(
+            "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__ */ E(
+    Bi,
+    {
+      editor: t,
+      appendTo: Ie(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,
+        {
+          type: "button",
+          size: "1",
+          radius: "medium",
+          color: "gray",
+          variant: i.isActive() ? "soft" : "ghost",
+          onMouseDown: (s) => n(s, i.command),
+          children: i.icon
+        },
+        i.ariaLabel
+      )) }) })
+    }
+  );
+};
 export {
-  l as default
+  Ki as default
 };