@daisychainapp/maily-to-core 0.2.10 → 0.2.12

package/dist/index.cjs

@@ -2102,6 +2102,51 @@ function HTMLBubbleMenu(props) {
   );
 }
 
+// src/editor/utils/aspect-ratio.ts
+function getAspectRatio(width, height) {
+  return width / height;
+}
+function getNewHeight(width, aspectRatio) {
+  if (width <= 0 || aspectRatio <= 0) {
+    return 0;
+  }
+  return width / aspectRatio;
+}
+function getNewWidth(height, aspectRatio) {
+  return height * aspectRatio;
+}
+
+// src/editor/utils/border-radius.ts
+var borderRadius = [
+  {
+    name: "Sharp",
+    value: 0
+  },
+  {
+    name: "Smooth",
+    value: 8
+  },
+  {
+    name: "Smoother",
+    value: 16
+  },
+  {
+    name: "Rounded",
+    value: 24
+  },
+  {
+    name: "Circle",
+    value: 9999
+  }
+];
+
+// src/editor/components/image-menu/image-bubble-menu.tsx
+var import_react32 = require("@tiptap/react");
+var import_lucide_react23 = require("lucide-react");
+
+// src/editor/components/alignment-switch.tsx
+var import_lucide_react11 = require("lucide-react");
+
 // src/editor/nodes/logo/logo.ts
 var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
 var import_react23 = require("@tiptap/react");
@@ -2564,24 +2609,10 @@ var useEvent = (handler) => {
   }, []);
 };
 
-// src/editor/utils/aspect-ratio.ts
-function getAspectRatio(width, height) {
-  return width / height;
-}
-function getNewHeight(width, aspectRatio) {
-  if (width <= 0 || aspectRatio <= 0) {
-    return 0;
-  }
-  return width / aspectRatio;
-}
-function getNewWidth(height, aspectRatio) {
-  return height * aspectRatio;
-}
-
 // src/editor/nodes/image/image-view.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var MIN_WIDTH = 20;
-var IMAGE_MAX_WIDTH = 600;
+var IMAGE_MAX_WIDTH2 = 600;
 var IMAGE_MAX_HEIGHT = 400;
 function ImageView(props) {
   const { node, updateAttributes: updateAttributes2, selected, editor } = props;
@@ -2602,7 +2633,7 @@ function ImageView(props) {
       }
       const imageParentWidth = Math.max(
         imageParent.offsetWidth,
-        IMAGE_MAX_WIDTH
+        IMAGE_MAX_WIDTH2
       );
       event.preventDefault();
       const direction = event.currentTarget.dataset.direction || "--";
@@ -3218,37 +3249,7 @@ var LogoExtension = import_extension_image.default.extend({
   }
 });
 
-// src/editor/utils/border-radius.ts
-var borderRadius = [
-  {
-    name: "Sharp",
-    value: 0
-  },
-  {
-    name: "Smooth",
-    value: 8
-  },
-  {
-    name: "Smoother",
-    value: 16
-  },
-  {
-    name: "Rounded",
-    value: 24
-  },
-  {
-    name: "Circle",
-    value: 9999
-  }
-];
-
-// src/editor/components/image-menu/image-bubble-menu.tsx
-var import_react32 = require("@tiptap/react");
-var import_lucide_react23 = require("lucide-react");
-var import_tippy4 = require("tippy.js");
-
 // src/editor/components/alignment-switch.tsx
