reactjs-tiptap-editor 0.4.2 → 1.0.1

package/lib/TextAlign.js

@@ -1,8 +1,13 @@
-import { E as K } from "./index-kbO3iWqL.js";
-import { jsxs as u, jsx as l } from "react/jsx-runtime";
-import { useMemo as S } from "react";
-import { P as C, o as j, A as w, f as v, p as P, T as z, a as L, n as N, b as O, r as $ } from "./RichTextEditor-DGcKEUGr.js";
-var E = K.create({
+import { E as C } from "./index-DnWWK9F_.js";
+import { jsx as o, Fragment as K, jsxs as A } from "react/jsx-runtime";
+import M, { useMemo as v } from "react";
+import { A as S, T as j } from "./toggle-Cdp4IT2U.js";
+import "./index-BPfVXs5_.js";
+import { I as b } from "./Icon-jKs8Hr6p.js";
+import { u as P, b as w, h as z } from "./useButtonProps-BsEd4zYM.js";
+import { P as L, a as N, b as O } from "./popover-CAuEW0Mr.js";
+import { T as R, a as _, b as $ } from "./tooltip-CopwsU8q.js";
+var E = C.create({
   name: "textAlign",
   addOptions() {
     return {
@@ -18,11 +23,11 @@ var E = K.create({
         attributes: {
           textAlign: {
             default: this.options.defaultAlignment,
-            parseHTML: (t) => {
-              const e = t.style.textAlign;
-              return this.options.alignments.includes(e) ? e : this.options.defaultAlignment;
+            parseHTML: (e) => {
+              const t = e.style.textAlign;
+              return this.options.alignments.includes(t) ? t : this.options.defaultAlignment;
             },
-            renderHTML: (t) => t.textAlign ? { style: `text-align: ${t.textAlign}` } : {}
+            renderHTML: (e) => e.textAlign ? { style: `text-align: ${e.textAlign}` } : {}
           }
         }
       }
@@ -30,9 +35,9 @@ var E = K.create({
   },
   addCommands() {
     return {
-      setTextAlign: (t) => ({ commands: e }) => this.options.alignments.includes(t) ? this.options.types.map((n) => e.updateAttributes(n, { textAlign: t })).some((n) => n) : !1,
-      unsetTextAlign: () => ({ commands: t }) => this.options.types.map((e) => t.resetAttributes(e, "textAlign")).some((e) => e),
-      toggleTextAlign: (t) => ({ editor: e, commands: n }) => this.options.alignments.includes(t) ? e.isActive({ textAlign: t }) ? n.unsetTextAlign() : n.setTextAlign(t) : !1
+      setTextAlign: (e) => ({ commands: t }) => this.options.alignments.includes(e) ? this.options.types.map((n) => t.updateAttributes(n, { textAlign: e })).some((n) => n) : !1,
+      unsetTextAlign: () => ({ commands: e }) => this.options.types.map((t) => e.resetAttributes(t, "textAlign")).some((t) => t),
+      toggleTextAlign: (e) => ({ editor: t, commands: n }) => this.options.alignments.includes(e) ? t.isActive({ textAlign: e }) ? n.unsetTextAlign() : n.setTextAlign(e) : !1
     };
   },
   addKeyboardShortcuts() {
@@ -44,120 +49,121 @@ var E = K.create({
     };
   }
 }), J = E;
-function B(t) {
-  var n;
-  const e = S(() => {
-    var o;
-    const i = (o = t == null ? void 0 : t.items) == null ? void 0 : o.find((c) => c.isActive());
-    return i && !i.default ? {
-      ...i,
-      icon: i.icon ? i.icon : t.icon
-    } : {
-      title: t == null ? void 0 : t.tooltip,
-      icon: t.icon,
-      isActive: () => !1
-    };
-  }, [t]);
-  return /* @__PURE__ */ u(C, { modal: !0, children: [
-    /* @__PURE__ */ l(
-      j,
-      {
-        asChild: !0,
-        disabled: t == null ? void 0 : t.disabled,
-        children: /* @__PURE__ */ l(
-          w,
+function W() {
+  const [e, t] = M.useState(!1), n = P(B.name), {
+    icon: p = void 0,
+    tooltip: x = void 0,
+    items: r = [],
+    isActive: m = void 0
+  } = (n == null ? void 0 : n.componentProps) ?? {}, { disabled: l, dataState: a } = w(m), h = v(() => (a == null ? void 0 : a.title) || "", [a]), g = v(() => r == null ? void 0 : r.some((i) => i.title === h), [r, h]);
+  return n ? /* @__PURE__ */ A(
+    L,
+    {
+      open: e,
+      onOpenChange: t,
+      modal: !0,
+      children: [
+        /* @__PURE__ */ o(
+          N,
           {
-            customClass: "!richtext-w-12 richtext-h-12",
-            disabled: t == null ? void 0 : t.disabled,
-            icon: t == null ? void 0 : t.icon,
-            tooltip: t == null ? void 0 : t.tooltip,
-            tooltipOptions: t == null ? void 0 : t.tooltipOptions,
-            children: /* @__PURE__ */ l(
-              v,
+            asChild: !0,
+            "data-state": g ? "on" : "off",
+            disabled: l,
+            children: /* @__PURE__ */ o(
+              S,
               {
-                className: "richtext-ml-1 richtext-size-3 richtext-text-zinc-500",
-                name: "MenuDown"
+                customClass: "!richtext-w-12 richtext-h-12",
+                disabled: l,
+                icon: p,
+                tooltip: x,
+                children: /* @__PURE__ */ o(
+                  b,
+                  {
+                    className: "richtext-ml-1 richtext-size-3 richtext-text-zinc-500",
+                    name: "MenuDown"
+                  }
+                )
               }
             )
           }
+        ),
+        /* @__PURE__ */ o(
+          O,
+          {
+            align: "start",
+            className: "richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",
+            side: "bottom",
+            children: r == null ? void 0 : r.map((i, d) => {
+              var s, c;
+              return /* @__PURE__ */ A(R, { children: [
+                /* @__PURE__ */ o(_, { asChild: !0, children: /* @__PURE__ */ o(
+                  j,
+                  {
+                    className: "richtext-size-7 richtext-p-1",
+                    "data-state": h === i.title ? "on" : "off",
+                    onClick: () => {
+                      i == null || i.action(), t(!1);
+                    },
+                    size: "sm",
+                    children: (i == null ? void 0 : i.icon) && /* @__PURE__ */ o(b, { name: i.icon })
+                  }
+                ) }),
+                /* @__PURE__ */ A($, { className: "richtext-flex richtext-flex-col richtext-items-center", children: [
+                  /* @__PURE__ */ o("span", { children: i.title }),
+                  !!((s = i.shortcutKeys) != null && s.length) && /* @__PURE__ */ o("span", { children: (c = i.shortcutKeys) == null ? void 0 : c.map((u) => z(u)).join(" ") })
+                ] })
+              ] }, `text-align-${d}`);
+            })
+          }
         )
-      }
-    ),
-    /* @__PURE__ */ l(
-      P,
-      {
-        align: "start",
-        className: "richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",
-        side: "bottom",
-        children: (n = t == null ? void 0 : t.items) == null ? void 0 : n.map((i, r) => {
-          var o, c;
-          return /* @__PURE__ */ u(z, { children: [
-            /* @__PURE__ */ l(L, { asChild: !0, children: /* @__PURE__ */ l(
-              N,
-              {
-                className: "richtext-size-7 richtext-p-1",
-                "data-state": e.title === i.title ? "on" : "off",
-                onClick: i == null ? void 0 : i.action,
-                pressed: e.title === i.title,
-                size: "sm",
-                children: (i == null ? void 0 : i.icon) && /* @__PURE__ */ l(v, { name: i.icon })
-              }
-            ) }),
-            /* @__PURE__ */ u(O, { className: "richtext-flex richtext-flex-col richtext-items-center", children: [
-              /* @__PURE__ */ l("span", { children: i.title }),
-              !!((o = i.shortcutKeys) != null && o.length) && /* @__PURE__ */ l("span", { children: (c = i.shortcutKeys) == null ? void 0 : c.map((a) => $(a)).join(" ") })
-            ] })
-          ] }, `text-align-${r}`);
-        })
-      }
-    )
-  ] });
+      ]
+    }
+  ) : /* @__PURE__ */ o(K, {});
 }
-const G = /* @__PURE__ */ J.extend({
+const B = /* @__PURE__ */ J.extend({
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
-    var t;
+    var e;
     return {
-      ...(t = this.parent) == null ? void 0 : t.call(this),
+      ...(e = this.parent) == null ? void 0 : e.call(this),
       types: ["heading", "paragraph", "list_item", "title"],
       button({
-        editor: e,
+        editor: t,
         extension: n,
-        t: i
+        t: p
       }) {
-        var g, x, f, m, A;
-        const r = ((g = n.options) == null ? void 0 : g.alignments) || [], o = {
-          left: ((x = n.options.shortcutKeys) == null ? void 0 : x[0]) ?? ["mod", "Shift", "L"],
-          center: ((f = n.options.shortcutKeys) == null ? void 0 : f[1]) ?? ["mod", "Shift", "E"],
-          right: ((m = n.options.shortcutKeys) == null ? void 0 : m[2]) ?? ["mod", "Shift", "R"],
-          justify: ((A = n.options.shortcutKeys) == null ? void 0 : A[3]) ?? ["mod", "Shift", "J"]
-        }, c = {
+        var a, h, g, i, d;
+        const x = ((a = n.options) == null ? void 0 : a.alignments) || [], r = {
+          left: ((h = n.options.shortcutKeys) == null ? void 0 : h[0]) ?? ["mod", "Shift", "L"],
+          center: ((g = n.options.shortcutKeys) == null ? void 0 : g[1]) ?? ["mod", "Shift", "E"],
+          right: ((i = n.options.shortcutKeys) == null ? void 0 : i[2]) ?? ["mod", "Shift", "R"],
+          justify: ((d = n.options.shortcutKeys) == null ? void 0 : d[3]) ?? ["mod", "Shift", "J"]
+        }, m = {
           left: "AlignLeft",
           center: "AlignCenter",
           right: "AlignRight",
           justify: "AlignJustify"
-        }, a = r.map((s) => {
-          var y, h, T;
+        }, l = x.map((s) => {
+          var c, u, y;
           return {
-            title: i(`editor.textalign.${s}.tooltip`),
-            icon: c[s],
-            shortcutKeys: o[s],
-            isActive: () => e.isActive({ textAlign: s }) || !1,
+            title: p(`editor.textalign.${s}.tooltip`),
+            icon: m[s],
+            shortcutKeys: r[s],
+            isActive: () => t.isActive({ textAlign: s }) || !1,
             action: () => {
-              var d, b;
-              return (b = (d = e.commands) == null ? void 0 : d.setTextAlign) == null ? void 0 : b.call(d, s);
+              var f, T;
+              return (T = (f = t.commands) == null ? void 0 : f.setTextAlign) == null ? void 0 : T.call(f, s);
             },
-            disabled: !((T = (h = (y = e == null ? void 0 : e.can) == null ? void 0 : y.call(e)) == null ? void 0 : h.setTextAlign) != null && T.call(h, s))
+            disabled: !((y = (u = (c = t == null ? void 0 : t.can) == null ? void 0 : c.call(t)) == null ? void 0 : u.setTextAlign) != null && y.call(u, s))
           };
-        }), M = a.filter((s) => s.disabled).length === a.length;
+        });
         return {
-          component: B,
           componentProps: {
             icon: "AlignJustify",
-            tooltip: i("editor.textalign.tooltip"),
-            disabled: M,
-            items: a
+            tooltip: p("editor.textalign.tooltip"),
+            items: l,
+            isActive: () => l == null ? void 0 : l.find((c) => c.isActive())
           }
         };
       }
@@ -165,5 +171,6 @@ const G = /* @__PURE__ */ J.extend({
   }
 });
 export {
-  G as TextAlign
+  W as RichTextAlign,
+  B as TextAlign
 };

package/lib/TextDirection.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index-DF2Lp4HZ.cjs"),i=require("react/jsx-runtime"),g=require("react"),n=require("./RichTextEditor-CxvwGvQG.cjs");function m(t){var s;const c=g.useMemo(()=>{var r;const e=(r=t==null?void 0:t.items)==null?void 0:r.find(o=>o.isActive());return e&&!e.default?{...e,icon:e.icon?e.icon:t.icon}:{title:t==null?void 0:t.tooltip,icon:t.icon,isActive:()=>!1}},[t]);return i.jsxs(n.Popover,{modal:!0,children:[i.jsx(n.PopoverTrigger,{asChild:!0,disabled:t==null?void 0:t.disabled,children:i.jsx(n.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:t==null?void 0:t.disabled,icon:t==null?void 0:t.icon,tooltip:t==null?void 0:t.tooltip,tooltipOptions:t==null?void 0:t.tooltipOptions,children:i.jsx(n.IconComponent,{className:"richtext-ml-1 richtext-size-3 richtext-text-zinc-500",name:"MenuDown"})})}),i.jsx(n.PopoverContent,{align:"start",className:"richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",side:"bottom",children:(s=t==null?void 0:t.items)==null?void 0:s.map((e,a)=>{var r,o;return i.jsxs(n.Tooltip,{children:[i.jsx(n.TooltipTrigger,{asChild:!0,children:i.jsx(n.Toggle,{className:"richtext-size-7 richtext-p-1","data-state":c.title===e.title?"on":"off",onClick:e==null?void 0:e.action,pressed:c.title===e.title,size:"sm",children:(e==null?void 0:e.icon)&&i.jsx(n.IconComponent,{name:e.icon})})}),i.jsxs(n.TooltipContent,{className:"richtext-flex richtext-flex-col richtext-items-center",children:[i.jsx("span",{children:e.title}),!!((r=e.shortcutKeys)!=null&&r.length)&&i.jsx("span",{children:(o=e.shortcutKeys)==null?void 0:o.map(x=>n.getShortcutKey(x)).join(" ")})]})]},`text-align-${a}`)})})]})}const j=b.Extension.create({name:"text-direction",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),types:["heading","paragraph"],directions:["auto","ltr","rtl"],defaultDirection:"auto",button({editor:c,extension:s,t:e}){var h;const a=((h=s.options)==null?void 0:h.directions)||[],r={auto:"TextDirection",ltr:"LeftToRight",rtl:"RightToLeft"},o=a.map(l=>({title:e(`editor.textDirection.${l}.tooltip`),icon:r[l],isActive:()=>!1,action:()=>{var d,f,u,T;if(l==="auto"){(f=(d=c.commands)==null?void 0:d.unsetTextDirection)==null||f.call(d);return}(T=(u=c.commands)==null?void 0:u.setTextDirection)==null||T.call(u,l)},disabled:!1})),x=o.filter(l=>l.disabled).length===o.length;return{component:m,componentProps:{icon:"TextDirection",tooltip:e("editor.textDirection.tooltip"),disabled:x,items:o}}}}},addGlobalAttributes(){return[{types:this.options.types,attributes:{dir:{default:this.options.defaultDirection,parseHTML:t=>t.attributes.dir&&this.options.directions.includes(t.attributes.dir)?t.attributes.dir.value:this.options.defaultDirection,renderHTML:t=>({dir:t.dir})}}}]},addCommands(){return{setTextDirection:t=>({commands:c})=>this.options.directions.includes(t)?this.options.types.every(s=>c.updateAttributes(s,{dir:t})):!1,unsetTextDirection:()=>({commands:t})=>this.options.types.every(c=>t.resetAttributes(c,"dir"))}}});exports.TextDirection=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index-RfTlOzIr.cjs"),e=require("react/jsx-runtime"),j=require("react"),m=require("./toggle-D41PzQLJ.cjs");require("./index-DV5kbgRU.cjs");const D=require("./Icon-DUpv2cI6.cjs"),d=require("./useButtonProps-C6Vpn190.cjs"),T=require("./popover-BgmUNMHj.cjs"),g=require("./tooltip-BuEiE96N.cjs");function b(){const i=d.useButtonProps(v.name),[c,x]=j.useState(!1),{icon:u=void 0,tooltip:h=void 0,items:s=[],isActive:p=void 0}=(i==null?void 0:i.componentProps)??{},{editorDisabled:l,dataState:o}=d.useActive(p),n=j.useMemo(()=>(o==null?void 0:o.dir)||"unset",[o]);return i?e.jsxs(T.Popover,{open:c,onOpenChange:x,modal:!0,children:[e.jsx(T.PopoverTrigger,{asChild:!0,disabled:l,children:e.jsx(m.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:l,icon:u,tooltip:h,children:e.jsx(D.IconComponent,{className:"richtext-ml-1 richtext-size-3 richtext-text-zinc-500",name:"MenuDown"})})}),e.jsx(T.PopoverContent,{align:"start",className:"richtext-flex richtext-w-full richtext-min-w-4 richtext-flex-row richtext-gap-1 !richtext-p-[4px]",side:"bottom",hideWhenDetached:!0,children:s==null?void 0:s.map((t,r)=>{var a,f;return e.jsxs(g.Tooltip,{children:[e.jsx(g.TooltipTrigger,{"data-state":n===t.value?"on":"off",asChild:!0,children:e.jsx(m.Toggle,{className:"richtext-size-7 richtext-p-1",onClick:()=>{t==null||t.action(),x(!1)},size:"sm",children:(t==null?void 0:t.icon)&&e.jsx(D.IconComponent,{name:t.icon})})}),e.jsxs(g.TooltipContent,{className:"richtext-flex richtext-flex-col richtext-items-center",children:[e.jsx("span",{children:t.title}),!!((a=t.shortcutKeys)!=null&&a.length)&&e.jsx("span",{children:(f=t.shortcutKeys)==null?void 0:f.map(q=>d.getShortcutKey(q)).join(" ")})]})]},`text-direction-${r}`)})})]}):e.jsx(e.Fragment,{})}const v=C.Extension.create({name:"richTextTextDirection",addOptions(){var i;return{...(i=this.parent)==null?void 0:i.call(this),directions:["auto","ltr","rtl","unset"],defaultDirection:"auto",button({editor:c,extension:x,t:u}){var l;const h=((l=x.options)==null?void 0:l.directions)||[],s={auto:"TextDirection",ltr:"LeftToRight",rtl:"RightToLeft",unset:"X"},p=h.map(o=>({title:u(`editor.textDirection.${o}.tooltip`),value:o,icon:s[o],action:()=>{var n,t,r,a;if(o==="unset"){(t=(n=c.commands)==null?void 0:n.unsetTextDirection)==null||t.call(n);return}(a=(r=c.commands)==null?void 0:r.setTextDirection)==null||a.call(r,o)},disabled:!1}));return{componentProps:{icon:"TextDirection",tooltip:u("editor.textDirection.tooltip"),items:p,isActive:()=>c.getAttributes("paragraph")}}}}}});exports.RichTextTextDirection=b;exports.TextDirection=v;

package/lib/TextDirection.d.cts

@@ -1,4 +1,36 @@
+import { default as default_2 } from 'react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
+
+/**
+ * Represents the props for the ButtonView component.
+ */
+declare interface ButtonViewReturnComponentProps {
+    /** Method triggered when action is performed */
+    action?: (value?: any) => void;
+    /** Whether it is in the active state */
+    isActive?: () => boolean;
+    /** Button icon */
+    icon?: any;
+    /** Text displayed on hover */
+    tooltip?: string;
+    [x: string]: any;
+}
+
+export declare interface Item {
+    title: string;
+    value?: string;
+    icon?: any;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
+export declare function RichTextTextDirection(): JSX.Element;
 
 export declare const TextDirection: Extension<any, any>;
 
@@ -35,6 +67,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         drawer: {
@@ -66,7 +119,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -91,10 +144,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -179,16 +230,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -199,20 +240,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -236,16 +263,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {

package/lib/TextDirection.d.ts

@@ -1,4 +1,36 @@
+import { default as default_2 } from 'react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
+
+/**
+ * Represents the props for the ButtonView component.
+ */
+declare interface ButtonViewReturnComponentProps {
+    /** Method triggered when action is performed */
+    action?: (value?: any) => void;
+    /** Whether it is in the active state */
+    isActive?: () => boolean;
+    /** Button icon */
+    icon?: any;
+    /** Text displayed on hover */
+    tooltip?: string;
+    [x: string]: any;
+}
+
+export declare interface Item {
+    title: string;
+    value?: string;
+    icon?: any;
+    isActive: NonNullable<ButtonViewReturnComponentProps['isActive']>;
+    action?: ButtonViewReturnComponentProps['action'];
+    style?: default_2.CSSProperties;
+    shortcutKeys?: string[];
+    disabled?: boolean;
+    divider?: boolean;
+    default?: boolean;
+}
+
+export declare function RichTextTextDirection(): JSX.Element;
 
 export declare const TextDirection: Extension<any, any>;
 
@@ -35,6 +67,27 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
+        };
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         drawer: {
@@ -66,7 +119,7 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
         };
     }
 }
@@ -91,10 +144,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -179,16 +230,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        lineHeight: {
-            setLineHeight: (lineHeight: string) => ReturnType;
-            unsetLineHeight: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         mermaid: {
@@ -199,20 +240,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
-            }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         search: {
@@ -236,16 +263,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         twitter: {