@omnitron-dev/prism 0.2.0 → 0.3.0

package/dist/{chunk-YJMAQL3S.js → chunk-WFD54GQQ.js}

@@ -29,6 +29,42 @@ import Typography from '@mui/material/Typography';
 import { BubbleMenu } from '@tiptap/react/menus';
 import { Extension, Mark } from '@tiptap/core';
 
+// src/components/editor/types.ts
+var DEFAULT_EDITOR_LABELS = {
+  bold: "Bold (\u2318B)",
+  italic: "Italic (\u2318I)",
+  underline: "Underline (\u2318U)",
+  strike: "Strikethrough",
+  inlineCode: "Inline code (\u2318E)",
+  clearFormat: "Clear format (\u2318\u21E7X)",
+  headingMenu: "Heading menu",
+  bulletList: "Bullet list",
+  orderedList: "Ordered list",
+  taskList: "Task list",
+  alignLeft: "Align left",
+  alignCenter: "Align center",
+  alignRight: "Align right",
+  alignJustify: "Align justify",
+  blockquote: "Blockquote",
+  codeBlock: "Code block",
+  horizontalRule: "Horizontal rule",
+  insertLink: "Insert link",
+  removeLink: "Remove link",
+  insertImage: "Insert image",
+  hardBreak: "Hard break",
+  undo: "Undo (\u2318Z)",
+  redo: "Redo (\u2318\u21E7Z)",
+  fullscreen: "Fullscreen",
+  exitFullscreen: "Exit fullscreen",
+  linkUrlField: "Link URL",
+  linkApply: "Apply",
+  imagePopoverTitle: "Add image",
+  imageUrlField: "Image URL",
+  imageAltField: "Alt text",
+  imageApply: "Apply",
+  codeLanguageAuto: "auto"
+};
+
 // src/components/editor/classes.ts
 var cls = (name) => `prism-editor-${name}`;
 var editorClasses = {
@@ -131,7 +167,14 @@ var EditorRoot = styled("div")(({ theme }) => ({
   // Placeholder
   // ---------------------------------------------------------------------------
   [`& .${editorClasses.content.placeholder}`]: {
-    "&:first-of-type::before": {
+    // `:first-child::before` — placeholder is rendered as the first
+    // element of the editable content area when the editor is empty.
+    // The previous of-type form fired only when the placeholder was
+    // the first sibling of its tag, which is fragile if the editor
+    // wrapper changes tag (the placeholder might be the SECOND child
+    // of its tag but still the first child overall — both intents
+    // converge on the first-child variant).
+    "&:first-child::before": {
       ...theme.typography.body2,
       height: 0,
       float: "left",
@@ -988,7 +1031,7 @@ var HEADING_OPTIONS = [
   { key: "Heading 5", level: 5, icon: /* @__PURE__ */ jsx(H5Icon, { sx: { fontSize: 18 } }) },
   { key: "Heading 6", level: 6, icon: /* @__PURE__ */ jsx(H6Icon, { sx: { fontSize: 18 } }) }
 ];
-function HeadingBlock({ editor, isActive }) {
+function HeadingBlock({ editor, isActive, labels }) {
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
   const handleOpen = useCallback((event) => {
@@ -1016,7 +1059,7 @@ function HeadingBlock({ editor, isActive }) {
       HeadingButton,
       {
         id: buttonId,
-        "aria-label": "Heading menu",
+        "aria-label": labels.headingMenu,
         "aria-controls": open ? menuId : void 0,
         "aria-haspopup": "true",
         "aria-expanded": open ? "true" : void 0,
@@ -1072,7 +1115,7 @@ var HeadingButton = styled(ButtonBase)(({ theme }) => ({
     backgroundColor: theme.palette.action.hover
   }
 }));
-function LinkBlock({ editor, linkIcon, unlinkIcon, active }) {
+function LinkBlock({ editor, linkIcon, unlinkIcon, active, labels }) {
   const [linkUrl, setLinkUrl] = useState("");
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
@@ -1102,7 +1145,7 @@ function LinkBlock({ editor, linkIcon, unlinkIcon, active }) {
       ToolbarItem,
       {
         "aria-describedby": popoverId,
-        "aria-label": "Insert link",
+        "aria-label": labels.insertLink,
         active,
         className: editorClasses.toolbar.link,
         onClick: handleOpen,
@@ -1112,14 +1155,14 @@ function LinkBlock({ editor, linkIcon, unlinkIcon, active }) {
     /* @__PURE__ */ jsx(
       ToolbarItem,
       {
-        "aria-label": "Remove link",
+        "aria-label": labels.removeLink,
         disabled: !active,
         className: editorClasses.toolbar.unlink,
         onClick: () => editor.chain().focus().unsetLink().run(),
         icon: unlinkIcon
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       Popover,
       {
         id: popoverId,
@@ -1132,30 +1175,28 @@ function LinkBlock({ editor, linkIcon, unlinkIcon, active }) {
             sx: { p: 2.5, gap: 1.25, width: 1, maxWidth: 320, display: "flex", flexDirection: "column" }
           }
         },
-        children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Link URL" }),
-          /* @__PURE__ */ jsxs(Box, { sx: { gap: 1, display: "flex", alignItems: "center" }, children: [
-            /* @__PURE__ */ jsx(
-              TextField2,
-              {
-                fullWidth: true,
-                size: "small",
-                placeholder: "https://",
-                value: linkUrl,
-                onChange: (e) => setLinkUrl(e.target.value),
-                onKeyDown: (e) => {
-                  if (e.key === "Enter") handleApply();
-                }
+        children: /* @__PURE__ */ jsxs(Box, { sx: { gap: 1, display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx(
+            TextField2,
+            {
+              fullWidth: true,
+              size: "small",
+              label: labels.linkUrlField,
+              placeholder: "https://",
+              value: linkUrl,
+              onChange: (e) => setLinkUrl(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") handleApply();
               }
-            ),
-            /* @__PURE__ */ jsx(Button, { variant: "contained", disabled: !linkUrl, onClick: handleApply, children: "Apply" })
-          ] })
-        ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "contained", disabled: !linkUrl, onClick: handleApply, children: labels.linkApply })
+        ] })
       }
     )
   ] });
 }
-function ImageBlock({ editor, icon }) {
+function ImageBlock({ editor, icon, labels }) {
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
   const [state, setState] = useState({ imageUrl: "", altText: "" });
@@ -1176,7 +1217,7 @@ function ImageBlock({ editor, icon }) {
       ToolbarItem,
       {
         "aria-describedby": popoverId,
-        "aria-label": "Insert image",
+        "aria-label": labels.insertImage,
         className: editorClasses.toolbar.image,
         onClick: handleOpen,
         icon
@@ -1196,13 +1237,14 @@ function ImageBlock({ editor, icon }) {
           }
         },
         children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Add image" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: labels.imagePopoverTitle }),
           /* @__PURE__ */ jsx(
             TextField2,
             {
               fullWidth: true,
               size: "small",
-              placeholder: "Image URL",
+              label: labels.imageUrlField,
+              placeholder: "https://",
               value: state.imageUrl,
               onChange: (e) => setState((prev) => ({ ...prev, imageUrl: e.target.value }))
             }
@@ -1212,12 +1254,12 @@ function ImageBlock({ editor, icon }) {
             {
               fullWidth: true,
               size: "small",
-              placeholder: "Alt text",
+              label: labels.imageAltField,
               value: state.altText,
               onChange: (e) => setState((prev) => ({ ...prev, altText: e.target.value }))
             }
           ),
-          /* @__PURE__ */ jsx(Button, { variant: "contained", disabled: !state.imageUrl, onClick: handleApply, sx: { alignSelf: "flex-end" }, children: "Apply" })
+          /* @__PURE__ */ jsx(Button, { variant: "contained", disabled: !state.imageUrl, onClick: handleApply, sx: { alignSelf: "flex-end" }, children: labels.imageApply })
         ]
       }
     )
@@ -1249,14 +1291,14 @@ function useToolbarState(editor) {
     }
   });
 }
-function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
+function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen, labels }) {
   const state = useToolbarState(editor);
   const has = (item) => toolbar.items.has(item);
   const chain = () => editor.chain().focus();
   const hasAnyInGroup = (...items) => items.some(has);
   return /* @__PURE__ */ jsxs(ToolbarRoot, { className: editorClasses.toolbar.root, children: [
     has("heading") && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(HeadingBlock, { editor, isActive: state.isTextLevel }),
+      /* @__PURE__ */ jsx(HeadingBlock, { labels, editor, isActive: state.isTextLevel }),
       /* @__PURE__ */ jsx(ToolbarDivider, {})
     ] }),
     hasAnyInGroup("bold", "italic", "underline", "strike", "code") && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1264,7 +1306,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("bold") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Bold (\u2318B)",
+            "aria-label": labels.bold,
             active: state.isBold,
             className: editorClasses.toolbar.bold,
             onClick: () => chain().toggleBold().run(),
@@ -1274,7 +1316,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("italic") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Italic (\u2318I)",
+            "aria-label": labels.italic,
             active: state.isItalic,
             className: editorClasses.toolbar.italic,
             onClick: () => chain().toggleItalic().run(),
@@ -1284,7 +1326,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("underline") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Underline (\u2318U)",
+            "aria-label": labels.underline,
             active: state.isUnderline,
             className: editorClasses.toolbar.underline,
             onClick: () => chain().toggleUnderline().run(),
@@ -1294,7 +1336,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("strike") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Strikethrough",
+            "aria-label": labels.strike,
             active: state.isStrike,
             className: editorClasses.toolbar.strike,
             onClick: () => chain().toggleStrike().run(),
@@ -1304,7 +1346,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("code") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Inline code (\u2318E)",
+            "aria-label": labels.inlineCode,
             active: state.isCode,
             className: editorClasses.toolbar.code,
             onClick: () => chain().toggleCode().run(),
@@ -1319,7 +1361,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("bulletList") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Bullet list",
+            "aria-label": labels.bulletList,
             active: state.isBulletList,
             className: editorClasses.toolbar.bulletList,
             onClick: () => chain().toggleBulletList().run(),
@@ -1329,7 +1371,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("orderedList") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Ordered list",
+            "aria-label": labels.orderedList,
             active: state.isOrderedList,
             className: editorClasses.toolbar.orderedList,
             onClick: () => chain().toggleOrderedList().run(),
@@ -1339,7 +1381,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("taskList") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Task list",
+            "aria-label": labels.taskList,
             active: state.isTaskList,
             className: editorClasses.toolbar.taskList,
             onClick: () => chain().toggleTaskList().run(),
@@ -1354,7 +1396,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("alignLeft") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Align left",
+            "aria-label": labels.alignLeft,
             active: state.isAlign("left"),
             className: editorClasses.toolbar.alignLeft,
             onClick: () => chain().setTextAlign("left").run(),
@@ -1364,7 +1406,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("alignCenter") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Align center",
+            "aria-label": labels.alignCenter,
             active: state.isAlign("center"),
             className: editorClasses.toolbar.alignCenter,
             onClick: () => chain().setTextAlign("center").run(),
@@ -1374,7 +1416,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("alignRight") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Align right",
+            "aria-label": labels.alignRight,
             active: state.isAlign("right"),
             className: editorClasses.toolbar.alignRight,
             onClick: () => chain().setTextAlign("right").run(),
@@ -1384,7 +1426,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("alignJustify") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Align justify",
+            "aria-label": labels.alignJustify,
             active: state.isAlign("justify"),
             className: editorClasses.toolbar.alignJustify,
             onClick: () => chain().setTextAlign("justify").run(),
@@ -1399,7 +1441,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("blockquote") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Blockquote",
+            "aria-label": labels.blockquote,
             active: state.isBlockquote,
             className: editorClasses.toolbar.blockquote,
             onClick: () => chain().toggleBlockquote().run(),
@@ -1409,7 +1451,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("codeBlock") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Code block",
+            "aria-label": labels.codeBlock,
             active: state.isCodeBlock,
             className: editorClasses.toolbar.codeBlock,
             onClick: () => chain().toggleCodeBlock().run(),
@@ -1419,7 +1461,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("horizontalRule") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Horizontal rule",
+            "aria-label": labels.horizontalRule,
             className: editorClasses.toolbar.hr,
             onClick: () => chain().setHorizontalRule().run(),
             icon: /* @__PURE__ */ jsx(HorizontalRuleIcon, {})
@@ -1430,8 +1472,8 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
     ] }),
     hasAnyInGroup("link", "image") && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(ToolbarBlock, { children: [
-        has("link") && /* @__PURE__ */ jsx(LinkBlock, { editor, active: state.isLink, linkIcon: /* @__PURE__ */ jsx(LinkIcon, {}), unlinkIcon: /* @__PURE__ */ jsx(UnlinkIcon, {}) }),
-        has("image") && /* @__PURE__ */ jsx(ImageBlock, { editor, icon: /* @__PURE__ */ jsx(ImageIcon, {}) })
+        has("link") && /* @__PURE__ */ jsx(LinkBlock, { labels, editor, active: state.isLink, linkIcon: /* @__PURE__ */ jsx(LinkIcon, {}), unlinkIcon: /* @__PURE__ */ jsx(UnlinkIcon, {}) }),
+        has("image") && /* @__PURE__ */ jsx(ImageBlock, { labels, editor, icon: /* @__PURE__ */ jsx(ImageIcon, {}) })
       ] }),
       /* @__PURE__ */ jsx(ToolbarDivider, {})
     ] }),
@@ -1440,7 +1482,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("hardBreak") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Hard break",
+            "aria-label": labels.hardBreak,
             className: editorClasses.toolbar.hardBreak,
             onClick: () => chain().setHardBreak().run(),
             icon: /* @__PURE__ */ jsx(HardBreakIcon, {})
@@ -1449,7 +1491,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("clearFormat") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Clear format (\u2318\u21E7X)",
+            "aria-label": labels.clearFormat,
             className: editorClasses.toolbar.clear,
             onClick: () => chain().clearNodes().unsetAllMarks().run(),
             icon: /* @__PURE__ */ jsx(ClearMarksIcon, {})
@@ -1463,7 +1505,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("undo") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Undo (\u2318Z)",
+            "aria-label": labels.undo,
             disabled: !state.canUndo,
             className: editorClasses.toolbar.undo,
             onClick: () => chain().undo().run(),
@@ -1473,7 +1515,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
         has("redo") && /* @__PURE__ */ jsx(
           ToolbarItem,
           {
-            "aria-label": "Redo (\u2318\u21E7Z)",
+            "aria-label": labels.redo,
             disabled: !state.canRedo,
             className: editorClasses.toolbar.redo,
             onClick: () => chain().redo().run(),
@@ -1486,7 +1528,7 @@ function Toolbar({ editor, toolbar, fullscreen, onToggleFullscreen }) {
     has("fullscreen") && /* @__PURE__ */ jsx(ToolbarBlock, { children: /* @__PURE__ */ jsx(
       ToolbarItem,
       {
-        "aria-label": fullscreen ? "Exit fullscreen" : "Fullscreen",
+        "aria-label": fullscreen ? labels.exitFullscreen : labels.fullscreen,
         active: fullscreen,
         className: editorClasses.toolbar.fullscreen,
         onClick: onToggleFullscreen,
@@ -1515,14 +1557,14 @@ var ToolbarBlock = styled("div")(({ theme }) => ({
 function ToolbarDivider() {
   return /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: 16, my: "auto" } });
 }
-function BubbleToolbar({ editor }) {
+function BubbleToolbar({ editor, labels }) {
   const state = useToolbarState(editor);
   const chain = () => editor.chain().focus();
   return /* @__PURE__ */ jsx(BubbleMenu, { editor, children: /* @__PURE__ */ jsxs(BubbleRoot, { children: [
     /* @__PURE__ */ jsx(
       ToolbarItem,
       {
-        "aria-label": "Bold",
+        "aria-label": labels.bold,
         active: state.isBold,
         className: editorClasses.toolbar.bold,
         onClick: () => chain().toggleBold().run(),
@@ -1532,7 +1574,7 @@ function BubbleToolbar({ editor }) {
     /* @__PURE__ */ jsx(
       ToolbarItem,
       {
-        "aria-label": "Italic",
+        "aria-label": labels.italic,
         active: state.isItalic,
         className: editorClasses.toolbar.italic,
         onClick: () => chain().toggleItalic().run(),
@@ -1542,7 +1584,7 @@ function BubbleToolbar({ editor }) {
     /* @__PURE__ */ jsx(
       ToolbarItem,
       {
-        "aria-label": "Underline",
+        "aria-label": labels.underline,
         active: state.isUnderline,
         className: editorClasses.toolbar.underline,
         onClick: () => chain().toggleUnderline().run(),
@@ -1552,19 +1594,19 @@ function BubbleToolbar({ editor }) {
     /* @__PURE__ */ jsx(
       ToolbarItem,
       {
-        "aria-label": "Strike",
+        "aria-label": labels.strike,
         active: state.isStrike,
         className: editorClasses.toolbar.strike,
         onClick: () => chain().toggleStrike().run(),
         icon: /* @__PURE__ */ jsx(StrikeIcon, {})
       }
     ),
-    /* @__PURE__ */ jsx(LinkBlock, { editor, active: state.isLink, linkIcon: /* @__PURE__ */ jsx(LinkIcon, {}), unlinkIcon: /* @__PURE__ */ jsx(UnlinkIcon, {}) }),
+    /* @__PURE__ */ jsx(LinkBlock, { labels, editor, active: state.isLink, linkIcon: /* @__PURE__ */ jsx(LinkIcon, {}), unlinkIcon: /* @__PURE__ */ jsx(UnlinkIcon, {}) }),
     /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: 16, my: "auto" } }),
     /* @__PURE__ */ jsx(
       ToolbarItem,
       {
-        "aria-label": "Clear format",
+        "aria-label": labels.clearFormat,
         className: editorClasses.toolbar.clear,
         onClick: () => chain().clearNodes().unsetAllMarks().run(),
         icon: /* @__PURE__ */ jsx(ClearMarksIcon, {})
@@ -1585,6 +1627,7 @@ function CodeHighlightBlock(props) {
   const { node, extension, updateAttributes } = props;
   const language = node.attrs.language;
   const lowlight = extension.options.lowlight;
+  const autoLabel = extension.options.autoLanguageLabel ?? DEFAULT_EDITOR_LABELS.codeLanguageAuto;
   const handleChangeLanguage = useCallback(
     (event) => {
       updateAttributes({ language: event.target.value });
@@ -1601,7 +1644,7 @@ function CodeHighlightBlock(props) {
         onChange: handleChangeLanguage,
         className: editorClasses.content.langSelect,
         children: [
-          /* @__PURE__ */ jsx("option", { value: "null", children: "auto" }),
+          /* @__PURE__ */ jsx("option", { value: "null", children: autoLabel }),
           /* @__PURE__ */ jsx("option", { disabled: true, children: "\u2014" }),
           lowlight.listLanguages().map((lang) => /* @__PURE__ */ jsx("option", { value: lang, children: lang }, lang))
         ]
@@ -1690,6 +1733,7 @@ function Editor({
   editable = true,
   extraExtensions,
   placeholder = "Write something...",
+  labels: labelOverrides,
   ref: contentRef,
   value: initialContent = "",
   ...other
@@ -1700,6 +1744,10 @@ function Editor({
   const showBubbleMenu = bubbleMenuProp ?? resolvedToolbar.bubbleMenu;
   const showToolbar = resolvedToolbar.items.size > 0;
   const lowlight = useMemo(() => createLowlight(common), []);
+  const labels = useMemo(
+    () => ({ ...DEFAULT_EDITOR_LABELS, ...labelOverrides }),
+    [labelOverrides]
+  );
   const parsedContent = useMemo(() => {
     if (!initialContent) return "";
     if (format === "json" && initialContent.startsWith("{")) {
@@ -1767,8 +1815,12 @@ function Editor({
     if (has("codeBlock")) {
       exts.push(
         CodeBlockLowlightExtension.extend({
+          addOptions() {
+            const inherited = this.parent?.();
+            return { ...inherited, autoLanguageLabel: DEFAULT_EDITOR_LABELS.codeLanguageAuto };
+          },
           addNodeView: () => ReactNodeViewRenderer(CodeHighlightBlock)
-        }).configure({ lowlight })
+        }).configure({ lowlight, autoLanguageLabel: labels.codeLanguageAuto })
       );
     }
     if (has("taskList")) {
@@ -1784,7 +1836,7 @@ function Editor({
       exts.push(...extraExtensions);
     }
     return exts;
-  }, [resolvedToolbar, placeholder, lowlight, extraExtensions]);
+  }, [resolvedToolbar, placeholder, lowlight, extraExtensions, labels]);
   const editor = useEditor({
     editable,
     immediatelyRender: false,
@@ -1855,13 +1907,14 @@ function Editor({
             showToolbar && /* @__PURE__ */ jsx(
               Toolbar,
               {
+                labels,
                 editor,
                 toolbar: resolvedToolbar,
                 fullscreen,
                 onToggleFullscreen: handleToggleFullscreen
               }
             ),
-            showBubbleMenu && /* @__PURE__ */ jsx(BubbleToolbar, { editor }),
+            showBubbleMenu && /* @__PURE__ */ jsx(BubbleToolbar, { editor, labels }),
             /* @__PURE__ */ jsx(
               EditorContent,
               {
@@ -1882,6 +1935,6 @@ function Editor({
   ] });
 }
 
-export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BoldIcon, BubbleToolbar, BulletListIcon, CheckListIcon, ClearFormat, ClearMarksIcon, CodeBlockIcon, CodeHighlightBlock, Editor, ExitFullscreenIcon, FullscreenIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, HardBreakIcon, HeadingBlock, HorizontalRuleIcon, ImageBlock, ImageIcon, InlineCodeIcon, ItalicIcon, LinkBlock, LinkIcon, OrderedListIcon, ParagraphIcon, QuoteIcon, RedoIcon, StrikeIcon, TableIcon, TextTransform, Toolbar, ToolbarItem, UnderlineIcon, UndoIcon, UnlinkIcon, editorClasses, resolveToolbar, useToolbarState };
-//# sourceMappingURL=chunk-YJMAQL3S.js.map
-//# sourceMappingURL=chunk-YJMAQL3S.js.map
+export { AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BoldIcon, BubbleToolbar, BulletListIcon, CheckListIcon, ClearFormat, ClearMarksIcon, CodeBlockIcon, CodeHighlightBlock, DEFAULT_EDITOR_LABELS, Editor, ExitFullscreenIcon, FullscreenIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, H6Icon, HardBreakIcon, HeadingBlock, HorizontalRuleIcon, ImageBlock, ImageIcon, InlineCodeIcon, ItalicIcon, LinkBlock, LinkIcon, OrderedListIcon, ParagraphIcon, QuoteIcon, RedoIcon, StrikeIcon, TableIcon, TextTransform, Toolbar, ToolbarItem, UnderlineIcon, UndoIcon, UnlinkIcon, editorClasses, resolveToolbar, useToolbarState };
+//# sourceMappingURL=chunk-WFD54GQQ.js.map
+//# sourceMappingURL=chunk-WFD54GQQ.js.map