-var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function AlignmentSwitch(props) {
   const { alignment: rawAlignment, onAlignmentChange } = props;
@@ -4837,9 +4838,10 @@ var useImageState = (editor) => {
 };
 
 // src/editor/components/image-menu/image-bubble-menu.tsx
+var import_tippy4 = require("tippy.js");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function ImageBubbleMenu(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const { editor, appendTo } = props;
   if (!editor) {
     return null;
@@ -4900,33 +4902,10 @@ function ImageBubbleMenu(props) {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-            LinkInputPopover,
-            {
-              defaultValue: (_a = state == null ? void 0 : state.imageSrc) != null ? _a : "",
-              onValueChange: (value, isVariable) => {
-                if (state.isLogoActive) {
-                  editor == null ? void 0 : editor.chain().setLogoAttributes({
-                    src: value,
-                    isSrcVariable: isVariable != null ? isVariable : false
-                  }).run();
-                } else {
-                  editor == null ? void 0 : editor.chain().updateAttributes("image", {
-                    src: value,
-                    isSrcVariable: isVariable != null ? isVariable : false
-                  }).run();
-                }
-              },
-              tooltip: "Source URL",
-              icon: import_lucide_react23.ImageDown,
-              editor,
-              isVariable: state.isSrcVariable
-            }
-          ),
           state.isImageActive && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             LinkInputPopover,
             {
-              defaultValue: (_b = state == null ? void 0 : state.imageExternalLink) != null ? _b : "",
+              defaultValue: (_a = state == null ? void 0 : state.imageExternalLink) != null ? _a : "",
               onValueChange: (value, isVariable) => {
                 editor == null ? void 0 : editor.chain().updateAttributes("image", {
                   externalLink: value,
@@ -4964,7 +4943,7 @@ function ImageBubbleMenu(props) {
               ImageSize,
               {
                 dimension: "width",
-                value: (_c = state == null ? void 0 : state.width) != null ? _c : "",
+                value: (_b = state == null ? void 0 : state.width) != null ? _b : "",
                 onValueChange: (value) => {
                   const width = Math.min(Number(value) || 0, IMAGE_MAX_WIDTH);
                   const currentHeight = Number(state.height) || 0;
@@ -4984,7 +4963,7 @@ function ImageBubbleMenu(props) {
               ImageSize,
               {
                 dimension: "height",
-                value: (_d = state == null ? void 0 : state.height) != null ? _d : "",
+                value: (_c = state == null ? void 0 : state.height) != null ? _c : "",
                 onValueChange: (value) => {
                   const height = Number(value) || 0;
                   const currentHeight = Number(state.height) || 0;
@@ -5018,20 +4997,7 @@ function ImageBubbleMenu(props) {
               }
             )
           ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          ShowPopover,
-          {
-            showIfKey: state.currentShowIfKey,
-            onShowIfKeyValueChange: (value) => {
-              editor == null ? void 0 : editor.chain().updateAttributes(state.isLogoActive ? "logo" : "image", {
-                showIfKey: value
-              }).run();
-            },
-            editor
-          }
-        )
+        ] })
       ] })
     })
   );
@@ -5178,10 +5144,9 @@ var useInlineImageState = (editor) => {
 };
 
 // src/editor/components/inline-image-menu/inline-image-bubble-menu.tsx
-var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function InlineImageBubbleMenu(props) {
-  var _a, _b;
+  var _a;
   const { editor, appendTo } = props;
   if (!editor) {
     return null;
@@ -5211,23 +5176,7 @@ function InlineImageBubbleMenu(props) {
         /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           LinkInputPopover,
           {
-            defaultValue: (_a = state == null ? void 0 : state.src) != null ? _a : "",
-            onValueChange: (value, isVariable) => {
-              editor == null ? void 0 : editor.chain().updateAttributes("inlineImage", {
-                src: value,
-                isSrcVariable: isVariable != null ? isVariable : false
-              }).run();
-            },
-            tooltip: "Source URL",
-            icon: import_lucide_react24.ImageDownIcon,
-            editor,
-            isVariable: state.isSrcVariable
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-          LinkInputPopover,
-          {
-            defaultValue: (_b = state == null ? void 0 : state.imageExternalLink) != null ? _b : "",
+            defaultValue: (_a = state == null ? void 0 : state.imageExternalLink) != null ? _a : "",
             onValueChange: (value, isVariable) => {
               editor == null ? void 0 : editor.chain().updateAttributes("inlineImage", {
                 externalLink: value,
@@ -5259,7 +5208,7 @@ function InlineImageBubbleMenu(props) {
 
 // src/editor/components/repeat-menu/repeat-bubble-menu.tsx
 var import_react36 = require("@tiptap/react");
-var import_lucide_react25 = require("lucide-react");
+var import_lucide_react24 = require("lucide-react");
 var import_react37 = require("react");
 var import_tippy6 = require("tippy.js");
 
@@ -5344,7 +5293,7 @@ function RepeatBubbleMenu(props) {
           "Repeat",
           /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Tooltip, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_lucide_react25.InfoIcon,
+              import_lucide_react24.InfoIcon,
               {
                 className: cn("mly-size-3 mly-stroke-[2.5] mly-text-gray-500")
               }
@@ -5439,7 +5388,7 @@ function RepeatBubbleMenu(props) {
 
 // src/editor/components/section-menu/section-bubble-menu.tsx
 var import_react39 = require("@tiptap/react");
-var import_lucide_react26 = require("lucide-react");
+var import_lucide_react25 = require("lucide-react");
 var import_react40 = require("react");
 var import_tippy7 = require("tippy.js");
 
@@ -5879,32 +5828,19 @@ function SectionBubbleMenu(props) {
         /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           BubbleMenuButton,
           {
-            icon: import_lucide_react26.Trash,
+            icon: import_lucide_react25.Trash,
             tooltip: "Delete Section",
             command: () => {
               deleteNode(editor, "section");
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-          ShowPopover,
-          {
-            showIfKey: state.currentShowIfKey,
-            onShowIfKeyValueChange: (value) => {
-              editor.commands.updateSection({
-                showIfKey: value
-              });
-            },
-            editor
-          }
-        ),
         state.isColumnsActive && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Divider, {}),
           /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Popover, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(PopoverTrigger, { className: "mly-flex mly-items-center mly-gap-1 mly-rounded-md mly-px-1.5 mly-text-sm data-[state=open]:mly-bg-soft-gray hover:mly-bg-soft-gray", children: [
               "Column",
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react26.ChevronUp, { className: "mly-h-3 mly-w-3" })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.ChevronUp, { className: "mly-h-3 mly-w-3" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
               PopoverContent,
@@ -5987,28 +5923,15 @@ function SpacerBubbleMenu(props) {
     import_react42.BubbleMenu,
     __spreadProps(__spreadValues({}, bubbleMenuProps), {
       className: "mly-flex mly-gap-0.5 mly-rounded-lg mly-border mly-border-gray-200 mly-bg-white mly-p-0.5 mly-shadow-md",
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(TooltipProvider, { children: [
-        items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          BubbleMenuButton,
-          __spreadValues({
-            className: "!mly-h-7 mly-w-7 mly-shrink-0 mly-p-0",
-            iconClassName: "mly-w-3 mly-h-3",
-            nameClassName: "mly-text-xs"
-          }, item),
-          index
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-          ShowPopover,
-          {
-            showIfKey: state.currentShowIfKey,
-            onShowIfKeyValueChange: (value) => {
-              editor.commands.setSpacerShowIfKey(value);
-            },
-            editor
-          }
-        )
-      ] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipProvider, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        BubbleMenuButton,
+        __spreadValues({
+          className: "!mly-h-7 mly-w-7 mly-shrink-0 mly-p-0",
+          iconClassName: "mly-w-3 mly-h-3",
+          nameClassName: "mly-text-xs"
+        }, item),
+        index
+      )) })
     })
   );
 }
@@ -6844,20 +6767,7 @@ function ButtonView(props) {
                     }
                   }
                 )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Divider, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-                ShowPopover,
-                {
-                  showIfKey,
-                  onShowIfKeyValueChange: (value) => {
-                    updateAttributes2({
-                      showIfKey: value
-                    });
-                  },
-                  editor
-                }
-              )
+              ] })
             ] }) })
           }
         )
