reactjs-tiptap-editor-pro 0.2.35 → 0.2.37

package/lib/index.js

@@ -4,8 +4,8 @@ var me = (e, t, n) => ur(e, typeof t != "symbol" ? t + "" : t, n);
 import * as ie from "react";
 import { useRef as ne, useState as I, useEffect as R, useMemo as F, Fragment as Ve, useCallback as O, memo as fr, forwardRef as hr, useId as mr, useImperativeHandle as gr, useLayoutEffect as pr } from "react";
 import { jsx as a, jsxs as p, Fragment as N } from "react/jsx-runtime";
-import { i as Ke, S as re, t as vr, a as Ce, b as oe, r as J, c as Z, f as yr, d as ae, e as wr, D as Xe, g as qe, A as C, h as Ye, j as Je, C as xr, k as Ze, B as Y, s as cn, l as dn, m as un, u as Te, n as vt, o as L, p as U, P as br, q as Cr, v as Tr, L as $e, I as ye, w as se, x as Ae, y as Ar, K as ge, T as fn, M as yt, z as wt, F as Sr, E as hn, G as mn, H as Pr, J as he, N as _r, O as Nr, Q as Er, R as gn, U as $r, V as Or, W as z, X as Rr, Y as Ir, Z as Dr, _ as Mr, $ as Br, a0 as kr, a1 as W, a2 as Lr, a3 as xt, a4 as bt, a5 as Ct, a6 as Tt, a7 as At, a8 as St, a9 as pn, aa as zr, ab as vn, ac as yn, ad as Fr, ae as jr, af as Hr, ag as Pt, ah as Ur, ai as Gr, aj as Wr, ak as Vr, al as Kr, am as _t, an as Nt, ao as Xr, ap as qr, aq as Yr, ar as Jr, as as Zr, at as Qr, au as ei } from "./ColorPicker-BGCCdXrc.js";
-import { u as D, B as ti, l as M, I as we, V as Et, E as ni } from "./locale-bundle-CT7qZRHF.js";
+import { i as Ke, S as re, t as vr, a as Ce, b as oe, r as J, c as Z, f as yr, d as ae, e as wr, D as Xe, g as qe, A as C, h as Ye, j as Je, C as xr, k as Ze, B as Y, s as cn, l as dn, m as un, u as Te, n as vt, o as L, p as U, P as br, q as Cr, v as Tr, L as $e, I as ye, w as se, x as Ae, y as Ar, K as ge, T as fn, M as yt, z as wt, F as Sr, E as hn, G as mn, H as Pr, J as he, N as _r, O as Nr, Q as Er, R as gn, U as $r, V as Or, W as z, X as Rr, Y as Ir, Z as Dr, _ as Br, $ as Mr, a0 as kr, a1 as W, a2 as Lr, a3 as xt, a4 as bt, a5 as Ct, a6 as Tt, a7 as At, a8 as St, a9 as pn, aa as zr, ab as vn, ac as yn, ad as Fr, ae as jr, af as Hr, ag as Pt, ah as Ur, ai as Gr, aj as Wr, ak as Vr, al as Kr, am as _t, an as Nt, ao as Xr, ap as qr, aq as Yr, ar as Jr, as as Zr, at as Qr, au as ei } from "./ColorPicker-BGCCdXrc.js";
+import { u as D, B as ti, l as B, I as we, V as Et, E as ni } from "./locale-bundle-CT7qZRHF.js";
 import * as j from "@radix-ui/react-toast";
 import { X as ri, HelpCircle as ii, Pencil as oi, Trash2 as ai } from "lucide-react";
 import { Editor as si, makeDropdownToolbar as li } from "easydrawer";
@@ -97,7 +97,7 @@ function te(e, t) {
   var n = Oi(e, t);
   return $i(n) ? n : void 0;
 }
