@kopexa/tiptap 17.9.2 → 17.10.0

package/dist/index.mjs

@@ -1,5 +1,8 @@
 "use client";
 
+// src/index.ts
+import { useCurrentEditor } from "@tiptap/react";
+
 // src/context/collaboration-context.tsx
 import { HocuspocusProvider, WebSocketStatus } from "@hocuspocus/provider";
 import {
@@ -3357,7 +3360,7 @@ import {
   useEditor
 } from "@tiptap/react";
 import { StarterKit } from "@tiptap/starter-kit";
-import { useEffect as useEffect14, useState as useState13 } from "react";
+import { useEffect as useEffect14, useRef as useRef8, useState as useState13 } from "react";
 
 // src/extensions/link/index.ts
 import TiptapLink from "@tiptap/extension-link";
@@ -3728,9 +3731,67 @@ var Selection = Extension3.create({
   }
 });
 
+// src/extensions/tab-handler/index.ts
+import { Extension as Extension4 } from "@tiptap/core";
+var TabHandler = Extension4.create({
+  name: "tabHandler",
+  addOptions() {
+    return {
+      spaces: 4
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Tab: ({ editor }) => {
+        if (editor.isActive("listItem") || editor.isActive("taskItem")) {
+          if (editor.can().sinkListItem("listItem")) {
+            return editor.commands.sinkListItem("listItem");
+          }
+          if (editor.can().sinkListItem("taskItem")) {
+            return editor.commands.sinkListItem("taskItem");
+          }
+        }
+        const spaces = " ".repeat(this.options.spaces);
+        return editor.commands.insertContent(spaces);
+      },
+      "Shift-Tab": ({ editor }) => {
+        if (editor.isActive("listItem") || editor.isActive("taskItem")) {
+          if (editor.can().liftListItem("listItem")) {
+            return editor.commands.liftListItem("listItem");
+          }
+          if (editor.can().liftListItem("taskItem")) {
+            return editor.commands.liftListItem("taskItem");
+          }
+        }
+        const { state } = editor;
+        const { $from, from } = state.selection;
+        const spacesToCheck = this.options.spaces;
+        const parent = $from.parent;
+        const offsetInParent = $from.parentOffset;
+        if (offsetInParent === 0 || !parent.isTextblock) {
+          return true;
+        }
+        const textBeforeCursor = parent.textContent.slice(0, offsetInParent);
+        const trailingSpaces = textBeforeCursor.match(/[ ]+$/);
+        if (trailingSpaces) {
+          const spacesToRemove = Math.min(
+            trailingSpaces[0].length,
+            spacesToCheck
+          );
+          return editor.commands.deleteRange({
+            from: from - spacesToRemove,
+            to: from
+          });
+        }
+        return true;
+      }
+    };
+  }
+});
+
 // src/extensions/trailing-node/index.ts
 import { Plugin as Plugin3, PluginKey as PluginKey5 } from "@tiptap/pm/state";
