reactjs-tiptap-editor-pro 0.2.27 → 0.2.29

package/lib/extension-bundle.js

@@ -2,26 +2,26 @@ import { a as ft, I as gt, U as bt, S as pt, C as wt, f as oe, N as se, b as yt,
 import { P as te, b as Z, $ as re, a0 as le, al as P, am as Gt, T as Xe, A as Zt, an as Jt, ao as Yt } from "./vendor-Cpa6z-M0.js";
 import { jsxs as m, jsx as s, Fragment as pe } from "react/jsx-runtime";
 import * as J from "react";
-import Qt, { useMemo as R, useState as C, useRef as G, useCallback as F, Fragment as Ee, forwardRef as He, useImperativeHandle as ze, useEffect as z } from "react";
+import Qt, { useMemo as R, useState as C, useRef as U, useCallback as F, Fragment as Ee, forwardRef as He, useImperativeHandle as ze, useEffect as z } from "react";
 import { ChevronDown as Me, Check as Xt, ChevronUp as en, Copy as tn, CopyCheck as nn, SearchIcon as an, LoaderIcon as on, LucideTableProperties as sn, LucideSheet as rn, LucideImage as ln, LucideFile as cn, LucideVideo as dn, LucideAudioLines as un } from "lucide-react";
-import { i as Pe, T as we, a as ye, B as V, b as ke, g as Re, A as p, D as Y, c as Q, d as X, e as mn, f as T, u as Ie, h as hn, I as M, j as ne, k as et, l as Ae, m as _n, n as je, P as ce, o as de, p as ue, q as Be, C as fn, H as gn, L as bn, r as pn, M as wn, s as yn, t as Fe, v as he, w as K, E as D, x as kn, y as vn, V as xn, z as Ue, F as ve, G as qe, S as Cn, J as Nn, K as An, N as B, O as Ln, Q as Sn, U as Tn, W as En, X as Hn, Y as tt } from "./RichTextEditor-B1Y3PPzy.js";
-import { a4 as Ao, a0 as Lo, _ as So, a1 as To, $ as Eo, a2 as Ho, Z as zo, a3 as Mo } from "./RichTextEditor-B1Y3PPzy.js";
+import { i as Pe, T as we, a as ye, B as W, b as ke, g as Re, A as p, D as Y, c as Q, d as X, e as mn, f as T, u as Ie, h as hn, I as M, j as ne, k as et, l as Ae, m as _n, n as je, P as ce, o as de, p as ue, q as Be, C as fn, H as gn, L as bn, r as pn, M as wn, s as yn, t as Fe, v as he, w as V, E as D, x as kn, y as vn, V as xn, z as Ue, F as ve, G as qe, S as Cn, J as Nn, K as An, N as B, O as Ln, Q as Sn, U as Tn, W as En, X as Hn, Y as tt } from "./RichTextEditor-iGJ6-rbq.js";
+import { a4 as Ao, a0 as Lo, _ as So, a1 as To, $ as Eo, a2 as Ho, Z as zo, a3 as Mo } from "./RichTextEditor-iGJ6-rbq.js";
 import { M as zn, D as nt, u as j, f as Mn, g as Pn, h as Ke, i as N, j as at, k as Rn } from "./index-M6H3FoBi.js";
 import { bundledThemes as it, bundledLanguages as ot, createHighlighter as In } from "shiki";
 import * as x from "@radix-ui/react-select";
 import { Slot as jn } from "@radix-ui/react-slot";
 import De from "tippy.js";
 import Oe from "scroll-into-view-if-needed";
-import { EmojiPicker as W } from "frimousse";
+import { EmojiPicker as G } from "frimousse";
 import { Packer as Bn, WidthType as Dn } from "docx";
-import { DocxSerializer as On, defaultNodes as U, defaultMarks as $n } from "prosemirror-docx";
+import { DocxSerializer as On, defaultNodes as q, defaultMarks as $n } from "prosemirror-docx";
 const $e = Qt.forwardRef(
   ({ asChild: e, ...t }, n) => {
     var o;
     const a = Pe[t.icon];
     return /* @__PURE__ */ m(we, { children: [
       /* @__PURE__ */ s(ye, { asChild: !0, children: /* @__PURE__ */ s(
-        e ? jn : V,
+        e ? jn : W,
         {
           className: "h-[32px] min-w-24 overflow-hidden px-[5px]  py-0",
           disabled: t == null ? void 0 : t.disabled,
@@ -431,7 +431,7 @@ function sa({ editor: e, node: { attrs: t }, updateAttributes: n, extension: a }
   const { isCopied: i, copyToClipboard: o } = Yn(), r = R(() => {
     var w;
     return (w = a.options.languages) != null && w.length ? a.options.languages : nt;
-  }, [a.options.languages]), l = Ie(), u = (f = (_ = e == null ? void 0 : e.options) == null ? void 0 : _.editorProps) == null ? void 0 : f.print, { language: d } = t, c = G(null), h = F(() => hn(ra.name, e), [e]);
+  }, [a.options.languages]), l = Ie(), u = (f = (_ = e == null ? void 0 : e.options) == null ? void 0 : _.editorProps) == null ? void 0 : f.print, { language: d } = t, c = U(null), h = F(() => hn(ra.name, e), [e]);
   return /* @__PURE__ */ m(se, { className: P($.wrap, !u && $.maxHeight, "render-wrapper"), children: [
     /* @__PURE__ */ m(
       "div",
@@ -831,40 +831,40 @@ const Ji = Ct.extend({
   }
 });
 function ua(e) {
-  var a;
-  const { t } = j(), n = R(() => {
-    const i = (e.items || []).find((r) => r.isActive());
-    return i || {
+  var i;
+  const { t } = j(), n = U(null), a = R(() => {
+    const o = (e.items || []).find((l) => l.isActive());
+    return o || {
       title: t("editor.fontSize.default.tooltip"),
       isActive: () => !1
     };
   }, [e]);
   return /* @__PURE__ */ m(Y, { children: [
-    /* @__PURE__ */ s(
-      Q,
+    /* @__PURE__ */ s(Q, { asChild: !0, disabled: e == null ? void 0 : e.disabled, children: /* @__PURE__ */ s("div", { ref: n, children: /* @__PURE__ */ s(
+      $e,
       {
-        asChild: !0,
         disabled: e == null ? void 0 : e.disabled,
-        children: /* @__PURE__ */ s(
-          $e,
-          {
-            disabled: e == null ? void 0 : e.disabled,
-            icon: "MenuDown",
-            title: n == null ? void 0 : n.title,
-            tooltip: `${e == null ? void 0 : e.tooltip}`
-          }
-        )
+        icon: "MenuDown",
+        title: a == null ? void 0 : a.title,
+        tooltip: `${e == null ? void 0 : e.tooltip}`
       }
-    ),
-    /* @__PURE__ */ s(X, { className: "max-h-96 w-32 overflow-y-auto", children: (a = e == null ? void 0 : e.items) == null ? void 0 : a.map((i, o) => /* @__PURE__ */ s(
-      ne,
+    ) }) }),
+    /* @__PURE__ */ s(
+      X,
       {
-        checked: n.title === i.title,
-        onClick: i.action,
-        children: /* @__PURE__ */ s("div", { className: "ml-1 h-full", children: i.title })
-      },
-      `font-size-${o}`
-    )) })
+        container: n.current,
+        className: "max-h-[40vh] w-32 overflow-y-auto",
+        children: (i = e == null ? void 0 : e.items) == null ? void 0 : i.map((o, r) => /* @__PURE__ */ s(
+          ne,
+          {
+            checked: a.title === o.title,
+            onClick: o.action,
+            children: /* @__PURE__ */ s("div", { className: "ml-1 h-full", children: o.title })
+          },
+          `font-size-${r}`
+        ))
+      }
+    )
   ] });
 }
 const Yi = A.create({
@@ -998,7 +998,7 @@ function ha(e) {
         disabled: e == null ? void 0 : e.disabled,
         colors: e == null ? void 0 : e.colors,
         defaultColor: e == null ? void 0 : e.defaultColor,
-        children: /* @__PURE__ */ s(V, { variant: "ghost", size: "icon", className: "r!ichtext-h-[32px] !w-3", disabled: e == null ? void 0 : e.disabled, children: /* @__PURE__ */ s(M, { className: "!w-3 !h-3 text-zinc-500", name: "MenuDown" }) })
+        children: /* @__PURE__ */ s(W, { variant: "ghost", size: "icon", className: "r!ichtext-h-[32px] !w-3", disabled: e == null ? void 0 : e.disabled, children: /* @__PURE__ */ s(M, { className: "!w-3 !h-3 text-zinc-500", name: "MenuDown" }) })
       }
     )
   ] });
@@ -1440,7 +1440,7 @@ function wa(e) {
   }, [n]);
   return /* @__PURE__ */ m(Y, { children: [
     /* @__PURE__ */ s(Q, { asChild: !0, children: /* @__PURE__ */ m(
-      V,
+      W,
       {
         className: "flex h-[32px] gap-1 px-1.5",
         variant: "ghost",
@@ -1883,7 +1883,7 @@ const _o = A.create({
 });
 function Sa(e, t) {
   var L, E;
-  const [n, a] = C(0), [i, o] = C(0), r = G(null), { t: l } = j(), u = G([]);
+  const [n, a] = C(0), [i, o] = C(0), r = U(null), { t: l } = j(), u = U([]);
   ze(t, () => ({
     onKeyDown: d
   })), z(() => {
@@ -1969,7 +1969,7 @@ function Sa(e, t) {
 }
 const Ta = He(Sa), Ea = {
   setOpen: (e, t) => {
-    K(D.UPLOAD_VIDEO(e), t);
+    V(D.UPLOAD_VIDEO(e), t);
   }
 };
 function Ha(e, t) {
@@ -2089,10 +2089,10 @@ function Ha(e, t) {
     }), t == null || t(a, n);
   }), n;
 }
-const q = "slashCommand";
+const K = "slashCommand";
 let k;
 const fo = A.create({
-  name: q,
+  name: K,
   priority: 200,
   onCreate() {
     k = De("body", {
@@ -2120,7 +2120,7 @@ const fo = A.create({
         char: "/",
         allowSpaces: !0,
         startOfLine: !0,
-        pluginKey: new Z(q),
+        pluginKey: new Z(K),
         allow: ({ state: e, range: t }) => {
           var d, c, h;
           const n = e.doc.resolve(t.from), a = n.depth === 1, i = n.parent.type.name === "paragraph", o = ((d = n.parent.textContent) == null ? void 0 : d.charAt(0)) === "/", r = this.editor.isActive("column"), l = (h = n.parent.textContent) == null ? void 0 : h.slice(
@@ -2162,10 +2162,10 @@ const fo = A.create({
               });
               const { view: a } = n.editor, i = () => {
                 if (!n.clientRect)
-                  return n.editor.storage[q].rect;
+                  return n.editor.storage[K].rect;
                 const r = n.clientRect();
                 if (!r)
-                  return n.editor.storage[q].rect;
+                  return n.editor.storage[K].rect;
                 let l = r.y;
                 if (r.top + e.element.offsetHeight + 40 > window.innerHeight) {
                   const u = r.top + e.element.offsetHeight - window.innerHeight + 40;
@@ -2188,15 +2188,15 @@ const fo = A.create({
               e.updateProps(n);
               const { view: a } = n.editor, i = () => {
                 if (!n.clientRect)
-                  return n.editor.storage[q].rect;
+                  return n.editor.storage[K].rect;
                 const l = n.clientRect();
-                return l ? new DOMRect(l.x, l.y, l.width, l.height) : n.editor.storage[q].rect;
+                return l ? new DOMRect(l.x, l.y, l.width, l.height) : n.editor.storage[K].rect;
               }, o = () => {
                 k == null || k[0].setProps({
                   getReferenceClientRect: i
                 });
               };
-              (r = a.dom.parentElement) == null || r.addEventListener("scroll", o), n.editor.storage[q].rect = n.clientRect ? i() : {
+              (r = a.dom.parentElement) == null || r.addEventListener("scroll", o), n.editor.storage[K].rect = n.clientRect ? i() : {
                 width: 0,
                 height: 0,
                 left: 0,
@@ -2376,7 +2376,7 @@ function za({ editor: e, ...t }) {
                   }
                 ),
                 /* @__PURE__ */ s(
-                  V,
+                  W,
                   {
                     className: "flex-1",
                     disabled: o.length === 0,
@@ -2385,7 +2385,7 @@ function za({ editor: e, ...t }) {
                   }
                 ),
                 /* @__PURE__ */ s(
-                  V,
+                  W,
                   {
                     className: "flex-1",
                     disabled: o.length === 0,
@@ -2420,7 +2420,7 @@ function za({ editor: e, ...t }) {
               ] }),
               /* @__PURE__ */ m("div", { className: "flex items-center gap-[10px]", children: [
                 /* @__PURE__ */ s(
-                  V,
+                  W,
                   {
                     className: "flex-1",
                     disabled: o.length === 0,
@@ -2429,7 +2429,7 @@ function za({ editor: e, ...t }) {
                   }
                 ),
                 /* @__PURE__ */ s(
-                  V,
+                  W,
                   {
                     className: "flex-1",
                     disabled: o.length === 0,
@@ -2564,20 +2564,20 @@ const ja = A.create({
   },
   addCommands() {
     return {
-      setSearchTerm: (e) => ({ state: t, dispatch: n }) => (this.options.searchTerm = e, this.storage.results = [], this.storage.currentIndex = 0, K(D.SEARCH_REPLCE), ie(t, n), !1),
+      setSearchTerm: (e) => ({ state: t, dispatch: n }) => (this.options.searchTerm = e, this.storage.results = [], this.storage.currentIndex = 0, V(D.SEARCH_REPLCE), ie(t, n), !1),
       setReplaceTerm: (e) => ({ state: t, dispatch: n }) => (this.options.replaceTerm = e, ie(t, n), !1),
       setCaseSensitive: (e) => ({ state: t, dispatch: n }) => (this.options.caseSensitive = e, ie(t, n), !1),
       replace: () => ({ state: e, dispatch: t }) => {
         const { replaceTerm: n } = this.options, { currentIndex: a, results: i } = this.storage, o = i[a];
-        return o ? (Ge(n, [o], { state: e, dispatch: t }), this.storage.results.splice(a, 1)) : (Ge(n, i, { state: e, dispatch: t }), this.storage.results.shift()), K(D.SEARCH_REPLCE), ie(e, t), !1;
+        return o ? (Ge(n, [o], { state: e, dispatch: t }), this.storage.results.splice(a, 1)) : (Ge(n, i, { state: e, dispatch: t }), this.storage.results.shift()), V(D.SEARCH_REPLCE), ie(e, t), !1;
       },
       replaceAll: () => ({ state: e, tr: t, dispatch: n }) => {
         const { replaceTerm: a } = this.options, { results: i } = this.storage;
-        return Ia(a, i, { tr: t, dispatch: n }), this.storage.currentIndex = -1, this.storage.results = [], K(D.SEARCH_REPLCE), ie(e, n), !1;
+        return Ia(a, i, { tr: t, dispatch: n }), this.storage.currentIndex = -1, this.storage.results = [], V(D.SEARCH_REPLCE), ie(e, n), !1;
       },
       goToPrevSearchResult: () => ({ view: e, tr: t }) => {
         const { searchResultCurrentClass: n } = this.options, { currentIndex: a, results: i } = this.storage, o = (a + i.length - 1) % i.length;
-        return this.storage.currentIndex = o, K(D.SEARCH_REPLCE), Ze({
+        return this.storage.currentIndex = o, V(D.SEARCH_REPLCE), Ze({
           view: e,
           tr: t,
           searchResults: i,
@@ -2587,7 +2587,7 @@ const ja = A.create({
       },
       goToNextSearchResult: () => ({ view: e, tr: t }) => {
         const { searchResultCurrentClass: n } = this.options, { currentIndex: a, results: i } = this.storage, o = (a + 1) % i.length;
-        return this.storage.currentIndex = o, this.options.onChange && this.options.onChange(), K(D.SEARCH_REPLCE), Ze({
+        return this.storage.currentIndex = o, this.options.onChange && this.options.onChange(), V(D.SEARCH_REPLCE), Ze({
           view: e,
           tr: t,
           searchResults: i,
@@ -2614,7 +2614,7 @@ const ja = A.create({
                 Ma(i, l, u),
                 o
               );
-              if (e.storage.results = c, e.storage.currentIndex > c.length - 1 && (e.storage.currentIndex = 0), K(D.SEARCH_REPLCE), t.getMeta("directDecoration")) {
+              if (e.storage.results = c, e.storage.currentIndex > c.length - 1 && (e.storage.currentIndex = 0), V(D.SEARCH_REPLCE), t.getMeta("directDecoration")) {
                 const { fromPos: h, toPos: _, attrs: f } = t.getMeta("directDecoration");
                 d.push(le.inline(h, _, f));
               } else
@@ -2640,7 +2640,7 @@ function Ba({
   ...t
 }) {
   return /* @__PURE__ */ s(
-    W.Root,
+    G.Root,
     {
       className: T(
         "bg-popover text-popover-foreground isolate flex h-full w-fit flex-col overflow-hidden rounded-md",
@@ -2663,7 +2663,7 @@ function Da({
       children: [
         /* @__PURE__ */ s(an, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ s(
-          W.Search,
+          G.Search,
           {
             className: "outline-hidden placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm disabled:cursor-not-allowed disabled:opacity-50",
             "data-slot": "emoji-picker-search",
@@ -2714,14 +2714,14 @@ function Ua({
   ...t
 }) {
   return /* @__PURE__ */ m(
-    W.Viewport,
+    G.Viewport,
     {
       className: T("outline-hidden relative flex-1", e),
       "data-slot": "emoji-picker-viewport",
       ...t,
       children: [
         /* @__PURE__ */ s(
-          W.Loading,
+          G.Loading,
           {
             className: "absolute inset-0 flex items-center justify-center text-muted-foreground",
             "data-slot": "emoji-picker-loading",
@@ -2729,7 +2729,7 @@ function Ua({
           }
         ),
         /* @__PURE__ */ s(
-          W.Empty,
+          G.Empty,
           {
             className: "absolute inset-0 flex items-center justify-center text-muted-foreground text-sm",
             "data-slot": "emoji-picker-empty",
@@ -2737,7 +2737,7 @@ function Ua({
           }
         ),
         /* @__PURE__ */ s(
-          W.List,
+          G.List,
           {
             className: "select-none pb-1",
             components: {
@@ -2765,7 +2765,7 @@ function qa({
       ),
       "data-slot": "emoji-picker-footer",
       ...t,
-      children: /* @__PURE__ */ s(W.ActiveEmoji, { children: ({ emoji: n }) => n ? /* @__PURE__ */ m(pe, { children: [
+      children: /* @__PURE__ */ s(G.ActiveEmoji, { children: ({ emoji: n }) => n ? /* @__PURE__ */ m(pe, { children: [
         /* @__PURE__ */ s("div", { className: "flex size-7 flex-none items-center justify-center text-lg", children: n.emoji }),
         /* @__PURE__ */ s("span", { className: "text-secondary-foreground truncate text-xs", children: n.label })
       ] }) : /* @__PURE__ */ s("span", { className: "text-muted-foreground ml-1.5 flex h-7 items-center truncate text-xs", children: "Select an emoji…" }) })
@@ -2817,7 +2817,7 @@ function Va({ editor: e, icon: t, ...n }) {
   ) });
 }
 const mt = He((e, t) => {
-  const n = G(null), [a, i] = C(0), { t: o } = j(), r = (c) => {
+  const n = U(null), [a, i] = C(0), { t: o } = j(), r = (c) => {
     const h = e.items[c];
     h && e.command(h);
   }, l = () => {
@@ -4861,7 +4861,7 @@ function ei(e, t) {
   return new File([e], t, { type: e.type });
 }
 function ti(e) {
-  const { toast: t } = Nn(), { t: n } = j(), [a, i] = C(!1), o = G(null);
+  const { toast: t } = Nn(), { t: n } = j(), [a, i] = C(!1), o = U(null);
   function r() {
     var h;
     (h = o.current) == null || h.click();
@@ -4990,13 +4990,13 @@ function ai(e, t) {
   return console.error("Download is not supported in Node.js"), Promise.resolve();
 }
 const ii = {
-  ...U,
-  hardBreak: U.hard_break,
-  codeBlock: U.code_block,
-  orderedList: U.ordered_list,
-  listItem: U.list_item,
-  bulletList: U.bullet_list,
-  horizontalRule: U.horizontal_rule,
+  ...q,
+  hardBreak: q.hard_break,
+  codeBlock: q.code_block,
+  orderedList: q.ordered_list,
+  listItem: q.list_item,
+  bulletList: q.bullet_list,
+  horizontalRule: q.horizontal_rule,
   // Requirement Buffer on browser
   image(e, t) {
     e.renderInline(t), e.closeBlock(t);
@@ -5359,7 +5359,7 @@ const ko = A.create({
   itemUser: wi,
   selectedUser: yi
 }, ki = He((e, t) => {
-  const n = G(null), [a, i] = C(0), o = (d) => {
+  const n = U(null), [a, i] = C(0), o = (d) => {
     const c = e.items[d];
     c && e.command({ id: c, label: c });
   }, r = () => {
@@ -5517,7 +5517,7 @@ const Li = "_wrap_1x1ms_2", Ne = {
 };
 function Si({ editor: e, node: t, updateAttributes: n, deleteNode: a, extension: i }) {
   var H;
-  const o = G(null), r = Ie(), { hasTrigger: l, fileName: u, fileSize: d, fileExt: c, fileType: h, url: _, error: f } = t.attrs, [w, y] = C(!1), { t: L } = j(), E = (H = i == null ? void 0 : i.options) == null ? void 0 : H.upload, g = F(() => {
+  const o = U(null), r = Ie(), { hasTrigger: l, fileName: u, fileSize: d, fileExt: c, fileType: h, url: _, error: f } = t.attrs, [w, y] = C(!1), { t: L } = j(), E = (H = i == null ? void 0 : i.options) == null ? void 0 : H.upload, g = F(() => {
     !r || _ || r && o.current.click();
   }, [r, _]), b = F(
     async (S) => {

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),d=require("./RichTextEditor-CVJUZJ-8.cjs"),c=require("./tiptap-gBG-1T-V.cjs");function a(){var r;const e=t.useRef({editor:null}),[i,o]=t.useState(!1),[s,n]=t.useState(null);return t.useEffect(()=>{var u;(u=e.current)!=null&&u.editor&&(o(!0),n(e.current.editor))},[e,(r=e.current)==null?void 0:r.editor]),{isReady:i,editor:s,editorRef:e}}exports.default=d.RichTextEditor;exports.BubbleMenu=c.BubbleMenu;exports.useEditorState=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),d=require("./RichTextEditor-BwbqJLnA.cjs"),c=require("./tiptap-gBG-1T-V.cjs");function a(){var r;const e=t.useRef({editor:null}),[i,o]=t.useState(!1),[s,n]=t.useState(null);return t.useEffect(()=>{var u;(u=e.current)!=null&&u.editor&&(o(!0),n(e.current.editor))},[e,(r=e.current)==null?void 0:r.editor]),{isReady:i,editor:s,editorRef:e}}exports.default=d.RichTextEditor;exports.BubbleMenu=c.BubbleMenu;exports.useEditorState=a;

package/lib/index.d.cts

@@ -37,6 +37,7 @@ declare interface BubbleMenuConfig {
      * custom menu actions
      */
     actions?: ActionButtonProps[];
+    items?: string[];
 }
 
 /**
@@ -71,6 +72,7 @@ declare interface BubbleMenuProps {
          * @default false
          */
         hidden?: boolean;
+        items?: string[];
     };
     imageConfig?: {
         /**
@@ -291,9 +293,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
+        painter: {
+            setPainter: (marks: Mark[]) => ReturnType;
         };
     }
 }
@@ -301,8 +302,15 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        indent: {
+            /**
+             * Set the indent attribute
+             */
+            indent: () => ReturnType;
+            /**
+             * Set the outdent attribute
+             */
+            outdent: () => ReturnType;
         };
     }
 }
@@ -310,14 +318,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        iframe: {
+        imageUpload: {
             /**
-             * Add an iframe
+             * Add an image
              */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
+            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Update an image
+             */
+            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Set image alignment
+             */
+            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -325,11 +338,13 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        emoji: {
-            setEmoji: (emoji: {
-                name: string;
-                emoji: string;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
             }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -337,8 +352,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
+        lineHeight: {
+            setLineHeight: (lineHeight: string) => ReturnType;
+            unsetLineHeight: () => ReturnType;
         };
     }
 }
@@ -346,8 +362,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        exportWord: {
-            exportToWord: () => ReturnType;
+        tableCellBackground: {
+            setTableCellBackground: (color: string) => ReturnType;
+            unsetTableCellBackground: () => ReturnType;
         };
     }
 }
@@ -355,19 +372,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageUpload: {
-            /**
-             * Add an image
-             */
-            setImageInline: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image
-             */
-            updateImage: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+        iframe: {
             /**
-             * Set image alignment
+             * Add an iframe
              */
-            setAlignImage: (align: 'left' | 'center' | 'right') => ReturnType;
+            setIframe: (options: {
+                src: string;
+                service: string;
+            }) => ReturnType;
         };
     }
 }
@@ -390,9 +402,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        tableCellBackground: {
-            setTableCellBackground: (color: string) => ReturnType;
-            unsetTableCellBackground: () => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -400,15 +412,11 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        indent: {
-            /**
-             * Set the indent attribute
-             */
-            indent: () => ReturnType;
-            /**
-             * Set the outdent attribute
-             */
-            outdent: () => ReturnType;
+        emoji: {
+            setEmoji: (emoji: {
+                name: string;
+                emoji: string;
+            }) => ReturnType;
         };
     }
 }
@@ -416,13 +424,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
+        exportWord: {
+            exportToWord: () => ReturnType;
         };
     }
 }
@@ -439,9 +442,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -449,19 +451,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageGifUpload: {
-            /**
-             * Add an image gif
-             */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image gif
-             */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Set image alignment
-             */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+        mermaid: {
+            setMermaid: (options: any, replace?: any) => ReturnType;
+            setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -469,14 +461,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        twitter: {
-            /**
-             * Insert a tweet
-             * @param options The tweet attributes
-             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
-             */
-            setTweet: (options: SetTweetOptions) => ReturnType;
-            updateTweet: (options: SetTweetOptions) => ReturnType;
+        attachment: {
+            setAttachment: (attrs?: unknown) => ReturnType;
         };
     }
 }
@@ -494,9 +480,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        mermaid: {
-            setMermaid: (options: any, replace?: any) => ReturnType;
-            setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
+        twitter: {
+            /**
+             * Insert a tweet
+             * @param options The tweet attributes
+             * @example editor.commands.setTweet({ src: 'https://x.com/seanpk/status/1800145949580517852' })
+             */
+            setTweet: (options: SetTweetOptions) => ReturnType;
+            updateTweet: (options: SetTweetOptions) => ReturnType;
         };
     }
 }
@@ -504,8 +495,19 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        attachment: {
-            setAttachment: (attrs?: unknown) => ReturnType;
+        imageGifUpload: {
+            /**
+             * Add an image gif
+             */
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Update an image gif
+             */
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Set image alignment
+             */
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }