@docyrus/ui-pro-ai-assistant 0.8.3 → 0.8.4

package/dist/index.js

@@ -211,7 +211,7 @@ import '@univerjs/sheets-crosshair-highlight/lib/index.css';
 import * as XLSX from 'xlsx';
 import { MarkdownPlugin, remarkMdx, remarkMention, serializeMd, stripMarkdown, deserializeMd } from '@platejs/markdown';
 import { usePlateEditor, toTPlatePlugin, useEditorContainerRef, createPlatePlugin, usePluginOption, ParagraphPlugin, BlockPlaceholderPlugin, useEditorRef, useElement, Key, createPrimitiveComponent, withHOC, PlateElement, useReadOnly, useEditorPlugin, useEditorMounted, Plate, PlateContent, PlateLeaf, useHotkeys, PlateText, useSelected, useFocused, useEventEditorValue, useComposedRef, useEditorReadOnly, useSelectionAcrossBlocks, useEditorSelector, useElementSelector, MemoizedChildren, useSelectionFragmentProp, useMarkToolbarButtonState, useMarkToolbarButton, PlateContainer, usePlateState } from 'platejs/react';
-import { KEYS, TrailingBlockPlugin, isSlateString, isSlateEditor, isSlateElement, getPluginType, PathApi, isHotkey, getPluginTypes, ExitBreakPlugin, nanoid, BaseParagraphPlugin, NodeApi, TextApi, isType, IS_APPLE, RangeApi, getPluginByType, ElementApi, createSlateEditor, isUrl } from 'platejs';
+import { KEYS, TrailingBlockPlugin, isSlateString, isSlateEditor, isSlateElement, getPluginType, PathApi, createSlatePlugin, isHotkey, getPluginTypes, ExitBreakPlugin, nanoid, BaseParagraphPlugin, NodeApi, TextApi, createTextSubstitutionInputRule, isType, IS_APPLE, RangeApi, getPluginByType, ElementApi, createSlateEditor, isUrl } from 'platejs';
 import { withAIBatch } from '@platejs/ai';
 import { useAIChatEditor, AIChatPlugin, useChatChunk, streamInsertChunk, applyAISuggestions, rejectAISuggestions, AIPlugin, CopilotPlugin, useLastAssistantMessage, useEditorChat, applyTableCellSuggestion, aiCommentToRange } from '@platejs/ai/react';
 import { CursorOverlayPlugin, BlockSelectionPlugin, BlockMenuPlugin, useBlockSelected, useCursorOverlay, useIsSelecting, BLOCK_CONTEXT_MENU_ID, useBlockSelectionNodes, useBlockSelectionFragmentProp } from '@platejs/selection/react';