@@ -7528,7 +7438,7 @@ var import_react54 = require("@tiptap/react");
 
 // src/editor/nodes/repeat/repeat-view.tsx
 var import_react53 = require("@tiptap/react");
-var import_lucide_react27 = require("lucide-react");
+var import_lucide_react26 = require("lucide-react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function RepeatView(props) {
   const { editor, getPos } = props;
@@ -7552,7 +7462,7 @@ function RepeatView(props) {
               editor.commands.setNodeSelection(getPos());
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react27.Repeat2, { className: "mly-size-3 mly-stroke-[2.5] mly-text-midnight-gray" }),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react26.Repeat2, { className: "mly-size-3 mly-stroke-[2.5] mly-text-midnight-gray" }),
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mly-w-[1.5px] mly-grow mly-rounded-full mly-bg-rose-300" })
             ]
           }
@@ -7799,7 +7709,7 @@ var import_react57 = require("react");
 var import_tippy8 = __toESM(require("tippy.js"), 1);
 
 // src/editor/extensions/slash-command/slash-command-item.tsx
-var import_lucide_react28 = require("lucide-react");
+var import_lucide_react27 = require("lucide-react");
 var import_react55 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function SlashCommandItem(props) {
@@ -7830,7 +7740,7 @@ function SlashCommandItem(props) {
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mly-font-medium", children: item.title }),
       /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mly-text-xs mly-text-gray-400", children: item.description })
     ] }),
