reactjs-tiptap-editor 0.4.2 → 1.0.0

package/lib/Indent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-DF2Lp4HZ.cjs"),t=require("./RichTextEditor-CxvwGvQG.cjs"),a=i.Extension.create({name:"indent",addOptions(){var n;return{...(n=this.parent)==null?void 0:n.call(this),types:["paragraph","heading","blockquote"],minIndent:t.IndentProps.min,maxIndent:t.IndentProps.max,button({editor:e,t:o,extension:d}){var r,s;return[{component:t.ActionButton,componentProps:{action:()=>{e.commands.indent()},shortcutKeys:((r=d.options.shortcutKeys)==null?void 0:r[0])??["Tab"],icon:"IndentIncrease",tooltip:o("editor.indent.tooltip")}},{component:t.ActionButton,componentProps:{action:()=>{e.commands.outdent()},shortcutKeys:((s=d.options.shortcutKeys)==null?void 0:s[1])??["Shift","Tab"],icon:"IndentDecrease",tooltip:o("editor.outdent.tooltip")}}]}}},addGlobalAttributes(){return[{types:this.options.types,attributes:{indent:{default:0,parseHTML:n=>{const e=n.dataset.indent;return(e?Number.parseInt(e,10):0)||0},renderHTML:n=>n.indent?{"data-indent":n.indent}:{}}}}]},addCommands(){return{indent:()=>t.createIndentCommand({delta:t.IndentProps.more,types:this.options.types}),outdent:()=>t.createIndentCommand({delta:t.IndentProps.less,types:this.options.types})}},addKeyboardShortcuts(){return{Tab:()=>this.editor.commands.indent(),"Shift-Tab":()=>this.editor.commands.outdent()}}});exports.Indent=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./index-RfTlOzIr.cjs"),l=require("@tiptap/pm/state"),c=require("react/jsx-runtime"),m=require("./toggle-D41PzQLJ.cjs");require("react");require("./index-DV5kbgRU.cjs");const f=require("./useButtonProps-C6Vpn190.cjs");var a=(t=>(t[t.max=7]="max",t[t.min=0]="min",t[t.more=1]="more",t[t.less=-1]="less",t))(a||{});function g(t,e,n){return t<e?e:t>n?n:t}function I(t,e,n,o){const{doc:s,selection:r}=t;if(!s||!r||!(r instanceof l.TextSelection||r instanceof l.AllSelection))return t;const{from:i,to:u}=r;return s.nodesBetween(i,u,(d,x)=>{const b=d.type;return n.includes(b.name)?(t=T(t,x,e),!1):!h.isList(d.type.name,o.extensionManager.extensions)}),t}function T(t,e,n){if(!t.doc)return t;const o=t.doc.nodeAt(e);if(!o)return t;const i=g((o.attrs.indent||0)+n,0,7);if(i===o.attrs.indent)return t;const u={...o.attrs,indent:i};return t.setNodeMarkup(e,o.type,u,o.marks)}function p({delta:t,types:e}){return({state:n,dispatch:o,editor:s})=>{const{selection:r}=n;let{tr:i}=n;return i=i.setSelection(r),i=I(i,t,e,s),i.docChanged?(o&&o(i),!0):!1}}function A(){const t=f.useButtonProps(y.name),{indent:e,outdent:n}=(t==null?void 0:t.componentProps)??{},{editorDisabled:o}=f.useToggleActive(),s=()=>{o||e!=null&&e.action&&(e==null||e.action())},r=()=>{o||n!=null&&n.action&&(n==null||n.action())};return t?c.jsxs(c.Fragment,{children:[c.jsx(m.ActionButton,{action:s,disabled:o,icon:e==null?void 0:e.icon,shortcutKeys:e==null?void 0:e.shortcutKeys,tooltip:e==null?void 0:e.tooltip}),c.jsx(m.ActionButton,{action:r,disabled:o,icon:n==null?void 0:n.icon,shortcutKeys:n==null?void 0:n.shortcutKeys,tooltip:n==null?void 0:n.tooltip})]}):c.jsx(c.Fragment,{})}const y=h.Extension.create({name:"richtextIndentOutdent",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),types:["paragraph","heading","blockquote"],minIndent:a.min,maxIndent:a.max,button({editor:e,t:n,extension:o}){var s,r;return{componentProps:{indent:{action:()=>{e.commands.indent()},shortcutKeys:((s=o.options.shortcutKeys)==null?void 0:s[0])??["Tab"],icon:"IndentIncrease",tooltip:n("editor.indent.tooltip")},outdent:{action:()=>{e.commands.outdent()},shortcutKeys:((r=o.options.shortcutKeys)==null?void 0:r[1])??["Shift","Tab"],icon:"IndentDecrease",tooltip:n("editor.outdent.tooltip")}}}}}},addGlobalAttributes(){return[{types:this.options.types,attributes:{indent:{default:0,parseHTML:t=>{const e=t.dataset.indent;return(e?Number.parseInt(e,10):0)||0},renderHTML:t=>t.indent?{"data-indent":t.indent}:{}}}}]},addCommands(){return{indent:()=>p({delta:a.more,types:this.options.types}),outdent:()=>p({delta:a.less,types:this.options.types})}},addKeyboardShortcuts(){return{Tab:()=>this.editor.commands.indent(),"Shift-Tab":()=>this.editor.commands.outdent()}}});exports.Indent=y;exports.RichTextIndent=A;