@@ -225,13 +225,11 @@ import { CaptionPlugin, TextareaAutosize as TextareaAutosize$1, Caption as Capti
 import { BaseCommentPlugin, getDraftCommentKey, getCommentCount, getTransientCommentKey, getCommentKey } from '@platejs/comment';
 import { CommentPlugin, useCommentId } from '@platejs/comment/react';
 import { SuggestionPlugin } from '@platejs/suggestion/react';
+import { BoldRules, MarkComboRules, ItalicRules, UnderlineRules, CodeRules, StrikethroughRules, SubscriptRules, SuperscriptRules, HighlightRules, HeadingRules, BlockquoteRules, HorizontalRuleRules, BaseH1Plugin, BaseH2Plugin, BaseH3Plugin, BaseBlockquotePlugin, BaseHorizontalRulePlugin, BaseBoldPlugin, BaseItalicPlugin, BaseUnderlinePlugin, BaseStrikethroughPlugin, BaseSubscriptPlugin, BaseSuperscriptPlugin, BaseCodePlugin, BaseHighlightPlugin } from '@platejs/basic-nodes';
 import { BoldPlugin, ItalicPlugin, UnderlinePlugin, CodePlugin, StrikethroughPlugin, SubscriptPlugin, SuperscriptPlugin, HighlightPlugin, H1Plugin, H2Plugin, H3Plugin, BlockquotePlugin, HorizontalRulePlugin } from '@platejs/basic-nodes/react';
-import { AutoformatPlugin, autoformatSmartQuotes, autoformatPunctuation, autoformatLegal, autoformatLegalHtml, autoformatArrow, autoformatMath } from '@platejs/autoformat';
-import { insertEmptyCodeBlock, insertCodeBlock, BaseCodeBlockPlugin, BaseCodeLinePlugin, BaseCodeSyntaxPlugin } from '@platejs/code-block';
-import { expandListItemsWithChildren, BaseListPlugin, toggleList, isOrderedList, someList, ListStyleType } from '@platejs/list';
-import { openNextToggles, TogglePlugin, useToggleButtonState, useToggleButton, useToggleToolbarButtonState, useToggleToolbarButton } from '@platejs/toggle/react';
 import { DndPlugin, useDropLine, useDraggable } from '@platejs/dnd';
 import { insertCallout, BaseCalloutPlugin } from '@platejs/callout';
+import { insertCodeBlock, CodeBlockRules, BaseCodeBlockPlugin, BaseCodeLinePlugin, BaseCodeSyntaxPlugin } from '@platejs/code-block';
 import { insertDate, BaseDatePlugin } from '@platejs/date';
 import { BaseColumnPlugin, BaseColumnItemPlugin, insertColumnGroup, toggleColumnGroup } from '@platejs/layout';
 import { insertEquation, insertInlineEquation, BaseInlineEquationPlugin, BaseEquationPlugin, getEquationHtml } from '@platejs/math';
@@ -250,6 +248,7 @@ import { DatePlugin } from '@platejs/date/react';
 import { PlaceholderPlugin, useMediaState, useImage, PlaceholderProvider, usePlaceholderElementState, usePlaceholderPopoverState, ImagePlugin, MediaEmbedPlugin, VideoPlugin, AudioPlugin, FilePlugin, useImagePreviewValue, useImagePreview, PreviewImage as PreviewImage$1, useMediaControllerState, useMediaController, openImagePreview, UploadErrorCode, useScaleInput, useMediaControllerDropDownMenu } from '@platejs/media/react';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
+import { expandListItemsWithChildren, isOrderedList, BulletedListRules, OrderedListRules, TaskListRules, BaseListPlugin, someList, ListStyleType, toggleList } from '@platejs/list';
 import { DocxPlugin } from '@platejs/docx';
 import { JuicePlugin } from '@platejs/juice';
 import emojiMartData from '@emoji-mart/data';
@@ -267,11 +266,11 @@ import LiteYouTubeEmbed from 'react-lite-youtube-embed';
 import ReactPlayer from 'react-player';
 import { MentionPlugin, MentionInputPlugin } from '@platejs/mention/react';
 import { SlashPlugin, SlashInputPlugin } from '@platejs/slash-command/react';
-import { TableProvider, TablePlugin, useTableElement, TableRowPlugin, TableCellPlugin, TableCellHeaderPlugin, useTableCellElement, useTableCellElementResizable, useTableMergeState } from '@platejs/table/react';
+import { TableProvider, TablePlugin, useTableElement, useTableSelectionDom, TableRowPlugin, TableCellPlugin, TableCellHeaderPlugin, useTableCellElement, useTableCellElementResizable, useTableMergeState } from '@platejs/table/react';
 import { TocPlugin, useTocElementState, useTocElement } from '@platejs/toc/react';
+import { TogglePlugin, useToggleButtonState, useToggleButton, useToggleToolbarButtonState, useToggleToolbarButton } from '@platejs/toggle/react';
 import { DocxExportPlugin, importDocx, exportToDocx } from '@platejs/docx-io';
 import { SlateElement, SlateLeaf, serializeHtml, PlateStatic, getEditorDOMFromHtmlString } from 'platejs/static';
-import { BaseH1Plugin, BaseH2Plugin, BaseH3Plugin, BaseBlockquotePlugin, BaseHorizontalRulePlugin, BaseBoldPlugin, BaseItalicPlugin, BaseUnderlinePlugin, BaseStrikethroughPlugin, BaseSubscriptPlugin, BaseSuperscriptPlugin, BaseCodePlugin, BaseHighlightPlugin } from '@platejs/basic-nodes';
 import { BaseFontColorPlugin, BaseFontBackgroundColorPlugin, BaseFontSizePlugin, BaseFontFamilyPlugin, toUnitLess } from '@platejs/basic-styles';
 import { BaseIndentPlugin } from '@platejs/indent';
 import { BaseCaptionPlugin } from '@platejs/caption';
@@ -24026,23 +24025,41 @@ function HighlightLeaf(props) {
 
 // src/internal/plate-editor/editor/plugins/basic-marks-kit.tsx
 var BasicMarksKit = [
-  BoldPlugin,
-  ItalicPlugin,
-  UnderlinePlugin,
+  BoldPlugin.configure({
+    inputRules: [
+      BoldRules.markdown({ variant: "*" }),
+      BoldRules.markdown({ variant: "_" }),
+      MarkComboRules.markdown({ variant: "boldItalic" }),
+      MarkComboRules.markdown({ variant: "boldUnderline" }),
+      MarkComboRules.markdown({ variant: "boldItalicUnderline" }),
+      MarkComboRules.markdown({ variant: "italicUnderline" })
+    ]
+  }),
+  ItalicPlugin.configure({
+    inputRules: [ItalicRules.markdown({ variant: "*" }), ItalicRules.markdown({ variant: "_" })]
+  }),
+  UnderlinePlugin.configure({
+    inputRules: [UnderlineRules.markdown()]
+  }),
   CodePlugin.configure({
+    inputRules: [CodeRules.markdown()],
     node: { component: CodeLeaf },
     shortcuts: { toggle: { keys: "mod+e" } }
   }),
   StrikethroughPlugin.configure({
+    inputRules: [StrikethroughRules.markdown()],
     shortcuts: { toggle: { keys: "mod+shift+x" } }
   }),
   SubscriptPlugin.configure({
+    inputRules: [SubscriptRules.markdown()],
     shortcuts: { toggle: { keys: "mod+comma" } }
   }),
   SuperscriptPlugin.configure({
+    inputRules: [SuperscriptRules.markdown()],
     shortcuts: { toggle: { keys: "mod+period" } }
   }),
   HighlightPlugin.configure({
+    inputRules: [HighlightRules.markdown({ variant: "==" }), HighlightRules.markdown({ variant: "\u2261" })],
     node: { component: HighlightLeaf },
     shortcuts: { toggle: { keys: "mod+shift+h" } }
   })
@@ -25576,196 +25593,139 @@ var insertAIAnchorElement = (editor) => {
   });
   editor.setOption(AIChatPlugin, "streaming", true);
 };
-var autoformatMarks = [
-  {
-    match: "***",
-    mode: "mark",
-    type: [KEYS.bold, KEYS.italic]
-  },
-  {
-    match: "__*",
-    mode: "mark",
-    type: [KEYS.underline, KEYS.italic]
-  },
-  {
-    match: "__**",
-    mode: "mark",
-    type: [KEYS.underline, KEYS.bold]
-  },
-  {
-    match: "___***",
-    mode: "mark",
-    type: [KEYS.underline, KEYS.bold, KEYS.italic]
-  },
-  {
-    match: "**",
-    mode: "mark",
-    type: KEYS.bold
-  },
-  {
-    match: "__",
-    mode: "mark",
-    type: KEYS.underline
-  },
-  {
-    match: "*",
-    mode: "mark",
-    type: KEYS.italic
-  },
-  {
-    match: "_",
-    mode: "mark",
-    type: KEYS.italic
-  },
-  {
-    match: "~~",
-    mode: "mark",
-    type: KEYS.strikethrough
-  },
-  {
-    match: "^",
-    mode: "mark",
-    type: KEYS.sup
-  },
-  {
-    match: "~",
-    mode: "mark",
-    type: KEYS.sub
-  },
-  {
-    match: "`",
-    mode: "mark",
-    type: KEYS.code
-  }
-];
-var autoformatBlocks = [
-  {
-    match: "# ",
-    mode: "block",
-    type: KEYS.h1
-  },
-  {
-    match: "## ",
-    mode: "block",
-    type: KEYS.h2
-  },
-  {
-    match: "### ",
-    mode: "block",
-    type: KEYS.h3
-  },
-  {
-    match: "> ",
-    mode: "block",
-    type: KEYS.blockquote
-  },
-  {
-    match: "```",
-    mode: "block",
-    type: KEYS.codeBlock,
-    format: (editor) => {
-      insertEmptyCodeBlock(editor, {
-        defaultType: KEYS.p,
-        insertNodesOptions: { select: true }
-      });
-    }
-  },
-  {
-    match: "+ ",
-    mode: "block",
-    preFormat: openNextToggles,
-    type: KEYS.toggle
-  },
-  {
-    match: ["---", "\u2014-", "___ "],
-    mode: "block",
-    type: KEYS.hr,
-    format: (editor) => {
-      editor.tf.setNodes({ type: KEYS.hr });
-      editor.tf.insertNodes({
-        children: [{ text: "" }],
-        type: KEYS.p
-      });
-    }
-  }
-];
-var autoformatLists = [
-  {
-    match: ["* ", "- "],
-    mode: "block",
-    type: "list",
-    format: (editor) => {
-      toggleList(editor, {
-        listStyleType: KEYS.ul
-      });
-    }
-  },
-  {
-    match: [String.raw`^\d+\.$ `, String.raw`^\d+\)$ `],
-    matchByRegex: true,
-    mode: "block",
-    type: "list",
-    format: (editor, { matchString }) => {
-      toggleList(editor, {
-        listRestartPolite: Number(matchString) || 1,
-        listStyleType: KEYS.ol
-      });
-    }
-  },
-  {
-    match: ["[] "],
-    mode: "block",
-    type: "list",
-    format: (editor) => {
-      toggleList(editor, {
-        listStyleType: KEYS.listTodo
-      });
-      editor.tf.setNodes({
-        checked: false,
-        listStyleType: KEYS.listTodo
-      });
-    }
-  },
-  {
-    match: ["[x] "],
-    mode: "block",
-    type: "list",
-    format: (editor) => {
-      toggleList(editor, {
-        listStyleType: KEYS.listTodo
-      });
-      editor.tf.setNodes({
-        checked: true,
-        listStyleType: KEYS.listTodo
-      });
-    }
+var isTextSubstitutionBlocked = (editor) => editor.api.some({
+  match: {
+    type: [editor.getType(KEYS.codeBlock)]
   }
-];
-var AutoformatKit = [
-  AutoformatPlugin.configure({
-    options: {
-      enableUndoOnDelete: true,
-      rules: [
-        ...autoformatBlocks,
-        ...autoformatMarks,
-        ...autoformatSmartQuotes,
-        ...autoformatPunctuation,
-        ...autoformatLegal,
-        ...autoformatLegalHtml,
-        ...autoformatArrow,
-        ...autoformatMath,
-        ...autoformatLists
-      ].map(
-        (rule) => ({
-          ...rule,
-          query: (editor) => !editor.api.some({
-            match: { type: editor.getType(KEYS.codeBlock) }
-          })
-        })
-      )
-    }
-  })
-];
+});
+var createAutoformatTextSubstitutionRule = ({
+  patterns
+}) => createTextSubstitutionInputRule({
+  enabled: ({ editor }) => !isTextSubstitutionBlocked(editor),
+  patterns
+});
+var arrowsRule = createAutoformatTextSubstitutionRule({
+  patterns: [
+    { format: "\u2192", match: "->" },
+    { format: "\u2190", match: "<-" },
+    { format: "\u21D2", match: "=>" },
+    { format: "\u21D0", match: ["<=", "\u2264="] }
+  ]
+});
+var comparisonsRule = createAutoformatTextSubstitutionRule({
+  patterns: [
+    { format: "\u226F", match: "!>" },
+    { format: "\u226E", match: "!<" },
+    { format: "\u2265", match: ">=" },
+    { format: "\u2264", match: "<=" },
+    { format: "\u2271", match: "!>=" },
+    { format: "\u2270", match: "!<=" }
+  ]
+});
+var equalityRule = createAutoformatTextSubstitutionRule({
+  patterns: [
+    { format: "\u2260", match: "!=" },
+    { format: "\u2261", match: "==" },
+    { format: "\u2262", match: ["!==", "\u2260="] },
+    { format: "\u2248", match: "~=" },
+    { format: "\u2249", match: "!~=" }
+  ]
+});
+var fractionsRule = createAutoformatTextSubstitutionRule({
+  patterns: [
+    { format: "\xBD", match: "1/2" },
+    { format: "\u2153", match: "1/3" },
+    { format: "\xBC", match: "1/4" },
+    { format: "\u2155", match: "1/5" },
+    { format: "\u2159", match: "1/6" },
+    { format: "\u2150", match: "1/7" },
+    { format: "\u215B", match: "1/8" },
+    { format: "\u2151", match: "1/9" },
+    { format: "\u2152", match: "1/10" },
+    { format: "\u2154", match: "2/3" },
+    { format: "\u2156", match: "2/5" },
+    { format: "\xBE", match: "3/4" },
+    { format: "\u2157", match: "3/5" },
+    { format: "\u215C", match: "3/8" },
+    { format: "\u2158", match: "4/5" },
+    { format: "\u215A", match: "5/6" },
+    { format: "\u215D", match: "5/8" },
+    { format: "\u215E", match: "7/8" }
+  ]
+});
+var legalRule = createAutoformatTextSubstitutionRule({
+  patterns: [{ format: "\u2122", match: ["(tm)", "(TM)"] }, { format: "\xAE", match: ["(r)", "(R)"] }, { format: "\xA9", match: ["(c)", "(C)"] }]
+});
+var legalHtmlRule = createAutoformatTextSubstitutionRule({
+  patterns: [
+    { format: "\u2122", match: "&trade;" },
+    { format: "\xAE", match: "&reg;" },
+    { format: "\xA9", match: "&copy;" },
+    { format: "\xA7", match: "&sect;" }
+  ]
+});
+var operatorsRule = createAutoformatTextSubstitutionRule({
+  patterns: [{ format: "\xB1", match: "+-" }, { format: "\u2030", match: "%%" }, { format: "\u2031", match: ["%%%", "\u2030%"] }]
+});
+var punctuationRule = createAutoformatTextSubstitutionRule({
+  patterns: [{ format: "\xBB", match: ">>" }, { format: "\xAB", match: "<<" }]
+});
+var smartQuotesRule = createAutoformatTextSubstitutionRule({
+  patterns: [{ format: ["\u201C", "\u201D"], match: '"' }, { format: ["\u2018", "\u2019"], match: "'" }]
+});
+var subscriptNumbersRule = createAutoformatTextSubstitutionRule({
+  patterns: [
+    { format: "\u2080", match: "~0" },
+    { format: "\u2081", match: "~1" },
+    { format: "\u2082", match: "~2" },
+    { format: "\u2083", match: "~3" },
+    { format: "\u2084", match: "~4" },
+    { format: "\u2085", match: "~5" },
+    { format: "\u2086", match: "~6" },
+    { format: "\u2087", match: "~7" },
+    { format: "\u2088", match: "~8" },
+    { format: "\u2089", match: "~9" }
+  ]
+});
+var subscriptSymbolsRule = createAutoformatTextSubstitutionRule({
+  patterns: [{ format: "\u208A", match: "~+" }, { format: "\u208B", match: "~-" }]
+});
+var superscriptNumbersRule = createAutoformatTextSubstitutionRule({
+  patterns: [
+    { format: "\u2070", match: "^0" },
+    { format: "\xB9", match: "^1" },
+    { format: "\xB2", match: "^2" },
+    { format: "\xB3", match: "^3" },
+    { format: "\u2074", match: "^4" },
+    { format: "\u2075", match: "^5" },
+    { format: "\u2076", match: "^6" },
+    { format: "\u2077", match: "^7" },
+    { format: "\u2078", match: "^8" },
+    { format: "\u2079", match: "^9" }
+  ]
+});
+var superscriptSymbolsRule = createAutoformatTextSubstitutionRule({
+  patterns: [{ format: "\xB0", match: "^o" }, { format: "\u207A", match: "^+" }, { format: "\u207B", match: "^-" }]
+});
+var AutoformatShortcutsPlugin = createSlatePlugin({
+  key: "autoformatShortcuts",
+  inputRules: [
+    legalRule,
+    legalHtmlRule,
+    arrowsRule,
+    comparisonsRule,
+    equalityRule,
+    fractionsRule,
+    operatorsRule,
+    punctuationRule,
+    smartQuotesRule,
+    subscriptNumbersRule,
+    subscriptSymbolsRule,
+    superscriptNumbersRule,
+    superscriptSymbolsRule
+  ]
+});
+var AutoformatKit = [AutoformatShortcutsPlugin];
 function BlockquoteElement(props) {
   return /* @__PURE__ */ jsx(PlateElement, { as: "blockquote", className: "my-1 px-0.5 py-[3px]", ...props, children: /* @__PURE__ */ jsx("div", { className: "border-primary border-l-[3px] px-4", children: props.children }) });
 }
@@ -25848,6 +25808,7 @@ function ParagraphElement(props) {
 var BasicBlocksKit = [
   ParagraphPlugin.withComponent(ParagraphElement),
   H1Plugin.configure({
+    inputRules: [HeadingRules.markdown()],
     node: {
       component: H1Element
     },
@@ -25857,6 +25818,7 @@ var BasicBlocksKit = [
     shortcuts: { toggle: { keys: "mod+alt+1" } }
   }),
   H2Plugin.configure({
+    inputRules: [HeadingRules.markdown()],
     node: {
       component: H2Element
     },
@@ -25866,6 +25828,7 @@ var BasicBlocksKit = [
     shortcuts: { toggle: { keys: "mod+alt+2" } }
   }),
   H3Plugin.configure({
+    inputRules: [HeadingRules.markdown()],
     node: {
       component: H3Element
     },
@@ -25875,10 +25838,14 @@ var BasicBlocksKit = [
     shortcuts: { toggle: { keys: "mod+alt+3" } }
   }),
   BlockquotePlugin.configure({
+    inputRules: [BlockquoteRules.markdown()],
     node: { component: BlockquoteElement },
     shortcuts: { toggle: { keys: "mod+shift+period" } }
   }),
-  HorizontalRulePlugin.withComponent(HrElement)
+  HorizontalRulePlugin.configure({
+    inputRules: [HorizontalRuleRules.markdown({ variant: "-" }), HorizontalRuleRules.markdown({ variant: "_" })],
+    node: { component: HrElement }
+  })
 ];
 var blockSelectionVariants = cva(
   cn(
@@ -28181,6 +28148,7 @@ var languages = [
 var lowlight = createLowlight(all);
 var CodeBlockKit = [
   CodeBlockPlugin.configure({
+    inputRules: [CodeBlockRules.markdown({ on: "match" })],
     node: { component: CodeBlockElement2 },
     options: { lowlight },
     shortcuts: { toggle: { keys: "mod+alt+8" } }
@@ -29637,7 +29605,30 @@ function TodoLi(props) {
 var ListKit = [
   ...IndentKit,
   ListPlugin.configure({
+    inputRules: [
+      BulletedListRules.markdown({ variant: "-" }),
+      BulletedListRules.markdown({ variant: "*" }),
+      OrderedListRules.markdown({ variant: "." }),
+      OrderedListRules.markdown({ variant: ")" }),
+      TaskListRules.markdown({ checked: false }),
+      TaskListRules.markdown({ checked: true })
+    ],
     inject: {
+      nodeProps: {
+        nodeKey: KEYS.listType,
+        query: ({ nodeProps }) => {
+          const { element } = nodeProps;
+          return !!element?.listStyleType && !isOrderedList(element);
+        },
+        transformProps: ({ props }) => ({
+          ...props,
+          role: "listitem",
+          style: {
+            ...props.style,
+            display: "list-item"
+          }
+        })
+      },
       targetPlugins: [
         ...KEYS.heading,
         KEYS.p,
@@ -30527,7 +30518,7 @@ var PlaceholderElement = withHOC(
             /* @__PURE__ */ jsxs("div", { className: "whitespace-nowrap text-muted-foreground text-sm", children: [
               /* @__PURE__ */ jsx("div", { children: progressing ? file?.name : currentContent.content }),
               progressing && !isImage && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx("div", { children: formatBytes(file.size) }),
+                /* @__PURE__ */ jsx("div", { children: formatBytes(file?.size ?? 0) }),
                 /* @__PURE__ */ jsx("div", { children: "-" }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
                   /* @__PURE__ */ jsx(Spinner$1, { className: "mr-1 size-3.5" }),
@@ -31491,11 +31482,9 @@ var TableElement2 = withHOC(
     const { editor, element } = props;
     const { tf } = useEditorPlugin(TablePlugin);
     const readOnly = useReadOnly();
-    const {
-      isSelectingCell,
-      marginLeft,
-      props: tableProps
-    } = useTableElement();
+    const { marginLeft, props: tableProps } = useTableElement();
+    const tableRef = useRef(null);
+    useTableSelectionDom(tableRef);
     const isSelectingTable = useBlockSelected(props.element.id);
     return /* @__PURE__ */ jsx(
       PlateElement,
@@ -31507,9 +31496,14 @@ var TableElement2 = withHOC(
           /* @__PURE__ */ jsx(
             "table",
             {
+              ref: tableRef,
               className: cn(
                 "mr-0 ml-px table h-px table-fixed border-collapse",
-                isSelectingCell && "selection:bg-transparent"
+                "data-[table-selecting=true]:[&_*::selection]:!bg-transparent",
+                "data-[table-selecting=true]:[&_*::selection]:!text-inherit",
+                "data-[table-selecting=true]:[&_*::-moz-selection]:!bg-transparent",
+                "data-[table-selecting=true]:[&_*::-moz-selection]:!text-inherit",
+                "data-[table-selecting=true]:[&_*]:!caret-transparent"
               ),
               ...tableProps,
               children: /* @__PURE__ */ jsx("tbody", { className: "min-w-full", children: props.children })
@@ -32904,10 +32898,12 @@ var getHeadingList = (editor) => {
     return options3.queryHeading(editor);
   }
   const headingList = [];
-  const values = editor.api.nodes({
-    at: [],
-    match: (n) => isHeading(n)
-  });
+  const values = Array.from(
+    editor.api.nodes({
+      at: [],
+      match: (n) => isHeading(n)
+    })
+  );
   if (!values) return [];
   for (const [node, path] of values) {
     const { type } = node;