-var Me = te(J, "WeakMap");
+var Be = te(J, "WeakMap");
 function Ri(e, t, n) {
   switch (n.length) {
     case 0:
@@ -111,11 +111,11 @@ function Ri(e, t, n) {
   }
   return e.apply(t, n);
 }
-var Ii = 800, Di = 16, Mi = Date.now;
-function Bi(e) {
+var Ii = 800, Di = 16, Bi = Date.now;
+function Mi(e) {
   var t = 0, n = 0;
   return function() {
-    var r = Mi(), i = Di - (r - n);
+    var r = Bi(), i = Di - (r - n);
     if (n = r, i > 0) {
       if (++t >= Ii)
         return arguments[0];
@@ -142,7 +142,7 @@ var Dt = function() {
     value: ki(t),
     writable: !0
   });
-} : Qe, zi = Bi(Li);
+} : Qe, zi = Mi(Li);
 function Fi(e, t, n, r) {
   for (var i = e.length, o = n + -1; ++o < i; )
     if (t(e[o], o, e))
@@ -173,10 +173,10 @@ function bn(e, t) {
 function Cn(e, t) {
   return e === t || e !== e && t !== t;
 }
-var Mt = Math.max;
+var Bt = Math.max;
 function Ki(e, t, n) {
-  return t = Mt(t === void 0 ? e.length - 1 : t, 0), function() {
-    for (var r = arguments, i = -1, o = Mt(r.length - t, 0), s = Array(o); ++i < o; )
+  return t = Bt(t === void 0 ? e.length - 1 : t, 0), function() {
+    for (var r = arguments, i = -1, o = Bt(r.length - t, 0), s = Array(o); ++i < o; )
       s[i] = r[t + i];
     i = -1;
     for (var c = Array(t + 1); ++i < t; )
@@ -205,18 +205,18 @@ function Zi(e, t) {
   return r;
 }
 var Qi = "[object Arguments]";
-function Bt(e) {
+function Mt(e) {
   return Z(e) && oe(e) == Qi;
 }
-var An = Object.prototype, eo = An.hasOwnProperty, to = An.propertyIsEnumerable, tt = Bt(/* @__PURE__ */ function() {
+var An = Object.prototype, eo = An.hasOwnProperty, to = An.propertyIsEnumerable, tt = Mt(/* @__PURE__ */ function() {
   return arguments;
-}()) ? Bt : function(e) {
+}()) ? Mt : function(e) {
   return Z(e) && eo.call(e, "callee") && !to.call(e, "callee");
 };
 function no() {
   return !1;
 }
-var Sn = typeof exports == "object" && exports && !exports.nodeType && exports, kt = Sn && typeof module == "object" && module && !module.nodeType && module, ro = kt && kt.exports === Sn, Lt = ro ? J.Buffer : void 0, io = Lt ? Lt.isBuffer : void 0, Be = io || no, oo = "[object Arguments]", ao = "[object Array]", so = "[object Boolean]", lo = "[object Date]", co = "[object Error]", uo = "[object Function]", fo = "[object Map]", ho = "[object Number]", mo = "[object Object]", go = "[object RegExp]", po = "[object Set]", vo = "[object String]", yo = "[object WeakMap]", wo = "[object ArrayBuffer]", xo = "[object DataView]", bo = "[object Float32Array]", Co = "[object Float64Array]", To = "[object Int8Array]", Ao = "[object Int16Array]", So = "[object Int32Array]", Po = "[object Uint8Array]", _o = "[object Uint8ClampedArray]", No = "[object Uint16Array]", Eo = "[object Uint32Array]", $ = {};
+var Sn = typeof exports == "object" && exports && !exports.nodeType && exports, kt = Sn && typeof module == "object" && module && !module.nodeType && module, ro = kt && kt.exports === Sn, Lt = ro ? J.Buffer : void 0, io = Lt ? Lt.isBuffer : void 0, Me = io || no, oo = "[object Arguments]", ao = "[object Array]", so = "[object Boolean]", lo = "[object Date]", co = "[object Error]", uo = "[object Function]", fo = "[object Map]", ho = "[object Number]", mo = "[object Object]", go = "[object RegExp]", po = "[object Set]", vo = "[object String]", yo = "[object WeakMap]", wo = "[object ArrayBuffer]", xo = "[object DataView]", bo = "[object Float32Array]", Co = "[object Float64Array]", To = "[object Int8Array]", Ao = "[object Int16Array]", So = "[object Int32Array]", Po = "[object Uint8Array]", _o = "[object Uint8ClampedArray]", No = "[object Uint16Array]", Eo = "[object Uint32Array]", $ = {};
 $[bo] = $[Co] = $[To] = $[Ao] = $[So] = $[Po] = $[_o] = $[No] = $[Eo] = !0;
 $[oo] = $[ao] = $[wo] = $[so] = $[xo] = $[lo] = $[co] = $[uo] = $[fo] = $[ho] = $[mo] = $[go] = $[po] = $[vo] = $[yo] = !1;
 function $o(e) {
@@ -235,7 +235,7 @@ var Pn = typeof exports == "object" && exports && !exports.nodeType && exports,
   }
 }(), zt = be && be.isTypedArray, _n = zt ? nt(zt) : $o, Ro = Object.prototype, Io = Ro.hasOwnProperty;
 function Do(e, t) {
-  var n = G(e), r = !n && tt(e), i = !n && !r && Be(e), o = !n && !r && !i && _n(e), s = n || r || i || o, c = s ? Zi(e.length, String) : [], l = c.length;
+  var n = G(e), r = !n && tt(e), i = !n && !r && Me(e), o = !n && !r && !i && _n(e), s = n || r || i || o, c = s ? Zi(e.length, String) : [], l = c.length;
   for (var d in e)
     Io.call(e, d) && !(s && // Safari 9 has enumerable `arguments.length` in strict mode.
     (d == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -244,15 +244,15 @@ function Do(e, t) {
     bn(d, l))) && c.push(d);
   return c;
 }
-function Mo(e, t) {
+function Bo(e, t) {
   return function(n) {
     return e(t(n));
   };
 }
-var Bo = Mo(Object.keys, Object), ko = Object.prototype, Lo = ko.hasOwnProperty;
+var Mo = Bo(Object.keys, Object), ko = Object.prototype, Lo = ko.hasOwnProperty;
 function zo(e) {
   if (!Ji(e))
-    return Bo(e);
+    return Mo(e);
   var t = [];
   for (var n in Object(e))
     Lo.call(e, n) && n != "constructor" && t.push(n);
@@ -473,7 +473,7 @@ function ot(e) {
 function Oa(e) {
   return e.split("");
 }
-var Rn = "\\ud800-\\udfff", Ra = "\\u0300-\\u036f", Ia = "\\ufe20-\\ufe2f", Da = "\\u20d0-\\u20ff", Ma = Ra + Ia + Da, Ba = "\\ufe0e\\ufe0f", ka = "[" + Rn + "]", Le = "[" + Ma + "]", ze = "\\ud83c[\\udffb-\\udfff]", La = "(?:" + Le + "|" + ze + ")", In = "[^" + Rn + "]", Dn = "(?:\\ud83c[\\udde6-\\uddff]){2}", Mn = "[\\ud800-\\udbff][\\udc00-\\udfff]", za = "\\u200d", Bn = La + "?", kn = "[" + Ba + "]?", Fa = "(?:" + za + "(?:" + [In, Dn, Mn].join("|") + ")" + kn + Bn + ")*", ja = kn + Bn + Fa, Ha = "(?:" + [In + Le + "?", Le, Dn, Mn, ka].join("|") + ")", Ua = RegExp(ze + "(?=" + ze + ")|" + Ha + ja, "g");
+var Rn = "\\ud800-\\udfff", Ra = "\\u0300-\\u036f", Ia = "\\ufe20-\\ufe2f", Da = "\\u20d0-\\u20ff", Ba = Ra + Ia + Da, Ma = "\\ufe0e\\ufe0f", ka = "[" + Rn + "]", Le = "[" + Ba + "]", ze = "\\ud83c[\\udffb-\\udfff]", La = "(?:" + Le + "|" + ze + ")", In = "[^" + Rn + "]", Dn = "(?:\\ud83c[\\udde6-\\uddff]){2}", Bn = "[\\ud800-\\udbff][\\udc00-\\udfff]", za = "\\u200d", Mn = La + "?", kn = "[" + Ma + "]?", Fa = "(?:" + za + "(?:" + [In, Dn, Bn].join("|") + ")" + kn + Mn + ")*", ja = kn + Mn + Fa, Ha = "(?:" + [In + Le + "?", Le, Dn, Bn, ka].join("|") + ")", Ua = RegExp(ze + "(?=" + ze + ")|" + Ha + ja, "g");
 function Ga(e) {
   return e.match(Ua) || [];
 }
@@ -535,8 +535,8 @@ function rs(e, t, n) {
 function Ht(e) {
   return rs(e, Nn, ns);
 }
-var Fe = te(J, "DataView"), je = te(J, "Promise"), He = te(J, "Set"), Ut = "[object Map]", is = "[object Object]", Gt = "[object Promise]", Wt = "[object Set]", Vt = "[object WeakMap]", Kt = "[object DataView]", os = ee(Fe), as = ee(ue), ss = ee(je), ls = ee(He), cs = ee(Me), q = oe;
-(Fe && q(new Fe(new ArrayBuffer(1))) != Kt || ue && q(new ue()) != Ut || je && q(je.resolve()) != Gt || He && q(new He()) != Wt || Me && q(new Me()) != Vt) && (q = function(e) {
+var Fe = te(J, "DataView"), je = te(J, "Promise"), He = te(J, "Set"), Ut = "[object Map]", is = "[object Object]", Gt = "[object Promise]", Wt = "[object Set]", Vt = "[object WeakMap]", Kt = "[object DataView]", os = ee(Fe), as = ee(ue), ss = ee(je), ls = ee(He), cs = ee(Be), q = oe;
+(Fe && q(new Fe(new ArrayBuffer(1))) != Kt || ue && q(new ue()) != Ut || je && q(je.resolve()) != Gt || He && q(new He()) != Wt || Be && q(new Be()) != Vt) && (q = function(e) {
   var t = oe(e), n = t == is ? e.constructor : void 0, r = n ? ee(n) : "";
   if (r)
     switch (r) {
@@ -586,9 +586,9 @@ function zn(e, t, n, r, i, o) {
     return d == t && f == e;
   var u = -1, h = !0, m = n & gs ? new fe() : void 0;
   for (o.set(e, t), o.set(t, e); ++u < c; ) {
-    var g = e[u], v = t[u];
+    var g = e[u], y = t[u];
     if (r)
-      var x = s ? r(v, g, u, t, e, o) : r(g, v, u, e, t, o);
+      var x = s ? r(y, g, u, t, e, o) : r(g, y, u, e, t, o);
     if (x !== void 0) {
       if (x)
         continue;
@@ -603,7 +603,7 @@ function zn(e, t, n, r, i, o) {
         h = !1;
         break;
       }
-    } else if (!(g === v || i(g, v, n, r, o))) {
+    } else if (!(g === y || i(g, y, n, r, o))) {
       h = !1;
       break;
     }
@@ -659,7 +659,7 @@ function Os(e, t, n, r, i, o, s) {
   return !1;
 }
 var Rs = 1, Is = Object.prototype, Ds = Is.hasOwnProperty;
-function Ms(e, t, n, r, i, o) {
+function Bs(e, t, n, r, i, o) {
   var s = n & Rs, c = Ht(e), l = c.length, d = Ht(t), f = d.length;
   if (l != f && !s)
     return !1;
@@ -671,7 +671,7 @@ function Ms(e, t, n, r, i, o) {
   var m = o.get(e), g = o.get(t);
   if (m && g)
     return m == t && g == e;
-  var v = !0;
+  var y = !0;
   o.set(e, t), o.set(t, e);
   for (var x = s; ++u < l; ) {
     h = c[u];
@@ -679,37 +679,37 @@ function Ms(e, t, n, r, i, o) {
     if (r)
       var E = s ? r(_, A, h, t, e, o) : r(A, _, h, e, t, o);
     if (!(E === void 0 ? A === _ || i(A, _, n, r, o) : E)) {
-      v = !1;
+      y = !1;
       break;
     }
     x || (x = h == "constructor");
   }
-  if (v && !x) {
-    var b = e.constructor, y = t.constructor;
-    b != y && "constructor" in e && "constructor" in t && !(typeof b == "function" && b instanceof b && typeof y == "function" && y instanceof y) && (v = !1);
+  if (y && !x) {
+    var b = e.constructor, v = t.constructor;
+    b != v && "constructor" in e && "constructor" in t && !(typeof b == "function" && b instanceof b && typeof v == "function" && v instanceof v) && (y = !1);
   }
-  return o.delete(e), o.delete(t), v;
+  return o.delete(e), o.delete(t), y;
 }
-var Bs = 1, Yt = "[object Arguments]", Jt = "[object Array]", pe = "[object Object]", ks = Object.prototype, Zt = ks.hasOwnProperty;
+var Ms = 1, Yt = "[object Arguments]", Jt = "[object Array]", pe = "[object Object]", ks = Object.prototype, Zt = ks.hasOwnProperty;
 function Ls(e, t, n, r, i, o) {
   var s = G(e), c = G(t), l = s ? Jt : q(e), d = c ? Jt : q(t);
   l = l == Yt ? pe : l, d = d == Yt ? pe : d;
   var f = l == pe, u = d == pe, h = l == d;
-  if (h && Be(e)) {
-    if (!Be(t))
+  if (h && Me(e)) {
+    if (!Me(t))
       return !1;
     s = !0, f = !1;
   }
   if (h && !f)
     return o || (o = new V()), s || _n(e) ? zn(e, t, n, r, i, o) : Os(e, t, l, n, r, i, o);
-  if (!(n & Bs)) {
+  if (!(n & Ms)) {
     var m = f && Zt.call(e, "__wrapped__"), g = u && Zt.call(t, "__wrapped__");
     if (m || g) {
-      var v = m ? e.value() : e, x = g ? t.value() : t;
-      return o || (o = new V()), i(v, x, n, r, o);
+      var y = m ? e.value() : e, x = g ? t.value() : t;
+      return o || (o = new V()), i(y, x, n, r, o);
     }
   }
-  return h ? (o || (o = new V()), Ms(e, t, n, r, i, o)) : !1;
+  return h ? (o || (o = new V()), Bs(e, t, n, r, i, o)) : !1;
 }
 function at(e, t, n, r, i) {
   return e === t ? !0 : e == null || t == null || !Z(e) && !Z(t) ? e !== e && t !== t : Ls(e, t, n, r, at, i);
@@ -970,15 +970,15 @@ function _l({ editor: e, attrs: t, extension: n }) {
   const u = async () => {
     if (o.current) {
       const T = o.current.toSVG(), w = T.outerHTML, P = `drawer-${cn()}.svg`;
-      let B = dn(T.outerHTML);
+      let M = dn(T.outerHTML);
       if (d) {
-        const k = un(B, P);
-        B = await d(k);
+        const k = un(M, P);
+        M = await d(k);
       }
       e == null || e.chain().focus().setDrawer(
         {
           type: "drawer",
-          src: B,
+          src: M,
           alt: encodeURIComponent(w),
           width: 426,
           height: 212
@@ -996,7 +996,7 @@ function _l({ editor: e, attrs: t, extension: n }) {
   }, g = (T) => {
     const w = o.current.toolController.getPrimaryTools()[3], P = s.current.getWidgetById("pen-2");
     w && P && (w.setColor(T), P.serializeState());
-  }, v = (T) => {
+  }, y = (T) => {
     const w = s.current.getWidgetById("shape");
     w && w.setShapeType(T);
   }, x = (T) => {
@@ -1046,7 +1046,7 @@ function _l({ editor: e, attrs: t, extension: n }) {
               {
                 changeBorderColorShape: _,
                 changeColorShape: x,
-                changeShape: v,
+                changeShape: y,
                 onClear: () => {
                   if (!le) {
                     for (; o.current.history.undoStackSize > 0; )
@@ -1231,7 +1231,7 @@ function Dl({ editor: e }) {
       e.chain().updateAttributes(se.name, x).setNodeSelection(e.state.selection.from).focus().run();
     },
     [e]
-  ), g = O(() => e.isActive(se.name) && !i, [e, i]), v = O(() => Ae(se.name, e), [e]);
+  ), g = O(() => e.isActive(se.name) && !i, [e, i]), y = O(() => Ae(se.name, e), [e]);
   return /* @__PURE__ */ p(N, { children: [
     /* @__PURE__ */ a(
       L,
@@ -1278,7 +1278,7 @@ function Dl({ editor: e }) {
           /* @__PURE__ */ a(
             C,
             {
-              action: v,
+              action: y,
               icon: "Trash2",
               tooltip: t("editor.delete")
             }
@@ -1315,7 +1315,7 @@ function Dl({ editor: e }) {
     )
   ] });
 }
-function Ml({ editor: e, ...t }) {
+function Bl({ editor: e, ...t }) {
   const n = Te(e, ge.name, {
     text: "",
     defaultShowPicker: !1
@@ -1380,7 +1380,7 @@ function Ml({ editor: e, ...t }) {
   );
 }
 const tn = `graph TB
-a-->b`, Bl = ({ editor: e, attrs: t, extension: n }) => {
+a-->b`, Ml = ({ editor: e, attrs: t, extension: n }) => {
   const { alt: r, align: i } = t, [o, s] = I(decodeURIComponent(r ?? tn)), [c, l] = I(""), [d, f] = I(!1), u = ne(null), h = n == null ? void 0 : n.options.upload, m = async (x) => {
     try {
       const { svg: A } = await $t.render("mermaid-svg", x);
@@ -1453,8 +1453,8 @@ a-->b`, Bl = ({ editor: e, attrs: t, extension: n }) => {
                     const x = u.current.querySelector("svg"), { width: A, height: _ } = x.getBoundingClientRect(), E = `mermaid-${cn()}.svg`;
                     let b = dn(x.outerHTML);
                     if (h) {
-                      const y = un(b, E);
-                      b = await h(y);
+                      const v = un(b, E);
+                      b = await h(v);
                     }
                     e == null || e.chain().focus().setMermaid(
                       {
@@ -1521,7 +1521,7 @@ function Fl(e) {
       shouldShow: i,
       tippyOptions: kl,
       children: o != null && o.length ? /* @__PURE__ */ a("div", { className: "pointer-events-auto w-auto select-none rounded-sm !border border-neutral-200 bg-background px-3 py-2 shadow-sm transition-all dark:border-neutral-800", children: /* @__PURE__ */ a("div", { className: "relative flex h-[26px] flex-nowrap items-center justify-start whitespace-nowrap", children: o == null ? void 0 : o.map((s, c) => s.type === "edit" && (n != null && n.src) ? /* @__PURE__ */ a(
-        Bl,
+        Ml,
         {
           attrs: n,
           editor: e.editor,
@@ -1593,7 +1593,7 @@ function jl({ editor: e, disabled: t }) {
 }
 function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
   const r = e.extensionManager.extensions.map((o) => o.name), i = () => {
-    var o, s, c, l, d, f, u, h, m, g, v, x, A, _, E, b;
+    var o, s, c, l, d, f, u, h, m, g, y, x, A, _, E, b, v, T;
     return [
       r.includes("columns") && !((o = n == null ? void 0 : n.columnConfig) != null && o.hidden) ? /* @__PURE__ */ a(
         bc,
@@ -1644,7 +1644,7 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         "video"
       ) : null,
       r.includes("katex") && !((m = n == null ? void 0 : n.katexConfig) != null && m.hidden) ? /* @__PURE__ */ a(
-        Ml,
+        Bl,
         {
           disabled: t,
           editor: e
@@ -1659,7 +1659,7 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         },
         "mermaid"
       ) : null,
-      r.includes("iframe") && !((v = n == null ? void 0 : n.iframeConfig) != null && v.hidden) ? /* @__PURE__ */ a(
+      r.includes("iframe") && !((y = n == null ? void 0 : n.iframeConfig) != null && y.hidden) ? /* @__PURE__ */ a(
         Dl,
         {
           disabled: t,
@@ -1688,11 +1688,13 @@ function Hl({ editor: e, disabled: t, bubbleMenu: n }) {
         {
           disabled: t,
           editor: e,
-          items: (E = n == null ? void 0 : n.textConfig) == null ? void 0 : E.items
+          items: (E = n == null ? void 0 : n.textConfig) == null ? void 0 : E.items,
+          showShow: (b = n == null ? void 0 : n.textConfig) == null ? void 0 : b.showShow,
+          filterItem: (v = n == null ? void 0 : n.textConfig) == null ? void 0 : v.filterItem
         },
         "text"
       ),
-      r.includes("drawer") && !((b = n == null ? void 0 : n.drawerConfig) != null && b.hidden) ? /* @__PURE__ */ a(
+      r.includes("drawer") && !((T = n == null ? void 0 : n.drawerConfig) != null && T.hidden) ? /* @__PURE__ */ a(
         Ol,
         {
           disabled: t,
@@ -1716,9 +1718,9 @@ function Ul({ editor: e, disabled: t, toolbar: n }) {
         button: h,
         divider: m = !1,
         spacer: g = !1,
-        toolbar: v = !0
+        toolbar: y = !0
       } = u.options;
-      if (!h || !Pr(h) || !v)
+      if (!h || !Pr(h) || !y)
         continue;
       const x = h({
         editor: e,
@@ -1782,7 +1784,7 @@ function Gl(e) {
     type: `image-${r}`,
     component: C,
     componentProps: {
-      tooltip: M.t(`editor.${r.replace("-", ".")}.tooltip`),
+      tooltip: B.t(`editor.${r.replace("-", ".")}.tooltip`),
       icon: n[i],
       action: () => e.commands.updateImage({ width: we[r] }),
       isActive: () => e.isActive("image", { width: we[r] })
@@ -1799,7 +1801,7 @@ function Wl(e) {
     type: `image-${r}`,
     component: C,
     componentProps: {
-      tooltip: M.t(`editor.${r.replace("-", ".")}.tooltip`),
+      tooltip: B.t(`editor.${r.replace("-", ".")}.tooltip`),
       icon: n[i],
       action: () => e.commands.updateImageGif({ width: we[r] }),
       isActive: () => e.isActive("image", { width: we[r] })
@@ -1816,7 +1818,7 @@ function Vl(e) {
     type: `image-${r}`,
     component: C,
     componentProps: {
-      tooltip: M.t(`editor.textalign.${r}.tooltip`),
+      tooltip: B.t(`editor.textalign.${r}.tooltip`),
       icon: n[r],
       action: () => {
         var i, o;
@@ -1837,7 +1839,7 @@ function Kl(e) {
     type: `image-${r}`,
     component: C,
     componentProps: {
-      tooltip: M.t(`editor.textalign.${r}.tooltip`),
+      tooltip: B.t(`editor.textalign.${r}.tooltip`),
       icon: n[r],
       action: () => {
         var i, o;
@@ -1858,7 +1860,7 @@ function Xl(e) {
     type: `image-${r}`,
     component: C,
     componentProps: {
-      tooltip: M.t(`editor.textalign.${r}.tooltip`),
+      tooltip: B.t(`editor.textalign.${r}.tooltip`),
       icon: n[r],
       action: () => {
         var i, o;
@@ -1879,7 +1881,7 @@ function ql(e) {
     type: `image-${r}`,
     component: C,
     componentProps: {
-      tooltip: M.t(`editor.textalign.${r}.tooltip`),
+      tooltip: B.t(`editor.textalign.${r}.tooltip`),
       icon: n[r],
       action: () => {
         var i, o;
@@ -1900,7 +1902,7 @@ function Yl(e) {
     type: `video-${r}`,
     component: C,
     componentProps: {
-      tooltip: M.t(`editor.${r.replace("-", ".")}.tooltip`),
+      tooltip: B.t(`editor.${r.replace("-", ".")}.tooltip`),
       icon: n[i],
       action: () => e.commands.updateVideo({ width: Et[r] }),
       isActive: () => e.isActive("video", { width: Et[r] })
@@ -1914,7 +1916,7 @@ function Jl(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.tooltip.flipX"),
+        tooltip: B.t("editor.tooltip.flipX"),
         icon: "FlipX",
         action: () => {
           const t = e.getAttributes("image"), { flipX: n } = t;
@@ -1929,7 +1931,7 @@ function Jl(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.tooltip.flipY"),
+        tooltip: B.t("editor.tooltip.flipY"),
         icon: "FlipY",
         action: () => {
           const t = e.getAttributes("image"), { flipY: n } = t;
@@ -1946,7 +1948,7 @@ function Jl(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.remove"),
+        tooltip: B.t("editor.remove"),
         icon: "Trash2",
         action: () => {
           const { state: t, dispatch: n } = e.view;
@@ -1965,7 +1967,7 @@ function Zl(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.remove"),
+        tooltip: B.t("editor.remove"),
         icon: "Trash2",
         action: () => {
           const { state: t, dispatch: n } = e.view;
@@ -1983,7 +1985,7 @@ function Ql(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.edit"),
+        tooltip: B.t("editor.edit"),
         icon: "Pencil",
         action: () => !0
       }
@@ -1993,7 +1995,7 @@ function Ql(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.remove"),
+        tooltip: B.t("editor.remove"),
         icon: "Trash2",
         action: () => {
           const { state: t, dispatch: n } = e.view;
@@ -2011,7 +2013,7 @@ function ec(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.edit"),
+        tooltip: B.t("editor.edit"),
         icon: "Pencil",
         action: () => (console.log("AAA"), !0)
       }
@@ -2021,7 +2023,7 @@ function ec(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.remove"),
+        tooltip: B.t("editor.remove"),
         icon: "Trash2",
         action: () => {
           const { state: t, dispatch: n } = e.view;
@@ -2039,7 +2041,7 @@ function tc(e) {
       component: C,
       componentProps: {
         editor: e,
-        tooltip: M.t("editor.remove"),
+        tooltip: B.t("editor.remove"),
         icon: "Trash2",
         action: () => {
           const { state: t, dispatch: n } = e.view;
@@ -2189,11 +2191,11 @@ function ic(e, t) {
   const { doc: n } = t.view.state, r = nr({ editor: t, x: e.clientX, y: e.clientY, direction: "right" });
   if (!r.resultNode || r.pos === null) return [];
   const i = e.clientX, o = function(f, u, h) {
-    const m = Number.parseInt(ve(f.dom, "paddingLeft"), 10), g = Number.parseInt(ve(f.dom, "paddingRight"), 10), v = Number.parseInt(ve(f.dom, "borderLeftWidth"), 10), x = Number.parseInt(ve(f.dom, "borderLeftWidth"), 10), A = f.dom.getBoundingClientRect();
+    const m = Number.parseInt(ve(f.dom, "paddingLeft"), 10), g = Number.parseInt(ve(f.dom, "paddingRight"), 10), y = Number.parseInt(ve(f.dom, "borderLeftWidth"), 10), x = Number.parseInt(ve(f.dom, "borderLeftWidth"), 10), A = f.dom.getBoundingClientRect();
     return {
       left: rc(
         u,
-        A.left + m + v,
+        A.left + m + y,
         A.right - g - x
       ),
       top: h
@@ -2236,11 +2238,11 @@ function oc({
   return t.addEventListener("dragstart", (f) => {
     const { view: u } = n;
     if (!f.dataTransfer) return;
-    const { empty: h, $from: m, $to: g } = u.state.selection, v = ic(f, n), x = st(m, g, 0), A = x.some((B) => v.find((k) => k.$from === B.$from && k.$to === B.$to)), _ = h || !A ? v : x;
+    const { empty: h, $from: m, $to: g } = u.state.selection, y = ic(f, n), x = st(m, g, 0), A = x.some((M) => y.find((k) => k.$from === M.$from && k.$to === M.$to)), _ = h || !A ? y : x;
     if (_.length === 0) return;
-    const { tr: E } = u.state, b = document.createElement("div"), y = _[0].$from.pos, T = _[_.length - 1].$to.pos, w = H.create(u.state.doc, y, T), P = w.content();
-    _.forEach((B) => {
-      const k = nc(u.nodeDOM(B.$from.pos));
+    const { tr: E } = u.state, b = document.createElement("div"), v = _[0].$from.pos, T = _[_.length - 1].$to.pos, w = H.create(u.state.doc, v, T), P = w.content();
+    _.forEach((M) => {
+      const k = nc(u.nodeDOM(M.$from.pos));
       b.append(k);
     }), b.style.position = "absolute", b.style.top = "-10000px", document.body.append(b), f.dataTransfer.clearData(), f.dataTransfer.setDragImage(b, 0, 0), u.dragging = { slice: P, move: !0 }, E.setSelection(w), u.dispatch(E), document.addEventListener("drop", () => nn(b), { once: !0 }), setTimeout(() => {
       t && (t.style.pointerEvents = "none");
@@ -2267,8 +2269,8 @@ function oc({
         ...m(),
         ...r
       }), {
-        update(b, y) {
-          if (!g(t, s) || (t.draggable = !c, !v(b, y)))
+        update(b, v) {
+          if (!g(t, s) || (t.draggable = !c, !y(b, v)))
             return;
           const T = x(b);
           T && A(b, T);
@@ -2281,8 +2283,8 @@ function oc({
         t.draggable = !0, t.style.pointerEvents = "auto";
       }
       function h(b) {
-        var y;
-        (y = b.parentElement) == null || y.appendChild(o), o.appendChild(t), Object.assign(o.style, {
+        var v;
+        (v = b.parentElement) == null || v.appendChild(o), o.appendChild(t), Object.assign(o.style, {
           pointerEvents: "none",
           position: "absolute",
           top: "0",
@@ -2314,18 +2316,18 @@ function oc({
           }
         };
       }
-      function g(b, y) {
-        return b && y;
+      function g(b, v) {
+        return b && v;
       }
-      function v(b, y) {
-        return !b.state.doc.eq(y.doc) && d !== -1;
+      function y(b, v) {
+        return !b.state.doc.eq(v.doc) && d !== -1;
       }
       function x(b) {
-        let y = b.nodeDOM(d);
-        return y = an(b, y), y === b.dom || (y == null ? void 0 : y.nodeType) !== 1 ? null : y;
+        let v = b.nodeDOM(d);
+        return v = an(b, v), v === b.dom || (v == null ? void 0 : v.nodeType) !== 1 ? null : v;
       }
-      function A(b, y) {
-        const T = b.posAtDOM(y, 0), w = on(n.state.doc, T);
+      function A(b, v) {
+        const T = b.posAtDOM(v, 0), w = on(n.state.doc, T);
         if (w === l)
           return;
         const P = rn(n.state.doc, T);
@@ -2333,7 +2335,7 @@ function oc({
           editor: n,
           node: l,
           pos: d
-        }), _(y);
+        }), _(v);
       }
       function _(b) {
         s.setProps({
@@ -2349,8 +2351,8 @@ function oc({
         mouseleave: (f, u) => {
           if (c || !h(u)) return !1;
           return m(), g(), !1;
-          function h(v) {
-            return v.target && !o.contains(v.relatedTarget);
+          function h(y) {
+            return y.target && !o.contains(y.relatedTarget);
           }
           function m() {
             s == null || s.hide();
@@ -2377,11 +2379,11 @@ function oc({
           const m = an(f, h.resultElement);
           if (m === f.dom || (m == null ? void 0 : m.nodeType) !== 1)
             return !1;
-          const g = f.posAtDOM(m, 0), v = on(n.state.doc, g);
-          if (v === l)
+          const g = f.posAtDOM(m, 0), y = on(n.state.doc, g);
+          if (y === l)
             return !1;
           const x = rn(n.state.doc, g);
-          return l = v, d = x, i == null || i({
+          return l = y, d = x, i == null || i({
             editor: n,
             node: l,
             pos: d
@@ -2394,7 +2396,7 @@ function oc({
   });
 }
 function ac(e) {
-  var P, B, k;
+  var P, M, k;
   const { pluginKey: t = rr } = e, { t: n } = D(), [r, i] = I(null), [o, s] = I(-1), c = ne(null), l = ne(null), [d, f] = I(!1), u = e.editor.extensionManager.extensions.some((S) => S.name === "textAlign"), h = e.editor.extensionManager.extensions.some((S) => S.name === "indent"), m = e.editor.extensionManager.extensions.some((S) => S.name === "clear");
   R(() => {
     c.current && !e.editor.isDestroyed && (l.current = oc({
@@ -2406,14 +2408,14 @@ function ac(e) {
         zIndex: 99,
         moveTransition: "transform 0.15s ease-out"
       },
-      onNodeChange: y
+      onNodeChange: v
     }), e.editor.registerPlugin(l.current));
   }, [e.editor, c]);
   function g() {
     const S = e.editor.chain();
     S.setNodeSelection(o).unsetAllMarks(), (r == null ? void 0 : r.type.name) !== "paragraph" && S.setParagraph(), S.run();
   }
-  function v() {
+  function y() {
     e.editor.chain().focus().setNodeSelection(o).run(), document.execCommand("copy");
   }
   function x() {
@@ -2435,7 +2437,7 @@ function ac(e) {
   function b() {
     e.editor.chain().setMeta("hideDragHandle", !0).setNodeSelection(o).deleteSelection().run();
   }
-  function y(S) {
+  function v(S) {
     S.node && i(S.node), s(S.pos);
   }
   function T() {
@@ -2521,9 +2523,9 @@ function ac(e) {
                       )
                     }
                   ),
-                  /* @__PURE__ */ a(Mr, { children: n("editor.draghandle.tooltip") })
+                  /* @__PURE__ */ a(Br, { children: n("editor.draghandle.tooltip") })
                 ] }),
-                /* @__PURE__ */ a(Br, { className: "absolute left-0 top-0 z-0 size-[28px]" })
+                /* @__PURE__ */ a(Mr, { className: "absolute left-0 top-0 z-0 size-[28px]" })
               ] }),
               /* @__PURE__ */ p(
                 kr,
@@ -2559,7 +2561,7 @@ function ac(e) {
                       W,
                       {
                         className: "flex gap-3",
-                        onClick: v,
+                        onClick: y,
                         children: [
                           /* @__PURE__ */ a(z, { name: "Clipboard" }),
                           /* @__PURE__ */ a("span", { children: n("editor.copyToClipboard") })
@@ -2629,7 +2631,7 @@ function ac(e) {
                           W,
                           {
                             className: "flex gap-3",
-                            disabled: ((B = r == null ? void 0 : r.attrs) == null ? void 0 : B.indent) >= At.max,
+                            disabled: ((M = r == null ? void 0 : r.attrs) == null ? void 0 : M.indent) >= At.max,
                             onClick: _,
                             children: [
                               /* @__PURE__ */ a(z, { name: "IndentIncrease" }),
@@ -2682,12 +2684,12 @@ function lc(e) {
   const { t, lang: n } = D(), r = ({ editor: o }) => {
     const { selection: s } = o.view.state, { $from: c, to: l } = s;
     return c.pos === l ? !1 : s instanceof pn;
-  }, i = F(() => e.disabled || !(e != null && e.editor) ? [] : tr(e.editor, t, e.items), [e.disabled, e.editor, e.items, n, t]);
+  }, i = F(() => e.disabled || !(e != null && e.editor) ? [] : tr(e.editor, t, e.items).filter((o) => e.filterItem ? e.filterItem(o, e.editor) : !0), [e.disabled, e.editor, e.items, e.filterItem, n, t]);
   return /* @__PURE__ */ a(
     L,
     {
       editor: e == null ? void 0 : e.editor,
-      shouldShow: r,
+      shouldShow: e.showShow ?? r,
       tippyOptions: sc,
       children: i != null && i.length ? /* @__PURE__ */ a("div", { className: "pointer-events-auto w-auto select-none rounded-sm !border border-neutral-200 bg-background px-3 py-2 shadow-sm transition-all dark:border-neutral-800", children: /* @__PURE__ */ a("div", { className: "relative flex h-[26px] flex-nowrap items-center justify-start gap-[4px] whitespace-nowrap", children: i == null ? void 0 : i.map((o, s) => (o == null ? void 0 : o.type) === "divider" ? /* @__PURE__ */ a(
         U,
@@ -2720,7 +2722,7 @@ function ct({ children: e, vertical: t }) {
 function cc({ editor: e, disabled: t }) {
   var c, l, d, f, u, h;
   const { t: n } = D(), r = O(
-    ({ view: m, state: g, from: v }) => !g || !v ? !1 : vn({ editor: e, view: m, state: g, from: v }),
+    ({ view: m, state: g, from: y }) => !g || !y ? !1 : vn({ editor: e, view: m, state: g, from: y }),
     [e]
   );
   function i() {
@@ -2790,7 +2792,7 @@ function cc({ editor: e, disabled: t }) {
 function dc({ editor: e, disabled: t }) {
   var c, l, d, f, u, h;
   const { t: n } = D(), r = O(
-    ({ view: m, state: g, from: v }) => g ? yn({ editor: e, view: m, state: g, from: v || 0 }) : !1,
+    ({ view: m, state: g, from: y }) => g ? yn({ editor: e, view: m, state: g, from: y || 0 }) : !1,
     [e]
   );
   function i() {
@@ -2857,11 +2859,11 @@ function dc({ editor: e, disabled: t }) {
   );
 }
 function uc({ editor: e, disabled: t, actions: n, ...r }) {
-  var v, x, A, _, E, b;
-  const i = ({ editor: y, view: T, state: w, from: P }) => {
-    const { selection: B } = y.view.state, { $from: k, to: S } = B;
-    return k.pos === S || !w || !P ? !1 : B instanceof pn || vn({ editor: y, view: T, state: w, from: P }) || yn({ editor: y, view: T, state: w, from: P });
-  }, o = ({ editor: y }) => Fr(y.view.state, "table"), s = (y) => o(y) && !i(y), { t: c, lang: l } = D();
+  var y, x, A, _, E, b;
+  const i = ({ editor: v, view: T, state: w, from: P }) => {
+    const { selection: M } = v.view.state, { $from: k, to: S } = M;
+    return k.pos === S || !w || !P ? !1 : M instanceof pn || vn({ editor: v, view: T, state: w, from: P }) || yn({ editor: v, view: T, state: w, from: P });
+  }, o = ({ editor: v }) => Fr(v.view.state, "table"), s = (v) => o(v) && !i(v), { t: c, lang: l } = D();
   function d() {
     e.chain().focus().mergeCells().run();
   }
@@ -2871,17 +2873,17 @@ function uc({ editor: e, disabled: t, actions: n, ...r }) {
   function u() {
     e.chain().focus().deleteTable().run();
   }
-  function h(y) {
-    e.chain().focus().setTableCellBackground(y).run();
+  function h(v) {
+    e.chain().focus().setTableCellBackground(v).run();
   }
   const m = () => {
     var k;
     const {
-      view: y,
+      view: v,
       state: {
         selection: { from: T }
       }
-    } = e, w = y.domAtPos(T).node;
+    } = e, w = v.domAtPos(T).node;
     if (!w)
       return new DOMRect(-1e3, -1e3, 0, 0);
     const P = (k = w == null ? void 0 : w.closest) == null ? void 0 : k.call(w, ".tableWrapper");
@@ -2906,7 +2908,7 @@ function uc({ editor: e, disabled: t, actions: n, ...r }) {
       },
       children: /* @__PURE__ */ p(ct, { children: [
         n && /* @__PURE__ */ p(N, { children: [
-          n.map((y, T) => /* @__PURE__ */ a(C, { ...y }, T)),
+          n.map((v, T) => /* @__PURE__ */ a(C, { ...v }, T)),
           /* @__PURE__ */ a(
             U,
             {
@@ -2916,12 +2918,12 @@ function uc({ editor: e, disabled: t, actions: n, ...r }) {
           )
         ] }),
         r.items && /* @__PURE__ */ p(N, { children: [
-          g.map((y, T) => /* @__PURE__ */ a(
+          g.map((v, T) => /* @__PURE__ */ a(
             ir,
             {
               disabled: t,
               editor: e,
-              item: y
+              item: v
             },
             T
           )),
@@ -2937,7 +2939,7 @@ function uc({ editor: e, disabled: t, actions: n, ...r }) {
           C,
           {
             action: d,
-            disabled: !((x = (v = e == null ? void 0 : e.can()) == null ? void 0 : v.mergeCells) != null && x.call(v)),
+            disabled: !((x = (y = e == null ? void 0 : e.can()) == null ? void 0 : y.mergeCells) != null && x.call(y)),
             icon: "TableCellsMerge",
             tooltip: c("editor.table.menu.mergeCells"),
             "tooltip-options": {
@@ -3529,7 +3531,7 @@ function Ic(e, t) {
   const { content: n, extensions: r, useEditorOptions: i = {} } = e, o = mr(), s = F(() => {
     const u = nl(r, r, "name");
     return [...r.map((m) => {
-      const g = r.find((v) => v.name === m.name);
+      const g = r.find((y) => y.name === m.name);
       return g ? m.configure(g.options) : m;
     }), ...u].map((m, g) => m.configure({ sort: g }));
   }, [r]), c = Xr((u) => {
@@ -3614,6 +3616,7 @@ function Ic(e, t) {
 }
 const Wc = hr(Ic);
 export {
+  C as ActionButton,
   L as BubbleMenu,
   Wc as default,
   Gc as useEditorState