@mdxeditor/editor 3.30.1 → 3.31.1

package/dist/MDXEditor.js

@@ -1,7 +1,7 @@
-import { useCellValue, usePublisher, useCellValues, useRealm } from "@mdxeditor/gurx";
+import { usePublisher, useCellValue, useCellValues, useRealm } from "@mdxeditor/gurx";
 import React__default from "react";
 import { RealmWithPlugins } from "./RealmWithPlugins.js";
-import { corePlugin, rootEditor$, useTranslation, contentEditableRef$, contentEditableClassName$, spellCheck$, composerChildren$, topAreaChildren$, editorWrappers$, placeholder$, bottomAreaChildren$, editorRootElementRef$, viewMode$, markdownSourceEditorValue$, markdown$, setMarkdown$, insertMarkdown$ } from "./plugins/core/index.js";
+import { corePlugin, editorRootElementRef$, rootEditor$, useTranslation, contentEditableRef$, contentEditableClassName$, spellCheck$, composerChildren$, topAreaChildren$, editorWrappers$, placeholder$, bottomAreaChildren$, insertMarkdown$, setMarkdown$, viewMode$, markdownSourceEditorValue$, markdown$ } from "./plugins/core/index.js";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import classNames from "classnames";

package/dist/index.d.ts

@@ -2619,7 +2619,7 @@ export declare const saveImage$: NodeRef<SaveImageParameters>;
  */
 export declare interface SaveImageParameters extends BaseImageParameters {
     src?: string;
-    file: FileList;
+    file?: FileList;
 }
 
 /**
@@ -2733,7 +2733,7 @@ export declare const ShowSandpackInfo: () => default_2.JSX.Element;
  * A toolbar primitive that allows you to build an UI with multiple exclusive toggle groups, like the list type toggle.
  * @group Toolbar Primitives
  */
