tinacms 2.7.0 → 2.7.2

package/dist/index.js

@@ -9292,9 +9292,7 @@ flowchart TD
   const encodeUrlIfNeeded = (url) => {
     if (url) {
       try {
-        const parsed = new URL(url);
-        parsed.pathname = parsed.pathname.split("/").filter((part) => part !== "").map(encodeURIComponent).join("/");
-        return parsed.toString();
+        return new URL(url).toString();
       } catch (e) {
         return url;
       }
@@ -10195,7 +10193,7 @@ flowchart TD
       "Event Log"
     ));
   };
-  const version = "2.7.0";
+  const version = "2.7.2";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -10831,7 +10829,7 @@ flowchart TD
             className: "h-5 w-auto -mx-1 text-blue-500",
             stroke: "currentColor",
             fill: "currentColor",
-            "stroke-width": "0",
+            strokeWidth: "0",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg"
           },
@@ -13548,6 +13546,11 @@ flowchart TD
       mode: "mark",
       type: plate.MARK_CODE,
       match: "`"
+    },
+    {
+      mode: "mark",
+      type: plate.MARK_STRIKETHROUGH,
+      match: ["~~", "~"]
     }
   ];
   const autoformatRules = [
@@ -13689,17 +13692,14 @@ flowchart TD
     })
   ];
   const plugins = [
+    plate.createBasicMarksPlugin(),
     plate.createHeadingPlugin(),
     plate.createParagraphPlugin(),
     createCodeBlockPlugin(),
     createHTMLBlockPlugin(),
     createHTMLInlinePlugin(),
     plate.createBlockquotePlugin(),
-    plate.createBoldPlugin(),
-    plate.createStrikethroughPlugin(),
-    plate.createItalicPlugin(),
     plate.createUnderlinePlugin(),
-    plate.createCodePlugin(),
     plate.createListPlugin(),
     plate.createIndentListPlugin(),
     plate.createHorizontalRulePlugin(),
@@ -14209,7 +14209,7 @@ flowchart TD
   const CodeBlockToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useCodeBlockToolbarButtonState();
     const { props } = useCodeBlockToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.codeBlock, null));
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Code Block", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.codeBlock, null));
   });
   const useImageToolbarButtonState = () => {
     const editor = plateCommon.useEditorState();
@@ -14241,36 +14241,54 @@ flowchart TD
   const ImageToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useImageToolbarButtonState();
     const { props } = useImageToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.image, null));
-  });
-  const IndentListToolbarButton = cn$1.withRef(({ nodeType = plate.ELEMENT_UL }, ref) => {
-    const editor = plateCommon.useEditorState();
-    const state = plate.useListToolbarButtonState({ nodeType });
-    const { props } = plate.useListToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(
-      ToolbarButton,
-      {
-        ref,
-        tooltip: nodeType === plate.ELEMENT_UL ? "Bulleted List" : "Numbered List",
-        ...props,
-        onClick: (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          plate.toggleList(editor, { type: nodeType });
-        }
-      },
-      nodeType === plate.ELEMENT_UL ? /* @__PURE__ */ React.createElement(Icons.ul, null) : /* @__PURE__ */ React.createElement(Icons.ol, null)
-    );
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Image", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.image, null));
   });