-    isSubCommand2 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "mly-block mly-px-1 mly-text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react28.ChevronRightIcon, { className: "mly-size-3.5 mly-stroke-[2.5]" }) })
+    isSubCommand2 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "mly-block mly-px-1 mly-text-gray-400", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react27.ChevronRightIcon, { className: "mly-size-3.5 mly-stroke-[2.5]" }) })
   ] });
   if (renderFunctionValue !== null && renderFunctionValue !== true) {
     value = renderFunctionValue;
@@ -8462,7 +8372,7 @@ var isCustomNodeSelected = (editor, node) => {
 var import_react64 = require("@tiptap/react");
 
 // src/editor/components/text-menu/text-bubble-content.tsx
-var import_lucide_react29 = require("lucide-react");
+var import_lucide_react28 = require("lucide-react");
 
 // src/editor/components/text-menu/use-text-menu-state.tsx
 var import_react61 = require("@tiptap/react");
@@ -8503,35 +8413,35 @@ function TextBubbleContent(props) {
       name: "bold",
       isActive: () => editor == null ? void 0 : editor.isActive("bold"),
       command: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run(),
-      icon: import_lucide_react29.BoldIcon,
+      icon: import_lucide_react28.BoldIcon,
       tooltip: "Bold"
     },
     {
       name: "italic",
       isActive: () => editor == null ? void 0 : editor.isActive("italic"),
       command: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run(),
-      icon: import_lucide_react29.ItalicIcon,
+      icon: import_lucide_react28.ItalicIcon,
       tooltip: "Italic"
     },
     {
       name: "underline",
       isActive: () => editor == null ? void 0 : editor.isActive("underline"),
       command: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run(),
-      icon: import_lucide_react29.UnderlineIcon,
+      icon: import_lucide_react28.UnderlineIcon,
       tooltip: "Underline"
     },
     {
       name: "strike",
       isActive: () => editor == null ? void 0 : editor.isActive("strike"),
       command: () => editor == null ? void 0 : editor.chain().focus().toggleStrike().run(),
-      icon: import_lucide_react29.StrikethroughIcon,
+      icon: import_lucide_react28.StrikethroughIcon,
       tooltip: "Strikethrough"
     },
     {
       name: "code",
       isActive: () => editor == null ? void 0 : editor.isActive("code"),
       command: () => editor == null ? void 0 : editor.chain().focus().toggleCode().run(),
-      icon: import_lucide_react29.CodeIcon,
+      icon: import_lucide_react28.CodeIcon,
       tooltip: "Code"
     }
   ];
@@ -8550,7 +8460,7 @@ function TextBubbleContent(props) {
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         BubbleMenuButton,
         {
-          icon: import_lucide_react29.List,
+          icon: import_lucide_react28.List,
           command: () => {
             editor.chain().focus().toggleBulletList().run();
           },
@@ -8560,7 +8470,7 @@ function TextBubbleContent(props) {
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         BubbleMenuButton,
         {
-          icon: import_lucide_react29.ListOrdered,
+          icon: import_lucide_react28.ListOrdered,
           command: () => {
             editor.chain().focus().toggleOrderedList().run();
           },
@@ -8619,7 +8529,7 @@ function TextBubbleContent(props) {
 }
 
 // src/editor/components/text-menu/turn-into-block.tsx
-var import_lucide_react30 = require("lucide-react");
+var import_lucide_react29 = require("lucide-react");
 var import_react62 = require("react");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var isOption = (option) => option.type === "option";
@@ -8630,7 +8540,7 @@ function TurnIntoBlock(props) {
     () => options.find((option) => option.type === "option" && option.isActive()),
     [options]
   );
-  const { icon: ActiveIcon = import_lucide_react30.PilcrowIcon } = activeItem || {};
+  const { icon: ActiveIcon = import_lucide_react29.PilcrowIcon } = activeItem || {};
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Popover, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Tooltip, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
@@ -8641,7 +8551,7 @@ function TurnIntoBlock(props) {
           ),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ActiveIcon, { className: "mly-h-3 mly-w-3 mly-shrink-0 mly-stroke-[2.5]" }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react30.ChevronDownIcon, { className: "mly-h-3 mly-w-3 mly-shrink-0 mly-stroke-[2.5]" })
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react29.ChevronDownIcon, { className: "mly-h-3 mly-w-3 mly-shrink-0 mly-stroke-[2.5]" })
           ]
         }
       ) }),