-export declare const SingleChoiceToggleGroup: <T extends string>({ value, onChange, className, items }: {
+export declare const SingleChoiceToggleGroup: <T extends string>({ value, onChange, className, ggClassName, items }: {
     items: {
         title: string;
         value: T;
@@ -2741,6 +2741,7 @@ export declare const SingleChoiceToggleGroup: <T extends string>({ value, onChan
     }[];
     onChange: (value: T | '') => void;
     value: T | '';
+    ggClassName?: string;
     className?: string;
 }) => default_2.JSX.Element;
 

package/dist/mdastUtilHtmlComment.js

@@ -11,19 +11,7 @@ function commentFromMarkdown(_options) {
     },
     exit: {
       comment(token) {
-        const text = this.resume();
-        if (_options.ast) {
-          this.enter(
-            {
-              // @ts-expect-error: not typing this
-              type: "comment",
-              value: "",
-              commentValue: text.slice(0, -2)
-            },
-            token
-          );
-          this.exit(token);
-        }
+        this.resume();
       }
     }
   };

package/dist/plugins/codeblock/index.js

@@ -1,6 +1,6 @@
 import { CodeBlockVisitor } from "./CodeBlockVisitor.js";
 import { MdastCodeVisitor } from "./MdastCodeVisitor.js";
-import { insertDecoratorNode$, Appender, codeBlockEditorDescriptors$, addActivePlugin$, addImportVisitor$, addLexicalNode$, addExportVisitor$ } from "../core/index.js";
+import { Appender, insertDecoratorNode$, codeBlockEditorDescriptors$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
 import { $createCodeBlockNode, CodeBlockNode } from "./CodeBlockNode.js";
 import { $convertPreElement, $isCodeBlockNode, useCodeBlockEditorContext } from "./CodeBlockNode.js";
 import { Cell, Signal, withLatestFrom, map } from "@mdxeditor/gurx";

package/dist/plugins/core/MdastFormattingVisitor.js

@@ -1,4 +1,4 @@
-import { IS_STRIKETHROUGH, IS_CODE, IS_ITALIC, IS_BOLD, IS_UNDERLINE, IS_SUPERSCRIPT, IS_SUBSCRIPT } from "../../FormatConstants.js";
+import { IS_ITALIC, IS_BOLD, IS_CODE, IS_STRIKETHROUGH, IS_UNDERLINE, IS_SUPERSCRIPT, IS_SUBSCRIPT } from "../../FormatConstants.js";
 import { $createTextNode } from "lexical";
 function buildFormattingVisitors(tag, format) {
   return [

package/dist/plugins/core/index.js

@@ -3,10 +3,10 @@ import { createEmptyHistoryState } from "@lexical/react/LexicalHistoryPlugin.js"
 import { $isHeadingNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $wrapNodeInElement, $insertNodeToNearestRoot } from "@lexical/utils";
-import { Cell, withLatestFrom, Signal, filter, map, useCellValue, scan } from "@mdxeditor/gurx";
-import { createCommand, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getRoot, $setSelection, $getSelection, $insertNodes, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, DecoratorNode, $createParagraphNode, FOCUS_COMMAND, BLUR_COMMAND, $isRangeSelection, ParagraphNode, TextNode, createEditor } from "lexical";
+import { Cell, Signal, withLatestFrom, filter, useCellValue, scan, map } from "@mdxeditor/gurx";
+import { createCommand, FORMAT_TEXT_COMMAND, $isRootOrShadowRoot, $getRoot, $setSelection, $getSelection, $insertNodes, SELECTION_CHANGE_COMMAND, COMMAND_PRIORITY_CRITICAL, DecoratorNode, $createParagraphNode, FOCUS_COMMAND, BLUR_COMMAND, $isRangeSelection, createEditor, ParagraphNode, TextNode } from "lexical";
 import { gfmStrikethrough } from "micromark-extension-gfm-strikethrough";
-import { gfmStrikethroughFromMarkdown, gfmStrikethroughToMarkdown } from "mdast-util-gfm-strikethrough";
+import { gfmStrikethroughToMarkdown, gfmStrikethroughFromMarkdown } from "mdast-util-gfm-strikethrough";
 import { mdxJsxToMarkdown, mdxJsxFromMarkdown } from "mdast-util-mdx-jsx";
 import { mdxJsx } from "micromark-extension-mdx-jsx";
 import { mdxMd } from "micromark-extension-mdx-md";
@@ -27,7 +27,7 @@ import { MdastParagraphVisitor } from "./MdastParagraphVisitor.js";
 import { MdastRootVisitor } from "./MdastRootVisitor.js";
 import { MdastTextVisitor } from "./MdastTextVisitor.js";
 import { SharedHistoryPlugin } from "./SharedHistoryPlugin.js";
-import { commentFromMarkdown, comment } from "../../mdastUtilHtmlComment.js";
+import { comment, commentFromMarkdown } from "../../mdastUtilHtmlComment.js";
 import { lexicalTheme } from "../../styles/lexicalTheme.js";
 const NESTED_EDITOR_UPDATED_COMMAND = createCommand("NESTED_EDITOR_UPDATED_COMMAND");
 const rootEditor$ = Cell(null);
@@ -523,7 +523,7 @@ const corePlugin = realmPlugin({
     r.singletonSub(onBlur$, params == null ? void 0 : params.onBlur);
     if (!(params == null ? void 0 : params.suppressHtmlProcessing)) {
       r.pubIn({
-        [addMdastExtension$]: [mdxJsxFromMarkdown(), commentFromMarkdown({ ast: false })],
+        [addMdastExtension$]: [mdxJsxFromMarkdown(), commentFromMarkdown()],
         [addSyntaxExtension$]: [mdxJsx(), mdxMd(), comment],
         [addImportVisitor$]: MdastHTMLVisitor
       });

package/dist/plugins/diff-source/index.js

@@ -1,4 +1,4 @@
-import { addEditorWrapper$, viewMode$ } from "../core/index.js";
+import { viewMode$, addEditorWrapper$ } from "../core/index.js";
 import { DiffSourceWrapper } from "./DiffSourceWrapper.js";
 import { Cell } from "@mdxeditor/gurx";
 import { realmPlugin } from "../../RealmWithPlugins.js";

package/dist/plugins/directives/index.js

@@ -1,7 +1,7 @@
 import { realmPlugin } from "../../RealmWithPlugins.js";
-import { insertDecoratorNode$, directiveDescriptors$, addMdastExtension$, addSyntaxExtension$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addToMarkdownExtension$ } from "../core/index.js";
+import { insertDecoratorNode$, addToMarkdownExtension$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addSyntaxExtension$, addMdastExtension$, directiveDescriptors$ } from "../core/index.js";
 import { Signal, map } from "@mdxeditor/gurx";
-import { directiveFromMarkdown, directiveToMarkdown } from "mdast-util-directive";
+import { directiveToMarkdown, directiveFromMarkdown } from "mdast-util-directive";
 import { directive } from "micromark-extension-directive";
 import { $createDirectiveNode, DirectiveNode } from "./DirectiveNode.js";
 import { $isDirectiveNode } from "./DirectiveNode.js";

package/dist/plugins/frontmatter/index.js

@@ -1,8 +1,8 @@
 import { realmPlugin } from "../../RealmWithPlugins.js";
-import { rootEditor$, createRootEditorSubscription$, addMdastExtension$, addSyntaxExtension$, addLexicalNode$, addImportVisitor$, addExportVisitor$, addToMarkdownExtension$ } from "../core/index.js";
+import { rootEditor$, createRootEditorSubscription$, addToMarkdownExtension$, addExportVisitor$, addImportVisitor$, addLexicalNode$, addSyntaxExtension$, addMdastExtension$ } from "../core/index.js";
 import { Cell, Action, withLatestFrom } from "@mdxeditor/gurx";
 import { $getRoot, KEY_DOWN_COMMAND, $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_CRITICAL } from "lexical";
-import { frontmatterFromMarkdown, frontmatterToMarkdown } from "mdast-util-frontmatter";
+import { frontmatterToMarkdown, frontmatterFromMarkdown } from "mdast-util-frontmatter";
 import { frontmatter } from "micromark-extension-frontmatter";
 import { $isFrontmatterNode, $createFrontmatterNode, FrontmatterNode } from "./FrontmatterNode.js";
 import { LexicalFrontmatterVisitor } from "./LexicalFrontmatterVisitor.js";

package/dist/plugins/headings/index.js

@@ -3,7 +3,7 @@ import { Cell } from "@mdxeditor/gurx";
 import { KEY_DOWN_COMMAND, $createParagraphNode, COMMAND_PRIORITY_LOW } from "lexical";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { controlOrMeta } from "../../utils/detectMac.js";
-import { createRootEditorSubscription$, convertSelectionToNode$, addActivePlugin$, addImportVisitor$, addLexicalNode$, addExportVisitor$ } from "../core/index.js";
+import { createRootEditorSubscription$, convertSelectionToNode$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
 import { LexicalHeadingVisitor } from "./LexicalHeadingVisitor.js";
 import { MdastHeadingVisitor } from "./MdastHeadingVisitor.js";
 const FORMATTING_KEYS = [48, 49, 50, 51, 52, 53, 54];

package/dist/plugins/image/ImageDialog.js

@@ -46,11 +46,11 @@ const ImageDialog = () => {
       /* @__PURE__ */ React__default.createElement(
         "form",
         {
-          onSubmit: (e) => {
-            void handleSubmit(saveImage)(e);
-            reset({ src: "", title: "", altText: "" });
+          onSubmit: async (e) => {
             e.preventDefault();
             e.stopPropagation();
+            await handleSubmit(saveImage)(e);
+            reset({ src: "", title: "", altText: "" });
           },
           className: styles.multiFieldForm
         },

package/dist/plugins/image/index.js

@@ -1,9 +1,9 @@
-import { $wrapNodeInElement, mergeRegister } from "@lexical/utils";
-import { Signal, withLatestFrom, Cell, Action, mapTo, map } from "@mdxeditor/gurx";
-import { $insertNodes, $isRootOrShadowRoot, $createParagraphNode, $getNodeByKey, COMMAND_PRIORITY_EDITOR, DRAGSTART_COMMAND, COMMAND_PRIORITY_HIGH, DRAGOVER_COMMAND, COMMAND_PRIORITY_LOW, DROP_COMMAND, PASTE_COMMAND, COMMAND_PRIORITY_CRITICAL, createCommand, $createRangeSelection, $setSelection, $getSelection, $isNodeSelection } from "lexical";
+import { mergeRegister, $wrapNodeInElement } from "@lexical/utils";
+import { Signal, Cell, Action, withLatestFrom, mapTo, map } from "@mdxeditor/gurx";
+import { createCommand, $getNodeByKey, $insertNodes, $isRootOrShadowRoot, $createParagraphNode, COMMAND_PRIORITY_EDITOR, DRAGSTART_COMMAND, COMMAND_PRIORITY_HIGH, DRAGOVER_COMMAND, COMMAND_PRIORITY_LOW, DROP_COMMAND, PASTE_COMMAND, COMMAND_PRIORITY_CRITICAL, $createRangeSelection, $setSelection, $getSelection, $isNodeSelection } from "lexical";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { CAN_USE_DOM } from "../../utils/detectMac.js";
-import { activeEditor$, createActiveEditorSubscription$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addComposerChild$ } from "../core/index.js";
+import { activeEditor$, createActiveEditorSubscription$, addComposerChild$, addExportVisitor$, addLexicalNode$, addImportVisitor$ } from "../core/index.js";
 import { EditImageToolbar } from "./EditImageToolbar.js";
 import { ImageDialog } from "./ImageDialog.js";
 import { $createImageNode, ImageNode, $isImageNode } from "./ImageNode.js";
@@ -57,7 +57,7 @@ const imageDialogState$ = Cell(
           r.pub(internalInsertImage$, { ...values, src });
           r.pub(imageDialogState$, { type: "inactive" });
         };
-        if (values.file.length > 0) {
+        if (values.file && values.file.length > 0) {
           imageUploadHandler == null ? void 0 : imageUploadHandler(values.file.item(0)).then(handler).catch((e) => {
             throw e;
           });

package/dist/plugins/jsx/index.js

@@ -1,6 +1,6 @@
-import { mdxFromMarkdown, mdxToMarkdown } from "mdast-util-mdx";
+import { mdxToMarkdown, mdxFromMarkdown } from "mdast-util-mdx";
 import { mdxjs } from "micromark-extension-mdxjs";
-import { insertDecoratorNode$, jsxIsAvailable$, addMdastExtension$, addSyntaxExtension$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addToMarkdownExtension$, jsxComponentDescriptors$ } from "../core/index.js";
+import { insertDecoratorNode$, jsxComponentDescriptors$, addToMarkdownExtension$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addSyntaxExtension$, addMdastExtension$, jsxIsAvailable$ } from "../core/index.js";
 import { $createLexicalJsxNode, LexicalJsxNode } from "./LexicalJsxNode.js";
 import { LexicalJsxVisitor } from "./LexicalJsxVisitor.js";
 import { MdastMdxJsEsmVisitor } from "./MdastMdxJsEsmVisitor.js";

package/dist/plugins/link/AutoLinkPlugin.js

@@ -1,4 +1,4 @@
-import { createLinkMatcherWithRegExp, AutoLinkPlugin } from "@lexical/react/LexicalAutoLinkPlugin";
+import { AutoLinkPlugin, createLinkMatcherWithRegExp } from "@lexical/react/LexicalAutoLinkPlugin";
 import React__default from "react";
 const URL_REGEX = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 const EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;

package/dist/plugins/link/index.js

@@ -6,7 +6,7 @@ import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
 import { LexicalAutoLinkPlugin } from "./AutoLinkPlugin.js";
 import { Cell } from "@mdxeditor/gurx";
 import { realmPlugin } from "../../RealmWithPlugins.js";
-import { addActivePlugin$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addComposerChild$ } from "../core/index.js";
+import { addComposerChild$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
 const disableAutoLink$ = Cell(false);
 const linkPlugin = realmPlugin({
   init(realm, params) {

package/dist/plugins/link-dialog/index.js

@@ -1,5 +1,5 @@
 import { $createLinkNode, TOGGLE_LINK_COMMAND, $isLinkNode, LinkNode } from "@lexical/link";
-import { Signal, Cell, withLatestFrom, map, Action, filter } from "@mdxeditor/gurx";
+import { Signal, Cell, Action, withLatestFrom, map, filter } from "@mdxeditor/gurx";
 import { KEY_ESCAPE_COMMAND, COMMAND_PRIORITY_LOW, KEY_MODIFIER_COMMAND, $getSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH, $createTextNode, $insertNodes, $getNearestNodeFromDOMNode } from "lexical";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { IS_APPLE } from "../../utils/detectMac.js";

package/dist/plugins/lists/index.js

@@ -1,17 +1,17 @@
-import { currentSelection$, activeEditor$, rootEditor$, addActivePlugin$, addMdastExtension$, addSyntaxExtension$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addToMarkdownExtension$, addComposerChild$, addNestedEditorChild$ } from "../core/index.js";
+import { currentSelection$, activeEditor$, rootEditor$, addNestedEditorChild$, addComposerChild$, addToMarkdownExtension$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addSyntaxExtension$, addMdastExtension$, addActivePlugin$ } from "../core/index.js";
 import { MdastListVisitor } from "./MdastListVisitor.js";
 import { MdastListItemVisitor } from "./MdastListItemVisitor.js";
 import { LexicalListVisitor } from "./LexicalListVisitor.js";
 import { LexicalListItemVisitor } from "./LexicalListItemVisitor.js";
-import { $isListNode, ListNode, ListItemNode, $getListDepth, $isListItemNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, REMOVE_LIST_COMMAND } from "@lexical/list";
+import { $isListNode, ListNode, ListItemNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND, REMOVE_LIST_COMMAND, $getListDepth, $isListItemNode } from "@lexical/list";
 import { $isRootOrShadowRoot, INDENT_CONTENT_COMMAND, COMMAND_PRIORITY_CRITICAL, $getSelection, $isRangeSelection, $isElementNode } from "lexical";
 import { TabIndentationPlugin } from "@lexical/react/LexicalTabIndentationPlugin.js";
 import { CheckListPlugin } from "@lexical/react/LexicalCheckListPlugin.js";
 import { ListPlugin } from "@lexical/react/LexicalListPlugin.js";
 import { $findMatchingParent, $getNearestNodeOfType } from "@lexical/utils";
 import { gfmTaskListItem } from "micromark-extension-gfm-task-list-item";
-import { gfmTaskListItemFromMarkdown, gfmTaskListItemToMarkdown } from "mdast-util-gfm-task-list-item";
-import { Cell, withLatestFrom, Signal } from "@mdxeditor/gurx";
+import { gfmTaskListItemToMarkdown, gfmTaskListItemFromMarkdown } from "mdast-util-gfm-task-list-item";
+import { Cell, Signal, withLatestFrom } from "@mdxeditor/gurx";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 const ListTypeCommandMap = /* @__PURE__ */ new Map([
   ["number", INSERT_ORDERED_LIST_COMMAND],

package/dist/plugins/markdown-shortcut/index.js

@@ -1,12 +1,12 @@
-import { QUOTE, LINK, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST, CODE, BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR, BOLD_UNDERSCORE, INLINE_CODE, ITALIC_STAR, ITALIC_UNDERSCORE } from "@lexical/markdown";
+import { BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR, BOLD_UNDERSCORE, INLINE_CODE, ITALIC_STAR, ITALIC_UNDERSCORE, QUOTE, LINK, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST, CODE } from "@lexical/markdown";
 import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
 import { HeadingNode, $isHeadingNode, $createHeadingNode } from "@lexical/rich-text";
 import React__default from "react";
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { CodeBlockNode, $createCodeBlockNode } from "../codeblock/CodeBlockNode.js";
-import { activePlugins$, addComposerChild$, addNestedEditorChild$ } from "../core/index.js";
+import { activePlugins$, addNestedEditorChild$, addComposerChild$ } from "../core/index.js";
 import { allowedHeadingLevels$ } from "../headings/index.js";
-import { HorizontalRuleNode, $isHorizontalRuleNode, $createHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
+import { HorizontalRuleNode, $createHorizontalRuleNode, $isHorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 const markdownShortcutPlugin = realmPlugin({
   init(realm) {
     const pluginIds = realm.getValue(activePlugins$);

package/dist/plugins/quote/index.js

@@ -2,7 +2,7 @@ import { QuoteNode } from "@lexical/rich-text";
 import { MdastBlockQuoteVisitor } from "./MdastBlockQuoteVisitor.js";
 import { LexicalQuoteVisitor } from "./LexicalQuoteVisitor.js";
 import { realmPlugin } from "../../RealmWithPlugins.js";
-import { addActivePlugin$, addImportVisitor$, addLexicalNode$, addExportVisitor$ } from "../core/index.js";
+import { addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
 const quotePlugin = realmPlugin({
   init(realm) {
     realm.pubIn({

package/dist/plugins/table/TableEditor.js

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import styles from "../../styles/ui.module.css.js";
 import { isPartOftheEditorUI } from "../../utils/isPartOftheEditorUI.js";
 import { uuidv4 } from "../../utils/uuid4.js";
-import { iconComponentFor$, readOnly$, useTranslation, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, jsxIsAvailable$, rootEditor$, NESTED_EDITOR_UPDATED_COMMAND, editorRootElementRef$ } from "../core/index.js";
+import { iconComponentFor$, readOnly$, useTranslation, editorRootElementRef$, importVisitors$, exportVisitors$, usedLexicalNodes$, jsxComponentDescriptors$, directiveDescriptors$, codeBlockEditorDescriptors$, jsxIsAvailable$, rootEditor$, NESTED_EDITOR_UPDATED_COMMAND } from "../core/index.js";
 import { useCellValues } from "@mdxeditor/gurx";
 const getCellType = (rowIndex) => {
   if (rowIndex === 0) {

package/dist/plugins/table/index.js

@@ -1,8 +1,8 @@
 import { realmPlugin } from "../../RealmWithPlugins.js";
 import { Signal, map } from "@mdxeditor/gurx";
-import { gfmTableFromMarkdown, gfmTableToMarkdown } from "mdast-util-gfm-table";
+import { gfmTableToMarkdown, gfmTableFromMarkdown } from "mdast-util-gfm-table";
 import { gfmTable } from "micromark-extension-gfm-table";
-import { insertDecoratorNode$, addMdastExtension$, addSyntaxExtension$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addToMarkdownExtension$ } from "../core/index.js";
+import { insertDecoratorNode$, addToMarkdownExtension$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addSyntaxExtension$, addMdastExtension$ } from "../core/index.js";
 import { LexicalTableVisitor } from "./LexicalTableVisitor.js";
 import { MdastTableVisitor } from "./MdastTableVisitor.js";
 import { $createTableNode, TableNode } from "./TableNode.js";

package/dist/plugins/thematic-break/index.js

@@ -2,7 +2,7 @@ import { realmPlugin } from "../../RealmWithPlugins.js";
 import { INSERT_HORIZONTAL_RULE_COMMAND, HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode.js";
 import { HorizontalRulePlugin } from "@lexical/react/LexicalHorizontalRulePlugin.js";
 import { Action, withLatestFrom } from "@mdxeditor/gurx";
-import { activeEditor$, addActivePlugin$, addImportVisitor$, addLexicalNode$, addExportVisitor$, addComposerChild$ } from "../core/index.js";
+import { activeEditor$, addComposerChild$, addExportVisitor$, addLexicalNode$, addImportVisitor$, addActivePlugin$ } from "../core/index.js";
 import { LexicalThematicBreakVisitor } from "./LexicalThematicBreakVisitor.js";
 import { MdastThematicBreakVisitor } from "./MdastThematicBreakVisitor.js";
 const insertThematicBreak$ = Action((r) => {

package/dist/plugins/toolbar/components/DiffSourceToggleWrapper.js

@@ -21,23 +21,18 @@ const DiffSourceToggleWrapper = ({
   if (options.includes("source")) {
     toggleGroupItems.push({ title: t("toolbar.source", "Source mode"), contents: iconComponentFor("markdown"), value: "source" });
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, viewMode === "rich-text" ? children : viewMode === "diff" ? /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, t("toolbar.diffMode", "Diff mode")) : SourceToolbar ?? /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, t("toolbar.source", "Source mode")), /* @__PURE__ */ React__default.createElement(
-    "div",
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, viewMode === "rich-text" ? children : viewMode === "diff" ? /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, t("toolbar.diffMode", "Diff mode")) : SourceToolbar ?? /* @__PURE__ */ React__default.createElement("span", { className: styles.toolbarTitleMode }, t("toolbar.source", "Source mode")), /* @__PURE__ */ React__default.createElement("div", { className: styles.diffSourceToggleWrapper }, /* @__PURE__ */ React__default.createElement(
+    SingleChoiceToggleGroup,
     {
-      style: { marginLeft: "auto", pointerEvents: "auto", opacity: 1, position: "sticky", right: 0, backgroundColor: "var(--baseBase)" }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      SingleChoiceToggleGroup,
-      {
-        className: styles.diffSourceToggle,
-        value: viewMode,
-        items: toggleGroupItems,
-        onChange: (value) => {
-          changeViewMode(value === "" ? "rich-text" : value);
-        }
+      className: styles.diffSourceToggle,
+      ggClassName: styles.ggDiffSourceToggle,
+      value: viewMode,
+      items: toggleGroupItems,
+      onChange: (value) => {
+        changeViewMode(value === "" ? "rich-text" : value);
       }
-    )
-  ));
+    }
+  )));
 };
 export {
   DiffSourceToggleWrapper

package/dist/plugins/toolbar/components/InsertTable.js

@@ -1,8 +1,8 @@
 import { ButtonWithTooltip } from "../primitives/toolbar.js";
 import React__default from "react";
 import { insertTable$ } from "../../table/index.js";
-import { Cell, map, useCellValue, usePublisher } from "@mdxeditor/gurx";
-import { activeEditor$, iconComponentFor$, useTranslation } from "../../core/index.js";
+import { useCellValue, usePublisher, Cell, map } from "@mdxeditor/gurx";
+import { iconComponentFor$, useTranslation, activeEditor$ } from "../../core/index.js";
 const disableInsertTableButton$ = Cell(false, (r) => {
   r.link(
     r.pipe(

package/dist/plugins/toolbar/primitives/toolbar.js

@@ -70,10 +70,11 @@ const SingleChoiceToggleGroup = ({
   value,
   onChange,
   className,
+  ggClassName,
   items
 }) => {
   const t = useTranslation();
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.toolbarGroupOfGroups }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(styles.toolbarGroupOfGroups, ggClassName) }, /* @__PURE__ */ React__default.createElement(
     RadixToolbar.ToggleGroup,
     {
       "aria-label": t("toolbar.toggleGroup", "toggle group"),