reactjs-tiptap-editor 0.2.19 → 0.2.21

package/lib/extension-bundle.js

@@ -1,9 +1,9 @@
-import { a as yt, I as kt, U as vt, S as Ct, C as Nt, f as ce, N as le, b as At, c as Tt, R as He, F as Lt, H as St, T as Et, E as N, d as Ht, e as Mt, g as zt, h as pe, O as Rt, i as Pt, j as It, k as Bt, L as jt, l as Dt, m as we, n as Ot, o as $t, D as Ft, P as Ut, p as qt, q as Kt, G as Vt, r as Wt, s as Gt, t as Zt, u as Jt, v as Qt, w as Yt, x as nt, y as it, z as at, A as Me, J as Xt, K as en, M as tn, Q as nn, V as an } from "./tiptap-BV9BUpUC.js";
+import { a as yt, I as kt, U as vt, S as Ct, C as Nt, f as ce, N as le, b as At, c as Tt, R as He, F as Lt, H as St, T as Et, E as N, d as Ht, e as Mt, g as zt, h as we, O as Rt, i as Pt, j as It, k as Bt, L as jt, l as Dt, m as pe, n as Ot, o as $t, D as Ft, P as Ut, p as qt, q as Kt, G as Vt, r as Wt, s as Gt, t as Zt, u as Jt, v as Qt, w as Yt, x as nt, y as it, z as at, A as Me, J as Xt, K as en, M as tn, Q as nn, V as an } from "./tiptap-BV9BUpUC.js";
 import { P as te, b as Z, $ as de, a0 as he, al as R, am as on, T as ot, A as rn, a4 as sn, an as cn, ao as ln } from "./vendor-DyAqAGVt.js";
 import { jsxs as m, jsx as r, Fragment as ye } from "react/jsx-runtime";
 import * as J from "react";
 import dn, { useMemo as P, useState as v, useRef as G, useCallback as F, Fragment as ze, forwardRef as Re, useImperativeHandle as Pe, useEffect as M } from "react";
-import { ChevronDown as Ie, Check as hn, ChevronUp as un, Copy as mn, CopyCheck as fn, SearchIcon as _n, LoaderIcon as gn, LucideTableProperties as bn, LucideSheet as xn, LucideImage as pn, LucideFile as wn, LucideVideo as yn, LucideAudioLines as kn } from "lucide-react";
+import { ChevronDown as Ie, Check as hn, ChevronUp as un, Copy as mn, CopyCheck as fn, SearchIcon as _n, LoaderIcon as gn, LucideTableProperties as bn, LucideSheet as xn, LucideImage as wn, LucideFile as pn, LucideVideo as yn, LucideAudioLines as kn } from "lucide-react";
 import { i as Be, T as ke, a as ve, B as V, b as Ce, g as je, A as x, D as Q, c as Y, d as X, e as vn, f as S, u as De, h as Cn, I as z, j as ne, k as rt, l as Se, m as Nn, n as Oe, P as ie, o as ae, p as oe, q as $e, C as An, H as Tn, L as Ln, r as Sn, M as En, s as Hn, t as Ke, v as me, w as K, E as D, x as Mn, y as zn, V as Rn, z as Ve, F as Ne, G as We, S as Pn, J as In, K as Bn, N as j, O as jn, Q as Dn, U as On, W as $n, X as Fn, Y as st } from "./RichTextEditor-aaUynZc2.js";
 import { a3 as Vo, $ as Wo, Z as Go, a0 as Zo, _ as Jo, a1 as Qo, a2 as Yo } from "./RichTextEditor-aaUynZc2.js";
 import { M as Un, D as ct, u as B, f as qn, g as Kn, h as Ge, i as A, j as lt, k as Vn, T as fe, m as _e, n as ge } from "./index-8id9bPv5.js";