package/lib/Indent.d.cts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 
 /**
  * Represents the ButtonView function.
@@ -78,6 +79,8 @@ export declare interface IndentOptions extends GeneralOptions<IndentOptions> {
     maxIndent: number;
 }
 
+export declare function RichTextIndent(): JSX.Element;
+
 export { }
 
 
@@ -111,11 +114,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -123,8 +137,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -142,7 +157,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -167,10 +191,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -255,16 +277,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: {
@@ -275,20 +287,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: {
@@ -312,16 +310,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/Indent.d.ts

@@ -1,5 +1,6 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
+import { JSX } from 'react/jsx-runtime';
 
 /**
  * Represents the ButtonView function.
@@ -78,6 +79,8 @@ export declare interface IndentOptions extends GeneralOptions<IndentOptions> {
     maxIndent: number;
 }
 
+export declare function RichTextIndent(): JSX.Element;
+
 export { }
 
 
@@ -111,11 +114,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -123,8 +137,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -142,7 +157,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -167,10 +191,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -255,16 +277,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: {
@@ -275,20 +287,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: {
@@ -312,16 +310,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/Indent.js

@@ -1,7 +1,80 @@
-import { E as p } from "./index-kbO3iWqL.js";
-import { c as i, I as e, A as a } from "./RichTextEditor-DGcKEUGr.js";
-const u = /* @__PURE__ */ p.create({
-  name: "indent",
+import { o as y, E as x } from "./index-DnWWK9F_.js";
+import { TextSelection as b, AllSelection as A } from "@tiptap/pm/state";
+import { jsx as u, Fragment as m, jsxs as I } from "react/jsx-runtime";
+import { A as p } from "./toggle-Cdp4IT2U.js";
+import "react";
+import "./index-BPfVXs5_.js";
+import { u as T, a as K } from "./useButtonProps-BsEd4zYM.js";
+var a = /* @__PURE__ */ ((t) => (t[t.max = 7] = "max", t[t.min = 0] = "min", t[t.more = 1] = "more", t[t.less = -1] = "less", t))(a || {});
+function g(t, n, e) {
+  return t < n ? n : t > e ? e : t;
+}
+function S(t, n, e, o) {
+  const { doc: s, selection: r } = t;
+  if (!s || !r || !(r instanceof b || r instanceof A))
+    return t;
+  const { from: i, to: c } = r;
+  return s.nodesBetween(i, c, (d, l) => {
+    const h = d.type;
+    return e.includes(h.name) ? (t = M(t, l, n), !1) : !y(d.type.name, o.extensionManager.extensions);
+  }), t;
+}
+function M(t, n, e) {
+  if (!t.doc)
+    return t;
+  const o = t.doc.nodeAt(n);
+  if (!o)
+    return t;
+  const i = g((o.attrs.indent || 0) + e, 0, 7);
+  if (i === o.attrs.indent)
+    return t;
+  const c = {
+    ...o.attrs,
+    indent: i
+  };
+  return t.setNodeMarkup(n, o.type, c, o.marks);
+}
+function f({ delta: t, types: n }) {
+  return ({ state: e, dispatch: o, editor: s }) => {
+    const { selection: r } = e;
+    let { tr: i } = e;
+    return i = i.setSelection(r), i = S(i, t, n, s), i.docChanged ? (o && o(i), !0) : !1;
+  };
+}
+function E() {
+  const t = T(k.name), {
+    indent: n,
+    outdent: e
+  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: o } = K(), s = () => {
+    o || n != null && n.action && (n == null || n.action());
+  }, r = () => {
+    o || e != null && e.action && (e == null || e.action());
+  };
+  return t ? /* @__PURE__ */ I(m, { children: [
+    /* @__PURE__ */ u(
+      p,
+      {
+        action: s,
+        disabled: o,
+        icon: n == null ? void 0 : n.icon,
+        shortcutKeys: n == null ? void 0 : n.shortcutKeys,
+        tooltip: n == null ? void 0 : n.tooltip
+      }
+    ),
+    /* @__PURE__ */ u(
+      p,
+      {
+        action: r,
+        disabled: o,
+        icon: e == null ? void 0 : e.icon,
+        shortcutKeys: e == null ? void 0 : e.shortcutKeys,
+        tooltip: e == null ? void 0 : e.tooltip
+      }
+    )
+  ] }) : /* @__PURE__ */ u(m, {});
+}
+const k = /* @__PURE__ */ x.create({
+  name: "richtextIndentOutdent",
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
@@ -9,34 +82,30 @@ const u = /* @__PURE__ */ p.create({
     return {
       ...(t = this.parent) == null ? void 0 : t.call(this),
       types: ["paragraph", "heading", "blockquote"],
-      minIndent: e.min,
-      maxIndent: e.max,
-      button({ editor: n, t: o, extension: s }) {
-        var r, d;
-        return [
-          {
-            component: a,
-            componentProps: {
+      minIndent: a.min,
+      maxIndent: a.max,
+      button({ editor: n, t: e, extension: o }) {
+        var s, r;
+        return {
+          componentProps: {
+            indent: {
               action: () => {
                 n.commands.indent();
               },
-              shortcutKeys: ((r = s.options.shortcutKeys) == null ? void 0 : r[0]) ?? ["Tab"],
+              shortcutKeys: ((s = o.options.shortcutKeys) == null ? void 0 : s[0]) ?? ["Tab"],
               icon: "IndentIncrease",
-              tooltip: o("editor.indent.tooltip")
-            }
-          },
-          {
-            component: a,
-            componentProps: {
+              tooltip: e("editor.indent.tooltip")
+            },
+            outdent: {
               action: () => {
                 n.commands.outdent();
               },
-              shortcutKeys: ((d = s.options.shortcutKeys) == null ? void 0 : d[1]) ?? ["Shift", "Tab"],
+              shortcutKeys: ((r = o.options.shortcutKeys) == null ? void 0 : r[1]) ?? ["Shift", "Tab"],
               icon: "IndentDecrease",
-              tooltip: o("editor.outdent.tooltip")
+              tooltip: e("editor.outdent.tooltip")
             }
           }
-        ];
+        };
       }
     };
   },
@@ -59,12 +128,12 @@ const u = /* @__PURE__ */ p.create({
   },
   addCommands() {
     return {
-      indent: () => i({
-        delta: e.more,
+      indent: () => f({
+        delta: a.more,
         types: this.options.types
       }),
-      outdent: () => i({
-        delta: e.less,
+      outdent: () => f({
+        delta: a.less,
         types: this.options.types
       })
     };
@@ -77,5 +146,6 @@ const u = /* @__PURE__ */ p.create({
   }
 });
 export {
-  u as Indent
+  k as Indent,
+  E as RichTextIndent
 };

package/lib/Italic.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-DF2Lp4HZ.cjs"),s=require("./RichTextEditor-CxvwGvQG.cjs");var i=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/,o=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g,l=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/,u=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g,d=r.Mark.create({name:"italic",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"em"},{tag:"i",getAttrs:t=>t.style.fontStyle!=="normal"&&null},{style:"font-style=normal",clearMark:t=>t.type.name===this.name},{style:"font-style=italic"}]},renderHTML({HTMLAttributes:t}){return["em",r.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setItalic:()=>({commands:t})=>t.setMark(this.name),toggleItalic:()=>({commands:t})=>t.toggleMark(this.name),unsetItalic:()=>({commands:t})=>t.unsetMark(this.name)}},markdownTokenName:"em",parseMarkdown:(t,e)=>e.applyMark("italic",e.parseInline(t.tokens||[])),renderMarkdown:(t,e)=>`*${e.renderChildren(t)}*`,addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[r.markInputRule({find:i,type:this.type}),r.markInputRule({find:l,type:this.type})]},addPasteRules(){return[r.markPasteRule({find:o,type:this.type}),r.markPasteRule({find:u,type:this.type})]}}),c=d;const m=c.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:e,t:a,extension:n}){return{component:s.ActionButton,componentProps:{action:()=>e.commands.toggleItalic(),isActive:()=>e.isActive("italic")||!1,disabled:!1,shortcutKeys:n.options.shortcutKeys??["mod","I"],icon:"Italic",tooltip:a("editor.italic.tooltip")}}}}}});exports.Italic=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-RfTlOzIr.cjs"),s=require("react/jsx-runtime"),y=require("./toggle-D41PzQLJ.cjs");require("react");require("./index-DV5kbgRU.cjs");const u=require("./useButtonProps-C6Vpn190.cjs");var I=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/,h=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g,v=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/,f=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g,k=r.Mark.create({name:"italic",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"em"},{tag:"i",getAttrs:t=>t.style.fontStyle!=="normal"&&null},{style:"font-style=normal",clearMark:t=>t.type.name===this.name},{style:"font-style=italic"}]},renderHTML({HTMLAttributes:t}){return["em",r.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setItalic:()=>({commands:t})=>t.setMark(this.name),toggleItalic:()=>({commands:t})=>t.toggleMark(this.name),unsetItalic:()=>({commands:t})=>t.unsetMark(this.name)}},markdownTokenName:"em",parseMarkdown:(t,e)=>e.applyMark("italic",e.parseInline(t.tokens||[])),renderMarkdown:(t,e)=>`*${e.renderChildren(t)}*`,addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[r.markInputRule({find:I,type:this.type}),r.markInputRule({find:v,type:this.type})]},addPasteRules(){return[r.markPasteRule({find:h,type:this.type}),r.markPasteRule({find:f,type:this.type})]}}),M=k;function R(){const t=u.useButtonProps(c.name),{icon:e=void 0,tooltip:n=void 0,shortcutKeys:i=void 0,tooltipOptions:l={},action:a=void 0,isActive:d=void 0}=(t==null?void 0:t.componentProps)??{},{dataState:p,disabled:o,update:m}=u.useToggleActive(d),g=()=>{o||a&&(a(),m())};return t?s.jsx(y.ActionButton,{action:g,dataState:p,disabled:o,icon:e,shortcutKeys:i,tooltip:n,tooltipOptions:l}):s.jsx(s.Fragment,{})}const c=M.extend({addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:e,t:n,extension:i}){return{componentProps:{action:()=>e.commands.toggleItalic(),isActive:()=>e.isActive("italic")||!1,disabled:!1,shortcutKeys:i.options.shortcutKeys??["mod","I"],icon:"Italic",tooltip:n("editor.italic.tooltip")}}}}}});exports.Italic=c;exports.RichTextItalic=R;

package/lib/Italic.d.cts

@@ -1,6 +1,7 @@
 import { Editor } from '@tiptap/react';
 import { Extension } from '@tiptap/core';
 import { ItalicOptions as ItalicOptions_2 } from '@tiptap/extension-italic';
+import { JSX } from 'react/jsx-runtime';
 import { Mark } from '@tiptap/core';
 
 /**
@@ -77,6 +78,8 @@ export declare const Italic: Mark<ItalicOptions, any>;
 export declare interface ItalicOptions extends ItalicOptions_2, GeneralOptions<ItalicOptions> {
 }
 
+export declare function RichTextItalic(): JSX.Element;
+
 export { }
 
 
@@ -110,11 +113,22 @@ declare module '@tiptap/core' {
 }
 
 
+declare module '@tiptap/core' {
+    interface Storage {
+        color: ColorStorage;
+    }
+}
+
+
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        drawer: {
-            setDrawer: (options: any, replace?: any) => ReturnType;
-            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -122,8 +136,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        drawer: {
+            setDrawer: (options: any, replace?: any) => ReturnType;
+            setAlignImageDrawer: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }
@@ -141,7 +156,16 @@ declare module '@tiptap/core' {
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         exportWord: {
-            exportToWord: () => ReturnType;
+            exportToWord: (docState: any) => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -166,10 +190,8 @@ declare module '@tiptap/core' {
 
 
 declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        painter: {
-            setPainter: (marks: Mark[]) => ReturnType;
-        };
+    interface Storage {
+        highlight: HighlightStorage;
     }
 }
 
@@ -254,16 +276,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: {
@@ -274,20 +286,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: {
@@ -311,16 +309,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: {