reactjs-tiptap-editor-pro 0.2.30 → 0.2.31

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactjs-tiptap-editor-pro",
   "type": "module",
-  "version": "0.2.30",
+  "version": "0.2.31",
   "packageManager": "pnpm@8.15.9",
   "description": "A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React",
   "license": "MIT",
@@ -30,6 +30,9 @@
   "sideEffects": false,
   "main": "./src/index.ts",
   "module": "./src/index.ts",
+  "exports": {
+    "./*": "./src/*"
+  },
   "files": [
     "src",
     "package.json",

package/src/components/ActionButton.tsx

@@ -5,10 +5,10 @@ import React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import type { TooltipContentProps } from '@radix-ui/react-tooltip';
 
-import { Toggle, Tooltip, TooltipContent, TooltipTrigger, IconComponent as Icon } from '@/components';
-import { cn } from '@/lib/utils';
-import type { ButtonViewReturnComponentProps } from '@/types';
-import { getShortcutKeys } from '@/utils/plateform';
+import { Toggle, Tooltip, TooltipContent, TooltipTrigger, IconComponent as Icon } from 'reactjs-tiptap-editor-pro/components';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
+import { getShortcutKeys } from 'reactjs-tiptap-editor-pro/utils/plateform';
 
 export interface ActionButtonProps {
   /* Icon name to display */

package/src/components/ActionMenuButton.tsx

@@ -3,9 +3,9 @@ import React from 'react';
 
 import { Slot } from '@radix-ui/react-slot';
 
-import { Button, Tooltip, TooltipContent, TooltipTrigger, icons } from '@/components';
-import type { ButtonViewReturnComponentProps } from '@/types';
-import { getShortcutKeys } from '@/utils/plateform';
+import { Button, Tooltip, TooltipContent, TooltipTrigger, icons } from 'reactjs-tiptap-editor-pro/components';
+import type { ButtonViewReturnComponentProps } from 'reactjs-tiptap-editor-pro/types';
+import { getShortcutKeys } from 'reactjs-tiptap-editor-pro/utils/plateform';
 
 export interface ActionMenuButtonProps {
   /** Icon name to display */

package/src/components/BubbleMenu.tsx

@@ -1,14 +1,14 @@
 import type { Editor } from '@tiptap/core';
 
-import { BubbleMenuImage, BubbleMenuImageGif, BubbleMenuLink, BubbleMenuText, BubbleMenuVideo, ColumnsBubbleMenu, ContentMenu, TableBubbleMenu } from '@/components';
-import { BubbleMenuDrawer } from '@/components/menus/components/BubbleMenuDrawer';
-import { BubbleMenuExcalidraw } from '@/components/menus/components/BubbleMenuExcalidraw';
-import { BubbleMenuIframe } from '@/components/menus/components/BubbleMenuIframe';
-import BubbleMenuKatex from '@/components/menus/components/BubbleMenuKatex';
-import { BubbleMenuMermaid } from '@/components/menus/components/BubbleMenuMermaid';
-import { BubbleMenuTwitter } from '@/components/menus/components/BubbleMenuTwitter';
-import { Image, ImageGif } from '@/extensions';
-import type { BubbleMenuProps as BubbleMenuPropsType } from '@/types';
+import { BubbleMenuImage, BubbleMenuImageGif, BubbleMenuLink, BubbleMenuText, BubbleMenuVideo, ColumnsBubbleMenu, ContentMenu, TableBubbleMenu } from 'reactjs-tiptap-editor-pro/components';
+import { BubbleMenuDrawer } from 'reactjs-tiptap-editor-pro/components/menus/components/BubbleMenuDrawer';
+import { BubbleMenuExcalidraw } from 'reactjs-tiptap-editor-pro/components/menus/components/BubbleMenuExcalidraw';
+import { BubbleMenuIframe } from 'reactjs-tiptap-editor-pro/components/menus/components/BubbleMenuIframe';
+import BubbleMenuKatex from 'reactjs-tiptap-editor-pro/components/menus/components/BubbleMenuKatex';
+import { BubbleMenuMermaid } from 'reactjs-tiptap-editor-pro/components/menus/components/BubbleMenuMermaid';
+import { BubbleMenuTwitter } from 'reactjs-tiptap-editor-pro/components/menus/components/BubbleMenuTwitter';
+import { Image, ImageGif } from 'reactjs-tiptap-editor-pro/extensions';
+import type { BubbleMenuProps as BubbleMenuPropsType } from 'reactjs-tiptap-editor-pro/types';
 
 export interface BubbleMenuComponentProps {
   editor: Editor

package/src/components/CharactorCount.tsx

@@ -1,6 +1,6 @@
 import type { Editor } from '@tiptap/core';
 import React, { useMemo } from 'react';
-import { useLocale } from '@/locales';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsCharactorCount {
   editor: Editor

package/src/components/ColorPicker.tsx

@@ -3,10 +3,10 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { Plus } from 'lucide-react';
 import { HexColorPicker } from 'react-colorful';
 
-import { Button, Input, Popover, PopoverContent, PopoverTrigger, Separator } from '@/components';
-import { NoFill } from '@/components/icons/NoFill';
-import { COLORS_LIST as DEFAULT_COLORS_LIST } from '@/constants';
-import { useLocale } from '@/locales';
+import { Button, Input, Popover, PopoverContent, PopoverTrigger, Separator } from 'reactjs-tiptap-editor-pro/components';
+import { NoFill } from 'reactjs-tiptap-editor-pro/components/icons/NoFill';
+import { COLORS_LIST as DEFAULT_COLORS_LIST } from 'reactjs-tiptap-editor-pro/constants';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 export interface ColorPickerProps {
   highlight?: boolean

package/src/components/RichTextEditor.tsx

@@ -5,17 +5,17 @@ import type { UseEditorOptions } from '@tiptap/react';
 import { EditorContent, useEditor } from '@tiptap/react';
 import { differenceBy, throttle } from 'lodash-es';
 
-import { BubbleMenu, Toolbar, TooltipProvider } from '@/components';
-import CharactorCount from '@/components/CharactorCount';
-import { Toaster } from '@/components/ui/toaster';
-import { EDITOR_UPDATE_WATCH_THROTTLE_WAIT_TIME } from '@/constants';
-import { RESET_CSS } from '@/constants/resetCSS';
-import { editableEditorActions } from '@/store/editableEditor';
-import { ProviderRichText } from '@/store/ProviderRichText';
-import { themeActions } from '@/theme/theme';
-import type { BubbleMenuProps, ToolbarProps } from '@/types';
-import { removeCSS, updateCSS } from '@/utils/dynamicCSS';
-import { hasExtension } from '@/utils/utils';
+import { BubbleMenu, Toolbar, TooltipProvider } from 'reactjs-tiptap-editor-pro/components';
+import CharactorCount from 'reactjs-tiptap-editor-pro/components/CharactorCount';
+import { Toaster } from 'reactjs-tiptap-editor-pro/components/ui/toaster';
+import { EDITOR_UPDATE_WATCH_THROTTLE_WAIT_TIME } from 'reactjs-tiptap-editor-pro/constants';
+import { RESET_CSS } from 'reactjs-tiptap-editor-pro/constants/resetCSS';
+import { editableEditorActions } from 'reactjs-tiptap-editor-pro/store/editableEditor';
+import { ProviderRichText } from 'reactjs-tiptap-editor-pro/store/ProviderRichText';
+import { themeActions } from 'reactjs-tiptap-editor-pro/theme/theme';
+import type { BubbleMenuProps, ToolbarProps } from 'reactjs-tiptap-editor-pro/types';
+import { removeCSS, updateCSS } from 'reactjs-tiptap-editor-pro/utils/dynamicCSS';
+import { hasExtension } from 'reactjs-tiptap-editor-pro/utils/utils';
 
 import '../styles/index.scss';
 

package/src/components/SizeSetter/SizeSetter.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
-import { Button, Input, Label, Popover, PopoverContent, PopoverTrigger } from '@/components/ui';
-import { useLocale } from '@/locales';
+import { Button, Input, Label, Popover, PopoverContent, PopoverTrigger } from 'reactjs-tiptap-editor-pro/components/ui';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface ISize {
   width: number | string, height: number | string 

package/src/components/Toolbar.tsx

@@ -1,10 +1,10 @@
 import React, { useMemo } from 'react';
 import type { Editor } from '@tiptap/core';
-import type { ToolbarItemProps, ToolbarProps } from '@/types';
+import type { ToolbarItemProps, ToolbarProps } from 'reactjs-tiptap-editor-pro/types';
 
-import { Separator } from '@/components';
-import { useLocale } from '@/locales';
-import { isFunction } from '@/utils/utils';
+import { Separator } from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { isFunction } from 'reactjs-tiptap-editor-pro/utils/utils';
 
 export interface ToolbarComponentProps {
   editor: Editor

package/src/components/icons/Icon.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { DynamicIcon } from 'lucide-react/dynamic';
 
-import { icons } from '@/components';
+import { icons } from 'reactjs-tiptap-editor-pro/components';
 
 export interface IconComponentProps {
   name: string;

package/src/components/icons/icons.ts

@@ -89,18 +89,18 @@ import {
   SizeL,
   SizeM,
   SizeS,
-} from '@/components/icons';
-import { ColumnAddLeft } from '@/components/icons/ColumnAddLeft';
-import { ColumnAddRight } from '@/components/icons/ColumnAddRight';
-import { Direction } from '@/components/icons/Direction';
-import { Excalidraw } from '@/components/icons/Excalidraw';
-import { ExportPdf } from '@/components/icons/ExportPdf';
-import ExportWord from '@/components/icons/ExportWord';
-import { GifIcon } from '@/components/icons/GIfIcon';
-import { LeftToRight } from '@/components/icons/LeftToRight';
-import { Mermaid } from '@/components/icons/Mermaid';
-import { RightToLeft } from '@/components/icons/RightToLeft';
-import { Twitter } from '@/components/icons/Twitter';
+} from 'reactjs-tiptap-editor-pro/components/icons';
+import { ColumnAddLeft } from 'reactjs-tiptap-editor-pro/components/icons/ColumnAddLeft';
+import { ColumnAddRight } from 'reactjs-tiptap-editor-pro/components/icons/ColumnAddRight';
+import { Direction } from 'reactjs-tiptap-editor-pro/components/icons/Direction';
+import { Excalidraw } from 'reactjs-tiptap-editor-pro/components/icons/Excalidraw';
+import { ExportPdf } from 'reactjs-tiptap-editor-pro/components/icons/ExportPdf';
+import ExportWord from 'reactjs-tiptap-editor-pro/components/icons/ExportWord';
+import { GifIcon } from 'reactjs-tiptap-editor-pro/components/icons/GIfIcon';
+import { LeftToRight } from 'reactjs-tiptap-editor-pro/components/icons/LeftToRight';
+import { Mermaid } from 'reactjs-tiptap-editor-pro/components/icons/Mermaid';
+import { RightToLeft } from 'reactjs-tiptap-editor-pro/components/icons/RightToLeft';
+import { Twitter } from 'reactjs-tiptap-editor-pro/components/icons/Twitter';
 
 import ImportWord from './ImportWord';
 

package/src/components/menus/bubble.ts

@@ -1,10 +1,10 @@
 import { deleteSelection } from '@tiptap/pm/commands';
 import type { Editor } from '@tiptap/react';
 
-import { ActionButton } from '@/components';
-import { BUBBLE_TEXT_LIST, IMAGE_SIZE, VIDEO_SIZE } from '@/constants';
-import { localeActions } from '@/locales';
-import type { ButtonViewParams, ButtonViewReturn, ExtensionNameKeys } from '@/types';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components';
+import { BUBBLE_TEXT_LIST, IMAGE_SIZE, VIDEO_SIZE } from 'reactjs-tiptap-editor-pro/constants';
+import { localeActions } from 'reactjs-tiptap-editor-pro/locales';
+import type { ButtonViewParams, ButtonViewReturn, ExtensionNameKeys } from 'reactjs-tiptap-editor-pro/types';
 
 /** Represents the size types for bubble images or videos */
 type BubbleImageOrVideoSizeType = 'size-small' | 'size-medium' | 'size-large';

package/src/components/menus/components/BubbleMenuDrawer.tsx

@@ -3,12 +3,12 @@ import { Fragment, useMemo } from 'react';
 import type { Editor } from '@tiptap/react';
 import { BubbleMenu as BubbleMenuReact } from '@tiptap/react';
 
-import { Separator, getBubbleDrawer } from '@/components';
-import { Drawer } from '@/extensions';
-import { EditDrawerBlock } from '@/extensions/Drawer/components/EditDrawerBlock';
-import { useAttributes } from '@/hooks/useAttributes';
-import { useExtension } from '@/hooks/useExtension';
-import { useLocale } from '@/locales';
+import { Separator, getBubbleDrawer } from 'reactjs-tiptap-editor-pro/components';
+import { Drawer } from 'reactjs-tiptap-editor-pro/extensions';
+import { EditDrawerBlock } from 'reactjs-tiptap-editor-pro/extensions/Drawer/components/EditDrawerBlock';
+import { useAttributes } from 'reactjs-tiptap-editor-pro/hooks/useAttributes';
+import { useExtension } from 'reactjs-tiptap-editor-pro/hooks/useExtension';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsBubbleMenu {
   editor: Editor

package/src/components/menus/components/BubbleMenuExcalidraw.tsx

@@ -1,15 +1,15 @@
 import { useCallback, useEffect } from 'react';
 
 import { BubbleMenu } from '@tiptap/react';
-import { useAttributes } from '@/hooks/useAttributes';
-import { ActionButton } from '@/components/ActionButton';
-import { SizeSetter } from '@/components/SizeSetter/SizeSetter';
-import { useLocale } from '@/locales';
-import type { IExcalidrawAttrs } from '@/extensions/Excalidraw';
-import { Excalidraw } from '@/extensions/Excalidraw';
-import { triggerOpenExcalidrawSettingModal } from '@/utils/_event';
-import { deleteNode } from '@/utils/delete-node';
-import { getEditorContainerDOMSize } from '@/utils/editor-container-size';
+import { useAttributes } from 'reactjs-tiptap-editor-pro/hooks/useAttributes';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { SizeSetter } from 'reactjs-tiptap-editor-pro/components/SizeSetter/SizeSetter';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import type { IExcalidrawAttrs } from 'reactjs-tiptap-editor-pro/extensions/Excalidraw';
+import { Excalidraw } from 'reactjs-tiptap-editor-pro/extensions/Excalidraw';
+import { triggerOpenExcalidrawSettingModal } from 'reactjs-tiptap-editor-pro/utils/_event';
+import { deleteNode } from 'reactjs-tiptap-editor-pro/utils/delete-node';
+import { getEditorContainerDOMSize } from 'reactjs-tiptap-editor-pro/utils/editor-container-size';
 
 export function BubbleMenuExcalidraw({ editor }: any) {
   const { t } = useLocale();

package/src/components/menus/components/BubbleMenuIframe.tsx

@@ -1,15 +1,15 @@
 import { useCallback, useEffect, useState } from 'react';
 
 import { BubbleMenu } from '@tiptap/react';
-import { useAttributes } from '@/hooks/useAttributes';
-import { ActionButton } from '@/components/ActionButton';
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Button, Input } from '@/components/ui';
-import { SizeSetter } from '@/components/SizeSetter/SizeSetter';
-import { useLocale } from '@/locales';
-import type { IIframeAttrs } from '@/extensions/Iframe';
-import { Iframe } from '@/extensions/Iframe';
-import { deleteNode } from '@/utils/delete-node';
+import { useAttributes } from 'reactjs-tiptap-editor-pro/hooks/useAttributes';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from 'reactjs-tiptap-editor-pro/components/ui/dialog';
+import { Button, Input } from 'reactjs-tiptap-editor-pro/components/ui';
+import { SizeSetter } from 'reactjs-tiptap-editor-pro/components/SizeSetter/SizeSetter';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import type { IIframeAttrs } from 'reactjs-tiptap-editor-pro/extensions/Iframe';
+import { Iframe } from 'reactjs-tiptap-editor-pro/extensions/Iframe';
+import { deleteNode } from 'reactjs-tiptap-editor-pro/utils/delete-node';
 
 export function BubbleMenuIframe({ editor }: any) {
   const { t } = useLocale();

package/src/components/menus/components/BubbleMenuKatex.tsx

@@ -2,13 +2,13 @@ import { BubbleMenu } from '@tiptap/react';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { HelpCircle, Pencil, Trash2 } from 'lucide-react';
 import katex from 'katex';
-import { Katex } from '@/extensions';
-import { deleteNode } from '@/utils/delete-node';
-import { useAttributes } from '@/hooks/useAttributes';
-import type { IKatexAttrs } from '@/extensions/Katex';
-import { Textarea } from '@/components/ui/textarea';
-import { ActionButton } from '@/components/ActionButton';
-import { Button } from '@/components/ui';
+import { Katex } from 'reactjs-tiptap-editor-pro/extensions';
+import { deleteNode } from 'reactjs-tiptap-editor-pro/utils/delete-node';
+import { useAttributes } from 'reactjs-tiptap-editor-pro/hooks/useAttributes';
+import type { IKatexAttrs } from 'reactjs-tiptap-editor-pro/extensions/Katex';
+import { Textarea } from 'reactjs-tiptap-editor-pro/components/ui/textarea';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { Button } from 'reactjs-tiptap-editor-pro/components/ui';
 
 function BubbleMenuKatex({ editor, ...props }: any) {
   const attrs = useAttributes<IKatexAttrs>(editor, Katex.name, {

package/src/components/menus/components/BubbleMenuLink.tsx

@@ -3,8 +3,8 @@ import { useCallback, useMemo, useState } from 'react';
 import type { Editor } from '@tiptap/react';
 import { BubbleMenu } from '@tiptap/react';
 
-import LinkEditBlock from '@/extensions/Link/components/LinkEditBlock';
-import LinkViewBlock from '@/extensions/Link/components/LinkViewBlock';
+import LinkEditBlock from 'reactjs-tiptap-editor-pro/extensions/Link/components/LinkEditBlock';
+import LinkViewBlock from 'reactjs-tiptap-editor-pro/extensions/Link/components/LinkViewBlock';
 
 export interface BubbleMenuLinkProps {
   editor: Editor

package/src/components/menus/components/BubbleMenuMedia.tsx

@@ -3,9 +3,9 @@ import { Fragment, useMemo } from 'react';
 import type { Editor } from '@tiptap/react';
 import { BubbleMenu as BubbleMenuReact } from '@tiptap/react';
 
-import { Separator, getBubbleImage, getBubbleImageGif, getBubbleVideo } from '@/components';
-import { Image, ImageGif, Video } from '@/extensions';
-import { useLocale } from '@/locales';
+import { Separator, getBubbleImage, getBubbleImageGif, getBubbleVideo } from 'reactjs-tiptap-editor-pro/components';
+import { Image, ImageGif, Video } from 'reactjs-tiptap-editor-pro/extensions';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsBubbleMenu {
   editor: Editor

package/src/components/menus/components/BubbleMenuMermaid.tsx

@@ -3,12 +3,12 @@ import { Fragment, useMemo } from 'react';
 import type { Editor } from '@tiptap/react';
 import { BubbleMenu as BubbleMenuReact } from '@tiptap/react';
 
-import { Separator, getBubbleMermaid } from '@/components';
-import { Mermaid } from '@/extensions';
-import { EditMermaidBlock } from '@/extensions/Mermaid/components/EditMermaidBlock';
-import { useAttributes } from '@/hooks/useAttributes';
-import { useExtension } from '@/hooks/useExtension';
-import { useLocale } from '@/locales';
+import { Separator, getBubbleMermaid } from 'reactjs-tiptap-editor-pro/components';
+import { Mermaid } from 'reactjs-tiptap-editor-pro/extensions';
+import { EditMermaidBlock } from 'reactjs-tiptap-editor-pro/extensions/Mermaid/components/EditMermaidBlock';
+import { useAttributes } from 'reactjs-tiptap-editor-pro/hooks/useAttributes';
+import { useExtension } from 'reactjs-tiptap-editor-pro/hooks/useExtension';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 interface IPropsBubbleMenu {
   editor: Editor

package/src/components/menus/components/BubbleMenuText.tsx

@@ -4,9 +4,9 @@ import type { Editor } from '@tiptap/core';
 import { TextSelection } from '@tiptap/pm/state';
 import { BubbleMenu } from '@tiptap/react';
 
-import { Separator, getBubbleText } from '@/components';
-import { useLocale } from '@/locales';
-import { type ShouldShowProps } from '@/types';
+import { Separator, getBubbleText } from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { type ShouldShowProps } from 'reactjs-tiptap-editor-pro/types';
 
 export interface BubbleMenuTextProps {
   editor: Editor

package/src/components/menus/components/BubbleMenuTwitter.tsx

@@ -3,11 +3,11 @@ import { useCallback, useState } from 'react';
 import type { Editor } from '@tiptap/react';
 import { BubbleMenu } from '@tiptap/react';
 
-import { ActionButton } from '@/components/ActionButton';
-import { Twitter } from '@/extensions';
-import FormEditLinkTwitter from '@/extensions/Twitter/components/FormEditLinkTwitter';
-import { useLocale } from '@/locales';
-import { deleteNode } from '@/utils/delete-node';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { Twitter } from 'reactjs-tiptap-editor-pro/extensions';
+import FormEditLinkTwitter from 'reactjs-tiptap-editor-pro/extensions/Twitter/components/FormEditLinkTwitter';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { deleteNode } from 'reactjs-tiptap-editor-pro/utils/delete-node';
 
 export interface BubbleMenuTwitterProps {
   editor: Editor

package/src/components/menus/components/ColumnsBubbleMenu.tsx

@@ -1,10 +1,10 @@
 import { useCallback } from 'react';
 
 import { BubbleMenu } from '@tiptap/react';
-import { ActionButton } from '@/components/ActionButton';
-import { deleteNode } from '@/utils/delete-node';
-import { MultiColumn } from '@/extensions';
-import { useLocale } from '@/locales';
+import { ActionButton } from 'reactjs-tiptap-editor-pro/components/ActionButton';
+import { deleteNode } from 'reactjs-tiptap-editor-pro/utils/delete-node';
+import { MultiColumn } from 'reactjs-tiptap-editor-pro/extensions';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
 
 export function ColumnsBubbleMenu({ editor }: any) {
   const { t } = useLocale();

package/src/components/menus/components/ContentMenu.tsx

@@ -19,10 +19,10 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from '@/components';
-import { useLocale } from '@/locales';
-import { DragHandlePlugin, dragHandlePluginDefaultKey } from '@/plugins/DragHandle';
-import { IndentProps, setNodeIndentMarkup } from '@/utils/indent';
+} from 'reactjs-tiptap-editor-pro/components';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { DragHandlePlugin, dragHandlePluginDefaultKey } from 'reactjs-tiptap-editor-pro/plugins/DragHandle';
+import { IndentProps, setNodeIndentMarkup } from 'reactjs-tiptap-editor-pro/utils/indent';
 
 export interface ContentMenuProps {
   editor: Editor

package/src/components/menus/components/TableBubbleMenu.tsx

@@ -7,14 +7,14 @@ import { BubbleMenu } from '@tiptap/react';
 import type { GetReferenceClientRect } from 'tippy.js';
 import { sticky } from 'tippy.js';
 
-import { ActionButton, type ActionButtonProps, getBubbleText, ItemA, Separator } from '@/components';
-import HighlightActionButton from '@/extensions/Highlight/components/HighlightActionButton';
+import { ActionButton, type ActionButtonProps, getBubbleText, ItemA, Separator } from 'reactjs-tiptap-editor-pro/components';
+import HighlightActionButton from 'reactjs-tiptap-editor-pro/extensions/Highlight/components/HighlightActionButton';
 import {
   isColumnGripSelected,
   isRowGripSelected,
-} from '@/extensions/Table/utils';
-import { useLocale } from '@/locales';
-import { type ShouldShowProps } from '@/types';
+} from 'reactjs-tiptap-editor-pro/extensions/Table/utils';
+import { useLocale } from 'reactjs-tiptap-editor-pro/locales';
+import { type ShouldShowProps } from 'reactjs-tiptap-editor-pro/types';
 
 import BubbleMenuContent from './BubbleMenuContent';
 

package/src/components/ui/button.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { type VariantProps, cva } from 'class-variance-authority';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const buttonVariants = cva(
   'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',

package/src/components/ui/checkbox.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Check } from 'lucide-react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,

package/src/components/ui/dialog.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { X } from 'lucide-react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const Dialog = DialogPrimitive.Root;
 

package/src/components/ui/dropdown-menu.tsx

@@ -5,7 +5,7 @@ import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { Check, ChevronRight, Circle } from 'lucide-react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 

package/src/components/ui/emoji-picker.tsx

@@ -9,7 +9,7 @@ import {
 import { LoaderIcon, SearchIcon } from 'lucide-react';
 import type * as React from 'react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 function EmojiPicker({
   className,

package/src/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}

package/src/components/ui/label.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { type VariantProps, cva } from 'class-variance-authority';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const labelVariants = cva(
   'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',

package/src/components/ui/popover.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const Popover = PopoverPrimitive.Root;
 

package/src/components/ui/select.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Check, ChevronDown, ChevronUp } from 'lucide-react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const Select = SelectPrimitive.Root;
 

package/src/components/ui/separator.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

package/src/components/ui/switch.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,

package/src/components/ui/tabs.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const Tabs = TabsPrimitive.Root;
 

package/src/components/ui/textarea.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 export interface TextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}

package/src/components/ui/toast.tsx

@@ -5,7 +5,7 @@ import * as ToastPrimitives from '@radix-ui/react-toast';
 import { type VariantProps, cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const ToastProvider = ToastPrimitives.Provider;
 

package/src/components/ui/toaster.tsx

@@ -7,8 +7,8 @@ import {
   ToastProvider,
   ToastTitle,
   ToastViewport,
-} from '@/components/ui/toast';
-import { useToast } from '@/components/ui/use-toast';
+} from 'reactjs-tiptap-editor-pro/components/ui/toast';
+import { useToast } from 'reactjs-tiptap-editor-pro/components/ui/use-toast';
 
 export function Toaster() {
   const { toasts } = useToast();

package/src/components/ui/toggle.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { type VariantProps, cva } from 'class-variance-authority';
 
-import { cn } from '@/lib/utils';
+import { cn } from 'reactjs-tiptap-editor-pro/lib/utils';
 
 const toggleVariants = cva(
   'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',