@@ -16,21 +16,21 @@ import { EmojiPicker as W } from "frimousse";
 import { Packer as Zn, WidthType as Jn } from "docx";
 import { DocxSerializer as Qn, defaultNodes as U, defaultMarks as Yn } from "prosemirror-docx";
 const qe = dn.forwardRef(
-  ({ asChild: e, ...t }, i) => {
+  ({ asChild: e, ...t }, n) => {
     var o;
-    const n = Be[t.icon];
+    const i = Be[t.icon];
     return /* @__PURE__ */ m(ke, { children: [
       /* @__PURE__ */ r(ve, { asChild: !0, children: /* @__PURE__ */ r(
         e ? Gn : V,
         {
           className: "richtext-h-[32px] richtext-min-w-24 richtext-overflow-hidden richtext-px-[5px]  richtext-py-0",
           disabled: t == null ? void 0 : t.disabled,
-          ref: i,
+          ref: n,
           variant: "ghost",
           ...t,
           children: /* @__PURE__ */ m("div", { className: "richtext-flex richtext-h-full richtext-items-center richtext-font-normal", children: [
             (t == null ? void 0 : t.title) && /* @__PURE__ */ r("div", { className: "richtext-grow richtext-truncate richtext-text-left richtext-text-sm", children: t == null ? void 0 : t.title }),
-            n && /* @__PURE__ */ r(n, { className: "richtext-ml-1 richtext-size-3 richtext-shrink-0 richtext-text-zinc-500" })
+            i && /* @__PURE__ */ r(i, { className: "richtext-ml-1 richtext-size-3 richtext-shrink-0 richtext-text-zinc-500" })
           ] })
         }
       ) }),
@@ -45,7 +45,7 @@ const qe = dn.forwardRef(
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.toggleBold(),
@@ -53,7 +53,7 @@ const qe = dn.forwardRef(
           disabled: !t.can().toggleBold(),
           icon: "Bold",
           shortcutKeys: ["mod", "B"],
-          tooltip: i("editor.bold.tooltip")
+          tooltip: n("editor.bold.tooltip")
         }
       })
     };
@@ -63,7 +63,7 @@ const qe = dn.forwardRef(
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button({ editor: t, t: i }) {
+      button({ editor: t, t: n }) {
         return {
           component: x,
           componentProps: {
@@ -72,7 +72,7 @@ const qe = dn.forwardRef(
             disabled: !t.can().toggleItalic(),
             shortcutKeys: ["mod", "I"],
             icon: "Italic",
-            tooltip: i("editor.italic.tooltip")
+            tooltip: n("editor.italic.tooltip")
           }
         };
       }
@@ -83,7 +83,7 @@ const qe = dn.forwardRef(
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button({ editor: t, t: i }) {
+      button({ editor: t, t: n }) {
         return {
           component: x,
           componentProps: {
@@ -92,7 +92,7 @@ const qe = dn.forwardRef(
             disabled: !t.can().toggleUnderline(),
             icon: "Underline",
             shortcutKeys: ["mod", "U"],
-            tooltip: i("editor.underline.tooltip")
+            tooltip: n("editor.underline.tooltip")
           }
         };
       }
@@ -103,7 +103,7 @@ const qe = dn.forwardRef(
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.toggleStrike(),
@@ -111,7 +111,7 @@ const qe = dn.forwardRef(
           disabled: !t.can().toggleStrike(),
           icon: "Strikethrough",
           shortcutKeys: ["shift", "mod", "S"],
-          tooltip: i("editor.strike.tooltip")
+          tooltip: n("editor.strike.tooltip")
         }
       })
     };
@@ -121,7 +121,7 @@ const qe = dn.forwardRef(
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.toggleCode(),
@@ -129,7 +129,7 @@ const qe = dn.forwardRef(
           disabled: !t.can().toggleCode(),
           icon: "Code",
           shortcutKeys: ["mod", "E"],
-          tooltip: i("editor.code.tooltip")
+          tooltip: n("editor.code.tooltip")
         }
       })
     };
@@ -143,12 +143,12 @@ function Xn() {
 function ei(e) {
   if (!I && !re) {
     const t = e.themes.filter(
-      (n) => !!n && n in dt
-    ), i = e.languages.filter(
-      (n) => !!n && n in ht
+      (i) => !!i && i in dt
+    ), n = e.languages.filter(
+      (i) => !!i && i in ht
     );
-    return re = Wn({ themes: t, langs: i }).then((n) => {
-      I = n;
+    return re = Wn({ themes: t, langs: n }).then((i) => {
+      I = i;
     }), re;
   }
   if (re)
@@ -163,15 +163,15 @@ async function mt(e) {
 async function ti({
   doc: e,
   name: t,
-  defaultTheme: i,
-  defaultLanguage: n
+  defaultTheme: n,
+  defaultLanguage: i
 }) {
   const a = ce(e, (c) => c.type.name === t), o = [
     ...a.map((c) => c.node.attrs.theme),
-    i
+    n
   ], s = [
     ...a.map((c) => c.node.attrs.language),
-    n
+    i
   ];
   I ? await Promise.all([
     ...o.flatMap((c) => ut(c)),
@@ -181,13 +181,13 @@ async function ti({
 function Ze({
   doc: e,
   name: t,
-  defaultTheme: i,
-  defaultLanguage: n
+  defaultTheme: n,
+  defaultLanguage: i
 }) {
   const a = [];
   return ce(e, (s) => s.type.name === t).forEach((s) => {
-    let c = s.pos + 1, h = s.node.attrs.language || n;
-    const d = s.node.attrs.theme || i, l = Xn();
+    let c = s.pos + 1, h = s.node.attrs.language || i;
+    const d = s.node.attrs.theme || n, l = Xn();
     if (!l)
       return;
     l.getLoadedLanguages().includes(h) || (h = "plaintext");
@@ -196,11 +196,11 @@ function Ze({
       theme: u
     });
     for (const _ of f) {
-      for (const p of _) {
-        const w = c + p.content.length, T = he.inline(c, w, {
-          style: `color: ${p.color}`
+      for (const w of _) {
+        const p = c + w.content.length, T = he.inline(c, p, {
+          style: `color: ${w.color}`
         });
-        a.push(T), c = w;
+        a.push(T), c = p;
       }
       c += 1;
     }
@@ -209,9 +209,9 @@ function Ze({
 function ni({
   name: e,
   defaultLanguage: t,
-  defaultTheme: i
+  defaultTheme: n
 }) {
-  const n = new te({
+  const i = new te({
     key: new Z("shiki"),
     view(a) {
       class o {
@@ -226,7 +226,7 @@ function ni({
         // Initialize shiki async, and then highlight initial document
         async initDecorations() {
           const c = a.state.doc;
-          await ti({ doc: c, name: e, defaultLanguage: t, defaultTheme: i });
+          await ti({ doc: c, name: e, defaultLanguage: t, defaultTheme: n });
           const h = a.state.tr.setMeta("shikiPluginForceDecoration", !0);
           a.dispatch(h);
         }
@@ -255,7 +255,7 @@ function ni({
         doc: o,
         name: e,
         defaultLanguage: t,
-        defaultTheme: i
+        defaultTheme: n
       }),
       apply: (a, o, s, c) => {
         const h = s.selection.$head.parent.type.name, d = c.selection.$head.parent.type.name, l = ce(
@@ -264,26 +264,26 @@ function ni({
         ), u = ce(
           c.doc,
           (_) => _.type.name === e
-        ), f = a.docChanged && ([h, d].includes(e) || u.length !== l.length || a.steps.some((_) => _.from !== void 0 && _.to !== void 0 && l.some((p) => p.pos >= _.from && p.pos + p.node.nodeSize <= _.to)));
+        ), f = a.docChanged && ([h, d].includes(e) || u.length !== l.length || a.steps.some((_) => _.from !== void 0 && _.to !== void 0 && l.some((w) => w.pos >= _.from && w.pos + w.node.nodeSize <= _.to)));
         return a.getMeta("shikiPluginForceDecoration") || f ? Ze({
           doc: a.doc,
           name: e,
           defaultLanguage: t,
-          defaultTheme: i
+          defaultTheme: n
         }) : o.map(a.mapping, a.doc);
       }
     },
     props: {
       //@ts-expect-error
       decorations(a) {
-        return n.getState(a);
+        return i.getState(a);
       }
     }
   });
-  return n;
+  return i;
 }
-function ii({ action: e, languages: t, ...i }) {
-  const n = (o) => {
+function ii({ action: e, languages: t, ...n }) {
+  const i = (o) => {
     e(o);
   }, a = P(() => t == null ? void 0 : t.map((o) => ({
     title: Un[o] || o,
@@ -291,26 +291,26 @@ function ii({ action: e, languages: t, ...i }) {
     language: o
   })), [t]);
   return /* @__PURE__ */ m(Q, { children: [
-    /* @__PURE__ */ r(Y, { disabled: i == null ? void 0 : i.disabled, asChild: !0, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(Y, { disabled: n == null ? void 0 : n.disabled, asChild: !0, children: /* @__PURE__ */ r(
       x,
       {
-        tooltip: i == null ? void 0 : i.tooltip,
-        disabled: i == null ? void 0 : i.disabled,
-        icon: i == null ? void 0 : i.icon
+        tooltip: n == null ? void 0 : n.tooltip,
+        disabled: n == null ? void 0 : n.disabled,
+        icon: n == null ? void 0 : n.icon
       }
     ) }),
-    /* @__PURE__ */ r(X, { className: "richtext-w-full !richtext-max-h-[180px] !richtext-overflow-y-scroll", children: a == null ? void 0 : a.map((o) => /* @__PURE__ */ r(vn, { onClick: () => n(o.language), children: /* @__PURE__ */ r("div", { className: "richtext-h-full richtext-ml-1", children: o.title }) }, `codeblock-${o.title}`)) })
+    /* @__PURE__ */ r(X, { className: "richtext-w-full !richtext-max-h-[180px] !richtext-overflow-y-scroll", children: a == null ? void 0 : a.map((o) => /* @__PURE__ */ r(vn, { onClick: () => i(o.language), children: /* @__PURE__ */ r("div", { className: "richtext-h-full richtext-ml-1", children: o.title }) }, `codeblock-${o.title}`)) })
   ] });
 }
-const ai = C.Root, oi = C.Value, ft = J.forwardRef(({ className: e, children: t, ...i }, n) => /* @__PURE__ */ m(
+const ai = C.Root, oi = C.Value, ft = J.forwardRef(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ m(
   C.Trigger,
   {
-    ref: n,
+    ref: i,
     className: S(
       "richtext-flex richtext-h-10 richtext-w-full richtext-items-center richtext-justify-between richtext-rounded-md richtext-border richtext-border-input richtext-bg-background richtext-px-3 richtext-py-2 richtext-text-sm richtext-ring-offset-background placeholder:richtext-text-muted-foreground focus:richtext-outline-none focus:richtext-ring-2 focus:richtext-ring-ring focus:richtext-ring-offset-2 disabled:richtext-cursor-not-allowed disabled:richtext-opacity-50 [&>span]:richtext-line-clamp-1",
       e
     ),
-    ...i,
+    ...n,
     children: [
       t,
       /* @__PURE__ */ r(C.Icon, { asChild: !0, children: /* @__PURE__ */ r(Ie, { className: "richtext-h-4 richtext-w-4 richtext-opacity-50" }) })
@@ -318,10 +318,10 @@ const ai = C.Root, oi = C.Value, ft = J.forwardRef(({ className: e, children: t,
   }
 ));
 ft.displayName = C.Trigger.displayName;
-const _t = J.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ r(
+const _t = J.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
   C.ScrollUpButton,
   {
-    ref: i,
+    ref: n,
     className: S(
       "richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",
       e
@@ -331,10 +331,10 @@ const _t = J.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ r(
   }
 ));
 _t.displayName = C.ScrollUpButton.displayName;
-const gt = J.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ r(
+const gt = J.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
   C.ScrollDownButton,
   {
-    ref: i,
+    ref: n,
     className: S(
       "richtext-flex richtext-cursor-default richtext-items-center richtext-justify-center richtext-py-1",
       e
@@ -344,17 +344,17 @@ const gt = J.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ r(
   }
 ));
 gt.displayName = C.ScrollDownButton.displayName;
-const bt = J.forwardRef(({ className: e, children: t, position: i = "popper", ...n }, a) => /* @__PURE__ */ r(C.Portal, { children: /* @__PURE__ */ m(
+const bt = J.forwardRef(({ className: e, children: t, position: n = "popper", ...i }, a) => /* @__PURE__ */ r(C.Portal, { children: /* @__PURE__ */ m(
   C.Content,
   {
     ref: a,
     className: S(
       "richtext-relative richtext-z-50 richtext-max-h-60 richtext-overflow-y-auto richtext-min-w-[8rem] richtext-overflow-hidden richtext-rounded-md richtext-border richtext-bg-popover richtext-text-popover-foreground richtext-shadow-md data-[state=open]:richtext-animate-in data-[state=closed]:richtext-animate-out data-[state=closed]:richtext-fade-out-0 data-[state=open]:richtext-fade-in-0 data-[state=closed]:richtext-zoom-out-95 data-[state=open]:richtext-zoom-in-95 data-[side=bottom]:richtext-slide-in-from-top-2 data-[side=left]:richtext-slide-in-from-right-2 data-[side=right]:richtext-slide-in-from-left-2 data-[side=top]:richtext-slide-in-from-bottom-2",
-      i === "popper" && "data-[side=bottom]:richtext-translate-y-1 data-[side=left]:richtext--translate-x-1 data-[side=right]:richtext-translate-x-1 data-[side=top]:richtext--translate-y-1",
+      n === "popper" && "data-[side=bottom]:richtext-translate-y-1 data-[side=left]:richtext--translate-x-1 data-[side=right]:richtext-translate-x-1 data-[side=top]:richtext--translate-y-1",
       e
     ),
-    position: i,
-    ...n,
+    position: n,
+    ...i,
     children: [
       /* @__PURE__ */ r(_t, {}),
       /* @__PURE__ */ r(
@@ -362,7 +362,7 @@ const bt = J.forwardRef(({ className: e, children: t, position: i = "popper", ..
         {
           className: S(
             "richtext-p-1",
-            i === "popper" && "richtext-h-[var(--radix-select-trigger-height)] richtext-w-full richtext-min-w-[var(--radix-select-trigger-width)]"
+            n === "popper" && "richtext-h-[var(--radix-select-trigger-height)] richtext-w-full richtext-min-w-[var(--radix-select-trigger-width)]"
           ),
           children: t
         }
@@ -372,24 +372,24 @@ const bt = J.forwardRef(({ className: e, children: t, position: i = "popper", ..
   }
 ) }));
 bt.displayName = C.Content.displayName;
-const ri = J.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ r(
+const ri = J.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
   C.Label,
   {
-    ref: i,
+    ref: n,
     className: S("richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-font-semibold", e),
     ...t
   }
 ));
 ri.displayName = C.Label.displayName;
-const Ee = J.forwardRef(({ className: e, children: t, ...i }, n) => /* @__PURE__ */ m(
+const Ee = J.forwardRef(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ m(
   C.Item,
   {
-    ref: n,
+    ref: i,
     className: S(
       "richtext-relative richtext-flex richtext-w-full richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-py-1.5 richtext-pl-8 richtext-pr-2 richtext-text-sm richtext-outline-none focus:richtext-bg-accent focus:richtext-text-accent-foreground data-[disabled]:richtext-pointer-events-none data-[disabled]:richtext-opacity-50",
       e
     ),
-    ...i,
+    ...n,
     children: [
       /* @__PURE__ */ r("span", { className: "richtext-absolute richtext-left-2 richtext-flex richtext-h-3.5 richtext-w-3.5 richtext-items-center richtext-justify-center", children: /* @__PURE__ */ r(C.ItemIndicator, { children: /* @__PURE__ */ r(hn, { className: "richtext-h-4 richtext-w-4" }) }) }),
       /* @__PURE__ */ r(C.ItemText, { children: t })
@@ -397,10 +397,10 @@ const Ee = J.forwardRef(({ className: e, children: t, ...i }, n) => /* @__PURE__
   }
 ));
 Ee.displayName = C.Item.displayName;
-const si = J.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ r(
+const si = J.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
   C.Separator,
   {
-    ref: i,
+    ref: n,
     className: S("richtext--mx-1 richtext-my-1 richtext-h-px richtext-bg-muted", e),
     ...t
   }
@@ -408,9 +408,9 @@ const si = J.forwardRef(({ className: e, ...t }, i) => /* @__PURE__ */ r(
 si.displayName = C.Separator.displayName;
 function ci() {
   const [e, t] = v(!1);
-  return { isCopied: e, copyToClipboard: async (n) => {
+  return { isCopied: e, copyToClipboard: async (i) => {
     try {
-      await navigator.clipboard.writeText(n), t(!0), setTimeout(() => t(!1), 2e3);
+      await navigator.clipboard.writeText(i), t(!0), setTimeout(() => t(!1), 2e3);
     } catch (a) {
       console.error("Failed to copy text: ", a), t(!1);
     }
@@ -426,12 +426,12 @@ const li = "_wrap_134f4_1", di = "_maxHeight_134f4_10", hi = "_btnCopy_134f4_13"
   selectLang: _i,
   copied: gi
 };
-function bi({ editor: e, node: { attrs: t }, updateAttributes: i, extension: n }) {
+function bi({ editor: e, node: { attrs: t }, updateAttributes: n, extension: i }) {
   var f, _;
   const { isCopied: a, copyToClipboard: o } = ci(), s = P(() => {
-    var p;
-    return (p = n.options.languages) != null && p.length ? n.options.languages : ct;
-  }, [n.options.languages]), c = De(), h = (_ = (f = e == null ? void 0 : e.options) == null ? void 0 : f.editorProps) == null ? void 0 : _.print, { language: d } = t, l = G(null), u = F(() => Cn(xi.name, e), [e]);
+    var w;
+    return (w = i.options.languages) != null && w.length ? i.options.languages : ct;
+  }, [i.options.languages]), c = De(), h = (_ = (f = e == null ? void 0 : e.options) == null ? void 0 : f.editorProps) == null ? void 0 : _.print, { language: d } = t, l = G(null), u = F(() => Cn(xi.name, e), [e]);
   return /* @__PURE__ */ m(le, { className: R($.wrap, !h && $.maxHeight, "render-wrapper"), children: [
     /* @__PURE__ */ m(
       "div",
@@ -466,18 +466,18 @@ function bi({ editor: e, node: { attrs: t }, updateAttributes: i, extension: n }
             {
               defaultValue: d || "auto",
               disabled: !c,
-              onValueChange: (p) => i({ language: p }),
+              onValueChange: (w) => n({ language: w }),
               children: [
                 /* @__PURE__ */ r(ft, { children: /* @__PURE__ */ r(oi, { placeholder: "Language" }) }),
                 /* @__PURE__ */ m(bt, { className: "richtext-max-h-60 richtext-overflow-y-auto", children: [
                   /* @__PURE__ */ r(Ee, { value: "auto", children: "Auto" }),
-                  s.map((p, w) => /* @__PURE__ */ r(
+                  s.map((w, p) => /* @__PURE__ */ r(
                     Ee,
                     {
-                      value: p,
-                      children: p.charAt(0).toUpperCase() + p.slice(1)
+                      value: w,
+                      children: w.charAt(0).toUpperCase() + w.slice(1)
                     },
-                    `code-lang-${w}`
+                    `code-lang-${p}`
                   ))
                 ] })
               ]
@@ -495,9 +495,9 @@ const xi = Tt.extend({
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
       languages: [],
-      button: ({ editor: t, t: i, extension: n }) => {
+      button: ({ editor: t, t: n, extension: i }) => {
         var o, s, c;
-        const a = (s = (o = n == null ? void 0 : n.options) == null ? void 0 : o.languages) != null && s.length ? (c = n == null ? void 0 : n.options) == null ? void 0 : c.languages : ct;
+        const a = (s = (o = i == null ? void 0 : i.options) == null ? void 0 : o.languages) != null && s.length ? (c = i == null ? void 0 : i.options) == null ? void 0 : c.languages : ct;
         return {
           component: ii,
           componentProps: {
@@ -507,7 +507,7 @@ const xi = Tt.extend({
             isActive: () => t.isActive("codeBlock") || !1,
             disabled: !t.can().toggleCodeBlock(),
             icon: "Code2",
-            tooltip: i("editor.codeblock.tooltip"),
+            tooltip: n("editor.codeblock.tooltip"),
             languages: a
           }
         };
@@ -529,9 +529,9 @@ const xi = Tt.extend({
     ];
   }
 });
-function pi(e) {
+function wi(e) {
   var a, o, s;
-  const { t, lang: i } = B(), n = P(() => {
+  const { t, lang: n } = B(), i = P(() => {
     var d;
     const c = (d = e == null ? void 0 : e.items) == null ? void 0 : d.find((l) => l.isActive());
     return c && !c.default ? {
@@ -543,7 +543,7 @@ function pi(e) {
       disabled: !1,
       action: () => e.editor.chain().focus().unsetFontFamily().run()
     };
-  }, [t, i, e]);
+  }, [t, n, e]);
   return /* @__PURE__ */ m(Q, { children: [
     /* @__PURE__ */ r(
       Y,
@@ -555,7 +555,7 @@ function pi(e) {
           {
             disabled: e == null ? void 0 : e.disabled,
             icon: "MenuDown",
-            title: ((a = n == null ? void 0 : n.font) == null ? void 0 : a.length) > 7 ? `${(o = n == null ? void 0 : n.font) == null ? void 0 : o.slice(0, 6)}...` : n == null ? void 0 : n.font,
+            title: ((a = i == null ? void 0 : i.font) == null ? void 0 : a.length) > 7 ? `${(o = i == null ? void 0 : i.font) == null ? void 0 : o.slice(0, 6)}...` : i == null ? void 0 : i.font,
             tooltip: e == null ? void 0 : e.tooltip
           }
         )
@@ -567,7 +567,7 @@ function pi(e) {
         /* @__PURE__ */ r(
           ne,
           {
-            checked: (n == null ? void 0 : n.font) === c.font,
+            checked: (i == null ? void 0 : i.font) === c.font,
             onClick: c.action,
             children: /* @__PURE__ */ r(
               "div",
@@ -590,9 +590,9 @@ const fo = Lt.extend({
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
       fontFamilyList: qn,
-      button({ editor: t, extension: i, t: n }) {
+      button({ editor: t, extension: n, t: i }) {
         var d;
-        const { extensions: a = [] } = t.extensionManager ?? [], o = Se(((d = i == null ? void 0 : i.options) == null ? void 0 : d.fontFamilyList) || []), s = a.find(
+        const { extensions: a = [] } = t.extensionManager ?? [], o = Se(((d = n == null ? void 0 : n.options) == null ? void 0 : d.fontFamilyList) || []), s = a.find(
           (l) => l.name === "base-kit"
         ), c = o.map((l) => ({
           action: () => {
@@ -607,14 +607,14 @@ const fo = Lt.extend({
           action: () => t.chain().focus().unsetFontFamily().run(),
           isActive: () => !1,
           disabled: !1,
-          font: n("editor.fontFamily.default.tooltip"),
-          title: n("editor.fontFamily.tooltip")
+          font: i("editor.fontFamily.default.tooltip"),
+          title: i("editor.fontFamily.tooltip")
         });
         const h = c.filter((l) => l.disabled).length === c.length;
         return {
-          component: pi,
+          component: wi,
           componentProps: {
-            tooltip: n("editor.fontFamily.tooltip"),
+            tooltip: i("editor.fontFamily.tooltip"),
             disabled: h,
             items: c,
             editor: t
@@ -624,13 +624,13 @@ const fo = Lt.extend({
     };
   }
 });
-function wi(e) {
-  var i;
+function pi(e) {
+  var n;
   const t = P(() => {
     var o;
-    const n = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
-    return n && !n.default ? {
-      ...n
+    const i = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
+    return i && !i.default ? {
+      ...i
     } : {
       title: e.tooltip,
       level: 0,
@@ -654,21 +654,21 @@ function wi(e) {
         )
       }
     ),
-    /* @__PURE__ */ r(X, { className: "richtext-w-full", children: (i = e == null ? void 0 : e.items) == null ? void 0 : i.map((n, a) => {
+    /* @__PURE__ */ r(X, { className: "richtext-w-full", children: (n = e == null ? void 0 : e.items) == null ? void 0 : n.map((i, a) => {
       var o, s;
       return /* @__PURE__ */ m(ze, { children: [
         /* @__PURE__ */ m(
           ne,
           {
-            checked: (t == null ? void 0 : t.title) === n.title,
-            onClick: n.action,
+            checked: (t == null ? void 0 : t.title) === i.title,
+            onClick: i.action,
             children: [
-              /* @__PURE__ */ r("div", { className: `heading- richtext-ml-1 richtext-h-full${n.level}`, children: n.title }),
-              !!((o = n == null ? void 0 : n.shortcutKeys) != null && o.length) && /* @__PURE__ */ r(Nn, { className: "richtext-pl-4", children: (s = n == null ? void 0 : n.shortcutKeys) == null ? void 0 : s.map((c) => Oe(c)).join(" ") })
+              /* @__PURE__ */ r("div", { className: `heading- richtext-ml-1 richtext-h-full${i.level}`, children: i.title }),
+              !!((o = i == null ? void 0 : i.shortcutKeys) != null && o.length) && /* @__PURE__ */ r(Nn, { className: "richtext-pl-4", children: (s = i == null ? void 0 : i.shortcutKeys) == null ? void 0 : s.map((c) => Oe(c)).join(" ") })
             ]
           }
         ),
-        n.level === 0 && /* @__PURE__ */ r(rt, {})
+        i.level === 0 && /* @__PURE__ */ r(rt, {})
       ] }, `heading-k-${a}`);
     }) })
   ] });
@@ -679,15 +679,15 @@ const _o = St.extend({
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
       levels: [1, 2, 3, 4, 5, 6],
-      button({ editor: t, extension: i, t: n }) {
+      button({ editor: t, extension: n, t: i }) {
         var d;
-        const { extensions: a = [] } = t.extensionManager ?? [], o = ((d = i.options) == null ? void 0 : d.levels) || [], s = a.find(
+        const { extensions: a = [] } = t.extensionManager ?? [], o = ((d = n.options) == null ? void 0 : d.levels) || [], s = a.find(
           (l) => l.name === "base-kit"
         ), c = o.map((l) => ({
           action: () => t.commands.toggleHeading({ level: l }),
           isActive: () => t.isActive("heading", { level: l }) || !1,
           disabled: !t.can().toggleHeading({ level: l }),
-          title: n(`editor.heading.h${l}.tooltip`),
+          title: i(`editor.heading.h${l}.tooltip`),
           level: l,
           shortcutKeys: ["alt", "mod", `${l}`]
         }));
@@ -696,14 +696,14 @@ const _o = St.extend({
           isActive: () => t.isActive("paragraph") || !1,
           disabled: !t.can().setParagraph(),
           level: 0,
-          title: n("editor.paragraph.tooltip"),
+          title: i("editor.paragraph.tooltip"),
           shortcutKeys: ["alt", "mod", "0"]
         });
         const h = c.filter((l) => l.disabled).length === c.length;
         return {
-          component: wi,
+          component: pi,
           componentProps: {
-            tooltip: n("editor.heading.tooltip"),
+            tooltip: i("editor.heading.tooltip"),
             disabled: h,
             items: c,
             editor: t
@@ -714,13 +714,13 @@ const _o = St.extend({
   }
 });
 function yi(e) {
-  var i;
+  var n;
   const t = P(() => {
     var o;
-    const n = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
-    return n && !n.default ? {
-      ...n,
-      icon: n.icon ? n.icon : e.icon
+    const i = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
+    return i && !i.default ? {
+      ...i,
+      icon: i.icon ? i.icon : e.icon
     } : {
       title: e == null ? void 0 : e.tooltip,
       icon: e.icon,
@@ -757,23 +757,23 @@ function yi(e) {
         align: "start",
         className: "richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",
         side: "bottom",
-        children: (i = e == null ? void 0 : e.items) == null ? void 0 : i.map((n, a) => {
+        children: (n = e == null ? void 0 : e.items) == null ? void 0 : n.map((i, a) => {
           var o, s;
           return /* @__PURE__ */ m(ke, { children: [
             /* @__PURE__ */ r(ve, { asChild: !0, children: /* @__PURE__ */ r(
               $e,
               {
                 className: "richtext-size-7 richtext-p-1",
-                "data-state": t.title === n.title ? "on" : "off",
-                onClick: n == null ? void 0 : n.action,
-                pressed: t.title === n.title,
+                "data-state": t.title === i.title ? "on" : "off",
+                onClick: i == null ? void 0 : i.action,
+                pressed: t.title === i.title,
                 size: "sm",
-                children: (n == null ? void 0 : n.icon) && /* @__PURE__ */ r(z, { name: n.icon })
+                children: (i == null ? void 0 : i.icon) && /* @__PURE__ */ r(z, { name: i.icon })
               }
             ) }),
             /* @__PURE__ */ m(Ce, { className: "richtext-flex richtext-flex-col richtext-items-center", children: [
-              /* @__PURE__ */ r("span", { children: n.title }),
-              !!((o = n.shortcutKeys) != null && o.length) && /* @__PURE__ */ r("span", { children: (s = n.shortcutKeys) == null ? void 0 : s.map((c) => Oe(c)).join(" ") })
+              /* @__PURE__ */ r("span", { children: i.title }),
+              !!((o = i.shortcutKeys) != null && o.length) && /* @__PURE__ */ r("span", { children: (s = i.shortcutKeys) == null ? void 0 : s.map((c) => Oe(c)).join(" ") })
             ] })
           ] }, `text-align-${a}`);
         })
@@ -789,11 +789,11 @@ const go = Et.extend({
       types: ["heading", "paragraph", "list_item", "title"],
       button({
         editor: t,
-        extension: i,
-        t: n
+        extension: n,
+        t: i
       }) {
         var d;
-        const a = ((d = i.options) == null ? void 0 : d.alignments) || [], o = {
+        const a = ((d = n.options) == null ? void 0 : d.alignments) || [], o = {
           left: ["mod", "Shift", "L"],
           center: ["mod", "Shift", "E"],
           right: ["mod", "Shift", "R"],
@@ -806,13 +806,13 @@ const go = Et.extend({
         }, c = a.map((l) => {
           var u, f, _;
           return {
-            title: n(`editor.textalign.${l}.tooltip`),
+            title: i(`editor.textalign.${l}.tooltip`),
             icon: s[l],
             shortcutKeys: o[l],
             isActive: () => t.isActive({ textAlign: l }) || !1,
             action: () => {
-              var p, w;
-              return (w = (p = t.commands) == null ? void 0 : p.setTextAlign) == null ? void 0 : w.call(p, l);
+              var w, p;
+              return (p = (w = t.commands) == null ? void 0 : w.setTextAlign) == null ? void 0 : p.call(w, l);
             },
             disabled: !((_ = (f = (u = t == null ? void 0 : t.can) == null ? void 0 : u.call(t)) == null ? void 0 : f.setTextAlign) != null && _.call(f, l))
           };
@@ -821,7 +821,7 @@ const go = Et.extend({
           component: yi,
           componentProps: {
             icon: "AlignJustify",
-            tooltip: n("editor.textalign.tooltip"),
+            tooltip: i("editor.textalign.tooltip"),
             disabled: h,
             items: c
           }
@@ -831,8 +831,8 @@ const go = Et.extend({
   }
 });
 function ki(e) {
-  var n;
-  const { t } = B(), i = P(() => {
+  var i;
+  const { t } = B(), n = P(() => {
     const a = (e.items || []).find((s) => s.isActive());
     return a || {
       title: t("editor.fontSize.default.tooltip"),
@@ -850,16 +850,16 @@ function ki(e) {
           {
             disabled: e == null ? void 0 : e.disabled,
             icon: "MenuDown",
-            title: i == null ? void 0 : i.title,
+            title: n == null ? void 0 : n.title,
             tooltip: `${e == null ? void 0 : e.tooltip}`
           }
         )
       }
     ),
-    /* @__PURE__ */ r(X, { className: "richtext-max-h-96 richtext-w-32 richtext-overflow-y-auto", children: (n = e == null ? void 0 : e.items) == null ? void 0 : n.map((a, o) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(X, { className: "richtext-max-h-96 richtext-w-32 richtext-overflow-y-auto", children: (i = e == null ? void 0 : e.items) == null ? void 0 : i.map((a, o) => /* @__PURE__ */ r(
       ne,
       {
-        checked: i.title === a.title,
+        checked: n.title === a.title,
         onClick: a.action,
         children: /* @__PURE__ */ r("div", { className: "richtext-ml-1 richtext-h-full", children: a.title })
       },
@@ -875,10 +875,10 @@ const bo = N.create({
       ...(e = this.parent) == null ? void 0 : e.call(this),
       types: ["textStyle"],
       fontSizes: [...Kn],
-      button({ editor: t, extension: i, t: n }) {
+      button({ editor: t, extension: n, t: i }) {
         var h;
-        const a = Se(((h = i.options) == null ? void 0 : h.fontSizes) || Ge), o = Se([Ge])[0], s = a.map((d) => ({
-          title: d.value === o.value ? n("editor.fontSize.default.tooltip") : String(d.name),
+        const a = Se(((h = n.options) == null ? void 0 : h.fontSizes) || Ge), o = Se([Ge])[0], s = a.map((d) => ({
+          title: d.value === o.value ? i("editor.fontSize.default.tooltip") : String(d.name),
           isActive: () => {
             const { fontSize: l } = t.getAttributes("textStyle");
             return d.value === o.value && l === void 0 ? !0 : t.isActive({ fontSize: String(d.value) }) || !1;
@@ -898,7 +898,7 @@ const bo = N.create({
           component: ki,
           componentProps: {
             editor: t,
-            tooltip: n("editor.fontSize.tooltip"),
+            tooltip: i("editor.fontSize.tooltip"),
             disabled: c,
             items: s,
             maxHeight: 280
@@ -972,8 +972,8 @@ function vi({ fill: e }) {
   );
 }
 function Ci(e) {
-  const [t, i] = v(void 0);
-  function n(s) {
+  const [t, n] = v(void 0);
+  function i(s) {
     var c;
     (c = e.action) == null || c.call(e, s);
   }
@@ -983,7 +983,7 @@ function Ci(e) {
   }
   const o = F(
     on((s) => {
-      i(s);
+      n(s);
     }, 350),
     []
   );
@@ -994,7 +994,7 @@ function Ci(e) {
       {
         selectedColor: t,
         setSelectedColor: o,
-        onChange: n,
+        onChange: i,
         disabled: e == null ? void 0 : e.disabled,
         colors: e == null ? void 0 : e.colors,
         defaultColor: e == null ? void 0 : e.defaultColor,
@@ -1008,12 +1008,12 @@ const xo = Ht.extend({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button({ editor: t, t: i, extension: n }) {
+      button({ editor: t, t: n, extension: i }) {
         return {
           component: Ci,
           componentProps: {
-            colors: n.options.colors,
-            defaultColor: n.options.defaultColor,
+            colors: i.options.colors,
+            defaultColor: i.options.defaultColor,
             action: (a) => {
               a === void 0 && t.chain().focus().unsetColor().run(), typeof a == "string" && t.chain().focus().setColor(a).run();
             },
@@ -1023,39 +1023,39 @@ const xo = Ht.extend({
             },
             editor: t,
             disabled: !t.can().setColor(""),
-            tooltip: i("editor.color.tooltip")
+            tooltip: n("editor.color.tooltip")
           }
         };
       }
     };
   }
-}), po = Mt.extend({
+}), wo = Mt.extend({
   addOptions() {
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
       multicolor: !0,
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: Tn,
         componentProps: {
-          action: (n) => {
-            typeof n == "string" && t.chain().focus().setHighlight({ color: n }).run(), n === void 0 && t.chain().focus().unsetHighlight().run();
+          action: (i) => {
+            typeof i == "string" && t.chain().focus().setHighlight({ color: i }).run(), i === void 0 && t.chain().focus().unsetHighlight().run();
           },
           editor: t,
           isActive: () => t.isActive("highlight") || !1,
           disabled: !t.can().setHighlight(),
           shortcutKeys: ["⇧", "mod", "H"],
-          tooltip: i("editor.highlight.tooltip")
+          tooltip: n("editor.highlight.tooltip")
         }
       })
     };
   }
-}), wo = zt.extend({
+}), po = zt.extend({
   addOptions() {
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.toggleBulletList(),
@@ -1063,24 +1063,24 @@ const xo = Ht.extend({
           disabled: !1,
           shortcutKeys: ["shift", "mod", "8"],
           icon: "List",
-          tooltip: i("editor.bulletlist.tooltip")
+          tooltip: n("editor.bulletlist.tooltip")
         }
       })
     };
   }
-}), yo = pe.create({
+}), yo = we.create({
   name: "clear",
   addOptions() {
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.chain().focus().clearNodes().unsetAllMarks().run(),
           disabled: !t.can().chain().focus().clearNodes().unsetAllMarks().run(),
           icon: "Eraser",
-          tooltip: i("editor.clear.tooltip")
+          tooltip: n("editor.clear.tooltip")
         }
       })
     };
@@ -1090,7 +1090,7 @@ const xo = Ht.extend({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.toggleOrderedList(),
@@ -1098,7 +1098,7 @@ const xo = Ht.extend({
           disabled: !1,
           icon: "ListOrdered",
           shortcutKeys: ["mod", "shift", "7"],
-          tooltip: i("editor.orderedlist.tooltip")
+          tooltip: n("editor.orderedlist.tooltip")
         }
       })
     };
@@ -1116,7 +1116,7 @@ const xo = Ht.extend({
           class: "task-list-item"
         }
       },
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.toggleTaskList(),
@@ -1124,7 +1124,7 @@ const xo = Ht.extend({
           disabled: !1,
           icon: "ListTodo",
           shortcutKeys: ["shift", "mod", "9"],
-          tooltip: i("editor.tasklist.tooltip")
+          tooltip: n("editor.tasklist.tooltip")
         }
       })
     };
@@ -1140,7 +1140,7 @@ const xo = Ht.extend({
       HTMLAttributes: {
         class: "blockquote"
       },
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.toggleBlockquote(),
@@ -1148,18 +1148,18 @@ const xo = Ht.extend({
           disabled: !t.can().toggleBlockquote(),
           icon: "TextQuote",
           shortcutKeys: ["shift", "mod", "B"],
-          tooltip: i("editor.blockquote.tooltip")
+          tooltip: n("editor.blockquote.tooltip")
         }
       })
     };
   }
 });
 function Ni(e) {
-  const [t, i] = v(!1);
-  function n(a, o, s) {
-    e.action && (e.action({ link: a, text: o, openInNewTab: s }), i(!1));
+  const [t, n] = v(!1);
+  function i(a, o, s) {
+    e.action && (e.action({ link: a, text: o, openInNewTab: s }), n(!1));
   }
-  return /* @__PURE__ */ m(ie, { modal: !0, open: t, onOpenChange: i, children: [
+  return /* @__PURE__ */ m(ie, { modal: !0, open: t, onOpenChange: n, children: [
     /* @__PURE__ */ r(ae, { disabled: e == null ? void 0 : e.disabled, asChild: !0, children: /* @__PURE__ */ r(
       x,
       {
@@ -1169,7 +1169,7 @@ function Ni(e) {
         children: /* @__PURE__ */ r(z, { name: e == null ? void 0 : e.icon })
       }
     ) }),
-    /* @__PURE__ */ r(oe, { hideWhenDetached: !0, className: "richtext-w-full", align: "start", side: "bottom", children: /* @__PURE__ */ r(Ln, { editor: e.editor, onSetLink: n }) })
+    /* @__PURE__ */ r(oe, { hideWhenDetached: !0, className: "richtext-w-full", align: "start", side: "bottom", children: /* @__PURE__ */ r(Ln, { editor: e.editor, onSetLink: i }) })
   ] });
 }
 const No = jt.extend({
@@ -1184,7 +1184,7 @@ const No = jt.extend({
   renderHTML({ HTMLAttributes: e }) {
     return [
       "a",
-      we(this.options.HTMLAttributes, e, {
+      pe(this.options.HTMLAttributes, e, {
         class: "link"
       }),
       0
@@ -1195,12 +1195,12 @@ const No = jt.extend({
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
       openOnClick: !0,
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: Ni,
         componentProps: {
           editor: t,
-          action: (n) => {
-            const { link: a, text: o, openInNewTab: s } = n;
+          action: (i) => {
+            const { link: a, text: o, openInNewTab: s } = i;
             t.chain().extendMarkRange("link").insertContent({
               type: "text",
               text: o,
@@ -1219,7 +1219,7 @@ const No = jt.extend({
           isActive: () => t.isActive("link") || !1,
           disabled: !t.can().setLink({ href: "" }),
           icon: "Link",
-          tooltip: i("editor.link.tooltip")
+          tooltip: n("editor.link.tooltip")
         }
       })
     };
@@ -1229,10 +1229,10 @@ const No = jt.extend({
       new te({
         props: {
           handleClick: (e, t) => {
-            const { schema: i, doc: n, tr: a } = e.state, o = Dt(n.resolve(t), i.marks.link);
+            const { schema: n, doc: i, tr: a } = e.state, o = Dt(i.resolve(t), n.marks.link);
             if (!o)
               return !1;
-            const s = n.resolve(o.from), c = n.resolve(o.to), h = a.setSelection(new ot(s, c));
+            const s = i.resolve(o.from), c = i.resolve(o.to), h = a.setSelection(new ot(s, c));
             e.dispatch(h);
           }
         }
@@ -1243,7 +1243,7 @@ const No = jt.extend({
   renderHTML() {
     return [
       "div",
-      we(this.options.HTMLAttributes, {
+      pe(this.options.HTMLAttributes, {
         "data-type": this.name
       }),
       ["hr"]
@@ -1253,14 +1253,14 @@ const No = jt.extend({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.commands.setHorizontalRule(),
           disabled: !t.can().setHorizontalRule(),
           icon: "Minus",
           shortcutKeys: ["mod", "alt", "S"],
-          tooltip: i("editor.horizontalrule.tooltip")
+          tooltip: n("editor.horizontalrule.tooltip")
         }
       })
     };
@@ -1276,9 +1276,9 @@ function Ai(e) {
   const {
     icon: t = void 0,
     // title = undefined,
-    tooltip: i = void 0,
+    tooltip: n = void 0,
     // disabled = false,
-    customClass: n = "",
+    customClass: i = "",
     // color = undefined,
     // loading = false,
     // shortcutKeys = undefined,
@@ -1292,7 +1292,7 @@ function Ai(e) {
       $e,
       {
         size: "sm",
-        className: `richtext-w-[32px] richtext-h-[32px] ${n}`,
+        className: `richtext-w-[32px] richtext-h-[32px] ${i}`,
         disabled: s == null ? void 0 : s(),
         onClick: o,
         children: [
@@ -1301,8 +1301,8 @@ function Ai(e) {
         ]
       }
     ) }),
-    i && /* @__PURE__ */ r(Ce, { ...a, children: /* @__PURE__ */ m("div", { className: "richtext-flex richtext-flex-col richtext-items-center richtext-text-center richtext-max-w-24", children: [
-      /* @__PURE__ */ r("div", { children: i }),
+    n && /* @__PURE__ */ r(Ce, { ...a, children: /* @__PURE__ */ m("div", { className: "richtext-flex richtext-flex-col richtext-items-center richtext-text-center richtext-max-w-24", children: [
+      /* @__PURE__ */ r("div", { children: n }),
       !!((d = e == null ? void 0 : e.shortcutKeys) != null && d.length) && /* @__PURE__ */ r("span", { children: je(e == null ? void 0 : e.shortcutKeys) })
     ] }) })
   ] });
@@ -1314,17 +1314,17 @@ const Ti = ["undo", "redo"], To = $t.extend({
       ...(e = this.parent) == null ? void 0 : e.call(this),
       depth: 100,
       newGroupDelay: 500,
-      button: ({ editor: t, t: i }) => Ti.map((n) => ({
+      button: ({ editor: t, t: n }) => Ti.map((i) => ({
         component: Ai,
         componentProps: {
           action: () => {
-            n === "undo" && t.chain().focus().undo().run(), n === "redo" && t.chain().focus().redo().run();
+            i === "undo" && t.chain().focus().undo().run(), i === "redo" && t.chain().focus().redo().run();
           },
-          shortcutKeys: n === "undo" ? ["mod", "Z"] : ["shift", "mod", "Z"],
-          disabled: n === "undo" ? !t.can().undo() : !t.can().redo(),
-          isActive: () => n === "undo" ? !t.can().undo() : !t.can().redo(),
-          icon: n === "undo" ? "Undo2" : "Redo2",
-          tooltip: i(`editor.${n}.tooltip`)
+          shortcutKeys: i === "undo" ? ["mod", "Z"] : ["shift", "mod", "Z"],
+          disabled: i === "undo" ? !t.can().undo() : !t.can().redo(),
+          isActive: () => i === "undo" ? !t.can().undo() : !t.can().redo(),
+          icon: i === "undo" ? "Undo2" : "Redo2",
+          tooltip: n(`editor.${i}.tooltip`)
         }
       }))
     };
@@ -1338,14 +1338,14 @@ const Ti = ["undo", "redo"], To = $t.extend({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => {
             t.chain().focus().insertColumns({ cols: 2 }).run();
           },
           icon: "Columns",
-          tooltip: i("editor.columns.tooltip")
+          tooltip: n("editor.columns.tooltip")
         }
       })
     };
@@ -1371,7 +1371,7 @@ const Ti = ["undo", "redo"], To = $t.extend({
   }
 });
 function Ei(e) {
-  const { t } = B(), i = P(() => [
+  const { t } = B(), n = P(() => [
     {
       name: "paragraph",
       label: t("editor.paragraph.tooltip"),
@@ -1435,9 +1435,9 @@ function Ei(e) {
       iconName: "Code2",
       action: () => e.editor.chain().focus().clearNodes().toggleCodeBlock().run()
     }
-  ], [e.editor, t]), n = P(() => i.findLast((a) => a.isActive()) ?? {
+  ], [e.editor, t]), i = P(() => n.findLast((a) => a.isActive()) ?? {
     label: "Empty"
-  }, [i]);
+  }, [n]);
   return /* @__PURE__ */ m(Q, { children: [
     /* @__PURE__ */ r(Y, { asChild: !0, children: /* @__PURE__ */ m(
       V,
@@ -1447,7 +1447,7 @@ function Ei(e) {
         children: [
           /* @__PURE__ */ m("span", { className: "richtext-whitespace-nowrap richtext-text-sm richtext-font-normal", children: [
             " ",
-            n == null ? void 0 : n.label
+            i == null ? void 0 : i.label
           ] }),
           /* @__PURE__ */ r(Ie, { className: "richtext-size-4" })
         ]
@@ -1460,7 +1460,7 @@ function Ei(e) {
         className: "richtext-w-full richtext-p-1",
         hideWhenDetached: !0,
         sideOffset: 5,
-        children: i.map((a, o) => {
+        children: n.map((a, o) => {
           var c;
           const s = Be[a.iconName];
           return /* @__PURE__ */ r(
@@ -1510,24 +1510,24 @@ const Mi = N.create({
     };
   },
   addProseMirrorPlugins() {
-    const e = new Z(this.name), t = Object.entries(this.editor.schema.nodes).map(([, i]) => i).filter((i) => this.options.notAfter.includes(i.name));
+    const e = new Z(this.name), t = Object.entries(this.editor.schema.nodes).map(([, n]) => n).filter((n) => this.options.notAfter.includes(n.name));
     return [
       new te({
         key: e,
-        appendTransaction: (i, n, a) => {
+        appendTransaction: (n, i, a) => {
           const { doc: o, tr: s, schema: c } = a, h = e.getState(a), d = o.content.size, l = c.nodes[this.options.node];
           if (h)
             return s.insert(d, l.create());
         },
         state: {
-          init: (i, n) => {
-            const a = n.tr.doc.lastChild;
+          init: (n, i) => {
+            const a = i.tr.doc.lastChild;
             return !Je({ node: a, types: t });
           },
-          apply: (i, n) => {
-            if (!i.docChanged)
-              return n;
-            const a = i.doc.lastChild;
+          apply: (n, i) => {
+            if (!n.docChanged)
+              return i;
+            const a = n.doc.lastChild;
             return !Je({ node: a, types: t });
           }
         }
@@ -1540,9 +1540,9 @@ const Mi = N.create({
     const e = [];
     return this.options.document !== !1 && e.push(Li.configure()), this.options.placeholder !== !1 && e.push(
       Ut.configure({
-        placeholder: ({ node: t, pos: i, editor: n }) => {
+        placeholder: ({ node: t, pos: n, editor: i }) => {
           var a, o, s, c, h;
-          return ((a = t == null ? void 0 : t.type) == null ? void 0 : a.name) === "columns" || ((o = t == null ? void 0 : t.content) == null ? void 0 : o.size) !== 0 ? "" : ((s = t == null ? void 0 : t.type) == null ? void 0 : s.name) === "heading" ? `${A.t(`editor.heading.h${t.attrs.level}.tooltip`)}` : ((c = t == null ? void 0 : t.type) == null ? void 0 : c.name) === "codeBlock" || ((h = t == null ? void 0 : t.type) == null ? void 0 : h.name) === "table" ? "" : n.extensionManager.extensions.some((d) => d.name === "slashCommand") ? A.t("editor.slash") : i === 0 ? A.t("editor.content") : A.t("editor.content");
+          return ((a = t == null ? void 0 : t.type) == null ? void 0 : a.name) === "columns" || ((o = t == null ? void 0 : t.content) == null ? void 0 : o.size) !== 0 ? "" : ((s = t == null ? void 0 : t.type) == null ? void 0 : s.name) === "heading" ? `${A.t(`editor.heading.h${t.attrs.level}.tooltip`)}` : ((c = t == null ? void 0 : t.type) == null ? void 0 : c.name) === "codeBlock" || ((h = t == null ? void 0 : t.type) == null ? void 0 : h.name) === "table" ? "" : i.extensionManager.extensions.some((d) => d.name === "slashCommand") ? A.t("editor.slash") : n === 0 ? A.t("editor.content") : A.t("editor.content");
         },
         ...this.options.placeholder
       })
@@ -1565,15 +1565,15 @@ const Mi = N.create({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, extension: i, t: n }) => {
-        const a = i.options.subscript, o = i.options.superscript, s = {
+      button: ({ editor: t, extension: n, t: i }) => {
+        const a = n.options.subscript, o = n.options.superscript, s = {
           component: x,
           componentProps: {
             action: () => t.commands.toggleSubscript(),
             isActive: () => t.isActive("subscript") || !1,
             disabled: !t.can().toggleSubscript(),
             icon: "Subscript",
-            tooltip: n("editor.subscript.tooltip")
+            tooltip: i("editor.subscript.tooltip")
           }
         }, c = {
           component: x,
@@ -1582,7 +1582,7 @@ const Mi = N.create({
             isActive: () => t.isActive("superscript") || !1,
             disabled: !t.can().toggleSuperscript(),
             icon: "Superscript",
-            tooltip: n("editor.superscript.tooltip")
+            tooltip: i("editor.superscript.tooltip")
           }
         }, h = [];
         return a !== !1 && h.push(s), o !== !1 && h.push(c), h;
@@ -1595,13 +1595,13 @@ const Mi = N.create({
   }
 });
 function zi(e) {
-  var i;
+  var n;
   const t = P(() => {
     var o;
-    const n = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
-    return n && !n.default ? {
-      ...n,
-      icon: n != null && n.icon ? n == null ? void 0 : n.icon : e == null ? void 0 : e.icon
+    const i = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
+    return i && !i.default ? {
+      ...i,
+      icon: i != null && i.icon ? i == null ? void 0 : i.icon : e == null ? void 0 : e.icon
     } : {
       title: e.tooltip,
       icon: e.icon,
@@ -1626,16 +1626,16 @@ function zi(e) {
         )
       }
     ),
-    /* @__PURE__ */ r(X, { className: "w-full", children: (i = e == null ? void 0 : e.items) == null ? void 0 : i.map((n, a) => /* @__PURE__ */ m(
+    /* @__PURE__ */ r(X, { className: "w-full", children: (n = e == null ? void 0 : e.items) == null ? void 0 : n.map((i, a) => /* @__PURE__ */ m(
       ne,
       {
-        checked: t.title === n.title,
+        checked: t.title === i.title,
         className: "richtext-flex richtext-items-center richtext-gap-3",
-        onClick: n.action,
+        onClick: i.action,
         children: [
-          /* @__PURE__ */ r(z, { name: n == null ? void 0 : n.icon }),
-          /* @__PURE__ */ r("span", { className: "richtext-ml-1", children: n.title }),
-          !!(n != null && n.shortcutKeys) && /* @__PURE__ */ r("span", { className: "richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", children: je(n.shortcutKeys) })
+          /* @__PURE__ */ r(z, { name: i == null ? void 0 : i.icon }),
+          /* @__PURE__ */ r("span", { className: "richtext-ml-1", children: i.title }),
+          !!(i != null && i.shortcutKeys) && /* @__PURE__ */ r("span", { className: "richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60", children: je(i.shortcutKeys) })
         ]
       },
       `more-mark-${a}`
@@ -1648,27 +1648,27 @@ const Ho = N.create({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button({ editor: t, extension: i, t: n }) {
-        const a = i.options.subscript, o = i.options.superscript, s = {
+      button({ editor: t, extension: n, t: i }) {
+        const a = n.options.subscript, o = n.options.superscript, s = {
           action: () => t.commands.toggleSubscript(),
           isActive: () => t.isActive("subscript") || !1,
           disabled: !t.can().toggleSubscript(),
           icon: "Subscript",
-          title: n("editor.subscript.tooltip"),
+          title: i("editor.subscript.tooltip"),
           shortcutKeys: ["mod", "."]
         }, c = {
           action: () => t.commands.toggleSuperscript(),
           isActive: () => t.isActive("superscript") || !1,
           disabled: !t.can().toggleSuperscript(),
           icon: "Superscript",
-          title: n("editor.superscript.tooltip"),
+          title: i("editor.superscript.tooltip"),
           shortcutKeys: ["mod", ","]
         }, h = [];
         return a !== !1 && h.push(s), o !== !1 && h.push(c), {
           component: zi,
           componentProps: {
             icon: "Type",
-            tooltip: n("editor.moremark"),
+            tooltip: i("editor.moremark"),
             disabled: !t.isEditable,
             items: h
           }
@@ -1689,7 +1689,7 @@ const Ho = N.create({
       types: ["paragraph", "heading", "blockquote"],
       minIndent: me.min,
       maxIndent: me.max,
-      button({ editor: t, t: i }) {
+      button({ editor: t, t: n }) {
         return [
           {
             component: x,
@@ -1699,7 +1699,7 @@ const Ho = N.create({
               },
               shortcutKeys: ["Tab"],
               icon: "IndentIncrease",
-              tooltip: i("editor.indent.tooltip")
+              tooltip: n("editor.indent.tooltip")
             }
           },
           {
@@ -1710,7 +1710,7 @@ const Ho = N.create({
               },
               shortcutKeys: ["Shift", "Tab"],
               icon: "IndentDecrease",
-              tooltip: i("editor.outdent.tooltip")
+              tooltip: n("editor.outdent.tooltip")
             }
           }
         ];
@@ -1757,9 +1757,9 @@ function Ri(e) {
   return Number.parseFloat(e.replace("%", "")) / 100;
 }
 function Pi(e) {
-  const { t } = B(), [i, n] = v("default");
+  const { t } = B(), [n, i] = v("default");
   function a(s) {
-    s === "default" ? e.editor.commands.unsetLineHeight() : e.editor.commands.setLineHeight(s), n(s);
+    s === "default" ? e.editor.commands.unsetLineHeight() : e.editor.commands.setLineHeight(s), i(s);
   }
   const o = P(() => {
     const h = e.editor.extensionManager.extensions.find(
@@ -1800,7 +1800,7 @@ function Pi(e) {
     /* @__PURE__ */ r(X, { className: "richtext-min-w-24", children: o == null ? void 0 : o.map((s, c) => /* @__PURE__ */ r(
       ne,
       {
-        checked: s.value === i,
+        checked: s.value === n,
         onClick: () => a(s.value),
         children: s.label
       },
@@ -1810,11 +1810,11 @@ function Pi(e) {
 }
 const Ii = ["paragraph", "heading", "list_item", "todo_item"];
 function Bi(e, t) {
-  const { selection: i, doc: n } = e;
-  if (!i || !n || !(i instanceof ot || i instanceof rn))
+  const { selection: n, doc: i } = e;
+  if (!n || !i || !(n instanceof ot || n instanceof rn))
     return e;
-  const { from: a, to: o } = i, s = [], c = t && t !== lt ? t : null;
-  if (n.nodesBetween(a, o, (h, d) => {
+  const { from: a, to: o } = n, s = [], c = t && t !== lt ? t : null;
+  if (i.nodesBetween(a, o, (h, d) => {
     const l = h.type;
     return Ii.includes(l.name) ? ((h.attrs.lineHeight || null) !== c && s.push({
       node: h,
@@ -1834,10 +1834,10 @@ function Bi(e, t) {
   return e;
 }
 function ji(e) {
-  return ({ state: t, dispatch: i }) => {
-    const { selection: n } = t;
+  return ({ state: t, dispatch: n }) => {
+    const { selection: i } = t;
     let { tr: a } = t;
-    return a = a.setSelection(n), a = Bi(a, e), a.docChanged ? (i && i(a), !0) : !1;
+    return a = a.setSelection(i), a = Bi(a, e), a.docChanged ? (n && n(a), !0) : !1;
   };
 }
 const zo = N.create({
@@ -1849,12 +1849,12 @@ const zo = N.create({
       types: ["paragraph", "heading", "list_item", "todo_item"],
       lineHeights: Vn,
       defaultHeight: lt,
-      button({ editor: t, t: i }) {
+      button({ editor: t, t: n }) {
         return {
           component: Pi,
           componentProps: {
             editor: t,
-            tooltip: i("editor.lineheight.tooltip")
+            tooltip: n("editor.lineheight.tooltip")
           }
         };
       }
@@ -1880,13 +1880,100 @@ const zo = N.create({
       unsetLineHeight: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "lineHeight"))
     };
   }
-}), Di = {
+});
+function Di(e, t) {
+  var T, E;
+  const [n, i] = v(0), [a, o] = v(0), s = G(null), { t: c } = B(), h = G([]);
+  Pe(t, () => ({
+    onKeyDown: d
+  })), M(() => {
+    if (!s.current)
+      return;
+    const g = a * 1e3 + n, b = h.current[g];
+    b && b.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }, [n, a]);
+  function d({ event: g }) {
+    return g.key === "ArrowUp" ? (l(), !0) : g.key === "ArrowDown" ? (u(), !0) : g.key === "Enter" ? (f(), !0) : !1;
+  }
+  function l() {
+    var k;
+    if (e.items.length === 0)
+      return !1;
+    let g = n - 1, b = a;
+    g < 0 && (b = a - 1, g = ((k = e.items[b]) == null ? void 0 : k.commands.length) - 1 || 0), b < 0 && (b = e.items.length - 1, g = e.items[b].commands.length - 1), i(g), o(b);
+  }
+  function u() {
+    if (e.items.length === 0)
+      return !1;
+    const g = e.items[a].commands;
+    let b = n + 1, k = a;
+    g.length - 1 < b && (b = 0, k = a + 1), e.items.length - 1 < k && (k = 0), i(b), o(k);
+  }
+  function f() {
+    if (e.items.length === 0 || a === -1 || n === -1)
+      return !1;
+    _(a, n);
+  }
+  function _(g, b) {
+    const k = e.items[g].commands[b];
+    e.command(k);
+  }
+  function w(g, b) {
+    _(g, b);
+  }
+  function p(g, b, k) {
+    h.current[g * 1e3 + b] = k;
+  }
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: "richtext-mb-8 richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-auto richtext-rounded-lg !richtext-border !richtext-border-neutral-200 !richtext-bg-white richtext-p-1 !richtext-text-black richtext-shadow-sm dark:!richtext-border-neutral-800 dark:!richtext-bg-black",
+      ref: s,
+      children: (T = e == null ? void 0 : e.items) != null && T.length ? /* @__PURE__ */ r("div", { className: "richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5", children: (E = e == null ? void 0 : e.items) == null ? void 0 : E.map((g, b) => /* @__PURE__ */ m(ze, { children: [
+        /* @__PURE__ */ r("div", { className: "richtext-col-[1/-1] richtext-mx-2 richtext-mt-2 richtext-select-none richtext-text-[0.65rem] richtext-font-semibold richtext-uppercase richtext-tracking-wider !richtext-text-neutral-500 first:richtext-mt-0.5", children: g.title }),
+        g.commands.map((k, H) => /* @__PURE__ */ m(
+          "button",
+          {
+            onClick: () => w(b, H),
+            ref: (L) => p(b, H, L),
+            className: S("richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm richtext-outline-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ", {
+              "slash-command-active": a === b && n === H
+            }),
+            children: [
+              k.iconUrl && /* @__PURE__ */ r(
+                "img",
+                {
+                  alt: "",
+                  className: "richtext-size-6",
+                  src: k.iconUrl
+                }
+              ),
+              k.iconName && /* @__PURE__ */ r(
+                z,
+                {
+                  className: "!richtext-mr-1 !richtext-text-lg",
+                  name: k.iconName
+                }
+              ),
+              k.label
+            ]
+          },
+          `command-${H}`
+        ))
+      ] }, `slash-${g.title}`)) }) : /* @__PURE__ */ r("div", { className: "richtext-p-3", children: /* @__PURE__ */ r("span", { className: "richtext-text-xs richtext-text-gray-800 dark:richtext-text-gray-100", children: c("editor.slash.empty") }) })
+    }
+  );
+}
+const Oi = Re(Di), $i = {
   setOpen: (e, t) => {
     K(D.UPLOAD_VIDEO(e), t);
   }
 };
-function Oi(e) {
-  const t = [
+function Fi(e, t) {
+  const n = [
     {
       name: "format",
       title: A.t("editor.slash.format"),
@@ -1899,196 +1986,110 @@ function Oi(e) {
     }
   ];
   return e.forEach((i) => {
-    i.name.toLowerCase() === "heading" && i.options.levels.forEach((n) => {
-      t[0].commands.push({
-        name: `heading${n}`,
-        label: A.t(`editor.heading.h${n}.tooltip`),
-        aliases: [`h${n}`, "bt", `bt${n}`],
-        iconName: `Heading${n}`,
-        action: ({ editor: a, range: o }) => {
-          a.chain().focus().deleteRange(o).setHeading({ level: n }).run();
+    i.name.toLowerCase() === "heading" && i.options.levels.forEach((a) => {
+      n[0].commands.push({
+        name: `heading${a}`,
+        label: A.t(`editor.heading.h${a}.tooltip`),
+        aliases: [`h${a}`, "bt", `bt${a}`],
+        iconName: `Heading${a}`,
+        action: ({ editor: o, range: s }) => {
+          o.chain().focus().deleteRange(s).setHeading({ level: a }).run();
         }
       });
-    }), i.name.toLowerCase() === "bulletlist" && t[0].commands.push({
+    }), i.name.toLowerCase() === "bulletlist" && n[0].commands.push({
       name: "bulletList",
       label: A.t("editor.bulletlist.tooltip"),
       aliases: ["ul", "yxlb"],
       iconName: "List",
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).toggleBulletList().run();
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).toggleBulletList().run();
       }
-    }), i.name.toLowerCase() === "orderedlist" && t[0].commands.push({
+    }), i.name.toLowerCase() === "orderedlist" && n[0].commands.push({
       name: "numberedList",
       label: A.t("editor.orderedlist.tooltip"),
       aliases: ["ol", "yxlb"],
       iconName: "ListOrdered",
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).toggleOrderedList().run();
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).toggleOrderedList().run();
       }
-    }), i.name.toLowerCase() === "tasklist" && t[0].commands.push({
+    }), i.name.toLowerCase() === "tasklist" && n[0].commands.push({
       name: "taskList",
       label: A.t("editor.tasklist.tooltip"),
       iconName: "ListTodo",
       description: "Task list with todo items",
       aliases: ["todo"],
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).toggleTaskList().run();
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).toggleTaskList().run();
       }
-    }), i.name.toLowerCase() === "blockquote" && t[0].commands.push({
+    }), i.name.toLowerCase() === "blockquote" && n[0].commands.push({
       name: "blockquote",
       label: A.t("editor.blockquote.tooltip"),
       description: "插入引入格式",
       aliases: ["yr"],
       iconName: "TextQuote",
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).setBlockquote().run();
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).setBlockquote().run();
       }
-    }), i.name.toLowerCase() === "codeblock" && t[0].commands.push({
+    }), i.name.toLowerCase() === "codeblock" && n[0].commands.push({
       name: "codeBlock",
       label: A.t("editor.codeblock.tooltip"),
       iconName: "Code2",
       description: "Code block with syntax highlighting",
-      shouldBeHidden: (n) => n.isActive("columns"),
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).setCodeBlock().run();
+      shouldBeHidden: (a) => a.isActive("columns"),
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).setCodeBlock().run();
       }
-    }), i.name.toLowerCase() === Mn.name && t[1].commands.push({
+    }), i.name.toLowerCase() === Mn.name && n[1].commands.push({
       name: "image",
       label: A.t("editor.image.tooltip"),
       iconName: "ImageUp",
       description: "Insert a image",
       aliases: ["image", "tp", "tupian"],
-      shouldBeHidden: (n) => n.isActive("columns"),
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).run(), zn.setOpen(n.id, !0);
+      shouldBeHidden: (a) => a.isActive("columns"),
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).run(), zn.setOpen(a.id, !0);
       }
-    }), i.name.toLowerCase() === Rn.name && t[1].commands.push({
+    }), i.name.toLowerCase() === Rn.name && n[1].commands.push({
       name: "video",
       label: A.t("editor.video.tooltip"),
       iconName: "Video",
       description: "Insert a video",
       aliases: ["video", "sp", "shipin"],
-      shouldBeHidden: (n) => n.isActive("columns"),
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).run(), Di.setOpen(n.id, !0);
+      shouldBeHidden: (a) => a.isActive("columns"),
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).run(), $i.setOpen(a.id, !0);
       }
-    }), i.name.toLowerCase() === "table" && t[1].commands.push({
+    }), i.name.toLowerCase() === "table" && n[1].commands.push({
       name: "table",
       label: A.t("editor.table.tooltip"),
       iconName: "Table",
       description: "Insert a table",
       aliases: ["table", "bg", "biaoge", "biao"],
-      shouldBeHidden: (n) => n.isActive("columns"),
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).insertTable({ rows: 3, cols: 3, withHeaderRow: !1 }).run();
+      shouldBeHidden: (a) => a.isActive("columns"),
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).insertTable({ rows: 3, cols: 3, withHeaderRow: !1 }).run();
       }
-    }), i.name.toLowerCase() === "horizontalrule" && t[1].commands.push({
+    }), i.name.toLowerCase() === "horizontalrule" && n[1].commands.push({
       name: "horizontalRule",
       label: A.t("editor.horizontalrule.tooltip"),
       iconName: "Minus",
       description: "Insert a horizontal divider",
       aliases: ["hr", "fgx", "fg"],
-      action: ({ editor: n, range: a }) => {
-        n.chain().focus().deleteRange(a).setHorizontalRule().run();
+      action: ({ editor: a, range: o }) => {
+        a.chain().focus().deleteRange(o).setHorizontalRule().run();
       }
-    }), i.name.toLowerCase() === "columns" && t[1].commands.push({
+    }), i.name.toLowerCase() === "columns" && n[1].commands.push({
       name: "columns",
       label: A.t("editor.columns.tooltip"),
       iconName: "Columns2",
       description: "Add two column content",
-      action: ({ editor: n }) => {
-        n.chain().focus().insertColumns({ cols: 2 }).run();
+      action: ({ editor: a }) => {
+        a.chain().focus().insertColumns({ cols: 2 }).run();
       }
-    });
-  }), t;
+    }), t == null || t(i, n);
+  }), n;
 }
-function $i(e, t) {
-  var T, E;
-  const [i, n] = v(0), [a, o] = v(0), s = G(null), { t: c } = B(), h = G([]);
-  Pe(t, () => ({
-    onKeyDown: d
-  })), M(() => {
-    if (!s.current)
-      return;
-    const g = a * 1e3 + i, b = h.current[g];
-    b && b.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest"
-    });
-  }, [i, a]);
-  function d({ event: g }) {
-    return g.key === "ArrowUp" ? (l(), !0) : g.key === "ArrowDown" ? (u(), !0) : g.key === "Enter" ? (f(), !0) : !1;
-  }
-  function l() {
-    var k;
-    if (e.items.length === 0)
-      return !1;
-    let g = i - 1, b = a;
-    g < 0 && (b = a - 1, g = ((k = e.items[b]) == null ? void 0 : k.commands.length) - 1 || 0), b < 0 && (b = e.items.length - 1, g = e.items[b].commands.length - 1), n(g), o(b);
-  }
-  function u() {
-    if (e.items.length === 0)
-      return !1;
-    const g = e.items[a].commands;
-    let b = i + 1, k = a;
-    g.length - 1 < b && (b = 0, k = a + 1), e.items.length - 1 < k && (k = 0), n(b), o(k);
-  }
-  function f() {
-    if (e.items.length === 0 || a === -1 || i === -1)
-      return !1;
-    _(a, i);
-  }
-  function _(g, b) {
-    const k = e.items[g].commands[b];
-    e.command(k);
-  }
-  function p(g, b) {
-    _(g, b);
-  }
-  function w(g, b, k) {
-    h.current[g * 1e3 + b] = k;
-  }
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: "richtext-mb-8 richtext-max-h-[min(80vh,24rem)] richtext-flex-wrap richtext-overflow-auto richtext-rounded-lg !richtext-border !richtext-border-neutral-200 !richtext-bg-white richtext-p-1 !richtext-text-black richtext-shadow-sm dark:!richtext-border-neutral-800 dark:!richtext-bg-black",
-      ref: s,
-      children: (T = e == null ? void 0 : e.items) != null && T.length ? /* @__PURE__ */ r("div", { className: "richtext-grid richtext-min-w-48 richtext-grid-cols-1 richtext-gap-0.5", children: (E = e == null ? void 0 : e.items) == null ? void 0 : E.map((g, b) => /* @__PURE__ */ m(ze, { children: [
-        /* @__PURE__ */ r("div", { className: "richtext-col-[1/-1] richtext-mx-2 richtext-mt-2 richtext-select-none richtext-text-[0.65rem] richtext-font-semibold richtext-uppercase richtext-tracking-wider !richtext-text-neutral-500 first:richtext-mt-0.5", children: g.title }),
-        g.commands.map((k, H) => /* @__PURE__ */ m(
-          "button",
-          {
-            onClick: () => p(b, H),
-            ref: (L) => w(b, H, L),
-            className: S("richtext-flex richtext-items-center richtext-gap-3 richtext-px-2 richtext-py-1.5 richtext-text-sm !richtext-text-neutral-800 dark:!richtext-text-neutral-200 richtext-text-left richtext-w-full richtext-rounded-sm richtext-outline-none richtext-transition-colors !richtext-bg-transparent hover:!richtext-bg-accent ", {
-              "slash-command-active": a === b && i === H
-            }),
-            children: [
-              k.iconUrl && /* @__PURE__ */ r(
-                "img",
-                {
-                  alt: "",
-                  className: "richtext-size-6",
-                  src: k.iconUrl
-                }
-              ),
-              k.iconName && /* @__PURE__ */ r(
-                z,
-                {
-                  className: "!richtext-mr-1 !richtext-text-lg",
-                  name: k.iconName
-                }
-              ),
-              k.label
-            ]
-          },
-          `command-${H}`
-        ))
-      ] }, `slash-${g.title}`)) }) : /* @__PURE__ */ r("div", { className: "richtext-p-3", children: /* @__PURE__ */ r("span", { className: "richtext-text-xs richtext-text-gray-800 dark:richtext-text-gray-100", children: c("editor.slash.empty") }) })
-    }
-  );
-}
-const Fi = Re($i), q = "slashCommand";
+const q = "slashCommand";
 let y;
 const Ro = N.create({
   name: q,
@@ -2122,16 +2123,16 @@ const Ro = N.create({
         pluginKey: new Z(q),
         allow: ({ state: e, range: t }) => {
           var d, l, u;
-          const i = e.doc.resolve(t.from), n = i.depth === 1, a = i.parent.type.name === "paragraph", o = ((d = i.parent.textContent) == null ? void 0 : d.charAt(0)) === "/", s = this.editor.isActive("column"), c = (u = i.parent.textContent) == null ? void 0 : u.slice(
-            Math.max(0, (l = i.parent.textContent) == null ? void 0 : l.indexOf("/"))
+          const n = e.doc.resolve(t.from), i = n.depth === 1, a = n.parent.type.name === "paragraph", o = ((d = n.parent.textContent) == null ? void 0 : d.charAt(0)) === "/", s = this.editor.isActive("column"), c = (u = n.parent.textContent) == null ? void 0 : u.slice(
+            Math.max(0, (l = n.parent.textContent) == null ? void 0 : l.indexOf("/"))
           ), h = !(c != null && c.endsWith("  "));
-          return (n && a && o || s && a && o) && h;
+          return (i && a && o || s && a && o) && h;
         },
-        command: ({ editor: e, range: t, props: i }) => {
-          const { view: n } = e;
-          i.action({ editor: e, range: t }), n.focus();
+        command: ({ editor: e, range: t, props: n }) => {
+          const { view: i } = e;
+          n.action({ editor: e, range: t }), i.focus();
         },
-        items: ({ query: e, editor: t }) => Oi(t.extensionManager.extensions).map((s) => ({
+        items: ({ query: e, editor: t }) => Fi(t.extensionManager.extensions, this.options.renderGroupItem).map((s) => ({
           ...s,
           commands: s.commands.filter((c) => {
             const h = c.label.toLowerCase().trim(), d = e.toLowerCase().trim();
@@ -2153,18 +2154,18 @@ const Ro = N.create({
         render: () => {
           let e, t = null;
           return {
-            onStart: (i) => {
+            onStart: (n) => {
               var o;
-              e = new Me(Fi, {
-                props: i,
-                editor: i.editor
+              e = new Me(Oi, {
+                props: n,
+                editor: n.editor
               });
-              const { view: n } = i.editor, a = () => {
-                if (!i.clientRect)
-                  return i.editor.storage[q].rect;
-                const s = i.clientRect();
+              const { view: i } = n.editor, a = () => {
+                if (!n.clientRect)
+                  return n.editor.storage[q].rect;
+                const s = n.clientRect();
                 if (!s)
-                  return i.editor.storage[q].rect;
+                  return n.editor.storage[q].rect;
                 let c = s.y;
                 if (s.top + e.element.offsetHeight + 40 > window.innerHeight) {
                   const h = s.top + e.element.offsetHeight - window.innerHeight + 40;
@@ -2176,26 +2177,26 @@ const Ro = N.create({
                 y == null || y[0].setProps({
                   getReferenceClientRect: a
                 });
-              }, (o = n.dom.parentElement) == null || o.addEventListener("scroll", t), y == null || y[0].setProps({
+              }, (o = i.dom.parentElement) == null || o.addEventListener("scroll", t), y == null || y[0].setProps({
                 getReferenceClientRect: a,
                 appendTo: () => document.body,
                 content: e.element
               }), y == null || y[0].show();
             },
-            onUpdate(i) {
+            onUpdate(n) {
               var s;
-              e.updateProps(i);
-              const { view: n } = i.editor, a = () => {
-                if (!i.clientRect)
-                  return i.editor.storage[q].rect;
-                const c = i.clientRect();
-                return c ? new DOMRect(c.x, c.y, c.width, c.height) : i.editor.storage[q].rect;
+              e.updateProps(n);
+              const { view: i } = n.editor, a = () => {
+                if (!n.clientRect)
+                  return n.editor.storage[q].rect;
+                const c = n.clientRect();
+                return c ? new DOMRect(c.x, c.y, c.width, c.height) : n.editor.storage[q].rect;
               }, o = () => {
                 y == null || y[0].setProps({
                   getReferenceClientRect: a
                 });
               };
-              (s = n.dom.parentElement) == null || s.addEventListener("scroll", o), i.editor.storage[q].rect = i.clientRect ? a() : {
+              (s = i.dom.parentElement) == null || s.addEventListener("scroll", o), n.editor.storage[q].rect = n.clientRect ? a() : {
                 width: 0,
                 height: 0,
                 left: 0,
@@ -2206,15 +2207,15 @@ const Ro = N.create({
                 getReferenceClientRect: a
               });
             },
-            onKeyDown(i) {
-              var n;
-              return i.event.key === "Escape" ? (y == null || y[0].hide(), !0) : (y != null && y[0].state.isShown || y == null || y[0].show(), (n = e.ref) == null ? void 0 : n.onKeyDown(i));
+            onKeyDown(n) {
+              var i;
+              return n.event.key === "Escape" ? (y == null || y[0].hide(), !0) : (y != null && y[0].state.isShown || y == null || y[0].show(), (i = e.ref) == null ? void 0 : i.onKeyDown(n));
             },
-            onExit(i) {
-              var n;
+            onExit(n) {
+              var i;
               if (y == null || y[0].hide(), t) {
-                const { view: a } = i.editor;
-                (n = a.dom.parentElement) == null || n.removeEventListener("scroll", t);
+                const { view: a } = n.editor;
+                (i = a.dom.parentElement) == null || i.removeEventListener("scroll", t);
               }
               e.destroy();
             }
@@ -2236,28 +2237,28 @@ const Ro = N.create({
     };
   }
 });
-function Ui(e, t, i) {
+function Ui(e, t, n) {
   if (!e.doc)
     return e;
-  const n = e.doc.nodeAt(t);
-  if (!n || i === n.attrs.backgroundColor)
+  const i = e.doc.nodeAt(t);
+  if (!i || n === i.attrs.backgroundColor)
     return e;
   const a = {
-    ...n.attrs,
-    backgroundColor: i
+    ...i.attrs,
+    backgroundColor: n
   };
-  return e.setNodeMarkup(t, n.type, a, n.marks);
+  return e.setNodeMarkup(t, i.type, a, i.marks);
 }
-function qi(e, t, i) {
-  const { doc: n, selection: a } = e;
-  return !n || !a || !(a instanceof sn) || a.forEachCell((o, s) => {
-    e = Ui(e, s, i);
+function qi(e, t, n) {
+  const { doc: i, selection: a } = e;
+  return !i || !a || !(a instanceof sn) || a.forEachCell((o, s) => {
+    e = Ui(e, s, n);
   }), e;
 }
 function Qe(e, t) {
-  return ({ tr: i, state: n, dispatch: a }) => {
-    const { selection: o } = n;
-    return i = i.setSelection(o), i = qi(i, t, e), i.docChanged ? (a == null || a(i), !0) : !1;
+  return ({ tr: n, state: i, dispatch: a }) => {
+    const { selection: o } = i;
+    return n = n.setSelection(o), n = qi(n, t, e), n.docChanged ? (a == null || a(n), !0) : !1;
   };
 }
 const Ki = N.create({
@@ -2294,10 +2295,10 @@ function Ye(e = {}) {
   let t = e.ua || typeof navigator < "u" && navigator.userAgent;
   return t && typeof t == "object" && t.headers && typeof t.headers["user-agent"] == "string" && (t = t.headers["user-agent"]), typeof t != "string" ? !1 : !!(Vi.test(t) && !Wi.test(t) || e.tablet && Gi.test(t) || e.tablet && e.featureDetect && navigator && navigator.maxTouchPoints > 1 && t.includes("Macintosh") && t.includes("Safari"));
 }
-const Xe = (e) => Array.from({ length: e }).map((t, i) => i + 1);
+const Xe = (e) => Array.from({ length: e }).map((t, n) => n + 1);
 function Zi(e) {
   var l;
-  const [t, i] = v(!0), [n, a] = v({
+  const [t, n] = v(!0), [i, a] = v({
     rows: Ye() ? fe : _e,
     cols: Ye() ? fe : _e
   }), [o, s] = v({
@@ -2305,10 +2306,10 @@ function Zi(e) {
     cols: ge
   });
   function c(u, f) {
-    u === n.rows && a((_) => ({
+    u === i.rows && a((_) => ({
       ..._,
       rows: Math.min(u + 1, fe)
-    })), f === n.cols && a((_) => ({
+    })), f === i.cols && a((_) => ({
       ..._,
       cols: Math.min(f + 1, fe)
     })), s({
@@ -2320,7 +2321,7 @@ function Zi(e) {
     e == null || e.createTable({ rows: u, cols: f, withHeaderRow: t }), d();
   }
   function d() {
-    i(!1), a({
+    n(!1), a({
       rows: _e,
       cols: _e
     }), s({
@@ -2337,13 +2338,13 @@ function Zi(e) {
         className: "richtext-w-full !richtext-p-2",
         side: "bottom",
         children: /* @__PURE__ */ m("div", { className: "table-grid-size-editor richtext-p-0", children: [
-          /* @__PURE__ */ r("div", { className: "richtext-flex richtext-flex-col richtext-flex-wrap richtext-justify-between richtext-gap-1", children: (l = Xe(n == null ? void 0 : n.rows)) == null ? void 0 : l.map((u) => {
+          /* @__PURE__ */ r("div", { className: "richtext-flex richtext-flex-col richtext-flex-wrap richtext-justify-between richtext-gap-1", children: (l = Xe(i == null ? void 0 : i.rows)) == null ? void 0 : l.map((u) => {
             var f;
             return /* @__PURE__ */ r(
               "div",
               {
                 className: "richtext-flex richtext-gap-1",
-                children: (f = Xe(n == null ? void 0 : n.cols)) == null ? void 0 : f.map((_) => /* @__PURE__ */ r(
+                children: (f = Xe(i == null ? void 0 : i.cols)) == null ? void 0 : f.map((_) => /* @__PURE__ */ r(
                   "div",
                   {
                     onMouseDown: () => h(u, _),
@@ -2369,8 +2370,8 @@ function Zi(e) {
   ] });
 }
 function Ji(e) {
-  function t(i) {
-    e.disabled || e.editor.chain().focus().insertTable({ ...i, withHeaderRow: !1 }).run();
+  function t(n) {
+    e.disabled || e.editor.chain().focus().insertTable({ ...n, withHeaderRow: !1 }).run();
   }
   return /* @__PURE__ */ r(Zi, { createTable: t, children: /* @__PURE__ */ r(
     x,
@@ -2392,12 +2393,12 @@ const Po = Xt.extend({
       resizable: !0,
       lastColumnResizable: !0,
       allowTableNodeSelection: !1,
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: Ji,
         componentProps: {
           disabled: t.isActive("table") || !1,
           icon: "Table",
-          tooltip: i("editor.table.tooltip"),
+          tooltip: n("editor.table.tooltip"),
           editor: t
         }
       })
@@ -2417,14 +2418,14 @@ const Po = Xt.extend({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => {
             t.commands.setPainter(t == null ? void 0 : t.state.selection.$head.marks());
           },
           icon: "PaintRoller",
-          tooltip: i("editor.format")
+          tooltip: n("editor.format")
         }
       })
     };
@@ -2434,12 +2435,12 @@ const Po = Xt.extend({
       setPainter: (e) => ({
         view: {
           dispatch: t,
-          state: { tr: i },
-          dom: n
+          state: { tr: n },
+          dom: i
         }
       }) => {
         const s = `url("data:image/svg+xml;utf8,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000" d="M9 22v-6H4V7q0-1.65 1.175-2.825T8 3h12v13h-5v6zM6 10h12V5h-1v4h-2V5h-1v2h-2V5H8q-.825 0-1.412.588T6 7zm0 4h12v-2H6zm0 0v-2z"/></svg>')}"), auto`;
-        return n.style.cursor = s, t(i.setMeta("painterAction", { type: "start", marks: e })), !0;
+        return i.style.cursor = s, t(n.setMeta("painterAction", { type: "start", marks: e })), !0;
       }
     };
   },
@@ -2450,8 +2451,8 @@ const Po = Xt.extend({
         state: {
           init: () => [],
           apply: (e, t) => {
-            const i = e.getMeta("painterAction");
-            return i && i.type === "start" ? t = i.marks : i && i.type === "end" && (t = []), t;
+            const n = e.getMeta("painterAction");
+            return n && n.type === "start" ? t = n.marks : n && n.type === "end" && (t = []), t;
           }
         },
         props: {
@@ -2460,19 +2461,19 @@ const Po = Xt.extend({
               const t = this.getState(e.state);
               if (!t || t.length === 0)
                 return e.dom.style.cursor = "", !1;
-              const i = () => {
-                document.removeEventListener("mouseup", i);
+              const n = () => {
+                document.removeEventListener("mouseup", n);
                 let {
-                  dispatch: n,
+                  dispatch: i,
                   state: { tr: a, selection: o },
                   dom: s
                 } = e;
                 s.style.cursor = "", a = a.removeMark(o.from, o.to);
                 for (const c of t)
                   c.type.name !== "link" && (a = a.addMark(o.from, o.to, c));
-                n(a.setMeta("painterAction", { type: "end" }));
+                i(a.setMeta("painterAction", { type: "end" }));
               };
-              return document.addEventListener("mouseup", i), !0;
+              return document.addEventListener("mouseup", n), !0;
             }
           }
         }
@@ -2481,7 +2482,7 @@ const Po = Xt.extend({
   }
 });
 function Qi({ editor: e, ...t }) {
-  const { t: i } = B(), [n, a] = v(-1), [o, s] = v([]), [c, h] = v(""), [d, l] = v(""), [u, f] = v(!1), [_, p] = v(!1);
+  const { t: n } = B(), [i, a] = v(-1), [o, s] = v([]), [c, h] = v(""), [d, l] = v(""), [u, f] = v(!1), [_, w] = v(!1);
   return M(() => {
     u || (h(""), l(""), a(-1), s([]), e.commands.setSearchTerm(""), e.commands.setReplaceTerm(""));
   }, [e, u]), M(() => {
@@ -2491,17 +2492,17 @@ function Qi({ editor: e, ...t }) {
   }, [u, d, e]), M(() => {
     if (!e)
       return;
-    const w = e.extensionManager.extensions.find((E) => E.name === na.name);
-    if (!w)
+    const p = e.extensionManager.extensions.find((E) => E.name === na.name);
+    if (!p)
       return;
     const T = () => {
       if (!u)
         return;
-      const E = w ? w.storage.currentIndex : -1, g = w ? w.storage.results : [];
+      const E = p ? p.storage.currentIndex : -1, g = p ? p.storage.results : [];
       a((b) => b !== E ? E : b), s((b) => cn(b, g) ? b : g);
     };
     return Ve(D.SEARCH_REPLCE, T), () => {
-      w && Ve(D.SEARCH_REPLCE, T);
+      p && Ve(D.SEARCH_REPLCE, T);
     };
   }, [u, e]), /* @__PURE__ */ m(
     ie,
@@ -2534,8 +2535,8 @@ function Qi({ editor: e, ...t }) {
             side: "bottom",
             children: [
               /* @__PURE__ */ m("div", { className: "richtext-mb-[6px] richtext-flex richtext-items-center richtext-justify-between", children: [
-                /* @__PURE__ */ r(Ne, { children: i("editor.search.dialog.text") }),
-                /* @__PURE__ */ r("span", { className: "richtext-font-semibold", children: o.length > 0 ? `${n + 1}/${o.length}` : "0/0" })
+                /* @__PURE__ */ r(Ne, { children: n("editor.search.dialog.text") }),
+                /* @__PURE__ */ r("span", { className: "richtext-font-semibold", children: o.length > 0 ? `${i + 1}/${o.length}` : "0/0" })
               ] }),
               /* @__PURE__ */ m("div", { className: "richtext-mb-[10px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: [
                 /* @__PURE__ */ r(
@@ -2543,7 +2544,7 @@ function Qi({ editor: e, ...t }) {
                   {
                     autoFocus: !0,
                     className: "richtext-w-full",
-                    onChange: (w) => h(w.target.value),
+                    onChange: (p) => h(p.target.value),
                     placeholder: "Text",
                     required: !0,
                     type: "text",
@@ -2569,12 +2570,12 @@ function Qi({ editor: e, ...t }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ r(Ne, { className: "richtext-mb-[6px]", children: i("editor.replace.dialog.text") }),
+              /* @__PURE__ */ r(Ne, { className: "richtext-mb-[6px]", children: n("editor.replace.dialog.text") }),
               /* @__PURE__ */ r("div", { className: "richtext-mb-[5px] richtext-flex richtext-w-full richtext-max-w-sm richtext-items-center richtext-gap-1.5", children: /* @__PURE__ */ r("div", { className: "richtext-relative richtext-w-full richtext-max-w-sm richtext-items-center", children: /* @__PURE__ */ r(
                 We,
                 {
                   className: "richtext-w-80",
-                  onChange: (w) => l(w.target.value),
+                  onChange: (p) => l(p.target.value),
                   placeholder: "Text",
                   required: !0,
                   type: "text",
@@ -2586,12 +2587,12 @@ function Qi({ editor: e, ...t }) {
                   Pn,
                   {
                     checked: _,
-                    onCheckedChange: (w) => {
-                      p(w), e.commands.setCaseSensitive(w);
+                    onCheckedChange: (p) => {
+                      w(p), e.commands.setCaseSensitive(p);
                     }
                   }
                 ),
-                /* @__PURE__ */ r(Ne, { children: i("editor.replace.caseSensitive") })
+                /* @__PURE__ */ r(Ne, { children: n("editor.replace.caseSensitive") })
               ] }),
               /* @__PURE__ */ m("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
                 /* @__PURE__ */ r(
@@ -2600,7 +2601,7 @@ function Qi({ editor: e, ...t }) {
                     className: "richtext-flex-1",
                     disabled: o.length === 0,
                     onClick: e.commands.replace,
-                    children: i("editor.replace.dialog.text")
+                    children: n("editor.replace.dialog.text")
                   }
                 ),
                 /* @__PURE__ */ r(
@@ -2609,7 +2610,7 @@ function Qi({ editor: e, ...t }) {
                     className: "richtext-flex-1",
                     disabled: o.length === 0,
                     onClick: e.commands.replaceAll,
-                    children: i("editor.replaceAll.dialog.text")
+                    children: n("editor.replaceAll.dialog.text")
                   }
                 )
               ] })
@@ -2621,11 +2622,11 @@ function Qi({ editor: e, ...t }) {
   );
 }
 const se = (e, t) => t(e.tr);
-function Yi(e, t, i) {
-  return RegExp(t ? e.replace(/[$()*+./?[\\\]^{|}-]/g, String.raw`\$&`) : e, i ? "gu" : "gui");
+function Yi(e, t, n) {
+  return RegExp(t ? e.replace(/[$()*+./?[\\\]^{|}-]/g, String.raw`\$&`) : e, n ? "gu" : "gui");
 }
-function Xi(e, t, i) {
-  const n = [];
+function Xi(e, t, n) {
+  const i = [];
   let a = [];
   const o = [];
   let s = 0;
@@ -2652,50 +2653,50 @@ function Xi(e, t, i) {
     }
   }
   for (const c of o)
-    n.push(he.inline(c.from, c.to, { class: i }));
+    i.push(he.inline(c.from, c.to, { class: n }));
   return {
-    decorationsToReturn: n,
+    decorationsToReturn: i,
     results: o
   };
 }
-function et(e, t, { state: i, dispatch: n }) {
+function et(e, t, { state: n, dispatch: i }) {
   if (!t[0])
     return;
   const { from: o, to: s } = t[0];
-  n && n(i.tr.insertText(e, o, s));
+  i && i(n.tr.insertText(e, o, s));
 }
-function ea(e, t, i, n) {
+function ea(e, t, n, i) {
   const a = t + 1;
-  if (!n[a])
+  if (!i[a])
     return null;
-  const { from: o, to: s } = n[t], c = s - o - e.length + i, { from: h, to: d } = n[a];
-  return n[a] = {
+  const { from: o, to: s } = i[t], c = s - o - e.length + n, { from: h, to: d } = i[a];
+  return i[a] = {
     to: d - c,
     from: h - c
-  }, [c, n];
+  }, [c, i];
 }
-function ta(e, t, { tr: i, dispatch: n }) {
+function ta(e, t, { tr: n, dispatch: i }) {
   let a = 0, o = t.slice();
   if (o.length === 0)
     return !1;
   for (let s = 0; s < o.length; s += 1) {
     const { from: c, to: h } = o[s];
-    i.insertText(e, c, h);
+    n.insertText(e, c, h);
     const d = ea(e, s, a, o);
     d && (a = d[0], o = d[1]);
   }
-  return n(i), !0;
+  return i(n), !0;
 }
-function tt({ view: e, tr: t, searchResults: i, searchResultCurrentClass: n, gotoIndex: a }) {
-  const o = i[a];
+function tt({ view: e, tr: t, searchResults: n, searchResultCurrentClass: i, gotoIndex: a }) {
+  const o = n[a];
   if (o) {
     const s = t.setMeta("directDecoration", {
       fromPos: o.from,
       toPos: o.to,
-      attrs: { class: n }
+      attrs: { class: i }
     });
     return e == null || e.dispatch(s), setTimeout(() => {
-      const c = window.document.querySelector(`.${n}`);
+      const c = window.document.querySelector(`.${i}`);
       c && Ue(c, { behavior: "smooth", scrollMode: "if-needed" });
     }, 0), !0;
   }
@@ -2717,13 +2718,13 @@ const na = N.create({
       disableRegex: !1,
       onChange: () => {
       },
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: Qi,
         componentProps: {
           action: () => {
           },
           icon: "SearchAndReplace",
-          tooltip: i("editor.searchAndReplace.tooltip"),
+          tooltip: n("editor.searchAndReplace.tooltip"),
           isActive: () => !1,
           disabled: !1,
           editor: t
@@ -2739,34 +2740,34 @@ const na = N.create({
   },
   addCommands() {
     return {
-      setSearchTerm: (e) => ({ state: t, dispatch: i }) => (this.options.searchTerm = e, this.storage.results = [], this.storage.currentIndex = 0, K(D.SEARCH_REPLCE), se(t, i), !1),
-      setReplaceTerm: (e) => ({ state: t, dispatch: i }) => (this.options.replaceTerm = e, se(t, i), !1),
-      setCaseSensitive: (e) => ({ state: t, dispatch: i }) => (this.options.caseSensitive = e, se(t, i), !1),
+      setSearchTerm: (e) => ({ state: t, dispatch: n }) => (this.options.searchTerm = e, this.storage.results = [], this.storage.currentIndex = 0, K(D.SEARCH_REPLCE), se(t, n), !1),
+      setReplaceTerm: (e) => ({ state: t, dispatch: n }) => (this.options.replaceTerm = e, se(t, n), !1),
+      setCaseSensitive: (e) => ({ state: t, dispatch: n }) => (this.options.caseSensitive = e, se(t, n), !1),
       replace: () => ({ state: e, dispatch: t }) => {
-        const { replaceTerm: i } = this.options, { currentIndex: n, results: a } = this.storage, o = a[n];
-        return o ? (et(i, [o], { state: e, dispatch: t }), this.storage.results.splice(n, 1)) : (et(i, a, { state: e, dispatch: t }), this.storage.results.shift()), K(D.SEARCH_REPLCE), se(e, t), !1;
+        const { replaceTerm: n } = this.options, { currentIndex: i, results: a } = this.storage, o = a[i];
+        return o ? (et(n, [o], { state: e, dispatch: t }), this.storage.results.splice(i, 1)) : (et(n, a, { state: e, dispatch: t }), this.storage.results.shift()), K(D.SEARCH_REPLCE), se(e, t), !1;
       },
-      replaceAll: () => ({ state: e, tr: t, dispatch: i }) => {
-        const { replaceTerm: n } = this.options, { results: a } = this.storage;
-        return ta(n, a, { tr: t, dispatch: i }), this.storage.currentIndex = -1, this.storage.results = [], K(D.SEARCH_REPLCE), se(e, i), !1;
+      replaceAll: () => ({ state: e, tr: t, dispatch: n }) => {
+        const { replaceTerm: i } = this.options, { results: a } = this.storage;
+        return ta(i, a, { tr: t, dispatch: n }), this.storage.currentIndex = -1, this.storage.results = [], K(D.SEARCH_REPLCE), se(e, n), !1;
       },
       goToPrevSearchResult: () => ({ view: e, tr: t }) => {
-        const { searchResultCurrentClass: i } = this.options, { currentIndex: n, results: a } = this.storage, o = (n + a.length - 1) % a.length;
+        const { searchResultCurrentClass: n } = this.options, { currentIndex: i, results: a } = this.storage, o = (i + a.length - 1) % a.length;
         return this.storage.currentIndex = o, K(D.SEARCH_REPLCE), tt({
           view: e,
           tr: t,
           searchResults: a,
-          searchResultCurrentClass: i,
+          searchResultCurrentClass: n,
           gotoIndex: o
         });
       },
       goToNextSearchResult: () => ({ view: e, tr: t }) => {
-        const { searchResultCurrentClass: i } = this.options, { currentIndex: n, results: a } = this.storage, o = (n + 1) % a.length;
+        const { searchResultCurrentClass: n } = this.options, { currentIndex: i, results: a } = this.storage, o = (i + 1) % a.length;
         return this.storage.currentIndex = o, this.options.onChange && this.options.onChange(), K(D.SEARCH_REPLCE), tt({
           view: e,
           tr: t,
           searchResults: a,
-          searchResultCurrentClass: i,
+          searchResultCurrentClass: n,
           gotoIndex: o
         });
       }
@@ -2782,10 +2783,10 @@ const na = N.create({
             return de.empty;
           },
           apply(t) {
-            const { doc: i, docChanged: n } = t, { searchTerm: a, searchResultClass: o, searchResultCurrentClass: s, disableRegex: c, caseSensitive: h } = e.options;
-            if (n || a) {
+            const { doc: n, docChanged: i } = t, { searchTerm: a, searchResultClass: o, searchResultCurrentClass: s, disableRegex: c, caseSensitive: h } = e.options;
+            if (i || a) {
               const { decorationsToReturn: d, results: l } = Xi(
-                i,
+                n,
                 Yi(a, c, h),
                 o
               );
@@ -2796,7 +2797,7 @@ const na = N.create({
                 l.length > 0 && (d[0] = he.inline(l[0].from, l[0].to, {
                   class: s
                 }));
-              return de.create(i, d);
+              return de.create(n, d);
             }
             return de.empty;
           }
@@ -2855,12 +2856,12 @@ function oa({ children: e, ...t }) {
 function ra({
   emoji: e,
   className: t,
-  ...i
+  ...n
 }) {
   return /* @__PURE__ */ r(
     "button",
     {
-      ...i,
+      ...n,
       className: S(
         "data-[active]:richtext-bg-accent richtext-flex richtext-size-7 richtext-items-center richtext-justify-center richtext-rounded-sm richtext-text-base",
         t
@@ -2940,9 +2941,9 @@ function la({
       ),
       "data-slot": "emoji-picker-footer",
       ...t,
-      children: /* @__PURE__ */ r(W.ActiveEmoji, { children: ({ emoji: i }) => i ? /* @__PURE__ */ m(ye, { children: [
-        /* @__PURE__ */ r("div", { className: "richtext-flex richtext-size-7 richtext-flex-none richtext-items-center richtext-justify-center richtext-text-lg", children: i.emoji }),
-        /* @__PURE__ */ r("span", { className: "richtext-text-secondary-foreground richtext-truncate richtext-text-xs", children: i.label })
+      children: /* @__PURE__ */ r(W.ActiveEmoji, { children: ({ emoji: n }) => n ? /* @__PURE__ */ m(ye, { children: [
+        /* @__PURE__ */ r("div", { className: "richtext-flex richtext-size-7 richtext-flex-none richtext-items-center richtext-justify-center richtext-text-lg", children: n.emoji }),
+        /* @__PURE__ */ r("span", { className: "richtext-text-secondary-foreground richtext-truncate richtext-text-xs", children: n.label })
       ] }) : /* @__PURE__ */ r("span", { className: "richtext-text-muted-foreground richtext-ml-1.5 richtext-flex richtext-h-7 richtext-items-center richtext-truncate richtext-text-xs", children: "Select an emoji…" }) })
     }
   );
@@ -2961,8 +2962,8 @@ function da({ onSelectEmoji: e, children: t }) {
           ia,
           {
             className: "!richtext-h-[342px]",
-            onEmojiSelect: ({ emoji: i }) => {
-              e(i);
+            onEmojiSelect: ({ emoji: n }) => {
+              e(n);
             },
             children: [
               /* @__PURE__ */ r(aa, {}),
@@ -2975,44 +2976,44 @@ function da({ onSelectEmoji: e, children: t }) {
     )
   ] });
 }
-function ha({ editor: e, icon: t, ...i }) {
-  const n = F(
+function ha({ editor: e, icon: t, ...n }) {
+  const i = F(
     (a) => {
       const { selection: o } = e.state, { $anchor: s } = o;
       return e.chain().insertContentAt(s.pos, a).run();
     },
     [e]
   );
-  return /* @__PURE__ */ r(da, { onSelectEmoji: n, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(da, { onSelectEmoji: i, children: /* @__PURE__ */ r(
     x,
     {
       icon: t,
-      tooltip: i == null ? void 0 : i.tooltip
+      tooltip: n == null ? void 0 : n.tooltip
     }
   ) });
 }
 const xt = Re((e, t) => {
-  const i = G(null), [n, a] = v(0), { t: o } = B(), s = (l) => {
+  const n = G(null), [i, a] = v(0), { t: o } = B(), s = (l) => {
     const u = e.items[l];
     u && e.command(u);
   }, c = () => {
-    a((n + e.items.length - 1) % e.items.length);
+    a((i + e.items.length - 1) % e.items.length);
   }, h = () => {
-    a((n + 1) % e.items.length);
+    a((i + 1) % e.items.length);
   }, d = () => {
-    s(n);
+    s(i);
   };
   return M(() => a(0), [e.items]), M(() => {
-    if (Number.isNaN(n + 1))
+    if (Number.isNaN(i + 1))
       return;
-    const l = i.current.querySelector(`span:nth-of-type(${n + 1})`);
+    const l = n.current.querySelector(`span:nth-of-type(${i + 1})`);
     l && Ue(l, { behavior: "smooth", scrollMode: "if-needed" });
-  }, [n]), Pe(t, () => ({
+  }, [i]), Pe(t, () => ({
     onKeyDown: ({ event: l }) => l.key === "ArrowUp" ? (c(), !0) : l.key === "ArrowDown" ? (h(), !0) : l.key === "Enter" ? (d(), !0) : !1
-  })), /* @__PURE__ */ r("div", { className: "richtext-max-h-[320px] richtext-w-[200px] richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-sm !richtext-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none", children: /* @__PURE__ */ r("div", { ref: i, children: e.items.length > 0 ? e.items.map((l, u) => /* @__PURE__ */ m(
+  })), /* @__PURE__ */ r("div", { className: "richtext-max-h-[320px] richtext-w-[200px] richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-sm !richtext-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none", children: /* @__PURE__ */ r("div", { ref: n, children: e.items.length > 0 ? e.items.map((l, u) => /* @__PURE__ */ m(
     "span",
     {
-      className: R(" richtext-relative richtext-flex  richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none richtext-transition-colors hover:richtext-bg-accent focus:richtext-bg-accent  focus:richtext-text-accent-foreground", u === n ? "bg-accent" : ""),
+      className: R(" richtext-relative richtext-flex  richtext-cursor-default richtext-select-none richtext-items-center richtext-rounded-sm richtext-px-2 richtext-py-1.5 richtext-text-sm richtext-outline-none richtext-transition-colors hover:richtext-bg-accent focus:richtext-bg-accent  focus:richtext-text-accent-foreground", u === i ? "bg-accent" : ""),
       onClick: () => s(u),
       children: [
         l.fallbackImage ? /* @__PURE__ */ r(
@@ -4872,8 +4873,8 @@ const ee = {
   wales: "🏴󠁧󠁢󠁷󠁬󠁳󠁿"
 };
 Object.keys(ee).reduce((e, t) => {
-  const i = ee[t];
-  return e[i] = t, e;
+  const n = ee[t];
+  return e[n] = t, e;
 }, {});
 const ua = Object.keys(ee).map((e) => e);
 Object.keys(ee).map((e) => ee[e]);
@@ -4883,7 +4884,7 @@ function ma(e) {
     emoji: ee[t]
   }));
 }
-const fa = 200, _a = new Z("emoji"), Bo = pe.create({
+const fa = 200, _a = new Z("emoji"), Bo = we.create({
   name: "emoji",
   content: "text*",
   priority: fa,
@@ -4895,11 +4896,11 @@ const fa = 200, _a = new Z("emoji"), Bo = pe.create({
       suggestion: {
         char: ":",
         pluginKey: _a,
-        command: ({ editor: t, range: i, props: n }) => {
-          t.chain().focus().insertContentAt(i, `${n.emoji} `).run();
+        command: ({ editor: t, range: n, props: i }) => {
+          t.chain().focus().insertContentAt(n, `${i.emoji} `).run();
         }
       },
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: ha,
         componentProps: {
           editor: t,
@@ -4908,7 +4909,7 @@ const fa = 200, _a = new Z("emoji"), Bo = pe.create({
           isActive: () => !1,
           disabled: !1,
           icon: "EmojiIcon",
-          tooltip: i("editor.emoji.tooltip")
+          tooltip: n("editor.emoji.tooltip")
         }
       })
     };
@@ -4930,14 +4931,14 @@ const fa = 200, _a = new Z("emoji"), Bo = pe.create({
   suggestion: {
     items: ({ query: e }) => ma(e),
     render: () => {
-      let e, t, i;
+      let e, t, n;
       return {
-        onStart: (n) => {
-          i = n.editor.isEditable, i && (e = new Me(xt, {
-            props: n,
-            editor: n.editor
+        onStart: (i) => {
+          n = i.editor.isEditable, n && (e = new Me(xt, {
+            props: i,
+            editor: i.editor
           }), t = Fe("body", {
-            getReferenceClientRect: n.clientRect,
+            getReferenceClientRect: i.clientRect,
             appendTo: () => document.body,
             content: e.element,
             showOnCreate: !0,
@@ -4946,18 +4947,18 @@ const fa = 200, _a = new Z("emoji"), Bo = pe.create({
             placement: "bottom-start"
           }));
         },
-        onUpdate(n) {
-          i && (e.updateProps(n), t[0].setProps({
-            getReferenceClientRect: n.clientRect
+        onUpdate(i) {
+          n && (e.updateProps(i), t[0].setProps({
+            getReferenceClientRect: i.clientRect
           }));
         },
-        onKeyDown(n) {
+        onKeyDown(i) {
           var a;
-          if (i)
-            return n.event.key === "Escape" ? (t[0].hide(), !0) : (a = e.ref) == null ? void 0 : a.onKeyDown(n);
+          if (n)
+            return i.event.key === "Escape" ? (t[0].hide(), !0) : (a = e.ref) == null ? void 0 : a.onKeyDown(i);
         },
         onExit() {
-          i && (t[0].destroy(), e.destroy());
+          n && (t[0].destroy(), e.destroy());
         }
       };
     }
@@ -4980,17 +4981,17 @@ function ga(e) {
     </body>
     </html>
   `;
-  const i = t.contentWindow, n = t.contentDocument || t.contentWindow && t.contentWindow.document, a = document.createElement("link");
-  a.rel = "stylesheet", a.href = "https://cdn.jsdelivr.net/npm/reactjs-tiptap-editor@latest/lib/style.css", n.head.appendChild(a), n && (n.open(), n.write(e), n.close()), i && t.addEventListener("load", function() {
+  const n = t.contentWindow, i = t.contentDocument || t.contentWindow && t.contentWindow.document, a = document.createElement("link");
+  a.rel = "stylesheet", a.href = "https://cdn.jsdelivr.net/npm/reactjs-tiptap-editor@latest/lib/style.css", i.head.appendChild(a), i && (i.open(), i.write(e), i.close()), n && t.addEventListener("load", function() {
     try {
       setTimeout(() => {
-        i.focus();
+        n.focus();
         try {
-          i.document.execCommand("print", !1) || i.print();
+          n.document.execCommand("print", !1) || n.print();
         } catch {
-          i.print();
+          n.print();
         }
-        i.close();
+        n.close();
       }, 10);
     } catch (o) {
       console.error(o);
@@ -5010,14 +5011,14 @@ const jo = N.create({
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => {
             ba(t);
           },
           icon: "ExportPdf",
-          tooltip: i("editor.exportPdf.tooltip"),
+          tooltip: n("editor.exportPdf.tooltip"),
           isActive: () => !1,
           disabled: !1
         }
@@ -5026,17 +5027,17 @@ const jo = N.create({
   }
 });
 function xa(e, t) {
-  const i = atob(e.split(",")[1]), n = Array.from({ length: i.length });
-  for (let o = 0; o < i.length; o++)
-    n[o] = i.charCodeAt(o);
-  const a = new Uint8Array(n);
+  const n = atob(e.split(",")[1]), i = Array.from({ length: n.length });
+  for (let o = 0; o < n.length; o++)
+    i[o] = n.charCodeAt(o);
+  const a = new Uint8Array(i);
   return new Blob([a], { type: t });
 }
-function pa(e, t) {
+function wa(e, t) {
   return new File([e], t, { type: e.type });
 }
-function wa(e) {
-  const { toast: t } = In(), { t: i } = B(), [n, a] = v(!1), o = G(null);
+function pa(e) {
+  const { toast: t } = In(), { t: n } = B(), [i, a] = v(!1), o = G(null);
   function s() {
     var u;
     (u = o.current) == null || u.click();
@@ -5047,7 +5048,7 @@ function wa(e) {
       if (f.size > e.limit) {
         t({
           variant: "destructive",
-          title: i("editor.importWord.limitSize")
+          title: n("editor.importWord.limitSize")
         });
         return;
       }
@@ -5056,8 +5057,8 @@ function wa(e) {
   }
   async function h(u) {
     var T;
-    const _ = new DOMParser().parseFromString(u, "text/html"), p = _.querySelectorAll("img");
-    if (p.length === 0)
+    const _ = new DOMParser().parseFromString(u, "text/html"), w = _.querySelectorAll("img");
+    if (w.length === 0)
       return _.body.innerHTML;
     if (Bn(e.editor, "image")) {
       const E = (T = e.editor.extensionManager.extensions.find(
@@ -5065,12 +5066,12 @@ function wa(e) {
       )) == null ? void 0 : T.options;
       if (E && typeof E.upload == "function") {
         const g = [];
-        for (const k of p) {
-          const H = k.getAttribute("src"), L = xa(H, "image/jpeg"), O = pa(L, "image.jpeg");
+        for (const k of w) {
+          const H = k.getAttribute("src"), L = xa(H, "image/jpeg"), O = wa(L, "image.jpeg");
           g.push(O);
         }
         const b = await E.upload(g);
-        for (const [k, H] of p.entries()) {
+        for (const [k, H] of w.entries()) {
           H.setAttribute("src", b[k].src);
           const L = H.parentElement;
           (L == null ? void 0 : L.tagName) === "P" && (L.insertAdjacentElement("beforebegin", H), !L.hasChildNodes() && L.textContent === "" && L.remove());
@@ -5109,7 +5110,7 @@ function wa(e) {
         action: s,
         disabled: e == null ? void 0 : e.disabled,
         icon: e == null ? void 0 : e.icon,
-        loading: n,
+        loading: i,
         tooltip: e == null ? void 0 : e.tooltip
       }
     ),
@@ -5137,10 +5138,10 @@ const Do = N.create({
       convert: void 0,
       limit: 1024 * 1024 * 10,
       // 10 MB
-      button: ({ editor: t, extension: i, t: n }) => {
-        const { convert: a, limit: o, mammothOptions: s } = i.options;
+      button: ({ editor: t, extension: n, t: i }) => {
+        const { convert: a, limit: o, mammothOptions: s } = n.options;
         return {
-          component: wa,
+          component: pa,
           componentProps: {
             editor: t,
             convert: a,
@@ -5150,7 +5151,7 @@ const Do = N.create({
             disabled: !t.can().setHorizontalRule(),
             icon: "Word",
             shortcutKeys: ["alt", "mod", "S"],
-            tooltip: n("editor.importWord.tooltip")
+            tooltip: i("editor.importWord.tooltip")
           }
         };
       }
@@ -5159,8 +5160,8 @@ const Do = N.create({
 }), ya = typeof window < "u";
 function ka(e, t) {
   if (ya) {
-    const i = window.URL.createObjectURL(e), n = document.createElement("a");
-    return n.href = i, n.download = t, n.click(), window.URL.revokeObjectURL(i), Promise.resolve();
+    const n = window.URL.createObjectURL(e), i = document.createElement("a");
+    return i.href = n, i.download = t, i.click(), window.URL.revokeObjectURL(n), Promise.resolve();
   }
   return console.error("Download is not supported in Node.js"), Promise.resolve();
 }
@@ -5192,14 +5193,14 @@ const va = {
     var e;
     return {
       ...(e = this.parent) == null ? void 0 : e.call(this),
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           icon: "ExportWord",
           action: () => {
             t == null || t.commands.exportToWord();
           },
-          tooltip: i("editor.exportWord.tooltip"),
+          tooltip: n("editor.exportWord.tooltip"),
           isActive: () => !1,
           disabled: !1
         }
@@ -5211,12 +5212,12 @@ const va = {
     return {
       exportToWord: () => async ({ editor: e }) => {
         const t = {
-          getImageBuffer: async (n) => {
-            const o = await (await fetch(n)).arrayBuffer();
+          getImageBuffer: async (i) => {
+            const o = await (await fetch(i)).arrayBuffer();
             return new Uint8Array(o);
           }
-        }, i = Ca.serialize(e.state.doc, t);
-        return Zn.toBlob(i).then((n) => ka(new Blob([n]), "export-document.docx")), !0;
+        }, n = Ca.serialize(e.state.doc, t);
+        return Zn.toBlob(n).then((i) => ka(new Blob([i]), "export-document.docx")), !0;
       }
     };
   }
@@ -5227,16 +5228,16 @@ const va = {
   item: La
 };
 function Sa(e) {
-  const t = [], i = [t];
-  return e.forEach((n) => {
-    let a = -1, o = i[n.level + a];
+  const t = [], n = [t];
+  return e.forEach((i) => {
+    let a = -1, o = n[i.level + a];
     for (; !o; )
-      a -= 1, o = i[n.level + a];
-    o.push({ ...n, children: i[n.level] = [] });
+      a -= 1, o = n[i.level + a];
+    o.push({ ...i, children: n[i.level] = [] });
   }), t;
 }
 function Ea({ editor: e }) {
-  const t = De(), [i, n] = v([]), { t: a } = B(), o = F(() => {
+  const t = De(), [n, i] = v([]), { t: a } = B(), o = F(() => {
     const s = [], c = e.state.tr;
     e.state.doc.descendants((h, d) => {
       if (h.type.name === "heading") {
@@ -5250,7 +5251,7 @@ function Ea({ editor: e }) {
           id: l
         });
       }
-    }), c.setMeta("addToHistory", !1), c.setMeta("preventUpdate", !0), e.view.dispatch(c), n(s), e.eventEmitter && e.eventEmitter.emit("TableOfContents", Sa(s));
+    }), c.setMeta("addToHistory", !1), c.setMeta("preventUpdate", !0), e.view.dispatch(c), i(s), e.eventEmitter && e.eventEmitter.emit("TableOfContents", Sa(s));
   }, [e]);
   return M(() => {
     if (e) {
@@ -5266,7 +5267,7 @@ function Ea({ editor: e }) {
     o();
   }, []), /* @__PURE__ */ r(le, { className: R("tableOfContent", be.toc, t && be.visible), children: t ? /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
     /* @__PURE__ */ r("p", { className: "text-[20px] richtext-mb-[8px] richtext-font-semibold", children: a("editor.table_of_content") }),
-    /* @__PURE__ */ r("ul", { className: be.list, children: i.map((s, c) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r("ul", { className: be.list, children: n.map((s, c) => /* @__PURE__ */ r(
       "li",
       {
         className: be.item,
@@ -5278,31 +5279,31 @@ function Ea({ editor: e }) {
   ] }) : null });
 }
 function Ha(e, ...t) {
-  const [i, n] = v(!1);
+  const [n, i] = v(!1);
   return M(() => {
     const a = () => {
-      n(e.isActive.apply(e, t));
+      i(e.isActive.apply(e, t));
     };
     return e.on("selectionUpdate", a), e.on("transaction", a), () => {
       e.off("selectionUpdate", a), e.off("transaction", a);
     };
-  }, [e, t, n]), i;
+  }, [e, t, i]), n;
 }
-function Ma({ editor: e, icon: t, tooltip: i }) {
-  const n = Ha(e, Pa.name), a = F(() => {
-    if (n) {
+function Ma({ editor: e, icon: t, tooltip: n }) {
+  const i = Ha(e, Pa.name), a = F(() => {
+    if (i) {
       e.chain().focus().removeTableOfContents().run();
       return;
     }
     e.chain().focus().setTableOfContents().run();
-  }, [e, n]);
+  }, [e, i]);
   return /* @__PURE__ */ r(
     x,
     {
       action: a,
-      isActive: () => n || !1,
+      isActive: () => i || !1,
       icon: t,
-      tooltip: i
+      tooltip: n
     }
   );
 }
@@ -5310,14 +5311,14 @@ function za(e) {
   return e && e.type.name === "title";
 }
 function Ra(e, t) {
-  const n = [e.getJSON()], a = [];
-  for (; n.length > 0; ) {
-    const o = n.shift();
-    o.type === t && a.push(o), o.content && o.content.length > 0 && n.push(...o.content);
+  const i = [e.getJSON()], a = [];
+  for (; i.length > 0; ) {
+    const o = i.shift();
+    o.type === t && a.push(o), o.content && o.content.length > 0 && i.push(...o.content);
   }
   return a;
 }
-const Pa = pe.create({
+const Pa = we.create({
   name: "tableOfContents",
   group: "block",
   atom: !0,
@@ -5330,12 +5331,12 @@ const Pa = pe.create({
       resizable: !0,
       lastColumnResizable: !0,
       allowTableNodeSelection: !1,
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: Ma,
         componentProps: {
           disabled: !1,
           icon: "BookMarked",
-          tooltip: i("editor.table.tooltip"),
+          tooltip: n("editor.table.tooltip"),
           editor: t
         }
       })
@@ -5349,7 +5350,7 @@ const Pa = pe.create({
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["toc", we(e)];
+    return ["toc", pe(e)];
   },
   addNodeView() {
     return He(Ea);
@@ -5357,12 +5358,12 @@ const Pa = pe.create({
   // @ts-expect-error
   addCommands() {
     return {
-      setTableOfContents: () => ({ commands: e, editor: t, view: i }) => {
+      setTableOfContents: () => ({ commands: e, editor: t, view: n }) => {
         if (Ra(t, this.name).length > 0) {
           this.options.onHasOneBeforeInsert();
           return;
         }
-        const a = i.props.state.doc.content.firstChild;
+        const a = n.props.state.doc.content.firstChild;
         if (za(a)) {
           const o = (a.firstChild && a.firstChild.nodeSize || 0) + 1;
           return e.insertContentAt(o, { type: this.name });
@@ -5372,13 +5373,13 @@ const Pa = pe.create({
         });
       },
       removeTableOfContents: () => ({ state: e, dispatch: t }) => {
-        const { tr: i } = e, n = e.schema.nodes.tableOfContents;
+        const { tr: n } = e, i = e.schema.nodes.tableOfContents;
         return e.doc.descendants((a, o) => {
-          if (a.type === n) {
+          if (a.type === i) {
             const s = o, c = o + a.nodeSize;
-            i.delete(s, c);
+            n.delete(s, c);
           }
-        }), i.docChanged ? (t(i), !0) : !1;
+        }), n.docChanged ? (t(n), !0) : !1;
       }
     };
   },
@@ -5396,13 +5397,13 @@ const Pa = pe.create({
   }
 });
 function Ia(e) {
-  var i;
+  var n;
   const t = P(() => {
     var o;
-    const n = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
-    return n && !n.default ? {
-      ...n,
-      icon: n.icon ? n.icon : e.icon
+    const i = (o = e == null ? void 0 : e.items) == null ? void 0 : o.find((s) => s.isActive());
+    return i && !i.default ? {
+      ...i,
+      icon: i.icon ? i.icon : e.icon
     } : {
       title: e == null ? void 0 : e.tooltip,
       icon: e.icon,
@@ -5439,23 +5440,23 @@ function Ia(e) {
         align: "start",
         className: "richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",
         side: "bottom",
-        children: (i = e == null ? void 0 : e.items) == null ? void 0 : i.map((n, a) => {
+        children: (n = e == null ? void 0 : e.items) == null ? void 0 : n.map((i, a) => {
           var o, s;
           return /* @__PURE__ */ m(ke, { children: [
             /* @__PURE__ */ r(ve, { asChild: !0, children: /* @__PURE__ */ r(
               $e,
               {
                 className: "richtext-size-7 richtext-p-1",
-                "data-state": t.title === n.title ? "on" : "off",
-                onClick: n == null ? void 0 : n.action,
-                pressed: t.title === n.title,
+                "data-state": t.title === i.title ? "on" : "off",
+                onClick: i == null ? void 0 : i.action,
+                pressed: t.title === i.title,
                 size: "sm",
-                children: (n == null ? void 0 : n.icon) && /* @__PURE__ */ r(z, { name: n.icon })
+                children: (i == null ? void 0 : i.icon) && /* @__PURE__ */ r(z, { name: i.icon })
               }
             ) }),
             /* @__PURE__ */ m(Ce, { className: "richtext-flex richtext-flex-col richtext-items-center", children: [
-              /* @__PURE__ */ r("span", { children: n.title }),
-              !!((o = n.shortcutKeys) != null && o.length) && /* @__PURE__ */ r("span", { children: (s = n.shortcutKeys) == null ? void 0 : s.map((c) => Oe(c)).join(" ") })
+              /* @__PURE__ */ r("span", { children: i.title }),
+              !!((o = i.shortcutKeys) != null && o.length) && /* @__PURE__ */ r("span", { children: (s = i.shortcutKeys) == null ? void 0 : s.map((c) => Oe(c)).join(" ") })
             ] })
           ] }, `text-align-${a}`);
         })
@@ -5474,16 +5475,16 @@ const $o = N.create({
       defaultDirection: "auto",
       button({
         editor: t,
-        extension: i,
-        t: n
+        extension: n,
+        t: i
       }) {
         var h;
-        const a = ((h = i.options) == null ? void 0 : h.directions) || [], o = {
+        const a = ((h = n.options) == null ? void 0 : h.directions) || [], o = {
           auto: "TextDirection",
           ltr: "LeftToRight",
           rtl: "RightToLeft"
         }, s = a.map((d) => ({
-          title: n(`editor.textDirection.${d}.tooltip`),
+          title: i(`editor.textDirection.${d}.tooltip`),
           icon: o[d],
           isActive: () => !1,
           action: () => {
@@ -5500,7 +5501,7 @@ const $o = N.create({
           component: Ia,
           componentProps: {
             icon: "TextDirection",
-            tooltip: n("editor.textDirection.tooltip"),
+            tooltip: i("editor.textDirection.tooltip"),
             disabled: c,
             items: s
           }
@@ -5525,7 +5526,7 @@ const $o = N.create({
   // @ts-expect-error
   addCommands() {
     return {
-      setTextDirection: (e) => ({ commands: t }) => this.options.directions.includes(e) ? this.options.types.every((i) => t.updateAttributes(i, { dir: e })) : !1,
+      setTextDirection: (e) => ({ commands: t }) => this.options.directions.includes(e) ? this.options.types.every((n) => t.updateAttributes(n, { dir: e })) : !1,
       unsetTextDirection: () => ({ commands: e }) => this.options.types.every((t) => e.resetAttributes(t, "dir"))
     };
   }
@@ -5534,27 +5535,27 @@ const $o = N.create({
   itemUser: ja,
   selectedUser: Da
 }, Oa = Re((e, t) => {
-  const i = G(null), [n, a] = v(0), o = (d) => {
+  const n = G(null), [i, a] = v(0), o = (d) => {
     const l = e.items[d];
     l && e.command({ id: l, label: l });
   }, s = () => {
-    a((n + e.items.length - 1) % e.items.length);
+    a((i + e.items.length - 1) % e.items.length);
   }, c = () => {
-    a((n + 1) % e.items.length);
+    a((i + 1) % e.items.length);
   }, h = () => {
-    o(n);
+    o(i);
   };
   return M(() => a(0), [e.items]), M(() => {
-    if (Number.isNaN(n + 1))
+    if (Number.isNaN(i + 1))
       return;
-    const d = i.current.querySelector(`span:nth-of-type(${n + 1})`);
+    const d = n.current.querySelector(`span:nth-of-type(${i + 1})`);
     d && Ue(d, { behavior: "smooth", scrollMode: "if-needed" });
-  }, [n]), Pe(t, () => ({
+  }, [i]), Pe(t, () => ({
     onKeyDown: ({ event: d }) => d.key === "ArrowUp" ? (s(), !0) : d.key === "ArrowDown" ? (c(), !0) : d.key === "Enter" ? (h(), !0) : !1
-  })), /* @__PURE__ */ r("div", { className: R("listUsers", xe.listUsers), children: /* @__PURE__ */ r("div", { ref: i, children: e.items.length > 0 ? e.items.map((d, l) => /* @__PURE__ */ r(
+  })), /* @__PURE__ */ r("div", { className: R("listUsers", xe.listUsers), children: /* @__PURE__ */ r("div", { ref: n, children: e.items.length > 0 ? e.items.map((d, l) => /* @__PURE__ */ r(
     "span",
     {
-      className: R("itemUser", xe.itemUser, l === n ? xe.selectedUser : ""),
+      className: R("itemUser", xe.itemUser, l === i ? xe.selectedUser : ""),
       onClick: () => o(l),
       children: d
     },
@@ -5578,16 +5579,16 @@ const $o = N.create({
     name: "Bob"
   }
 ], Fa = {
-  items: async ({ query: e }) => $a.map((i) => i.name).filter((i) => i.toLowerCase().startsWith(e.toLowerCase())),
+  items: async ({ query: e }) => $a.map((n) => n.name).filter((n) => n.toLowerCase().startsWith(e.toLowerCase())),
   render: () => {
     let e, t;
     return {
-      onStart: (i) => {
+      onStart: (n) => {
         e = new Me(Oa, {
-          props: i,
-          editor: i.editor
+          props: n,
+          editor: n.editor
         }), t = Fe("body", {
-          getReferenceClientRect: i.clientRect,
+          getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
           showOnCreate: !0,
@@ -5596,14 +5597,14 @@ const $o = N.create({
           placement: "bottom-start"
         });
       },
-      onUpdate(i) {
-        e.updateProps(i), t[0].setProps({
-          getReferenceClientRect: i.clientRect
+      onUpdate(n) {
+        e.updateProps(n), t[0].setProps({
+          getReferenceClientRect: n.clientRect
         });
       },
-      onKeyDown(i) {
-        var n;
-        return i.event.key === "Escape" ? (t[0].hide(), !0) : (n = e.ref) == null ? void 0 : n.onKeyDown(i);
+      onKeyDown(n) {
+        var i;
+        return n.event.key === "Escape" ? (t[0].hide(), !0) : (i = e.ref) == null ? void 0 : i.onKeyDown(n);
       },
       onExit() {
         t[0].destroy(), e.destroy();
@@ -5676,56 +5677,56 @@ function qa(e) {
 const Ka = {
   audio: /* @__PURE__ */ r(kn, {}),
   video: /* @__PURE__ */ r(yn, {}),
-  file: /* @__PURE__ */ r(wn, {}),
-  image: /* @__PURE__ */ r(pn, {}),
+  file: /* @__PURE__ */ r(pn, {}),
+  image: /* @__PURE__ */ r(wn, {}),
   pdf: /* @__PURE__ */ r(On, {}),
   word: /* @__PURE__ */ r(Dn, {}),
   excel: /* @__PURE__ */ r(xn, {}),
   ppt: /* @__PURE__ */ r(bn, {})
 };
-function pt(e, t = !1) {
-  const i = jn(e), n = Ka[i] || /* @__PURE__ */ r(ye, {});
-  return t ? qa(i) : n;
+function wt(e, t = !1) {
+  const n = jn(e), i = Ka[n] || /* @__PURE__ */ r(ye, {});
+  return t ? qa(n) : i;
 }
 const Va = "_wrap_1x1ms_2", Le = {
   wrap: Va
 };
-function Wa({ editor: e, node: t, updateAttributes: i, deleteNode: n, extension: a }) {
+function Wa({ editor: e, node: t, updateAttributes: n, deleteNode: i, extension: a }) {
   var H;
-  const o = G(null), s = De(), { hasTrigger: c, fileName: h, fileSize: d, fileExt: l, fileType: u, url: f, error: _ } = t.attrs, [p, w] = v(!1), { t: T } = B(), E = (H = a == null ? void 0 : a.options) == null ? void 0 : H.upload, g = F(() => {
+  const o = G(null), s = De(), { hasTrigger: c, fileName: h, fileSize: d, fileExt: l, fileType: u, url: f, error: _ } = t.attrs, [w, p] = v(!1), { t: T } = B(), E = (H = a == null ? void 0 : a.options) == null ? void 0 : H.upload, g = F(() => {
     !s || f || s && o.current.click();
   }, [s, f]), b = F(
     async (L) => {
       const O = L.target.files && L.target.files[0];
       if (!O)
         return;
-      const wt = {
+      const pt = {
         fileName: Fn(O.name),
         fileSize: O.size,
         fileType: O.type,
         fileExt: $n(O.name)
       };
-      w(!0);
+      p(!0);
       try {
         const ue = await E(O);
-        i({ ...wt, url: ue }), w(!1);
+        n({ ...pt, url: ue }), p(!1);
       } catch (ue) {
-        i({ error: `File upload fail: ${ue && ue.message}` || "Unknown error" }), w(!1), o.current.value = "";
+        n({ error: `File upload fail: ${ue && ue.message}` || "Unknown error" }), p(!1), o.current.value = "";
       }
     },
-    [w, i]
+    [p, n]
   );
   M(() => {
-    !f && !c && (g(), i({ hasTrigger: !0 }));
-  }, [f, c, g, i]);
-  const k = F(() => n(), [e]);
+    !f && !c && (g(), n({ hasTrigger: !0 }));
+  }, [f, c, g, n]);
+  const k = F(() => i(), [e]);
   return s && !f ? /* @__PURE__ */ r(le, { children: /* @__PURE__ */ m("div", { className: R(Le.wrap, "render-wrapper"), children: [
     /* @__PURE__ */ r(
       "p",
       {
         onClick: g,
         style: { cursor: "pointer" },
-        children: p ? /* @__PURE__ */ r("span", { children: T("editor.attachment.uploading") }) : /* @__PURE__ */ r("span", { children: T("editor.attachment.please_upload") })
+        children: w ? /* @__PURE__ */ r("span", { children: T("editor.attachment.uploading") }) : /* @__PURE__ */ r("span", { children: T("editor.attachment.please_upload") })
       }
     ),
     /* @__PURE__ */ r(
@@ -5744,7 +5745,7 @@ function Wa({ editor: e, node: t, updateAttributes: i, deleteNode: n, extension:
       onClick: g,
       children: [
         /* @__PURE__ */ m("div", { className: "richtext-flex richtext-items-center richtext-gap-[4px]", children: [
-          /* @__PURE__ */ r("span", { children: pt(u) }),
+          /* @__PURE__ */ r("span", { children: wt(u) }),
           /* @__PURE__ */ m("span", { children: [
             h,
             ".",
@@ -5775,7 +5776,7 @@ function Wa({ editor: e, node: t, updateAttributes: i, deleteNode: n, extension:
     }
   ) }) : /* @__PURE__ */ r(ye, {});
 }
-const Uo = pe.create({
+const Uo = we.create({
   name: "attachment",
   content: "",
   marks: "",
@@ -5790,14 +5791,14 @@ const Uo = pe.create({
       HTMLAttributes: {
         class: "attachment"
       },
-      button: ({ editor: t, t: i }) => ({
+      button: ({ editor: t, t: n }) => ({
         component: x,
         componentProps: {
           action: () => t.chain().focus().setAttachment().run(),
           isActive: () => !1,
           disabled: !1,
           icon: "Attachment",
-          tooltip: i("editor.attachment.tooltip")
+          tooltip: n("editor.attachment.tooltip")
         }
       })
     };
@@ -5808,14 +5809,14 @@ const Uo = pe.create({
   renderHTML({ HTMLAttributes: e }) {
     const {
       url: t = "",
-      fileName: i = "",
-      fileSize: n = "",
+      fileName: n = "",
+      fileSize: i = "",
       fileType: a = "",
       fileExt: o = ""
     } = e || {};
     return [
       "div",
-      we(
+      pe(
         // @ts-expect-error
         this.options.HTMLAttributes || {},
         e || {}
@@ -5826,12 +5827,12 @@ const Uo = pe.create({
         [
           "span",
           { class: "attachment__icon" },
-          pt(a, !0)
+          wt(a, !0)
         ],
         [
           "span",
           { class: "attachment__text" },
-          `${i}.${o} (${st(n)})`
+          `${n}.${o} (${st(i)})`
         ]
       ] : ["div", { class: "attachment__placeholder" }]
     ];
@@ -5882,7 +5883,7 @@ export {
   So as BaseKit,
   Co as Blockquote,
   co as Bold,
-  wo as BulletList,
+  po as BulletList,
   yo as Clear,
   mo as Code,
   xi as CodeBlock,
@@ -5898,7 +5899,7 @@ export {
   bo as FontSize,
   Io as FormatPainter,
   _o as Heading,
-  po as Highlight,
+  wo as Highlight,
   To as History,
   Ao as HorizontalRule,
   Go as Iframe,