+  const UnorderedListToolbarButton = cn$1.withRef(
+    (props, ref) => {
+      const editor = plateCommon.useEditorState();
+      const state = plate.useListToolbarButtonState({ nodeType: plate.ELEMENT_UL });
+      const { props: buttonProps } = plate.useListToolbarButton(state);
+      return /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          ref,
+          tooltip: "Bulleted List",
+          ...buttonProps,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            plate.toggleList(editor, { type: plate.ELEMENT_UL });
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.ul, null)
+      );
+    }
+  );
+  const OrderedListToolbarButton = cn$1.withRef(
+    (props, ref) => {
+      const editor = plateCommon.useEditorState();
+      const state = plate.useListToolbarButtonState({ nodeType: plate.ELEMENT_OL });
+      const { props: buttonProps } = plate.useListToolbarButton(state);
+      return /* @__PURE__ */ React.createElement(
+        ToolbarButton,
+        {
+          ref,
+          tooltip: "Numbered List",
+          ...buttonProps,
+          onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            plate.toggleList(editor, { type: plate.ELEMENT_OL });
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icons.ol, null)
+      );
+    }
+  );
   const LinkToolbarButton = cn$1.withRef((rest, ref) => {
     const state = plateLink.useLinkToolbarButtonState();
     const { props } = plateLink.useLinkToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...props, ...rest }, /* @__PURE__ */ React.createElement(Icons.link, null));
-  });
-  const MarkToolbarButton = cn$1.withRef(({ clear, nodeType, ...rest }, ref) => {
-    const state = plateCommon.useMarkToolbarButtonState({ clear, nodeType });
-    const { props } = plateCommon.useMarkToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest });
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest, tooltip: "Link" }, /* @__PURE__ */ React.createElement(Icons.link, null));
   });
   const useMermaidToolbarButtonState = () => {
     const editor = plateCommon.useEditorState();
@@ -14351,7 +14369,7 @@ flowchart TD
   const QuoteToolbarButton = cn$1.withRef(({ clear, ...rest }, ref) => {
     const state = useBlockQuoteToolbarButtonState();
     const { props } = useBlockQuoteToolbarButton(state);
-    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.quote, null));
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, tooltip: "Quote (⌘+⇧+.)", ...rest, ...props }, /* @__PURE__ */ React.createElement(Icons.quote, null));
   });
   const useRawMarkdownToolbarButton = () => {
     const { setRawMode } = useEditorContext();
@@ -14371,7 +14389,7 @@ flowchart TD
       ToolbarButton,
       {
         ref,
-        tooltip: "Link",
+        tooltip: "Raw Markdown",
         ...rest,
         ...props,
         "data-testid": "markdown-button"
@@ -14524,6 +14542,15 @@ flowchart TD
       template.label || template.name
     ))));
   };
+  const MarkToolbarButton = cn$1.withRef(({ clear, nodeType, ...rest }, ref) => {
+    const state = plateCommon.useMarkToolbarButtonState({ clear, nodeType });
+    const { props } = plateCommon.useMarkToolbarButton(state);
+    return /* @__PURE__ */ React.createElement(ToolbarButton, { ref, ...props, ...rest });
+  });
+  const BoldToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: plate.MARK_BOLD }, /* @__PURE__ */ React.createElement(Icons.bold, null));
+  const StrikethroughToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Strikethrough", nodeType: plate.MARK_STRIKETHROUGH }, /* @__PURE__ */ React.createElement(Icons.strikethrough, null));
+  const ItalicToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: plate.MARK_ITALIC }, /* @__PURE__ */ React.createElement(Icons.italic, null));
+  const CodeToolbarButton = () => /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: plate.MARK_CODE }, /* @__PURE__ */ React.createElement(Icons.code, null));
   const toolbarItems = {
     heading: {
       label: HEADING_LABEL,
@@ -14544,37 +14571,37 @@ flowchart TD
     quote: {
       label: "Quote",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(QuoteToolbarButton, { tooltip: "Quote Quote (⌘+⇧+.)" })
+      Component: /* @__PURE__ */ React.createElement(QuoteToolbarButton, null)
     },
     ul: {
       label: "Unordered List",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(IndentListToolbarButton, { nodeType: plate.ELEMENT_UL })
+      Component: /* @__PURE__ */ React.createElement(UnorderedListToolbarButton, null)
     },
     ol: {
       label: "Ordered List",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(IndentListToolbarButton, { nodeType: plate.ELEMENT_OL })
+      Component: /* @__PURE__ */ React.createElement(OrderedListToolbarButton, null)
     },
     bold: {
       label: "Bold",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: plate.MARK_BOLD }, /* @__PURE__ */ React.createElement(Icons.bold, null))
+      Component: /* @__PURE__ */ React.createElement(BoldToolbarButton, null)
     },
     strikethrough: {
       label: "Strikethrough",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Strikethrough ", nodeType: plate.MARK_STRIKETHROUGH }, /* @__PURE__ */ React.createElement(Icons.strikethrough, null))
+      Component: /* @__PURE__ */ React.createElement(StrikethroughToolbarButton, null)
     },
     italic: {
       label: "Italic",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: plate.MARK_ITALIC }, /* @__PURE__ */ React.createElement(Icons.italic, null))
