@kopexa/tiptap 17.9.2 → 17.10.0

package/dist/index.js

@@ -55,6 +55,7 @@ __export(index_exports, {
   sanitizeUrl: () => sanitizeUrl,
   useCollaboration: () => useCollaboration,
   useCollaborationRequired: () => useCollaborationRequired,
+  useCurrentEditor: () => import_react64.useCurrentEditor,
   useDocumentVisibility: () => useDocumentVisibility,
   useEditorFile: () => useEditorFile,
   useEditorFileRequired: () => useEditorFileRequired,
@@ -63,6 +64,7 @@ __export(index_exports, {
   useVariablesWithFallback: () => useVariablesWithFallback
 });
 module.exports = __toCommonJS(index_exports);
+var import_react64 = require("@tiptap/react");
 
 // src/context/collaboration-context.tsx
 var import_provider = require("@hocuspocus/provider");
@@ -3732,6 +3734,64 @@ var Selection = import_react30.Extension.create({
   }
 });
 
+// src/extensions/tab-handler/index.ts
+var import_core9 = require("@tiptap/core");
+var TabHandler = import_core9.Extension.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
 var import_state5 = require("@tiptap/pm/state");
 var import_react31 = require("@tiptap/react");
@@ -3791,7 +3851,7 @@ var TrailingNode = import_react31.Extension.create({
 });
 
 // src/extensions/ui-state/index.ts
-var import_core9 = require("@tiptap/core");
+var import_core10 = require("@tiptap/core");
 var defaultUiState = {
   aiGenerationIsSelection: false,
   aiGenerationIsLoading: false,
@@ -3801,7 +3861,7 @@ var defaultUiState = {
   lockDragHandle: false,
   isDragging: false
 };
-var UiState = import_core9.Extension.create({
+var UiState = import_core10.Extension.create({
   name: "uiState",
   addStorage() {
     return {
@@ -4027,10 +4087,15 @@ var useCreateEditor = ({
   const fileHandler = fileHandlerProp != null ? fileHandlerProp : fileHandlerFromContext;
   const collaboration = useCollaboration();
   const [collabSyncing, setCollabSyncing] = (0, import_react33.useState)(!!collaboration);
+  const placeholderRef = (0, import_react33.useRef)(placeholder);
+  placeholderRef.current = placeholder;
   const [extensions] = (0, import_react33.useState)(
     () => getExtensions({
       editable,
-      placeholder,
+      placeholder: () => {
+        const current = placeholderRef.current;
+        return typeof current === "function" ? current() : current;
+      },
       enableControls,
       controlResolver,
       fileHandler,
@@ -4154,6 +4219,7 @@ function getExtensions({
     }),
     UiState,
     import_extension_table.TableKit,
+    TabHandler,
     NodeAlignment,
     NodeBackground,
     TocNode,
@@ -4308,6 +4374,7 @@ var import_extension_table2 = require("@kopexa/extension-table");
 var import_theme9 = require("@kopexa/theme");
 var import_react60 = require("@tiptap/react");
 var import_react61 = require("react");
+var import_react_intl26 = require("react-intl");
 
 // src/context/editor-context.ts
 var import_react_utils = require("@kopexa/react-utils");
@@ -4808,6 +4875,425 @@ var import_icons10 = require("@kopexa/icons");
 var import_toolbar2 = require("@kopexa/toolbar");
 var import_react36 = require("@tiptap/react");
 var import_react37 = require("react");
+var import_react_intl16 = require("react-intl");
+
+// src/ui/messages.ts
+var import_react_intl15 = require("react-intl");
+var messages7 = (0, import_react_intl15.defineMessages)({
+  // 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
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var markIcons = {
   bold: import_icons10.BoldIcon,
@@ -4860,16 +5346,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 = (0, import_react_intl16.useIntl)();
   const markInSchema = (0, import_editor_utils7.isMarkInSchema)(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,
@@ -4930,7 +5426,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,
@@ -5091,8 +5587,10 @@ var import_icons11 = require("@kopexa/icons");
 var import_input4 = require("@kopexa/input");
 var import_menus2 = require("@tiptap/react/menus");
 var import_react39 = require("react");
+var import_react_intl17 = require("react-intl");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function LinkBubble({ editor }) {
+  const intl = (0, import_react_intl17.useIntl)();
   const [isEditing, setIsEditing] = (0, import_react39.useState)(false);
   const [url, setUrl] = (0, import_react39.useState)("");
   const getCurrentUrl = (0, import_react39.useCallback)(() => {
@@ -5166,7 +5664,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
           }
@@ -5178,7 +5676,7 @@ function LinkBubble({ editor }) {
             size: "sm",
             variant: "ghost",
             onClick: handleSave,
-            "aria-label": "Save link",
+            "aria-label": intl.formatMessage(messages7.link_save),
             children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons11.EditIcon, { className: "size-4" })
           }
         )
@@ -5205,7 +5703,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__ */ (0, import_jsx_runtime19.jsx)(import_icons11.ExternalLinkIcon, { className: "size-4" })
             }
           ),
@@ -5216,7 +5714,7 @@ function LinkBubble({ editor }) {
               size: "sm",
               variant: "ghost",
               onClick: handleEdit,
-              "aria-label": "Edit link",
+              "aria-label": intl.formatMessage(messages7.link_edit),
               children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons11.EditIcon, { className: "size-4" })
             }
           ),
@@ -5227,7 +5725,7 @@ function LinkBubble({ editor }) {
               size: "sm",
               variant: "ghost",
               onClick: handleRemoveLink,
-              "aria-label": "Remove link",
+              "aria-label": intl.formatMessage(messages7.link_remove),
               children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_icons11.TrashIcon, { className: "size-4" })
             }
           )
@@ -5248,12 +5746,14 @@ var React11 = __toESM(require("react"));
 var import_editor_utils10 = require("@kopexa/editor-utils");
 var import_icons13 = require("@kopexa/icons");
 var React10 = __toESM(require("react"));
+var import_react_intl19 = require("react-intl");
 
 // src/ui/table-button/use-table.ts
 var import_editor_utils9 = require("@kopexa/editor-utils");
 var import_icons12 = require("@kopexa/icons");
 var import_react40 = require("@tiptap/react");
 var import_react41 = require("react");
+var import_react_intl18 = require("react-intl");
 function canToggle(editor) {
   if (!editor || !editor.isEditable) return false;
   if (!(0, import_editor_utils9.isNodeInSchema)("table", editor) || (0, import_editor_utils9.isNodeTypeSelected)(editor, ["image"])) {
@@ -5296,6 +5796,7 @@ function useTableBlock(config) {
     hideWhenUnavailable = false,
     onToggled
   } = config || {};
+  const intl = (0, import_react_intl18.useIntl)();
   const { editor } = (0, import_editor_utils9.useTiptapEditor)(providedEditor);
   const [isVisible, setIsVisible] = (0, import_react41.useState)(true);
   const canToggleState = canToggle(editor);
@@ -5324,174 +5825,162 @@ function useTableBlock(config) {
     isActive,
     handleToggle,
     canToggle: canToggleState,
-    label: "Table",
+    label: intl.formatMessage(messages7.table_insert),
     // shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
     Icon: import_icons12.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: import_icons13.AiSparklesIcon,
-    group: "AI"
-  },
-  ai_ask_button: {
-    title: "Ask AI",
-    subtext: "Ask AI to generate content",
-    keywords: ["ai", "ask", "generate"],
-    badge: import_icons13.AiSparklesIcon,
-    group: "AI"
-  },
-  // Style
-  text: {
-    title: "Text",
-    subtext: "Regular text paragraph",
-    keywords: ["p", "paragraph", "text"],
-    badge: import_icons13.TypeIcon,
-    group: "Style"
-  },
-  heading_1: {
-    title: "Heading 1",
-    subtext: "Top-level heading",
-    keywords: ["h", "heading1", "h1"],
-    badge: import_icons13.HeadingOneIcon,
-    group: "Style"
-  },
-  heading_2: {
-    title: "Heading 2",
-    subtext: "Key section heading",
-    keywords: ["h2", "heading2", "subheading"],
-    badge: import_icons13.HeadingTwoIcon,
-    group: "Style"
-  },
-  heading_3: {
-    title: "Heading 3",
-    subtext: "Subsection and group heading",
-    keywords: ["h3", "heading3", "subheading"],
-    badge: import_icons13.HeadingThreeIcon,
-    group: "Style"
-  },
-  bullet_list: {
-    title: "Bullet List",
-    subtext: "List with unordered items",
-    keywords: ["ul", "li", "list", "bulletlist", "bullet list"],
-    badge: import_icons13.ListIcon,
-    group: "Style"
-  },
-  ordered_list: {
-    title: "Numbered List",
-    subtext: "List with ordered items",
-    keywords: ["ol", "li", "list", "numberedlist", "numbered list"],
-    badge: import_icons13.ListOrderedIcon,
-    group: "Style"
-  },
-  task_list: {
-    title: "To-do list",
-    subtext: "List with tasks",
-    keywords: ["tasklist", "task list", "todo", "checklist"],
-    badge: import_icons13.ListTodoIcon,
-    group: "Style"
-  },
-  quote: {
-    title: "Blockquote",
-    subtext: "Blockquote block",
-    keywords: ["quote", "blockquote"],
-    badge: import_icons13.BlockquoteIcon,
-    group: "Style"
-  },
-  code_block: {
-    title: "Code Block",
-    subtext: "Code block with syntax highlighting",
-    keywords: ["code", "pre"],
-    badge: import_icons13.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: import_icons13.ControlsIcon,
-    group: "Insert"
-  },
-  divider: {
-    title: "Separator",
-    subtext: "Horizontal line to separate content",
-    keywords: ["hr", "horizontalRule", "line", "separator"],
-    badge: import_icons13.MinusIcon,
-    group: "Insert"
-  },
-  table: {
-    title: "Table",
-    subtext: "Insert a table",
-    keywords: ["table", "grid", "spreadsheet"],
-    badge: import_icons13.TableIcon,
-    group: "Insert"
-  },
-  table_of_contents: {
-    title: "Table of Contents",
-    subtext: "Auto-generated list of headings",
-    keywords: ["toc", "table of contents", "index", "navigation", "headings"],
-    badge: import_icons13.TableOfContentsIcon,
-    group: "Insert"
-  },
-  callout: {
-    title: "Callout",
-    subtext: "Highlighted block for important information",
-    keywords: ["callout", "info", "warning", "alert", "note", "tip"],
-    badge: import_icons13.InfoIcon,
-    group: "Insert"
-  },
-  callout_warning: {
-    title: "Warning",
-    subtext: "Warning callout block",
-    keywords: ["warning", "caution", "attention"],
-    badge: import_icons13.AlertIcon,
-    group: "Insert"
-  },
-  math: {
-    title: "Formula",
-    subtext: "LaTeX math formula block",
-    keywords: ["math", "latex", "formula", "equation", "katex"],
-    badge: import_icons13.TypeIcon,
-    group: "Insert"
-  },
-  // Upload
-  image: {
-    title: "Image",
-    subtext: "Resizable image with caption",
-    keywords: [
-      "image",
-      "imageUpload",
-      "upload",
-      "img",
-      "picture",
-      "media",
-      "url"
-    ],
-    badge: import_icons13.ImageIcon,
-    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: import_icons13.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: import_icons13.AiSparklesIcon,
+      group: formatMessage(messages7.group_ai)
+    },
+    // Style
+    text: {
+      title: formatMessage(messages7.slash_text),
+      subtext: formatMessage(messages7.slash_text_subtext),
+      keywords: ["p", "paragraph", "text"],
+      badge: import_icons13.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: import_icons13.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: import_icons13.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: import_icons13.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: import_icons13.ListIcon,
+      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: import_icons13.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: import_icons13.ListTodoIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    quote: {
+      title: formatMessage(messages7.slash_blockquote),
+      subtext: formatMessage(messages7.slash_blockquote_subtext),
+      keywords: ["quote", "blockquote"],
+      badge: import_icons13.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: import_icons13.CodeBlockIcon,
+      group: formatMessage(messages7.group_style)
+    },
+    // Insert
+    control: {
+      title: formatMessage(messages7.slash_control),
+      subtext: formatMessage(messages7.slash_control_subtext),
+      keywords: ["control"],
+      badge: import_icons13.ControlsIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    divider: {
+      title: formatMessage(messages7.slash_separator),
+      subtext: formatMessage(messages7.slash_separator_subtext),
+      keywords: ["hr", "horizontalRule", "line", "separator"],
+      badge: import_icons13.MinusIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    table: {
+      title: formatMessage(messages7.slash_table),
+      subtext: formatMessage(messages7.slash_table_subtext),
+      keywords: ["table", "grid", "spreadsheet"],
+      badge: import_icons13.TableIcon,
+      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: import_icons13.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: import_icons13.InfoIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    callout_warning: {
+      title: formatMessage(messages7.slash_warning),
+      subtext: formatMessage(messages7.slash_warning_subtext),
+      keywords: ["warning", "caution", "attention"],
+      badge: import_icons13.AlertIcon,
+      group: formatMessage(messages7.group_insert)
+    },
+    math: {
+      title: formatMessage(messages7.slash_formula),
+      subtext: formatMessage(messages7.slash_formula_subtext),
+      keywords: ["math", "latex", "formula", "equation", "katex"],
+      badge: import_icons13.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: import_icons13.ImageIcon,
+      group: formatMessage(messages7.group_upload)
+    }
+  };
+}
 var getItemImplementations = () => {
   return {
     // AI
@@ -5675,11 +6164,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 = (0, import_react_intl19.useIntl)();
   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) => {
@@ -5704,7 +6216,7 @@ function useSlashDropdownMenu(config) {
       }
       return organizeItemsByGroups(items, showGroups);
     },
-    [config]
+    [config, intl]
   );
   return {
     getSlashMenuItems,
@@ -5863,6 +6375,7 @@ var import_popover3 = require("@kopexa/popover");
 var import_toolbar10 = require("@kopexa/toolbar");
 var import_use_is_mobile3 = require("@kopexa/use-is-mobile");
 var import_react59 = require("react");
+var import_react_intl25 = require("react-intl");
 
 // src/hooks/use-cursor-visibility.ts
 var React13 = __toESM(require("react"));
@@ -5986,6 +6499,7 @@ var import_icons14 = require("@kopexa/icons");
 var import_use_is_mobile = require("@kopexa/use-is-mobile");
 var React14 = __toESM(require("react"));
 var import_react_hotkeys_hook = require("react-hotkeys-hook");
+var import_react_intl20 = require("react-intl");
 var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
 var HIGHLIGHT_COLORS = [
   {
@@ -6077,6 +6591,7 @@ function useColorHighlight(config) {
     hideWhenUnavailable = false,
     onApplied
   } = config;
+  const intl = (0, import_react_intl20.useIntl)();
   const { editor } = (0, import_editor_utils12.useTiptapEditor)(providedEditor);
   const isMobile = (0, import_use_is_mobile.useIsMobile)();
   const [isVisible, setIsVisible] = React14.useState(true);
@@ -6137,7 +6652,7 @@ function useColorHighlight(config) {
     handleColorHighlight,
     handleRemoveHighlight,
     canColorHighlight: canColorHighlightState,
-    label: label || `Highlight`,
+    label: label || intl.formatMessage(messages7.highlight_color),
     shortcutKeys: COLOR_HIGHLIGHT_SHORTCUT_KEY,
     Icon: import_icons14.HighlighterIcon
   };
@@ -6726,6 +7241,7 @@ var import_react50 = require("react");
 var import_editor_utils18 = require("@kopexa/editor-utils");
 var import_icons18 = require("@kopexa/icons");
 var import_react49 = require("react");
+var import_react_intl21 = require("react-intl");
 var TEXT_ALIGN_SHORTCUT_KEYS = {
   left: "mod+shift+l",
   center: "mod+shift+e",
@@ -6738,11 +7254,11 @@ var textAlignIcons = {
   right: import_icons18.AlignRightIcon,
   justify: import_icons18.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;
@@ -6782,6 +7298,7 @@ function useTextAlign(config) {
     hideWhenUnavailable = false,
     onAligned
   } = config;
+  const intl = (0, import_react_intl21.useIntl)();
   const { editor } = (0, import_editor_utils18.useTiptapEditor)(providedEditor);
   const [isVisible, setIsVisible] = (0, import_react49.useState)(true);
   const canAlign = canSetTextAlign(editor, align);
@@ -6810,7 +7327,7 @@ function useTextAlign(config) {
     isActive,
     handleTextAlign,
     canAlign,
-    label: textAlignLabels[align],
+    label: intl.formatMessage(textAlignMessages[align]),
     shortcutKeys: TEXT_ALIGN_SHORTCUT_KEYS[align],
     Icon: textAlignIcons[align]
   };
@@ -6859,11 +7376,11 @@ var TextAlignButton = ({
     import_button14.IconButton,
     {
       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,
@@ -6881,6 +7398,7 @@ var import_button17 = require("@kopexa/button");
 var import_dropdown_menu2 = require("@kopexa/dropdown-menu");
 var import_editor_utils28 = require("@kopexa/editor-utils");
 var import_react56 = require("react");
+var import_react_intl23 = require("react-intl");
 
 // src/ui/blockquote-button/blockquote-button.tsx
 var import_editor_utils21 = require("@kopexa/editor-utils");
@@ -7610,6 +8128,7 @@ var import_editor_utils27 = require("@kopexa/editor-utils");
 var import_icons24 = require("@kopexa/icons");
 var import_state10 = require("@tiptap/pm/state");
 var import_react55 = require("react");
+var import_react_intl22 = require("react-intl");
 var TURN_INTO_BLOCKS = [
   "paragraph",
   "heading",
@@ -7619,62 +8138,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;
@@ -7687,20 +8208,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;
@@ -7716,11 +8223,31 @@ function useTurnIntoDropdown(config) {
     blockTypes,
     onOpenChange
   } = config || {};
+  const intl = (0, import_react_intl22.useIntl)();
   const { editor } = (0, import_editor_utils27.useTiptapEditor)(providedEditor);
   const [isOpen, setIsOpen] = (0, import_react55.useState)(false);
   const [isVisible, setIsVisible] = (0, import_react55.useState)(true);
+  const translatedBlockTypeOptions = (0, import_react55.useMemo)(
+    () => createBlockTypeOptions(intl.formatMessage),
+    [intl]
+  );
   const canToggle3 = canTurnInto(editor, blockTypes);
-  const activeBlockType = getActiveBlockType(editor, blockTypes);
+  const activeBlockType = (0, import_react55.useMemo)(() => {
+    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 = (0, import_react55.useMemo)(() => {
+    if (!blockTypes) return translatedBlockTypeOptions;
+    return translatedBlockTypeOptions.filter(
+      (opt) => blockTypes.includes(opt.type)
+    );
+  }, [blockTypes, translatedBlockTypeOptions]);
   const handleOpenChange = (0, import_react55.useCallback)(
     (open) => {
       if (!editor || !canToggle3) return;
@@ -7746,6 +8273,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,
@@ -7753,8 +8282,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: import_icons24.ChevronDownIcon
   };
 }
@@ -7762,7 +8294,12 @@ function useTurnIntoDropdown(config) {
 // src/ui/turn-into-dropdown/turn-into-dropdown.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var TurnIntoDropdownContent = ({ blockTypes }) => {
-  const filteredOptions = getFilteredBlockTypeOptions(blockTypes);
+  const intl = (0, import_react_intl23.useIntl)();
+  const filteredOptions = (0, import_react56.useMemo)(() => {
+    const allOptions = createBlockTypeOptions(intl.formatMessage);
+    if (!blockTypes) return allOptions;
+    return allOptions.filter((opt) => blockTypes.includes(opt.type));
+  }, [intl, blockTypes]);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_dropdown_menu2.DropdownMenu.Group, { children: filteredOptions.map(
     (option, index) => {
       var _a;
@@ -7873,6 +8410,7 @@ var TurnIntoDropdown = (0, import_react56.forwardRef)(
       activeBlockType,
       handleOpenChange,
       label,
+      tooltip,
       Icon
     } = useTurnIntoDropdown({
       editor,
@@ -7894,14 +8432,24 @@ var TurnIntoDropdown = (0, import_react56.forwardRef)(
           "data-disabled": !canToggle3,
           tabIndex: -1,
           "aria-label": label,
-          tooltip: "Turn into",
+          tooltip,
           endContent: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, {}),
           ...buttonProps,
           ref,
-          children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: (activeBlockType == null ? void 0 : activeBlockType.label) || "Text" })
+          children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: activeBlockType == null ? void 0 : activeBlockType.label })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_dropdown_menu2.DropdownMenu.Content, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TurnIntoDropdownContent, { blockTypes }) })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_dropdown_menu2.DropdownMenu.Content,
+        {
+          align: "start",
+          onCloseAutoFocus: (e) => {
+            e.preventDefault();
+            editor == null ? void 0 : editor.commands.focus();
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TurnIntoDropdownContent, { blockTypes })
+        }
+      )
     ] });
   }
 );
@@ -7916,13 +8464,14 @@ var import_react58 = require("react");
 var import_editor_utils29 = require("@kopexa/editor-utils");
 var import_icons25 = require("@kopexa/icons");
 var import_react57 = require("react");
+var import_react_intl24 = require("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: import_icons25.UndoIcon,
@@ -7954,6 +8503,7 @@ function useUndoRedo(config) {
     hideWhenUnavailable = false,
     onExecuted
   } = config;
+  const intl = (0, import_react_intl24.useIntl)();
   const { editor } = (0, import_editor_utils29.useTiptapEditor)(providedEditor);
   const [isVisible, setIsVisible] = (0, import_react57.useState)(true);
   const canExecute = canExecuteUndoRedoAction(editor, action);
@@ -7980,7 +8530,7 @@ function useUndoRedo(config) {
     isVisible,
     handleAction,
     canExecute,
-    label: historyActionLabels[action],
+    label: intl.formatMessage(historyActionMessages[action]),
     shortcutKeys: UNDO_REDO_SHORTCUT_KEYS[action],
     Icon: historyIcons[action]
   };
@@ -8086,7 +8636,7 @@ var MainToolbarContent = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(im
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MarkButton, { type: "code" }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MarkButton, { type: "underline" }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ColorHighlightPopover, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LinkPopover, {})
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LinkPopover, { autoOpenOnLinkActive: false })
   ] }),
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_toolbar10.ToolbarSeparator, {}),
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_toolbar10.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableButton, {}) }),
@@ -8101,7 +8651,7 @@ var CommentToolbarContent = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)
   ] }),
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_toolbar10.ToolbarSeparator, {}),
   /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_toolbar10.ToolbarGroup, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LinkPopover, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LinkPopover, { autoOpenOnLinkActive: false }),
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ListDropdownMenu, { types: ["bulletList", "orderedList"] })
   ] })
 ] });