-import { Extension as Extension4 } from "@tiptap/react";
+import { Extension as Extension5 } from "@tiptap/react";
 function nodeEqualsType({
   types,
   node
@@ -3741,7 +3802,7 @@ function nodeEqualsType({
   }
   return node.type === types;
 }
-var TrailingNode = Extension4.create({
+var TrailingNode = Extension5.create({
   name: "trailingNode",
   addOptions() {
     return {
@@ -3787,7 +3848,7 @@ var TrailingNode = Extension4.create({
 });
 
 // src/extensions/ui-state/index.ts
-import { Extension as Extension5 } from "@tiptap/core";
+import { Extension as Extension6 } from "@tiptap/core";
 var defaultUiState = {
   aiGenerationIsSelection: false,
   aiGenerationIsLoading: false,
@@ -3797,7 +3858,7 @@ var defaultUiState = {
   lockDragHandle: false,
   isDragging: false
 };
-var UiState = Extension5.create({
+var UiState = Extension6.create({
   name: "uiState",
   addStorage() {
     return {
@@ -4023,10 +4084,15 @@ var useCreateEditor = ({
   const fileHandler = fileHandlerProp != null ? fileHandlerProp : fileHandlerFromContext;
   const collaboration = useCollaboration();
   const [collabSyncing, setCollabSyncing] = useState13(!!collaboration);
+  const placeholderRef = useRef8(placeholder);
+  placeholderRef.current = placeholder;
   const [extensions] = useState13(
     () => getExtensions({
       editable,
-      placeholder,
+      placeholder: () => {
+        const current = placeholderRef.current;
+        return typeof current === "function" ? current() : current;
+      },
       enableControls,
       controlResolver,
       fileHandler,
@@ -4150,6 +4216,7 @@ function getExtensions({
     }),
     UiState,
     TableKit,
+    TabHandler,
     NodeAlignment,
     NodeBackground,
     TocNode,
@@ -4313,7 +4380,11 @@ import {
   EditorContent,
   EditorContext
 } from "@tiptap/react";
-import { useCallback as useCallback38, useContext as useContext4 } from "react";
+import {
+  useCallback as useCallback38,
+  useContext as useContext4
+} from "react";
+import { useIntl as useIntl19 } from "react-intl";
 
 // src/context/editor-context.ts
 import { createContext as createContext4 } from "@kopexa/react-utils";
@@ -4832,6 +4903,425 @@ import {
 import { ToolbarButton as ToolbarButton2 } from "@kopexa/toolbar";
 import { isNodeSelection as isNodeSelection2 } from "@tiptap/react";
 import { useCallback as useCallback15, useMemo as useMemo13 } from "react";
+import { useIntl as useIntl9 } from "react-intl";
+
+// src/ui/messages.ts
+import { defineMessages as defineMessages7 } from "react-intl";
+var messages7 = defineMessages7({
+  // Turn Into Dropdown - Block Types
+  block_text: {
+    id: "editor.toolbar.block.text",
+    defaultMessage: "Text",
+    description: "Regular text paragraph block type"
+  },
+  block_heading_1: {
+    id: "editor.toolbar.block.heading_1",
+    defaultMessage: "Heading 1",
+    description: "Heading level 1 block type"
+  },
+  block_heading_2: {
+    id: "editor.toolbar.block.heading_2",
+    defaultMessage: "Heading 2",
+    description: "Heading level 2 block type"
+  },
+  block_heading_3: {
+    id: "editor.toolbar.block.heading_3",
+    defaultMessage: "Heading 3",
+    description: "Heading level 3 block type"
+  },
+  block_heading_4: {
+    id: "editor.toolbar.block.heading_4",
+    defaultMessage: "Heading 4",
+    description: "Heading level 4 block type"
+  },
+  block_bullet_list: {
+    id: "editor.toolbar.block.bullet_list",
+    defaultMessage: "Bulleted list",
+    description: "Bulleted/unordered list block type"
+  },
+  block_ordered_list: {
+    id: "editor.toolbar.block.ordered_list",
+    defaultMessage: "Numbered list",
+    description: "Numbered/ordered list block type"
+  },
+  block_task_list: {
+    id: "editor.toolbar.block.task_list",
+    defaultMessage: "To-do list",
+    description: "Task/to-do list block type"
+  },
+  block_blockquote: {
+    id: "editor.toolbar.block.blockquote",
+    defaultMessage: "Blockquote",
+    description: "Blockquote block type"
+  },
+  block_code_block: {
+    id: "editor.toolbar.block.code_block",
+    defaultMessage: "Code block",
+    description: "Code block type"
+  },
+  // Turn Into Dropdown
+  turn_into: {
+    id: "editor.toolbar.turn_into",
+    defaultMessage: "Turn into",
+    description: "Turn into dropdown tooltip"
+  },
+  turn_into_current: {
+    id: "editor.toolbar.turn_into_current",
+    defaultMessage: "Turn into (current: {current})",
+    description: "Turn into dropdown aria-label with current block type"
+  },
+  // Formatting
+  reset_formatting: {
+    id: "editor.toolbar.reset_formatting",
+    defaultMessage: "Reset formatting",
+    description: "Reset all formatting button tooltip"
+  },
+  bold: {
+    id: "editor.toolbar.bold",
+    defaultMessage: "Bold",
+    description: "Bold formatting button"
+  },
+  italic: {
+    id: "editor.toolbar.italic",
+    defaultMessage: "Italic",
+    description: "Italic formatting button"
+  },
+  underline: {
+    id: "editor.toolbar.underline",
+    defaultMessage: "Underline",
+    description: "Underline formatting button"
+  },
+  strikethrough: {
+    id: "editor.toolbar.strikethrough",
+    defaultMessage: "Strikethrough",
+    description: "Strikethrough formatting button"
+  },
+  code: {
+    id: "editor.toolbar.code",
+    defaultMessage: "Code",
+    description: "Inline code formatting button"
+  },
+  superscript: {
+    id: "editor.toolbar.superscript",
+    defaultMessage: "Superscript",
+    description: "Superscript formatting button"
+  },
+  subscript: {
+    id: "editor.toolbar.subscript",
+    defaultMessage: "Subscript",
+    description: "Subscript formatting button"
+  },
+  // Link Bubble
+  link_save: {
+    id: "editor.toolbar.link.save",
+    defaultMessage: "Save link",
+    description: "Save link button"
+  },
+  link_open: {
+    id: "editor.toolbar.link.open",
+    defaultMessage: "Open link in new tab",
+    description: "Open link in new tab button"
+  },
+  link_edit: {
+    id: "editor.toolbar.link.edit",
+    defaultMessage: "Edit link",
+    description: "Edit link button"
+  },
+  link_remove: {
+    id: "editor.toolbar.link.remove",
+    defaultMessage: "Remove link",
+    description: "Remove link button"
+  },
+  link_placeholder: {
+    id: "editor.toolbar.link.placeholder",
+    defaultMessage: "Enter URL...",
+    description: "Link input placeholder"
+  },
+  // Undo/Redo
+  undo: {
+    id: "editor.toolbar.undo",
+    defaultMessage: "Undo",
+    description: "Undo button"
+  },
+  redo: {
+    id: "editor.toolbar.redo",
+    defaultMessage: "Redo",
+    description: "Redo button"
+  },
+  // Slash Menu - Groups
+  group_ai: {
+    id: "editor.slash.group.ai",
+    defaultMessage: "AI",
+    description: "AI commands group"
+  },
+  group_style: {
+    id: "editor.slash.group.style",
+    defaultMessage: "Style",
+    description: "Style/formatting commands group"
+  },
+  group_insert: {
+    id: "editor.slash.group.insert",
+    defaultMessage: "Insert",
+    description: "Insert elements commands group"
+  },
+  group_upload: {
+    id: "editor.slash.group.upload",
+    defaultMessage: "Upload",
+    description: "Upload commands group"
+  },
+  // Slash Menu - AI
+  slash_continue_writing: {
+    id: "editor.slash.continue_writing",
+    defaultMessage: "Continue Writing",
+    description: "Continue writing with AI command"
+  },
+  slash_continue_writing_subtext: {
+    id: "editor.slash.continue_writing.subtext",
+    defaultMessage: "Continue writing from the current position",
+    description: "Continue writing command description"
+  },
+  slash_ask_ai: {
+    id: "editor.slash.ask_ai",
+    defaultMessage: "Ask AI",
+    description: "Ask AI command"
+  },
+  slash_ask_ai_subtext: {
+    id: "editor.slash.ask_ai.subtext",
+    defaultMessage: "Ask AI to generate content",
+    description: "Ask AI command description"
+  },
+  // Slash Menu - Style
+  slash_text: {
+    id: "editor.slash.text",
+    defaultMessage: "Text",
+    description: "Text paragraph command"
+  },
+  slash_text_subtext: {
+    id: "editor.slash.text.subtext",
+    defaultMessage: "Regular text paragraph",
+    description: "Text command description"
+  },
+  slash_heading_1: {
+    id: "editor.slash.heading_1",
+    defaultMessage: "Heading 1",
+    description: "Heading 1 command"
+  },
+  slash_heading_1_subtext: {
+    id: "editor.slash.heading_1.subtext",
+    defaultMessage: "Top-level heading",
+    description: "Heading 1 command description"
+  },
+  slash_heading_2: {
+    id: "editor.slash.heading_2",
+    defaultMessage: "Heading 2",
+    description: "Heading 2 command"
+  },
+  slash_heading_2_subtext: {
+    id: "editor.slash.heading_2.subtext",
+    defaultMessage: "Key section heading",
+    description: "Heading 2 command description"
+  },
+  slash_heading_3: {
+    id: "editor.slash.heading_3",
+    defaultMessage: "Heading 3",
+    description: "Heading 3 command"
+  },
+  slash_heading_3_subtext: {
+    id: "editor.slash.heading_3.subtext",
+    defaultMessage: "Subsection and group heading",
+    description: "Heading 3 command description"
+  },
+  slash_bullet_list: {
+    id: "editor.slash.bullet_list",
+    defaultMessage: "Bullet List",
+    description: "Bullet list command"
+  },
+  slash_bullet_list_subtext: {
+    id: "editor.slash.bullet_list.subtext",
+    defaultMessage: "List with unordered items",
+    description: "Bullet list command description"
+  },
+  slash_ordered_list: {
+    id: "editor.slash.ordered_list",
+    defaultMessage: "Numbered List",
+    description: "Numbered list command"
+  },
+  slash_ordered_list_subtext: {
+    id: "editor.slash.ordered_list.subtext",
+    defaultMessage: "List with ordered items",
+    description: "Numbered list command description"
+  },
+  slash_task_list: {
+    id: "editor.slash.task_list",
+    defaultMessage: "To-do list",
+    description: "To-do list command"
+  },
+  slash_task_list_subtext: {
+    id: "editor.slash.task_list.subtext",
+    defaultMessage: "List with tasks",
+    description: "To-do list command description"
+  },
+  slash_blockquote: {
+    id: "editor.slash.blockquote",
+    defaultMessage: "Blockquote",
+    description: "Blockquote command"
+  },
+  slash_blockquote_subtext: {
+    id: "editor.slash.blockquote.subtext",
+    defaultMessage: "Blockquote block",
+    description: "Blockquote command description"
+  },
+  slash_code_block: {
+    id: "editor.slash.code_block",
+    defaultMessage: "Code Block",
+    description: "Code block command"
+  },
+  slash_code_block_subtext: {
+    id: "editor.slash.code_block.subtext",
+    defaultMessage: "Code block with syntax highlighting",
+    description: "Code block command description"
+  },
+  // Slash Menu - Insert
+  slash_control: {
+    id: "editor.slash.control",
+    defaultMessage: "Control",
+    description: "Control block command"
+  },
+  slash_control_subtext: {
+    id: "editor.slash.control.subtext",
+    defaultMessage: "Insert a control block",
+    description: "Control block command description"
+  },
+  slash_separator: {
+    id: "editor.slash.separator",
+    defaultMessage: "Separator",
+    description: "Horizontal separator command"
+  },
+  slash_separator_subtext: {
+    id: "editor.slash.separator.subtext",
+    defaultMessage: "Horizontal line to separate content",
+    description: "Separator command description"
+  },
+  slash_table: {
+    id: "editor.slash.table",
+    defaultMessage: "Table",
+    description: "Table command"
+  },
+  slash_table_subtext: {
+    id: "editor.slash.table.subtext",
+    defaultMessage: "Insert a table",
+    description: "Table command description"
+  },
+  slash_toc: {
+    id: "editor.slash.toc",
+    defaultMessage: "Table of Contents",
+    description: "Table of contents command"
+  },
+  slash_toc_subtext: {
+    id: "editor.slash.toc.subtext",
+    defaultMessage: "Auto-generated list of headings",
+    description: "Table of contents command description"
+  },
+  slash_callout: {
+    id: "editor.slash.callout",
+    defaultMessage: "Callout",
+    description: "Callout command"
+  },
+  slash_callout_subtext: {
+    id: "editor.slash.callout.subtext",
+    defaultMessage: "Highlighted block for important information",
+    description: "Callout command description"
+  },
+  slash_warning: {
+    id: "editor.slash.warning",
+    defaultMessage: "Warning",
+    description: "Warning callout command"
+  },
+  slash_warning_subtext: {
+    id: "editor.slash.warning.subtext",
+    defaultMessage: "Warning callout block",
+    description: "Warning callout command description"
+  },
+  slash_formula: {
+    id: "editor.slash.formula",
+    defaultMessage: "Formula",
+    description: "Math formula command"
+  },
+  slash_formula_subtext: {
+    id: "editor.slash.formula.subtext",
+    defaultMessage: "LaTeX math formula block",
+    description: "Formula command description"
+  },
+  // Slash Menu - Upload
+  slash_image: {
+    id: "editor.slash.image",
+    defaultMessage: "Image",
+    description: "Image upload command"
+  },
+  slash_image_subtext: {
+    id: "editor.slash.image.subtext",
+    defaultMessage: "Resizable image with caption",
+    description: "Image command description"
+  },
+  // Slash Menu - Filter
+  slash_filter_placeholder: {
+    id: "editor.slash.filter_placeholder",
+    defaultMessage: "Filter...",
+    description: "Slash menu filter placeholder"
+  },
+  // Table
+  table_insert: {
+    id: "editor.toolbar.table.insert",
+    defaultMessage: "Insert table",
+    description: "Insert table button"
+  },
+  // Color/Highlight
+  text_color: {
+    id: "editor.toolbar.text_color",
+    defaultMessage: "Text color",
+    description: "Text color button"
+  },
+  highlight_color: {
+    id: "editor.toolbar.highlight_color",
+    defaultMessage: "Highlight color",
+    description: "Highlight color button"
+  },
+  // Alignment
+  align_left: {
+    id: "editor.toolbar.align.left",
+    defaultMessage: "Align left",
+    description: "Align left button"
+  },
+  align_center: {
+    id: "editor.toolbar.align.center",
+    defaultMessage: "Align center",
+    description: "Align center button"
+  },
+  align_right: {
+    id: "editor.toolbar.align.right",
+    defaultMessage: "Align right",
+    description: "Align right button"
+  },
+  align_justify: {
+    id: "editor.toolbar.align.justify",
+    defaultMessage: "Justify",
+    description: "Justify text button"
+  },
+  // Editor placeholder
+  editor_placeholder: {
+    id: "editor.placeholder",
+    defaultMessage: "Write, type '/' for commands\u2026",
+    description: "Empty editor placeholder text"
+  },
+  // Toolbar misc
+  more_options: {
+    id: "editor.toolbar.more_options",
+    defaultMessage: "More options",
+    description: "More options button in toolbar"
+  }
+});
+
+// src/ui/mark-button/index.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
 var markIcons = {
   bold: BoldIcon,
@@ -4884,16 +5374,26 @@ function shouldShowMarkButton(params) {
   }
   return true;
 }
-function getFormattedMarkName(type) {
-  return type.charAt(0).toUpperCase() + type.slice(1);
+var markMessages = {
+  bold: messages7.bold,
+  italic: messages7.italic,
+  underline: messages7.underline,
+  strike: messages7.strikethrough,
+  code: messages7.code,
+  superscript: messages7.superscript,
+  subscript: messages7.subscript
+};
+function getTranslatedMarkName(type, intl) {
+  return intl.formatMessage(markMessages[type]);
 }
 function useMarkState(editor, type, disabled = false) {
+  const intl = useIntl9();
   const markInSchema = isMarkInSchema2(type, editor);
   const isDisabled = isMarkButtonDisabled(editor, type, disabled);
   const isActive = isMarkActive(editor, type);
   const Icon = markIcons[type];
   const shortcutKey = markShortcutKeys[type];
-  const formattedName = getFormattedMarkName(type);
+  const formattedName = getTranslatedMarkName(type, intl);
   return {
     markInSchema,
     isDisabled,
@@ -4954,7 +5454,7 @@ var MarkButton = ({
       "data-active-state": isActive ? "on" : "off",
       "data-disabled": isDisabled,
       tabIndex: -1,
-      "aria-label": type,
+      "aria-label": formattedName,
       "aria-pressed": isActive,
       title: formattedName,
       shortcutKeys: shortcutKey,
@@ -5115,8 +5615,10 @@ import { EditIcon as EditIcon3, ExternalLinkIcon as ExternalLinkIcon2, TrashIcon
 import { Input as Input4 } from "@kopexa/input";
 import { BubbleMenu as TiptapBubbleMenu2 } from "@tiptap/react/menus";
 import { useCallback as useCallback17, useEffect as useEffect19, useState as useState17 } from "react";
+import { useIntl as useIntl10 } from "react-intl";
 import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function LinkBubble({ editor }) {
+  const intl = useIntl10();
   const [isEditing, setIsEditing] = useState17(false);
   const [url, setUrl] = useState17("");
   const getCurrentUrl = useCallback17(() => {
@@ -5190,7 +5692,7 @@ function LinkBubble({ editor }) {
             value: url,
             onChange: (e) => setUrl(e.target.value),
             onKeyDown: handleKeyDown,
-            placeholder: "Enter URL...",
+            placeholder: intl.formatMessage(messages7.link_placeholder),
             className: "flex-1 h-8 text-sm",
             autoFocus: true
           }
@@ -5202,7 +5704,7 @@ function LinkBubble({ editor }) {
             size: "sm",
             variant: "ghost",
             onClick: handleSave,
-            "aria-label": "Save link",
+            "aria-label": intl.formatMessage(messages7.link_save),
             children: /* @__PURE__ */ jsx19(EditIcon3, { className: "size-4" })
           }
         )
@@ -5229,7 +5731,7 @@ function LinkBubble({ editor }) {
               size: "sm",
               variant: "ghost",
               onClick: handleOpenLink,
-              "aria-label": "Open link in new tab",
+              "aria-label": intl.formatMessage(messages7.link_open),
               children: /* @__PURE__ */ jsx19(ExternalLinkIcon2, { className: "size-4" })
             }
           ),
@@ -5240,7 +5742,7 @@ function LinkBubble({ editor }) {
               size: "sm",
               variant: "ghost",
               onClick: handleEdit,
-              "aria-label": "Edit link",
+              "aria-label": intl.formatMessage(messages7.link_edit),
               children: /* @__PURE__ */ jsx19(EditIcon3, { className: "size-4" })
             }
           ),
@@ -5251,7 +5753,7 @@ function LinkBubble({ editor }) {
               size: "sm",
               variant: "ghost",
               onClick: handleRemoveLink,
-              "aria-label": "Remove link",
+              "aria-label": intl.formatMessage(messages7.link_remove),
               children: /* @__PURE__ */ jsx19(TrashIcon4, { className: "size-4" })
             }
           )
@@ -5295,6 +5797,7 @@ import {
   TypeIcon
 } from "@kopexa/icons";
 import * as React10 from "react";
+import { useIntl as useIntl12 } from "react-intl";
 
 // src/ui/table-button/use-table.ts
 import {
@@ -5305,6 +5808,7 @@ import {
 import { TableIcon } from "@kopexa/icons";
 import { isNodeSelection as isNodeSelection4 } from "@tiptap/react";
 import { useCallback as useCallback18, useEffect as useEffect20, useState as useState18 } from "react";
+import { useIntl as useIntl11 } from "react-intl";
 function canToggle(editor) {
   if (!editor || !editor.isEditable) return false;
   if (!isNodeInSchema("table", editor) || isNodeTypeSelected2(editor, ["image"])) {
@@ -5347,6 +5851,7 @@ function useTableBlock(config) {
     hideWhenUnavailable = false,
     onToggled
   } = config || {};
+  const intl = useIntl11();
   const { editor } = useTiptapEditor6(providedEditor);
   const [isVisible, setIsVisible] = useState18(true);
   const canToggleState = canToggle(editor);
@@ -5375,174 +5880,162 @@ function useTableBlock(config) {
     isActive,
     handleToggle,
     canToggle: canToggleState,
-    label: "Table",
+    label: intl.formatMessage(messages7.table_insert),
     // shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
     Icon: TableIcon
   };
 }
 
 // src/ui/slash-dropdown-menu/use-slash-dropdown-menu.ts
-var texts = {
-  // AI
-  continue_writing: {
-    title: "Continue Writing",
-    subtext: "Continue writing from the current position",
-    keywords: ["continue", "write", "continue writing", "ai"],
-    badge: AiSparklesIcon,
-    group: "AI"
-  },
-  ai_ask_button: {
-    title: "Ask AI",
-    subtext: "Ask AI to generate content",
-    keywords: ["ai", "ask", "generate"],
-    badge: AiSparklesIcon,
-    group: "AI"
-  },
-  // Style
-  text: {
-    title: "Text",
-    subtext: "Regular text paragraph",
-    keywords: ["p", "paragraph", "text"],
-    badge: TypeIcon,
-    group: "Style"
-  },
-  heading_1: {
-    title: "Heading 1",
-    subtext: "Top-level heading",
-    keywords: ["h", "heading1", "h1"],
-    badge: HeadingOneIcon,
-    group: "Style"
-  },
-  heading_2: {
-    title: "Heading 2",
-    subtext: "Key section heading",
-    keywords: ["h2", "heading2", "subheading"],
-    badge: HeadingTwoIcon,
-    group: "Style"
-  },
-  heading_3: {
-    title: "Heading 3",
-    subtext: "Subsection and group heading",
-    keywords: ["h3", "heading3", "subheading"],
-    badge: HeadingThreeIcon,
-    group: "Style"
-  },
-  bullet_list: {
-    title: "Bullet List",
-    subtext: "List with unordered items",
-    keywords: ["ul", "li", "list", "bulletlist", "bullet list"],
-    badge: ListIcon2,
-    group: "Style"
-  },
-  ordered_list: {
-    title: "Numbered List",
-    subtext: "List with ordered items",
-    keywords: ["ol", "li", "list", "numberedlist", "numbered list"],
-    badge: ListOrderedIcon,
-    group: "Style"
-  },
-  task_list: {
-    title: "To-do list",
-    subtext: "List with tasks",
-    keywords: ["tasklist", "task list", "todo", "checklist"],
-    badge: ListTodoIcon,
-    group: "Style"
-  },
-  quote: {
-    title: "Blockquote",
-    subtext: "Blockquote block",
-    keywords: ["quote", "blockquote"],
-    badge: BlockquoteIcon,
-    group: "Style"
-  },
-  code_block: {
-    title: "Code Block",
-    subtext: "Code block with syntax highlighting",
-    keywords: ["code", "pre"],
-    badge: CodeBlockIcon,
-    group: "Style"
-  },
-  // Insert
-  // mention: {
-  //   title: "Mention",
-  //   subtext: "Mention a user or item",
-  //   keywords: ["mention", "user", "item", "tag"],
-  //   badge: AtSignIcon,
-  //   group: "Insert",
-  // },
-  // emoji: {
-  //   title: "Emoji",
-  //   subtext: "Insert an emoji",
-  //   keywords: ["emoji", "emoticon", "smiley"],
-  //   badge: SmilePlusIcon,
-  //   group: "Insert",
-  // },
-  control: {
-    title: "Control",
-    subtext: "Insert a control block",
-    keywords: ["control"],
-    badge: ControlsIcon,
-    group: "Insert"
-  },
-  divider: {
-    title: "Separator",
-    subtext: "Horizontal line to separate content",
-    keywords: ["hr", "horizontalRule", "line", "separator"],
-    badge: MinusIcon,
-    group: "Insert"
-  },
-  table: {
-    title: "Table",
-    subtext: "Insert a table",
-    keywords: ["table", "grid", "spreadsheet"],
-    badge: TableIcon2,
-    group: "Insert"
-  },
-  table_of_contents: {
-    title: "Table of Contents",
-    subtext: "Auto-generated list of headings",
-    keywords: ["toc", "table of contents", "index", "navigation", "headings"],
-    badge: TableOfContentsIcon,
-    group: "Insert"
-  },
-  callout: {
-    title: "Callout",
-    subtext: "Highlighted block for important information",
-    keywords: ["callout", "info", "warning", "alert", "note", "tip"],
-    badge: InfoIcon2,
-    group: "Insert"
-  },
-  callout_warning: {
-    title: "Warning",
-    subtext: "Warning callout block",
-    keywords: ["warning", "caution", "attention"],
-    badge: AlertIcon2,
-    group: "Insert"
-  },
-  math: {
-    title: "Formula",
-    subtext: "LaTeX math formula block",
-    keywords: ["math", "latex", "formula", "equation", "katex"],
-    badge: TypeIcon,
-    group: "Insert"
-  },
-  // Upload
-  image: {
-    title: "Image",
-    subtext: "Resizable image with caption",
-    keywords: [
-      "image",
-      "imageUpload",
-      "upload",
-      "img",
-      "picture",
-      "media",
-      "url"
-    ],
-    badge: ImageIcon2,
-    group: "Upload"
-  }
-};
+function createSlashMenuTexts(formatMessage) {
+  return {
+    // AI
+    continue_writing: {
+      title: formatMessage(messages7.slash_continue_writing),
+      subtext: formatMessage(messages7.slash_continue_writing_subtext),
+      keywords: ["continue", "write", "continue writing", "ai"],
+      badge: AiSparklesIcon,
+      group: formatMessage(messages7.group_ai)
+    },
+    ai_ask_button: {
+      title: formatMessage(messages7.slash_ask_ai),
+      subtext: formatMessage(messages7.slash_ask_ai_subtext),
+      keywords: ["ai", "ask", "generate"],
+      badge: AiSparklesIcon,
+      group: formatMessage(messages7.group_ai)
+    },
+    // Style
+    text: {
+      title: formatMessage(messages7.slash_text),
+      subtext: formatMessage(messages7.slash_text_subtext),
+      keywords: ["p", "paragraph", "text"],
+      badge: TypeIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    heading_1: {
+      title: formatMessage(messages7.slash_heading_1),
+      subtext: formatMessage(messages7.slash_heading_1_subtext),
+      keywords: ["h", "heading1", "h1"],
+      badge: HeadingOneIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    heading_2: {
+      title: formatMessage(messages7.slash_heading_2),
+      subtext: formatMessage(messages7.slash_heading_2_subtext),
+      keywords: ["h2", "heading2", "subheading"],
+      badge: HeadingTwoIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    heading_3: {
+      title: formatMessage(messages7.slash_heading_3),
+      subtext: formatMessage(messages7.slash_heading_3_subtext),
+      keywords: ["h3", "heading3", "subheading"],
+      badge: HeadingThreeIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    bullet_list: {
+      title: formatMessage(messages7.slash_bullet_list),
+      subtext: formatMessage(messages7.slash_bullet_list_subtext),
+      keywords: ["ul", "li", "list", "bulletlist", "bullet list"],
+      badge: ListIcon2,
+      group: formatMessage(messages7.group_style)
+    },
+    ordered_list: {
+      title: formatMessage(messages7.slash_ordered_list),
+      subtext: formatMessage(messages7.slash_ordered_list_subtext),
+      keywords: ["ol", "li", "list", "numberedlist", "numbered list"],
+      badge: ListOrderedIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    task_list: {
+      title: formatMessage(messages7.slash_task_list),
+      subtext: formatMessage(messages7.slash_task_list_subtext),
+      keywords: ["tasklist", "task list", "todo", "checklist"],
+      badge: ListTodoIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    quote: {
+      title: formatMessage(messages7.slash_blockquote),
+      subtext: formatMessage(messages7.slash_blockquote_subtext),
+      keywords: ["quote", "blockquote"],
+      badge: BlockquoteIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    code_block: {
+      title: formatMessage(messages7.slash_code_block),
+      subtext: formatMessage(messages7.slash_code_block_subtext),
+      keywords: ["code", "pre"],
+      badge: CodeBlockIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    // Insert
+    control: {
+      title: formatMessage(messages7.slash_control),
+      subtext: formatMessage(messages7.slash_control_subtext),
+      keywords: ["control"],
+      badge: ControlsIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    divider: {
+      title: formatMessage(messages7.slash_separator),
+      subtext: formatMessage(messages7.slash_separator_subtext),
+      keywords: ["hr", "horizontalRule", "line", "separator"],
+      badge: MinusIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    table: {
+      title: formatMessage(messages7.slash_table),
+      subtext: formatMessage(messages7.slash_table_subtext),
+      keywords: ["table", "grid", "spreadsheet"],
+      badge: TableIcon2,
+      group: formatMessage(messages7.group_insert)
+    },
+    table_of_contents: {
+      title: formatMessage(messages7.slash_toc),
+      subtext: formatMessage(messages7.slash_toc_subtext),
+      keywords: ["toc", "table of contents", "index", "navigation", "headings"],
+      badge: TableOfContentsIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    callout: {
+      title: formatMessage(messages7.slash_callout),
+      subtext: formatMessage(messages7.slash_callout_subtext),
+      keywords: ["callout", "info", "warning", "alert", "note", "tip"],
+      badge: InfoIcon2,
+      group: formatMessage(messages7.group_insert)
+    },
+    callout_warning: {
+      title: formatMessage(messages7.slash_warning),
+      subtext: formatMessage(messages7.slash_warning_subtext),
+      keywords: ["warning", "caution", "attention"],
+      badge: AlertIcon2,
+      group: formatMessage(messages7.group_insert)
+    },
+    math: {
+      title: formatMessage(messages7.slash_formula),
+      subtext: formatMessage(messages7.slash_formula_subtext),
+      keywords: ["math", "latex", "formula", "equation", "katex"],
+      badge: TypeIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    // Upload
+    image: {
+      title: formatMessage(messages7.slash_image),
+      subtext: formatMessage(messages7.slash_image_subtext),
+      keywords: [
+        "image",
+        "imageUpload",
+        "upload",
+        "img",
+        "picture",
+        "media",
+        "url"
+      ],
+      badge: ImageIcon2,
+      group: formatMessage(messages7.group_upload)
+    }
+  };
+}
 var getItemImplementations = () => {
   return {
     // AI
@@ -5726,11 +6219,34 @@ function organizeItemsByGroups(items, showGroups) {
   });
   return organizedItems;
 }
+var ALL_SLASH_MENU_ITEMS = [
+  "continue_writing",
+  "ai_ask_button",
+  "text",
+  "heading_1",
+  "heading_2",
+  "heading_3",
+  "bullet_list",
+  "ordered_list",
+  "task_list",
+  "quote",
+  "code_block",
+  "control",
+  "divider",
+  "table",
+  "table_of_contents",
+  "callout",
+  "callout_warning",
+  "math",
+  "image"
+];
 function useSlashDropdownMenu(config) {
+  const intl = useIntl12();
   const getSlashMenuItems = React10.useCallback(
     (editor) => {
       const items = [];
-      const enabledItems = (config == null ? void 0 : config.enabledItems) || Object.keys(texts);
+      const texts = createSlashMenuTexts(intl.formatMessage);
+      const enabledItems = (config == null ? void 0 : config.enabledItems) || ALL_SLASH_MENU_ITEMS;
       const showGroups = (config == null ? void 0 : config.showGroups) !== false;
       const itemImplementations = getItemImplementations();
       enabledItems.forEach((itemType) => {
@@ -5755,7 +6271,7 @@ function useSlashDropdownMenu(config) {
       }
       return organizeItemsByGroups(items, showGroups);
     },
-    [config]
+    [config, intl]
   );
   return {
     getSlashMenuItems,
@@ -5918,7 +6434,8 @@ import {
   ToolbarSeparator as ToolbarSeparator3
 } from "@kopexa/toolbar";
 import { useIsMobile as useIsMobile3 } from "@kopexa/use-is-mobile";
-import { useEffect as useEffect31, useRef as useRef11, useState as useState30 } from "react";
+import { useEffect as useEffect31, useRef as useRef12, useState as useState30 } from "react";
+import { useIntl as useIntl18 } from "react-intl";
 
 // src/hooks/use-cursor-visibility.ts
 import * as React13 from "react";
@@ -6028,7 +6545,7 @@ import { useTiptapEditor as useTiptapEditor9 } from "@kopexa/editor-utils";
 import { BanIcon, HighlighterIcon as HighlighterIcon2 } from "@kopexa/icons";
 import { Popover as Popover2 } from "@kopexa/popover";
 import { ToolbarSeparator as ToolbarSeparator2 } from "@kopexa/toolbar";
-import { useMemo as useMemo16, useRef as useRef10, useState as useState22 } from "react";
+import { useMemo as useMemo16, useRef as useRef11, useState as useState22 } from "react";
 
 // src/ui/color-highlight-button/color-highlight-button.tsx
 import { useTiptapEditor as useTiptapEditor8 } from "@kopexa/editor-utils";
@@ -6046,6 +6563,7 @@ import { HighlighterIcon } from "@kopexa/icons";
 import { useIsMobile } from "@kopexa/use-is-mobile";
 import * as React14 from "react";
 import { useHotkeys } from "react-hotkeys-hook";
+import { useIntl as useIntl13 } from "react-intl";
 var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
 var HIGHLIGHT_COLORS = [
   {
@@ -6137,6 +6655,7 @@ function useColorHighlight(config) {
     hideWhenUnavailable = false,
     onApplied
   } = config;
+  const intl = useIntl13();
   const { editor } = useTiptapEditor7(providedEditor);
   const isMobile = useIsMobile();
   const [isVisible, setIsVisible] = React14.useState(true);
@@ -6197,7 +6716,7 @@ function useColorHighlight(config) {
     handleColorHighlight,
     handleRemoveHighlight,
     canColorHighlight: canColorHighlightState,
-    label: label || `Highlight`,
+    label: label || intl.formatMessage(messages7.highlight_color),
     shortcutKeys: COLOR_HIGHLIGHT_SHORTCUT_KEY,
     Icon: HighlighterIcon
   };
@@ -6324,7 +6843,7 @@ function ColorHighlightPopoverContent({
   ])
 }) {
   const { handleRemoveHighlight } = useColorHighlight({ editor });
-  const containerRef = useRef10(null);
+  const containerRef = useRef11(null);
   const menuItems = useMemo16(
     () => [...colors, { label: "Remove highlight", value: "none" }],
     [colors]
@@ -6795,6 +7314,7 @@ import {
   AlignRightIcon
 } from "@kopexa/icons";
 import { useCallback as useCallback26, useEffect as useEffect25, useState as useState24 } from "react";
+import { useIntl as useIntl14 } from "react-intl";
 var TEXT_ALIGN_SHORTCUT_KEYS = {
   left: "mod+shift+l",
   center: "mod+shift+e",
@@ -6807,11 +7327,11 @@ var textAlignIcons = {
   right: AlignRightIcon,
   justify: AlignJustifyIcon
 };
-var textAlignLabels = {
-  left: "Align left",
-  center: "Align center",
-  right: "Align right",
-  justify: "Align justify"
+var textAlignMessages = {
+  left: messages7.align_left,
+  center: messages7.align_center,
+  right: messages7.align_right,
+  justify: messages7.align_justify
 };
 function canSetTextAlign(editor, align) {
   if (!editor || !editor.isEditable) return false;
@@ -6851,6 +7371,7 @@ function useTextAlign(config) {
     hideWhenUnavailable = false,
     onAligned
   } = config;
+  const intl = useIntl14();
   const { editor } = useTiptapEditor13(providedEditor);
   const [isVisible, setIsVisible] = useState24(true);
   const canAlign = canSetTextAlign(editor, align);
@@ -6879,7 +7400,7 @@ function useTextAlign(config) {
     isActive,
     handleTextAlign,
     canAlign,
-    label: textAlignLabels[align],
+    label: intl.formatMessage(textAlignMessages[align]),
     shortcutKeys: TEXT_ALIGN_SHORTCUT_KEYS[align],
     Icon: textAlignIcons[align]
   };
@@ -6928,11 +7449,11 @@ var TextAlignButton = ({
     IconButton9,
     {
       type: "button",
-      disabled: canAlign,
+      disabled: !canAlign,
       variant: "ghost",
       color: "default",
       "data-active-state": isActive ? "on" : "off",
-      "data-disabled": canAlign,
+      "data-disabled": !canAlign,
       tabIndex: -1,
       "aria-label": label,
       "aria-pressed": isActive,
@@ -6949,7 +7470,8 @@ var TextAlignButton = ({
 import { Button as Button11 } from "@kopexa/button";
 import { DropdownMenu as DropdownMenu2 } from "@kopexa/dropdown-menu";
 import { useTiptapEditor as useTiptapEditor23 } from "@kopexa/editor-utils";
-import { forwardRef } from "react";
+import { forwardRef, useMemo as useMemo21 } from "react";
+import { useIntl as useIntl16 } from "react-intl";
 
 // src/ui/blockquote-button/blockquote-button.tsx
 import { useTiptapEditor as useTiptapEditor16 } from "@kopexa/editor-utils";
@@ -7704,7 +8226,8 @@ var TextButton = ({
 import { useTiptapEditor as useTiptapEditor22 } from "@kopexa/editor-utils";
 import { ChevronDownIcon as ChevronDownIcon2 } from "@kopexa/icons";
 import { NodeSelection as NodeSelection5 } from "@tiptap/pm/state";
-import { useCallback as useCallback35, useEffect as useEffect29, useState as useState28 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect29, useMemo as useMemo20, useState as useState28 } from "react";
+import { useIntl as useIntl15 } from "react-intl";
 var TURN_INTO_BLOCKS = [
   "paragraph",
   "heading",
@@ -7714,62 +8237,64 @@ var TURN_INTO_BLOCKS = [
   "blockquote",
   "codeBlock"
 ];
-var blockTypeOptions = [
-  {
-    type: "paragraph",
-    label: "Text",
-    isActive: (editor) => editor.isActive("paragraph") && !editor.isActive("heading") && !editor.isActive("bulletList") && !editor.isActive("orderedList") && !editor.isActive("taskList") && !editor.isActive("blockquote") && !editor.isActive("codeBlock")
-  },
-  {
-    type: "heading",
-    label: "Heading 1",
-    level: 1,
-    isActive: (editor) => editor.isActive("heading", { level: 1 })
-  },
-  {
-    type: "heading",
-    label: "Heading 2",
-    level: 2,
-    isActive: (editor) => editor.isActive("heading", { level: 2 })
-  },
-  {
-    type: "heading",
-    label: "Heading 3",
-    level: 3,
-    isActive: (editor) => editor.isActive("heading", { level: 3 })
-  },
-  {
-    type: "heading",
-    label: "Heading 4",
-    level: 4,
-    isActive: (editor) => editor.isActive("heading", { level: 4 })
-  },
-  {
-    type: "bulletList",
-    label: "Bulleted list",
-    isActive: (editor) => editor.isActive("bulletList")
-  },
-  {
-    type: "orderedList",
-    label: "Numbered list",
-    isActive: (editor) => editor.isActive("orderedList")
-  },
-  {
-    type: "taskList",
-    label: "To-do list",
-    isActive: (editor) => editor.isActive("taskList")
-  },
-  {
-    type: "blockquote",
-    label: "Blockquote",
-    isActive: (editor) => editor.isActive("blockquote")
-  },
-  {
-    type: "codeBlock",
-    label: "Code block",
-    isActive: (editor) => editor.isActive("codeBlock")
-  }
-];
+function createBlockTypeOptions(formatMessage) {
+  return [
+    {
+      type: "paragraph",
+      label: formatMessage(messages7.block_text),
+      isActive: (editor) => editor.isActive("paragraph") && !editor.isActive("heading") && !editor.isActive("bulletList") && !editor.isActive("orderedList") && !editor.isActive("taskList") && !editor.isActive("blockquote") && !editor.isActive("codeBlock")
+    },
+    {
+      type: "heading",
+      label: formatMessage(messages7.block_heading_1),
+      level: 1,
+      isActive: (editor) => editor.isActive("heading", { level: 1 })
+    },
+    {
+      type: "heading",
+      label: formatMessage(messages7.block_heading_2),
+      level: 2,
+      isActive: (editor) => editor.isActive("heading", { level: 2 })
+    },
+    {
+      type: "heading",
+      label: formatMessage(messages7.block_heading_3),
+      level: 3,
+      isActive: (editor) => editor.isActive("heading", { level: 3 })
+    },
+    {
+      type: "heading",
+      label: formatMessage(messages7.block_heading_4),
+      level: 4,
+      isActive: (editor) => editor.isActive("heading", { level: 4 })
+    },
+    {
+      type: "bulletList",
+      label: formatMessage(messages7.block_bullet_list),
+      isActive: (editor) => editor.isActive("bulletList")
+    },
+    {
+      type: "orderedList",
+      label: formatMessage(messages7.block_ordered_list),
+      isActive: (editor) => editor.isActive("orderedList")
+    },
+    {
+      type: "taskList",
+      label: formatMessage(messages7.block_task_list),
+      isActive: (editor) => editor.isActive("taskList")
+    },
+    {
+      type: "blockquote",
+      label: formatMessage(messages7.block_blockquote),
+      isActive: (editor) => editor.isActive("blockquote")
+    },
+    {
+      type: "codeBlock",
+      label: formatMessage(messages7.block_code_block),
+      isActive: (editor) => editor.isActive("codeBlock")
+    }
+  ];
+}
 function canTurnInto(editor, allowedBlockTypes) {
   if (!editor || !editor.isEditable) return false;
   const blockTypes = allowedBlockTypes || TURN_INTO_BLOCKS;
@@ -7782,20 +8307,6 @@ function canTurnInto(editor, allowedBlockTypes) {
   const nodeType = $anchor.parent.type.name;
   return blockTypes.includes(nodeType);
 }
-function getFilteredBlockTypeOptions(blockTypes) {
-  if (!blockTypes) return blockTypeOptions;
-  return blockTypeOptions.filter((option) => {
-    return blockTypes.includes(option.type);
-  });
-}
-function getActiveBlockType(editor, blockTypes) {
-  if (!editor) return getFilteredBlockTypeOptions(blockTypes)[0];
-  const filteredOptions = getFilteredBlockTypeOptions(blockTypes);
-  const activeOption = filteredOptions.find(
-    (option) => option.isActive(editor)
-  );
-  return activeOption || filteredOptions[0];
-}
 function shouldShowTurnInto(params) {
   const { editor, hideWhenUnavailable, blockTypes } = params;
   if (!editor || !editor.isEditable) return false;
@@ -7811,11 +8322,31 @@ function useTurnIntoDropdown(config) {
     blockTypes,
     onOpenChange
   } = config || {};
+  const intl = useIntl15();
   const { editor } = useTiptapEditor22(providedEditor);
   const [isOpen, setIsOpen] = useState28(false);
   const [isVisible, setIsVisible] = useState28(true);
+  const translatedBlockTypeOptions = useMemo20(
+    () => createBlockTypeOptions(intl.formatMessage),
+    [intl]
+  );
   const canToggle3 = canTurnInto(editor, blockTypes);
-  const activeBlockType = getActiveBlockType(editor, blockTypes);
+  const activeBlockType = useMemo20(() => {
+    if (!editor) return translatedBlockTypeOptions[0];
+    const filteredOptions2 = blockTypes ? translatedBlockTypeOptions.filter(
+      (opt) => blockTypes.includes(opt.type)
+    ) : translatedBlockTypeOptions;
+    const activeOption = filteredOptions2.find(
+      (option) => option.isActive(editor)
+    );
+    return activeOption || filteredOptions2[0];
+  }, [editor, blockTypes, translatedBlockTypeOptions]);
+  const filteredOptions = useMemo20(() => {
+    if (!blockTypes) return translatedBlockTypeOptions;
+    return translatedBlockTypeOptions.filter(
+      (opt) => blockTypes.includes(opt.type)
+    );
+  }, [blockTypes, translatedBlockTypeOptions]);
   const handleOpenChange = useCallback35(
     (open) => {
       if (!editor || !canToggle3) return;
@@ -7841,6 +8372,8 @@ function useTurnIntoDropdown(config) {
       editor.off("selectionUpdate", handleSelectionUpdate);
     };
   }, [editor, hideWhenUnavailable, blockTypes]);
+  const turnIntoLabel = intl.formatMessage(messages7.turn_into);
+  const textLabel = intl.formatMessage(messages7.block_text);
   return {
     isVisible,
     canToggle: canToggle3,
@@ -7848,8 +8381,11 @@ function useTurnIntoDropdown(config) {
     setIsOpen,
     activeBlockType,
     handleOpenChange,
-    filteredOptions: getFilteredBlockTypeOptions(blockTypes),
-    label: `Turn into (current: ${(activeBlockType == null ? void 0 : activeBlockType.label) || "Text"})`,
+    filteredOptions,
+    label: intl.formatMessage(messages7.turn_into_current, {
+      current: (activeBlockType == null ? void 0 : activeBlockType.label) || textLabel
+    }),
+    tooltip: turnIntoLabel,
     Icon: ChevronDownIcon2
   };
 }
@@ -7857,7 +8393,12 @@ function useTurnIntoDropdown(config) {
 // src/ui/turn-into-dropdown/turn-into-dropdown.tsx
 import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var TurnIntoDropdownContent = ({ blockTypes }) => {
-  const filteredOptions = getFilteredBlockTypeOptions(blockTypes);
+  const intl = useIntl16();
+  const filteredOptions = useMemo21(() => {
+    const allOptions = createBlockTypeOptions(intl.formatMessage);
+    if (!blockTypes) return allOptions;
+    return allOptions.filter((opt) => blockTypes.includes(opt.type));
+  }, [intl, blockTypes]);
   return /* @__PURE__ */ jsx31(DropdownMenu2.Group, { children: filteredOptions.map(
     (option, index) => {
       var _a;
@@ -7968,6 +8509,7 @@ var TurnIntoDropdown = forwardRef(
       activeBlockType,
       handleOpenChange,
       label,
+      tooltip,
       Icon
     } = useTurnIntoDropdown({
       editor,
@@ -7989,14 +8531,24 @@ var TurnIntoDropdown = forwardRef(
           "data-disabled": !canToggle3,
           tabIndex: -1,
           "aria-label": label,
-          tooltip: "Turn into",
+          tooltip,
           endContent: /* @__PURE__ */ jsx31(Icon, {}),
           ...buttonProps,
           ref,
-          children: children != null ? children : /* @__PURE__ */ jsx31("span", { children: (activeBlockType == null ? void 0 : activeBlockType.label) || "Text" })
+          children: children != null ? children : /* @__PURE__ */ jsx31("span", { children: activeBlockType == null ? void 0 : activeBlockType.label })
         }
       ) }),
-      /* @__PURE__ */ jsx31(DropdownMenu2.Content, { align: "start", children: /* @__PURE__ */ jsx31(TurnIntoDropdownContent, { blockTypes }) })
+      /* @__PURE__ */ jsx31(
+        DropdownMenu2.Content,
+        {
+          align: "start",
+          onCloseAutoFocus: (e) => {
+            e.preventDefault();
+            editor == null ? void 0 : editor.commands.focus();
+          },
+          children: /* @__PURE__ */ jsx31(TurnIntoDropdownContent, { blockTypes })
+        }
+      )
     ] });
   }
 );
@@ -8011,13 +8563,14 @@ import { useCallback as useCallback37 } from "react";
 import { isNodeTypeSelected as isNodeTypeSelected7, useTiptapEditor as useTiptapEditor24 } from "@kopexa/editor-utils";
 import { RedoIcon, UndoIcon } from "@kopexa/icons";
 import { useCallback as useCallback36, useEffect as useEffect30, useState as useState29 } from "react";
+import { useIntl as useIntl17 } from "react-intl";
 var UNDO_REDO_SHORTCUT_KEYS = {
   undo: "mod+z",
   redo: "mod+shift+z"
 };
-var historyActionLabels = {
-  undo: "Undo",
-  redo: "Redo"
+var historyActionMessages = {
+  undo: messages7.undo,
+  redo: messages7.redo
 };
 var historyIcons = {
   undo: UndoIcon,
@@ -8049,6 +8602,7 @@ function useUndoRedo(config) {
     hideWhenUnavailable = false,
     onExecuted
   } = config;
+  const intl = useIntl17();
   const { editor } = useTiptapEditor24(providedEditor);
   const [isVisible, setIsVisible] = useState29(true);
   const canExecute = canExecuteUndoRedoAction(editor, action);
@@ -8075,7 +8629,7 @@ function useUndoRedo(config) {
     isVisible,
     handleAction,
     canExecute,
-    label: historyActionLabels[action],
+    label: intl.formatMessage(historyActionMessages[action]),
     shortcutKeys: UNDO_REDO_SHORTCUT_KEYS[action],
     Icon: historyIcons[action]
   };
@@ -8143,7 +8697,7 @@ var EditorHeader = ({
   const isMobile = useIsMobile3();
   const windowSize = useWindowSize();
   const { styles } = useEditorUIContext();
-  const toolbarRef = useRef11(null);
+  const toolbarRef = useRef12(null);
   const bodyRect = useCursorVisibility({
     editor,
     overlayHeight: (_b = (_a = toolbarRef.current) == null ? void 0 : _a.getBoundingClientRect().height) != null ? _b : 0
@@ -8181,7 +8735,7 @@ var MainToolbarContent = () => /* @__PURE__ */ jsxs24(Fragment9, { children: [
     /* @__PURE__ */ jsx33(MarkButton, { type: "code" }),
     /* @__PURE__ */ jsx33(MarkButton, { type: "underline" }),
     /* @__PURE__ */ jsx33(ColorHighlightPopover, {}),
-    /* @__PURE__ */ jsx33(LinkPopover, {})
+    /* @__PURE__ */ jsx33(LinkPopover, { autoOpenOnLinkActive: false })
   ] }),
   /* @__PURE__ */ jsx33(ToolbarSeparator3, {}),
   /* @__PURE__ */ jsx33(ToolbarGroup2, { children: /* @__PURE__ */ jsx33(TableButton, {}) }),
@@ -8196,7 +8750,7 @@ var CommentToolbarContent = () => /* @__PURE__ */ jsxs24(Fragment9, { children:
   ] }),
   /* @__PURE__ */ jsx33(ToolbarSeparator3, {}),
   /* @__PURE__ */ jsxs24(ToolbarGroup2, { children: [
-    /* @__PURE__ */ jsx33(LinkPopover, {}),
+    /* @__PURE__ */ jsx33(LinkPopover, { autoOpenOnLinkActive: false }),
     /* @__PURE__ */ jsx33(ListDropdownMenu, { types: ["bulletList", "orderedList"] })
   ] })
 ] });
@@ -8204,15 +8758,17 @@ var FieldToolbarContent = () => /* @__PURE__ */ jsxs24(ToolbarGroup2, { children
   /* @__PURE__ */ jsx33(MarkButton, { type: "bold" }),
   /* @__PURE__ */ jsx33(MarkButton, { type: "italic" }),
   /* @__PURE__ */ jsx33(MarkButton, { type: "strike" }),
-  /* @__PURE__ */ jsx33(LinkPopover, {})
+  /* @__PURE__ */ jsx33(LinkPopover, { autoOpenOnLinkActive: false })
 ] });
 function MoreOptions({
   editor: providedEditor,
   hideWhenUnavailable = false,
   ...props
 }) {
+  const intl = useIntl18();
   const { editor } = useTiptapEditor26(providedEditor);
   const [show, setShow] = useState30(false);
+  const moreOptionsLabel = intl.formatMessage(messages7.more_options);
   useEffect31(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
@@ -8246,8 +8802,8 @@ function MoreOptions({
               color: "default",
               tabIndex: -1,
               size: "md",
-              "aria-label": "More options",
-              title: "More options",
+              "aria-label": moreOptionsLabel,
+              title: moreOptionsLabel,
               isIconOnly: true,
               ...props,
               children: /* @__PURE__ */ jsx33(MoreVerticalIcon, {})
@@ -8312,13 +8868,17 @@ var BasicEditor = ({
   variables,
   variableValues,
   showToolbar = true,
+  slotOverlay,
   pagesOptions,
   ...options
 }) => {
+  const intl = useIntl19();
+  const placeholder = intl.formatMessage(messages7.editor_placeholder);
   const { editor, collabSyncing } = useCreateEditor({
     content,
     enableVariables: !!(variables == null ? void 0 : variables.length),
     pagesOptions,
+    placeholder,
     ...options
   });
   const styles = editorBasic({ variant, bordered });
@@ -8342,7 +8902,8 @@ var BasicEditor = ({
         hasPagination
       }
     ),
-    showToolbar && isBottomToolbar && /* @__PURE__ */ jsx34(EditorHeader, { editor, variant })
+    showToolbar && isBottomToolbar && /* @__PURE__ */ jsx34(EditorHeader, { editor, variant }),
+    slotOverlay
   ] }) }) });
   if (hasVariables) {
     return /* @__PURE__ */ jsx34(VariableProvider, { variables, resolveVariable, children: editorContent });
@@ -8499,7 +9060,7 @@ function EditorView({
 // src/presets/view/static.tsx
 import { editorBasic as editorBasic3 } from "@kopexa/theme";
 import { generateHTML } from "@tiptap/html";
-import { useMemo as useMemo20 } from "react";
+import { useMemo as useMemo22 } from "react";
 import { jsx as jsx36 } from "react/jsx-runtime";
 function EditorStaticView({
   content,
@@ -8509,7 +9070,7 @@ function EditorStaticView({
   customExtensions,
   disabled
 }) {
-  const extensions = useMemo20(
+  const extensions = useMemo22(
     () => getExtensions({
       editable: false,
       customExtensions,
@@ -8517,7 +9078,7 @@ function EditorStaticView({
     }),
     [customExtensions, disabled]
   );
-  const html = useMemo20(() => {
+  const html = useMemo22(() => {
     const parsed = safeParseContent(content);
     if (!parsed) return "";
     const json = parsed;
@@ -8567,6 +9128,7 @@ export {
   sanitizeUrl,
   useCollaboration,
   useCollaborationRequired,
+  useCurrentEditor,
   useDocumentVisibility,
   useEditorFile,
   useEditorFileRequired,