+      Component: /* @__PURE__ */ React.createElement(ItalicToolbarButton, null)
     },
     code: {
       label: "Code",
       width: () => STANDARD_ICON_WIDTH,
-      Component: /* @__PURE__ */ React.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: plate.MARK_CODE }, /* @__PURE__ */ React.createElement(Icons.code, null))
+      Component: /* @__PURE__ */ React.createElement(CodeToolbarButton, null)
     },
     codeBlock: {
       label: "Code Block",

package/dist/index.mjs

@@ -9,8 +9,8 @@ import * as React from "react";
 import React__default, { useState, useCallback, useEffect, useRef, createContext, forwardRef, useContext, useMemo, startTransition } from "react";
 import { createPortal } from "react-dom";
 import { withRef, cn as cn$1, withVariants, withProps, withCn, createPrimitiveElement } from "@udecode/cn";
-import { toggleList, ELEMENT_UL, ELEMENT_OL, ELEMENT_H1 as ELEMENT_H1$1, ELEMENT_H2 as ELEMENT_H2$1, ELEMENT_H3 as ELEMENT_H3$1, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_LI, ELEMENT_LINK, MARK_CODE, MARK_UNDERLINE, MARK_STRIKETHROUGH, MARK_ITALIC, MARK_BOLD, ELEMENT_HR, ELEMENT_TABLE, ELEMENT_TR, ELEMENT_TD, ELEMENT_TH, unwrapList, ELEMENT_TODO_LI, createTrailingBlockPlugin, createAutoformatPlugin, createExitBreakPlugin, KEYS_HEADING, createResetNodePlugin, createHeadingPlugin, createParagraphPlugin, createBlockquotePlugin, createBoldPlugin, createStrikethroughPlugin, createItalicPlugin, createUnderlinePlugin, createCodePlugin, createListPlugin, createIndentListPlugin, createHorizontalRulePlugin, createNodeIdPlugin, createTablePlugin, getListItemEntry, useListToolbarButtonState, useListToolbarButton } from "@udecode/plate";
-import { PlateElement, isCollapsed, findNodePath, getPointAfter, insertNodes, ELEMENT_DEFAULT, focusEditor, getPointBefore, setNodes, isElement, PlateLeaf, createPluginFactory, useComposedRef, useEditorRef, createPointRef, insertText, moveSelection, toggleNodeType, useElement, useRemoveNodeButton, useEditorSelector, isSelectionExpanded, withHOC, normalizeEditor, getBlockAbove, queryNode, getParentNode, isType, someNode, isSelectionAtBlockStart, setElements, insertNode, getPluginType, isBlock, isBlockAboveEmpty, findNode, PlateContent, getNodeEntries, useEditorState, collapseSelection, useMarkToolbarButtonState, useMarkToolbarButton, insertEmptyElement, usePlateSelectors, useEventEditorSelectors, PortalBody, useFormInputProps, createPlugins, Plate } from "@udecode/plate-common";
+import { toggleList, ELEMENT_UL, ELEMENT_OL, ELEMENT_H1 as ELEMENT_H1$1, ELEMENT_H2 as ELEMENT_H2$1, ELEMENT_H3 as ELEMENT_H3$1, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_LI, ELEMENT_LINK, MARK_CODE, MARK_UNDERLINE, MARK_STRIKETHROUGH, MARK_ITALIC, MARK_BOLD, ELEMENT_HR, ELEMENT_TABLE, ELEMENT_TR, ELEMENT_TD, ELEMENT_TH, unwrapList, ELEMENT_TODO_LI, createTrailingBlockPlugin, createAutoformatPlugin, createExitBreakPlugin, KEYS_HEADING, createResetNodePlugin, createBasicMarksPlugin, createHeadingPlugin, createParagraphPlugin, createBlockquotePlugin, createUnderlinePlugin, createListPlugin, createIndentListPlugin, createHorizontalRulePlugin, createNodeIdPlugin, createTablePlugin, getListItemEntry, useListToolbarButtonState, useListToolbarButton } from "@udecode/plate";
+import { PlateElement, isCollapsed, findNodePath, getPointAfter, insertNodes, ELEMENT_DEFAULT, focusEditor, getPointBefore, setNodes, isElement, PlateLeaf, createPluginFactory, useComposedRef, useEditorRef, createPointRef, insertText, moveSelection, toggleNodeType, useElement, useRemoveNodeButton, useEditorSelector, isSelectionExpanded, withHOC, normalizeEditor, getBlockAbove, queryNode, getParentNode, isType, someNode, isSelectionAtBlockStart, setElements, insertNode, getPluginType, isBlock, isBlockAboveEmpty, findNode, PlateContent, getNodeEntries, useEditorState, collapseSelection, insertEmptyElement, useMarkToolbarButtonState, useMarkToolbarButton, usePlateSelectors, useEventEditorSelectors, PortalBody, useFormInputProps, createPlugins, Plate } from "@udecode/plate-common";
 import { ELEMENT_SLASH_INPUT, createSlashPlugin } from "@udecode/plate-slash-command";
 import { useSelected, useReadOnly, ReactEditor } from "slate-react";
 import { useCodeBlockElementState, useCodeSyntaxLeaf, ELEMENT_CODE_BLOCK as ELEMENT_CODE_BLOCK$1 } from "@udecode/plate-code-block";
@@ -9319,9 +9319,7 @@ class TinaMediaStore {
 const encodeUrlIfNeeded = (url) => {
   if (url) {
     try {
-      const parsed = new URL(url);
-      parsed.pathname = parsed.pathname.split("/").filter((part) => part !== "").map(encodeURIComponent).join("/");
-      return parsed.toString();
+      return new URL(url).toString();
     } catch (e) {
       return url;
     }
@@ -10222,7 +10220,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.7.0";
+const version = "2.7.2";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -10858,7 +10856,7 @@ const SidebarHeader = ({
           className: "h-5 w-auto -mx-1 text-blue-500",
           stroke: "currentColor",
           fill: "currentColor",
-          "stroke-width": "0",
+          strokeWidth: "0",
           viewBox: "0 0 24 24",
           xmlns: "http://www.w3.org/2000/svg"
         },
@@ -13575,6 +13573,11 @@ const autoformatMarks = [
     mode: "mark",
     type: MARK_CODE,
     match: "`"
+  },
+  {
+    mode: "mark",
+    type: MARK_STRIKETHROUGH,
+    match: ["~~", "~"]
   }
 ];
 const autoformatRules = [
@@ -13716,17 +13719,14 @@ const plugins$1 = [
   })
 ];
 const plugins = [
+  createBasicMarksPlugin(),
   createHeadingPlugin(),
   createParagraphPlugin(),
   createCodeBlockPlugin(),
   createHTMLBlockPlugin(),
   createHTMLInlinePlugin(),
   createBlockquotePlugin(),
-  createBoldPlugin(),
-  createStrikethroughPlugin(),
-  createItalicPlugin(),
   createUnderlinePlugin(),
-  createCodePlugin(),
   createListPlugin(),
   createIndentListPlugin(),
   createHorizontalRulePlugin(),
@@ -14236,7 +14236,7 @@ const useCodeBlockToolbarButton = (state) => {
 const CodeBlockToolbarButton = withRef(({ clear, ...rest }, ref) => {
   const state = useCodeBlockToolbarButtonState();
   const { props } = useCodeBlockToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.codeBlock, null));
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Code Block", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.codeBlock, null));
 });
 const useImageToolbarButtonState = () => {
   const editor = useEditorState();
@@ -14268,36 +14268,54 @@ const useImageToolbarButton = (state) => {
 const ImageToolbarButton = withRef(({ clear, ...rest }, ref) => {
   const state = useImageToolbarButtonState();
   const { props } = useImageToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.image, null));
-});
-const IndentListToolbarButton = withRef(({ nodeType = ELEMENT_UL }, ref) => {
-  const editor = useEditorState();
-  const state = useListToolbarButtonState({ nodeType });
-  const { props } = useListToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(
-    ToolbarButton,
-    {
-      ref,
-      tooltip: nodeType === ELEMENT_UL ? "Bulleted List" : "Numbered List",
-      ...props,
-      onClick: (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        toggleList(editor, { type: nodeType });
-      }
-    },
-    nodeType === ELEMENT_UL ? /* @__PURE__ */ React__default.createElement(Icons.ul, null) : /* @__PURE__ */ React__default.createElement(Icons.ol, null)
-  );
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Image", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.image, null));
 });
+const UnorderedListToolbarButton = withRef(
+  (props, ref) => {
+    const editor = useEditorState();
+    const state = useListToolbarButtonState({ nodeType: ELEMENT_UL });
+    const { props: buttonProps } = useListToolbarButton(state);
+    return /* @__PURE__ */ React__default.createElement(
+      ToolbarButton,
+      {
+        ref,
+        tooltip: "Bulleted List",
+        ...buttonProps,
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          toggleList(editor, { type: ELEMENT_UL });
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.ul, null)
+    );
+  }
+);
+const OrderedListToolbarButton = withRef(
+  (props, ref) => {
+    const editor = useEditorState();
+    const state = useListToolbarButtonState({ nodeType: ELEMENT_OL });
+    const { props: buttonProps } = useListToolbarButton(state);
+    return /* @__PURE__ */ React__default.createElement(
+      ToolbarButton,
+      {
+        ref,
+        tooltip: "Numbered List",
+        ...buttonProps,
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          toggleList(editor, { type: ELEMENT_OL });
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Icons.ol, null)
+    );
+  }
+);
 const LinkToolbarButton = withRef((rest, ref) => {
   const state = useLinkToolbarButtonState();
   const { props } = useLinkToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...props, ...rest }, /* @__PURE__ */ React__default.createElement(Icons.link, null));
-});
-const MarkToolbarButton = withRef(({ clear, nodeType, ...rest }, ref) => {
-  const state = useMarkToolbarButtonState({ clear, nodeType });
-  const { props } = useMarkToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, ...props, ...rest });
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, ...props, ...rest, tooltip: "Link" }, /* @__PURE__ */ React__default.createElement(Icons.link, null));
 });
 const useMermaidToolbarButtonState = () => {
   const editor = useEditorState();
@@ -14378,7 +14396,7 @@ const useBlockQuoteToolbarButton = (state) => {
 const QuoteToolbarButton = withRef(({ clear, ...rest }, ref) => {
   const state = useBlockQuoteToolbarButtonState();
   const { props } = useBlockQuoteToolbarButton(state);
-  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Link", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.quote, null));
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, tooltip: "Quote (⌘+⇧+.)", ...rest, ...props }, /* @__PURE__ */ React__default.createElement(Icons.quote, null));
 });
 const useRawMarkdownToolbarButton = () => {
   const { setRawMode } = useEditorContext();
@@ -14398,7 +14416,7 @@ const RawMarkdownToolbarButton = withRef(({ clear, ...rest }, ref) => {
     ToolbarButton,
     {
       ref,
-      tooltip: "Link",
+      tooltip: "Raw Markdown",
       ...rest,
       ...props,
       "data-testid": "markdown-button"
@@ -14551,6 +14569,15 @@ const EmbedButton = ({ editor, templates }) => {
     template.label || template.name
   ))));
 };