@@ -8109,15 +8659,17 @@ var FieldToolbarContent = () => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(i
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MarkButton, { type: "bold" }),
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MarkButton, { type: "italic" }),
   /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MarkButton, { type: "strike" }),
-  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LinkPopover, {})
+  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LinkPopover, { autoOpenOnLinkActive: false })
 ] });
 function MoreOptions({
   editor: providedEditor,
   hideWhenUnavailable = false,
   ...props
 }) {
+  const intl = (0, import_react_intl25.useIntl)();
   const { editor } = (0, import_editor_utils31.useTiptapEditor)(providedEditor);
   const [show, setShow] = (0, import_react59.useState)(false);
+  const moreOptionsLabel = intl.formatMessage(messages7.more_options);
   (0, import_react59.useEffect)(() => {
     if (!editor) return;
     const handleSelectionUpdate = () => {
@@ -8151,8 +8703,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__ */ (0, import_jsx_runtime33.jsx)(import_icons26.MoreVerticalIcon, {})
@@ -8217,13 +8769,17 @@ var BasicEditor = ({
   variables,
   variableValues,
   showToolbar = true,
+  slotOverlay,
   pagesOptions,
   ...options
 }) => {
+  const intl = (0, import_react_intl26.useIntl)();
+  const placeholder = intl.formatMessage(messages7.editor_placeholder);
   const { editor, collabSyncing } = useCreateEditor({
     content,
     enableVariables: !!(variables == null ? void 0 : variables.length),
     pagesOptions,
+    placeholder,
     ...options
   });
   const styles = (0, import_theme9.editorBasic)({ variant, bordered });
@@ -8247,7 +8803,8 @@ var BasicEditor = ({
         hasPagination
       }
     ),
-    showToolbar && isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(EditorHeader, { editor, variant })
+    showToolbar && isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(EditorHeader, { editor, variant }),
+    slotOverlay
   ] }) }) });
   if (hasVariables) {
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(VariableProvider, { variables, resolveVariable, children: editorContent });
@@ -8473,6 +9030,7 @@ function EditorStaticView({
   sanitizeUrl,
   useCollaboration,
   useCollaborationRequired,
+  useCurrentEditor,
   useDocumentVisibility,
   useEditorFile,
   useEditorFileRequired,