@@ -8690,7 +8600,7 @@ function TurnIntoBlock(props) {
 
 // src/editor/components/text-menu/use-turn-into-block-options.tsx
 var import_react63 = require("@tiptap/react");
-var import_lucide_react31 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 function useTurnIntoBlockOptions(editor) {
   return (0, import_react63.useEditorState)({
     editor,
@@ -8701,7 +8611,7 @@ function useTurnIntoBlockOptions(editor) {
         id: "hierarchy"
       },
       {
-        icon: import_lucide_react31.PilcrowIcon,
+        icon: import_lucide_react30.PilcrowIcon,
         onClick: () => editor2.chain().focus().liftListItem("listItem").setParagraph().run(),
         id: "paragraph",
         disabled: () => !editor2.can().setParagraph(),
@@ -8710,7 +8620,7 @@ function useTurnIntoBlockOptions(editor) {
         type: "option"
       },
       {
-        icon: import_lucide_react31.Heading1Icon,
+        icon: import_lucide_react30.Heading1Icon,
         onClick: () => editor2.chain().focus().liftListItem("listItem").setHeading({ level: 1 }).run(),
         id: "heading1",
         disabled: () => !editor2.can().setHeading({ level: 1 }),
@@ -8719,7 +8629,7 @@ function useTurnIntoBlockOptions(editor) {
         type: "option"
       },
       {
-        icon: import_lucide_react31.Heading2Icon,
+        icon: import_lucide_react30.Heading2Icon,
         onClick: () => editor2.chain().focus().liftListItem("listItem").setHeading({ level: 2 }).run(),
         id: "heading2",
         disabled: () => !editor2.can().setHeading({ level: 2 }),
@@ -8728,7 +8638,7 @@ function useTurnIntoBlockOptions(editor) {
         type: "option"
       },
       {
-        icon: import_lucide_react31.Heading3Icon,
+        icon: import_lucide_react30.Heading3Icon,
         onClick: () => editor2.chain().focus().liftListItem("listItem").setHeading({ level: 3 }).run(),
         id: "heading3",
         disabled: () => !editor2.can().setHeading({ level: 3 }),
@@ -8742,7 +8652,7 @@ function useTurnIntoBlockOptions(editor) {
         id: "lists"
       },
       {
-        icon: import_lucide_react31.ListIcon,
+        icon: import_lucide_react30.ListIcon,
         onClick: () => editor2.chain().focus().toggleBulletList().run(),
         id: "bulletList",
         disabled: () => !editor2.can().toggleBulletList(),
@@ -8751,7 +8661,7 @@ function useTurnIntoBlockOptions(editor) {
         type: "option"
       },
       {
-        icon: import_lucide_react31.ListOrderedIcon,
+        icon: import_lucide_react30.ListOrderedIcon,
         onClick: () => editor2.chain().focus().toggleOrderedList().run(),
         id: "orderedList",
         disabled: () => !editor2.can().toggleOrderedList(),