+const MarkToolbarButton = withRef(({ clear, nodeType, ...rest }, ref) => {
+  const state = useMarkToolbarButtonState({ clear, nodeType });
+  const { props } = useMarkToolbarButton(state);
+  return /* @__PURE__ */ React__default.createElement(ToolbarButton, { ref, ...props, ...rest });
+});
+const BoldToolbarButton = () => /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: MARK_BOLD }, /* @__PURE__ */ React__default.createElement(Icons.bold, null));
+const StrikethroughToolbarButton = () => /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Strikethrough", nodeType: MARK_STRIKETHROUGH }, /* @__PURE__ */ React__default.createElement(Icons.strikethrough, null));
+const ItalicToolbarButton = () => /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: MARK_ITALIC }, /* @__PURE__ */ React__default.createElement(Icons.italic, null));
+const CodeToolbarButton = () => /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: MARK_CODE }, /* @__PURE__ */ React__default.createElement(Icons.code, null));
 const toolbarItems = {
   heading: {
     label: HEADING_LABEL,
@@ -14571,37 +14598,37 @@ const toolbarItems = {
   quote: {
     label: "Quote",
     width: () => STANDARD_ICON_WIDTH,
-    Component: /* @__PURE__ */ React__default.createElement(QuoteToolbarButton, { tooltip: "Quote Quote (⌘+⇧+.)" })
+    Component: /* @__PURE__ */ React__default.createElement(QuoteToolbarButton, null)
   },
   ul: {
     label: "Unordered List",
     width: () => STANDARD_ICON_WIDTH,
-    Component: /* @__PURE__ */ React__default.createElement(IndentListToolbarButton, { nodeType: ELEMENT_UL })
+    Component: /* @__PURE__ */ React__default.createElement(UnorderedListToolbarButton, null)
   },
   ol: {
     label: "Ordered List",
     width: () => STANDARD_ICON_WIDTH,
-    Component: /* @__PURE__ */ React__default.createElement(IndentListToolbarButton, { nodeType: ELEMENT_OL })
+    Component: /* @__PURE__ */ React__default.createElement(OrderedListToolbarButton, null)
   },
   bold: {
     label: "Bold",
     width: () => STANDARD_ICON_WIDTH,
-    Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Bold (⌘+B)", nodeType: MARK_BOLD }, /* @__PURE__ */ React__default.createElement(Icons.bold, null))
+    Component: /* @__PURE__ */ React__default.createElement(BoldToolbarButton, null)
   },
   strikethrough: {
     label: "Strikethrough",
     width: () => STANDARD_ICON_WIDTH,
-    Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Strikethrough ", nodeType: MARK_STRIKETHROUGH }, /* @__PURE__ */ React__default.createElement(Icons.strikethrough, null))
+    Component: /* @__PURE__ */ React__default.createElement(StrikethroughToolbarButton, null)
   },
   italic: {
     label: "Italic",
     width: () => STANDARD_ICON_WIDTH,
-    Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Italic (⌘+I)", nodeType: MARK_ITALIC }, /* @__PURE__ */ React__default.createElement(Icons.italic, null))
+    Component: /* @__PURE__ */ React__default.createElement(ItalicToolbarButton, null)
   },
   code: {
     label: "Code",
     width: () => STANDARD_ICON_WIDTH,
-    Component: /* @__PURE__ */ React__default.createElement(MarkToolbarButton, { tooltip: "Code (⌘+E)", nodeType: MARK_CODE }, /* @__PURE__ */ React__default.createElement(Icons.code, null))
+    Component: /* @__PURE__ */ React__default.createElement(CodeToolbarButton, null)
   },
   codeBlock: {
     label: "Code Block",

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/indent-list-toolbar-button.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-import { type ELEMENT_OL, ELEMENT_UL } from '@udecode/plate';
-export declare const IndentListToolbarButton: React.ForwardRefExoticComponent<{
-    nodeType?: typeof ELEMENT_UL | typeof ELEMENT_OL;
-} & Omit<Omit<{
+export declare const UnorderedListToolbarButton: React.ForwardRefExoticComponent<Omit<Omit<{
     tooltip?: React.ReactNode;
     tooltipContentProps?: Omit<React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>>>, "children">;
     tooltipProps?: Omit<React.ComponentPropsWithoutRef<React.FC<import("@radix-ui/react-tooltip").TooltipProps>>, "children">;
@@ -16,4 +13,19 @@ export declare const IndentListToolbarButton: React.ForwardRefExoticComponent<{
 } & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref">, "value" | "asChild"> & import("class-variance-authority").VariantProps<(props?: {
     size?: "default" | "sm" | "lg";
     variant?: "default" | "outline";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref">, "nodeType"> & React.RefAttributes<HTMLButtonElement>>;
+} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref">, never> & React.RefAttributes<HTMLButtonElement>>;
+export declare const OrderedListToolbarButton: React.ForwardRefExoticComponent<Omit<Omit<{
+    tooltip?: React.ReactNode;
+    tooltipContentProps?: Omit<React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>>>, "children">;
+    tooltipProps?: Omit<React.ComponentPropsWithoutRef<React.FC<import("@radix-ui/react-tooltip").TooltipProps>>, "children">;
+} & Omit<{
+    isDropdown?: boolean;
+    pressed?: boolean;
+    showArrow?: boolean;
+} & Omit<Omit<Omit<import("@radix-ui/react-toolbar").ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "default" | "outline";
+} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref">, "value" | "asChild"> & import("class-variance-authority").VariantProps<(props?: {
+    size?: "default" | "sm" | "lg";
+    variant?: "default" | "outline";
+} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref">, never> & React.RefAttributes<HTMLButtonElement>>;

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/plate-ui/mark-toolbar-button.d.ts

@@ -1,19 +1,5 @@
 import React from 'react';
-export declare const MarkToolbarButton: React.ForwardRefExoticComponent<{
-    clear?: string | string[];
-    nodeType: string;
-} & Omit<Omit<{
-    tooltip?: React.ReactNode;
-    tooltipContentProps?: Omit<React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>>>, "children">;
-    tooltipProps?: Omit<React.ComponentPropsWithoutRef<React.FC<import("@radix-ui/react-tooltip").TooltipProps>>, "children">;
-} & Omit<{
-    isDropdown?: boolean;
-    pressed?: boolean;
-    showArrow?: boolean;
-} & Omit<Omit<Omit<import("@radix-ui/react-toolbar").ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: {
-    size?: "default" | "sm" | "lg";
-    variant?: "default" | "outline";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref">, "value" | "asChild"> & import("class-variance-authority").VariantProps<(props?: {
-    size?: "default" | "sm" | "lg";
-    variant?: "default" | "outline";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref">, "clear" | "nodeType"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const BoldToolbarButton: () => React.JSX.Element;
+export declare const StrikethroughToolbarButton: () => React.JSX.Element;
+export declare const ItalicToolbarButton: () => React.JSX.Element;
+export declare const CodeToolbarButton: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -129,9 +129,9 @@
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "@tinacms/mdx": "1.6.0",
-    "@tinacms/schema-tools": "1.7.1",
-    "@tinacms/search": "1.0.40"
+    "@tinacms/mdx": "1.6.1",
+    "@tinacms/schema-tools": "1.7.2",
+    "@tinacms/search": "1.0.41"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -164,7 +164,7 @@
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vitest": "^2.1.9",
-    "@tinacms/scripts": "1.3.2"
+    "@tinacms/scripts": "1.3.3"
   },
   "peerDependencies": {
     "react": ">=16.14.0",