@daisychainapp/maily-to-core 0.2.11 → 0.2.12

package/dist/index.mjs

@@ -2092,6 +2092,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
+import { BubbleMenu as BubbleMenu3 } from "@tiptap/react";
+import { LockIcon, LockOpenIcon } from "lucide-react";
+
+// src/editor/components/alignment-switch.tsx
+import { AlignCenter as AlignCenter2, AlignLeft as AlignLeft2, AlignRight as AlignRight2 } from "lucide-react";
+
 // src/editor/nodes/logo/logo.ts
 import TiptapImage from "@tiptap/extension-image";
 import { ReactNodeViewRenderer } from "@tiptap/react";
@@ -2559,24 +2604,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
 import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs9 } from "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;
@@ -2597,7 +2628,7 @@ function ImageView(props) {
       }
       const imageParentWidth = Math.max(
         imageParent.offsetWidth,
-        IMAGE_MAX_WIDTH
+        IMAGE_MAX_WIDTH2
       );
       event.preventDefault();
       const direction = event.currentTarget.dataset.direction || "--";
@@ -3213,37 +3244,7 @@ var LogoExtension = TiptapImage.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
-import { BubbleMenu as BubbleMenu3 } from "@tiptap/react";
-import { ImageDown, LockIcon, LockOpenIcon } from "lucide-react";
-import { sticky as sticky3 } from "tippy.js";
-
 // src/editor/components/alignment-switch.tsx
-import { AlignCenter as AlignCenter2, AlignLeft as AlignLeft2, AlignRight as AlignRight2 } from "lucide-react";
 import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 function AlignmentSwitch(props) {
   const { alignment: rawAlignment, onAlignmentChange } = props;
@@ -4862,9 +4863,10 @@ var useImageState = (editor) => {
 };
 
 // src/editor/components/image-menu/image-bubble-menu.tsx
+import { sticky as sticky3 } from "tippy.js";
 import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
 function ImageBubbleMenu(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c;
   const { editor, appendTo } = props;
   if (!editor) {
     return null;
@@ -4925,33 +4927,10 @@ function ImageBubbleMenu(props) {
               }
             }
           ),
-          /* @__PURE__ */ jsx37(
-            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: ImageDown,
-              editor,
-              isVariable: state.isSrcVariable
-            }
-          ),
           state.isImageActive && /* @__PURE__ */ jsx37(
             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,
@@ -4989,7 +4968,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;
@@ -5009,7 +4988,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;
@@ -5043,20 +5022,7 @@ function ImageBubbleMenu(props) {
               }
             )
           ] })
-        ] }),
-        /* @__PURE__ */ jsx37(Divider, {}),
-        /* @__PURE__ */ jsx37(
-          ShowPopover,
-          {
-            showIfKey: state.currentShowIfKey,
-            onShowIfKeyValueChange: (value) => {
-              editor == null ? void 0 : editor.chain().updateAttributes(state.isLogoActive ? "logo" : "image", {
-                showIfKey: value
-              }).run();
-            },
-            editor
-          }
-        )
+        ] })
       ] })
     })
   );
@@ -5203,10 +5169,9 @@ var useInlineImageState = (editor) => {
 };
 
 // src/editor/components/inline-image-menu/inline-image-bubble-menu.tsx
-import { ImageDownIcon } from "lucide-react";
 import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
 function InlineImageBubbleMenu(props) {
-  var _a, _b;
+  var _a;
   const { editor, appendTo } = props;
   if (!editor) {
     return null;
@@ -5236,23 +5201,7 @@ function InlineImageBubbleMenu(props) {
         /* @__PURE__ */ jsx38(
           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: ImageDownIcon,
-            editor,
-            isVariable: state.isSrcVariable
-          }
-        ),
-        /* @__PURE__ */ jsx38(
-          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,
@@ -5911,19 +5860,6 @@ function SectionBubbleMenu(props) {
             }
           }
         ),
-        /* @__PURE__ */ jsx44(Divider, {}),
-        /* @__PURE__ */ jsx44(
-          ShowPopover,
-          {
-            showIfKey: state.currentShowIfKey,
-            onShowIfKeyValueChange: (value) => {
-              editor.commands.updateSection({
-                showIfKey: value
-              });
-            },
-            editor
-          }
-        ),
         state.isColumnsActive && /* @__PURE__ */ jsxs24(Fragment5, { children: [
           /* @__PURE__ */ jsx44(Divider, {}),
           /* @__PURE__ */ jsxs24(Popover, { children: [
@@ -5976,7 +5912,7 @@ var useSpacerState = (editor) => {
 
 // src/editor/components/spacer-menu/spacer-bubble-menu.tsx
 import { useMemo as useMemo8 } from "react";
-import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function SpacerBubbleMenu(props) {
   const { editor, appendTo } = props;
   if (!editor) {
@@ -6012,28 +5948,15 @@ function SpacerBubbleMenu(props) {
     BubbleMenu7,
     __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__ */ jsxs25(TooltipProvider, { children: [
-        items.map((item, index) => /* @__PURE__ */ jsx45(
-          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__ */ jsx45(Divider, {}),
-        /* @__PURE__ */ jsx45(
-          ShowPopover,
-          {
-            showIfKey: state.currentShowIfKey,
-            onShowIfKeyValueChange: (value) => {
-              editor.commands.setSpacerShowIfKey(value);
-            },
-            editor
-          }
-        )
-      ] })
+      children: /* @__PURE__ */ jsx45(TooltipProvider, { children: items.map((item, index) => /* @__PURE__ */ jsx45(
+        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
+      )) })
     })
   );
 }
@@ -6308,7 +6231,7 @@ var Textarea = React6.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/editor/nodes/link-card.tsx
-import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
 function LinkCardComponent(props) {
   const { title, description, link, linkTitle, image: image2, badgeText, subTitle } = props.node.attrs;
   const { getPos, editor } = props;
@@ -6318,7 +6241,7 @@ function LinkCardComponent(props) {
       className: `react-component ${props.selected && "ProseMirror-selectednode"}`,
       draggable: editor.isEditable,
       "data-drag-handle": editor.isEditable,
-      children: /* @__PURE__ */ jsxs26(Popover, { open: props.selected, children: [
+      children: /* @__PURE__ */ jsxs25(Popover, { open: props.selected, children: [
         /* @__PURE__ */ jsx48(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx48(
           "div",
           {
@@ -6328,7 +6251,7 @@ function LinkCardComponent(props) {
               const pos = getPos();
               editor.commands.setNodeSelection(pos);
             },
-            children: /* @__PURE__ */ jsxs26("div", { className: "mly-no-prose mly-flex mly-flex-col mly-rounded-lg mly-border mly-border-gray-300", children: [
+            children: /* @__PURE__ */ jsxs25("div", { className: "mly-no-prose mly-flex mly-flex-col mly-rounded-lg mly-border mly-border-gray-300", children: [
               image2 && /* @__PURE__ */ jsx48("div", { className: "mly-relative mly-mb-1.5 mly-w-full mly-shrink-0", children: /* @__PURE__ */ jsx48(
                 "img",
                 {
@@ -6338,14 +6261,14 @@ function LinkCardComponent(props) {
                   draggable: editor.isEditable
                 }
               ) }),
-              /* @__PURE__ */ jsx48("div", { className: "mly-flex mly-items-stretch mly-p-3", children: /* @__PURE__ */ jsxs26("div", { className: cn("mly-flex mly-flex-col"), children: [
-                /* @__PURE__ */ jsxs26("div", { className: "!mly-mb-1.5 mly-flex mly-items-center mly-gap-1.5", children: [
+              /* @__PURE__ */ jsx48("div", { className: "mly-flex mly-items-stretch mly-p-3", children: /* @__PURE__ */ jsxs25("div", { className: cn("mly-flex mly-flex-col"), children: [
+                /* @__PURE__ */ jsxs25("div", { className: "!mly-mb-1.5 mly-flex mly-items-center mly-gap-1.5", children: [
                   /* @__PURE__ */ jsx48("h2", { className: "!mly-mb-0 !mly-text-lg mly-font-semibold", children: title }),
                   badgeText && /* @__PURE__ */ jsx48("span", { className: "!mly-font-base text-xs mly-rounded-md mly-bg-yellow-200 mly-px-2 mly-py-1 mly-font-semibold mly-leading-none", children: badgeText }),
                   " ",
                   subTitle && !badgeText && /* @__PURE__ */ jsx48("span", { className: "!mly-font-base text-xs mly-font-regular mly-rounded-md mly-leading-none mly-text-gray-400", children: subTitle })
                 ] }),
-                /* @__PURE__ */ jsxs26("p", { className: "!mly-my-0 !mly-text-base mly-text-gray-500", children: [
+                /* @__PURE__ */ jsxs25("p", { className: "!mly-my-0 !mly-text-base mly-text-gray-500", children: [
                   description,
                   " ",
                   linkTitle ? /* @__PURE__ */ jsx48("a", { href: link, className: "mly-font-semibold", children: linkTitle }) : null
@@ -6354,7 +6277,7 @@ function LinkCardComponent(props) {
             ] })
           }
         ) }),
-        /* @__PURE__ */ jsxs26(
+        /* @__PURE__ */ jsxs25(
           PopoverContent,
           {
             align: "end",
@@ -6363,7 +6286,7 @@ function LinkCardComponent(props) {
             onOpenAutoFocus: (e) => e.preventDefault(),
             onCloseAutoFocus: (e) => e.preventDefault(),
             children: [
-              /* @__PURE__ */ jsxs26("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs25("label", { className: "mly-w-full mly-space-y-1", children: [
                 /* @__PURE__ */ jsx48("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Image" }),
                 /* @__PURE__ */ jsx48(
                   Input,
@@ -6379,7 +6302,7 @@ function LinkCardComponent(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs26("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs25("label", { className: "mly-w-full mly-space-y-1", children: [
                 /* @__PURE__ */ jsx48("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Title" }),
                 /* @__PURE__ */ jsx48(
                   Input,
@@ -6394,7 +6317,7 @@ function LinkCardComponent(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs26("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs25("label", { className: "mly-w-full mly-space-y-1", children: [
                 /* @__PURE__ */ jsx48("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Description" }),
                 /* @__PURE__ */ jsx48(
                   Textarea,
@@ -6409,8 +6332,8 @@ function LinkCardComponent(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs26("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
-                /* @__PURE__ */ jsxs26("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs25("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
+                /* @__PURE__ */ jsxs25("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx48("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Link Title" }),
                   /* @__PURE__ */ jsx48(
                     Input,
@@ -6425,7 +6348,7 @@ function LinkCardComponent(props) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs26("label", { className: "mly-w-full mly-space-y-1", children: [
+                /* @__PURE__ */ jsxs25("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx48("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Link" }),
                   /* @__PURE__ */ jsx48(
                     Input,
@@ -6441,8 +6364,8 @@ function LinkCardComponent(props) {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs26("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
-                /* @__PURE__ */ jsxs26("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs25("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
+                /* @__PURE__ */ jsxs25("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx48("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Badge Text" }),
                   /* @__PURE__ */ jsx48(
                     Input,
@@ -6457,7 +6380,7 @@ function LinkCardComponent(props) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs26("label", { className: "mly-w-full mly-space-y-1", children: [
+                /* @__PURE__ */ jsxs25("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx48("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Sub Title" }),
                   /* @__PURE__ */ jsx48(
                     Input,
@@ -6562,7 +6485,7 @@ import { useMemo as useMemo10 } from "react";
 
 // src/editor/nodes/button/button-label-input.tsx
 import { useMemo as useMemo9, useRef as useRef9, useState as useState9 } from "react";
-import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
 function ButtonLabelInput(props) {
   var _a, _b;
   const { value, onValueChange, isVariable, editor } = props;
@@ -6584,7 +6507,7 @@ function ButtonLabelInput(props) {
       editor
     }).map((variable) => variable.name);
   }, [variables, value, editor]);
-  return /* @__PURE__ */ jsxs27("div", { className: "mly-isolate mly-flex mly-rounded-lg", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: "mly-isolate mly-flex mly-rounded-lg", children: [
     !isEditing && /* @__PURE__ */ jsx49(
       "button",
       {
@@ -6633,7 +6556,7 @@ function ButtonLabelInput(props) {
 }
 
 // src/editor/nodes/button/button-view.tsx
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
 function ButtonView(props) {
   const { node, editor, getPos, updateAttributes: updateAttributes2 } = props;
   const {
@@ -6686,7 +6609,7 @@ function ButtonView(props) {
       style: {
         textAlign: alignment
       },
-      children: /* @__PURE__ */ jsxs28(Popover, { open: props.selected && editor.isEditable, children: [
+      children: /* @__PURE__ */ jsxs27(Popover, { open: props.selected && editor.isEditable, children: [
         /* @__PURE__ */ jsx50(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx50("div", { children: /* @__PURE__ */ jsx50(
           "button",
           {
@@ -6739,7 +6662,7 @@ function ButtonView(props) {
             sideOffset: 8,
             onOpenAutoFocus: (e) => e.preventDefault(),
             onCloseAutoFocus: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ jsx50(TooltipProvider, { children: /* @__PURE__ */ jsxs28("div", { className: "mly-flex mly-items-stretch mly-text-midnight-gray", children: [
+            children: /* @__PURE__ */ jsx50(TooltipProvider, { children: /* @__PURE__ */ jsxs27("div", { className: "mly-flex mly-items-stretch mly-text-midnight-gray", children: [
               /* @__PURE__ */ jsx50(
                 ButtonLabelInput,
                 {
@@ -6755,7 +6678,7 @@ function ButtonView(props) {
                 }
               ),
               /* @__PURE__ */ jsx50(Divider, {}),
-              /* @__PURE__ */ jsxs28("div", { className: "mly-flex mly-space-x-0.5", children: [
+              /* @__PURE__ */ jsxs27("div", { className: "mly-flex mly-space-x-0.5", children: [
                 /* @__PURE__ */ jsx50(
                   Select,
                   {
@@ -6816,7 +6739,7 @@ function ButtonView(props) {
                 )
               ] }),
               /* @__PURE__ */ jsx50(Divider, {}),
-              /* @__PURE__ */ jsxs28("div", { className: "mly-flex mly-space-x-0.5", children: [
+              /* @__PURE__ */ jsxs27("div", { className: "mly-flex mly-space-x-0.5", children: [
                 /* @__PURE__ */ jsx50(
                   AlignmentSwitch,
                   {
@@ -6845,7 +6768,7 @@ function ButtonView(props) {
                 )
               ] }),
               /* @__PURE__ */ jsx50(Divider, {}),
-              /* @__PURE__ */ jsxs28("div", { className: "mly-flex mly-space-x-0.5", children: [
+              /* @__PURE__ */ jsxs27("div", { className: "mly-flex mly-space-x-0.5", children: [
                 /* @__PURE__ */ jsx50(
                   BackgroundColorPickerPopup,
                   {
@@ -6869,20 +6792,7 @@ function ButtonView(props) {
                     }
                   }
                 )
-              ] }),
-              /* @__PURE__ */ jsx50(Divider, {}),
-              /* @__PURE__ */ jsx50(
-                ShowPopover,
-                {
-                  showIfKey,
-                  onShowIfKeyValueChange: (value) => {
-                    updateAttributes2({
-                      showIfKey: value
-                    });
-                  },
-                  editor
-                }
-              )
+              ] })
             ] }) })
           }
         )
@@ -6931,7 +6841,7 @@ function TextColorPickerPopup(props) {
       size: "sm",
       type: "button",
       className: "mly-size-7",
-      children: /* @__PURE__ */ jsxs28("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
+      children: /* @__PURE__ */ jsxs27("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
         /* @__PURE__ */ jsx50("span", { className: "mly-font-bolder mly-font-mono mly-text-xs mly-text-midnight-gray", children: "A" }),
         /* @__PURE__ */ jsx50(
           "div",
@@ -7337,7 +7247,7 @@ import { createLowlight, common } from "lowlight";
 // src/editor/nodes/html/html-view.tsx
 import { NodeViewContent, NodeViewWrapper as NodeViewWrapper6 } from "@tiptap/react";
 import { useMemo as useMemo11 } from "react";
-import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
 function HTMLCodeBlockView(props) {
   const { node, updateAttributes: updateAttributes2 } = props;
   let { language, activeTab = "code" } = node.attrs;
@@ -7362,7 +7272,7 @@ function HTMLCodeBlockView(props) {
     return `<style>${combinedStyle}</style>${body.innerHTML}`;
   }, [activeTab]);
   const isEmpty = html2 === "";
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     NodeViewWrapper6,
     {
       draggable: false,
@@ -7556,10 +7466,10 @@ import { ReactNodeViewRenderer as ReactNodeViewRenderer6 } from "@tiptap/react";
 // src/editor/nodes/repeat/repeat-view.tsx
 import { NodeViewWrapper as NodeViewWrapper7, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
 import { Repeat2 as Repeat22 } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
 function RepeatView(props) {
   const { editor, getPos } = props;
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs29(
     NodeViewWrapper7,
     {
       "data-type": "repeat",
@@ -7568,7 +7478,7 @@ function RepeatView(props) {
       className: "mly-relative",
       children: [
         /* @__PURE__ */ jsx52(NodeViewContent2, { className: "is-editable" }),
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs29(
           "div",
           {
             role: "button",
@@ -7837,7 +7747,7 @@ import tippy2 from "tippy.js";
 // src/editor/extensions/slash-command/slash-command-item.tsx
 import { ChevronRightIcon } from "lucide-react";
 import { useCallback as useCallback10, useState as useState10, useRef as useRef10, useEffect as useEffect7 } from "react";
-import { Fragment as Fragment6, jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
 function SlashCommandItem(props) {
   var _a;
   const {
@@ -7860,9 +7770,9 @@ function SlashCommandItem(props) {
   const shouldOpenTooltip = !!(item == null ? void 0 : item.preview) && (isHovered || isActive && !hoveredItemKey);
   const hasRenderFunction = typeof item.render === "function";
   const renderFunctionValue = hasRenderFunction ? (_a = item.render) == null ? void 0 : _a.call(item, editor) : null;
-  let value = /* @__PURE__ */ jsxs31(Fragment6, { children: [
+  let value = /* @__PURE__ */ jsxs30(Fragment6, { children: [
     /* @__PURE__ */ jsx53("div", { className: "mly-flex mly-h-6 mly-w-6 mly-shrink-0 mly-items-center mly-justify-center", children: item.icon }),
-    /* @__PURE__ */ jsxs31("div", { className: "mly-grow", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "mly-grow", children: [
       /* @__PURE__ */ jsx53("p", { className: "mly-font-medium", children: item.title }),
       /* @__PURE__ */ jsx53("p", { className: "mly-text-xs mly-text-gray-400", children: item.description })
     ] }),
@@ -7897,7 +7807,7 @@ function SlashCommandItem(props) {
       }
     };
   }, []);
-  return /* @__PURE__ */ jsxs31(Tooltip, { open, children: [
+  return /* @__PURE__ */ jsxs30(Tooltip, { open, children: [
     /* @__PURE__ */ jsx53(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx53(
       "button",
       {
@@ -7919,7 +7829,7 @@ function SlashCommandItem(props) {
         side: "right",
         sideOffset: 10,
         className: "mly-w-52 mly-rounded-lg mly-border-none mly-p-1 mly-shadow",
-        children: typeof item.preview === "function" ? item == null ? void 0 : item.preview(editor) : /* @__PURE__ */ jsxs31(Fragment6, { children: [
+        children: typeof item.preview === "function" ? item == null ? void 0 : item.preview(editor) : /* @__PURE__ */ jsxs30(Fragment6, { children: [
           /* @__PURE__ */ jsx53("figure", { className: "mly-relative mly-aspect-[2.5] mly-w-full mly-overflow-hidden mly-rounded-md mly-border mly-border-gray-200", children: /* @__PURE__ */ jsx53(
             "img",
             {
@@ -8017,7 +7927,7 @@ function processCommand(options) {
 }
 
 // src/editor/extensions/slash-command/slash-command-view.tsx
-import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
 var CommandList = forwardRef8((props, ref) => {
   const { items: groups, command, editor, range, query } = props;
   const [selectedGroupIndex, setSelectedGroupIndex] = useState11(0);
@@ -8155,14 +8065,14 @@ var CommandList = forwardRef8((props, ref) => {
   if (!groups || groups.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx54(TooltipProvider, { children: /* @__PURE__ */ jsxs32("div", { className: "mly-z-50 mly-w-72 mly-overflow-hidden mly-rounded-md mly-border mly-border-gray-200 mly-bg-white mly-shadow-md mly-transition-all", children: [
+  return /* @__PURE__ */ jsx54(TooltipProvider, { children: /* @__PURE__ */ jsxs31("div", { className: "mly-z-50 mly-w-72 mly-overflow-hidden mly-rounded-md mly-border mly-border-gray-200 mly-bg-white mly-shadow-md mly-transition-all", children: [
     /* @__PURE__ */ jsx54(
       "div",
       {
         id: "slash-command",
         ref: commandListContainer,
         className: "mly-no-scrollbar mly-h-auto mly-max-h-[330px] mly-overflow-y-auto",
-        children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs32(Fragment7, { children: [
+        children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs31(Fragment7, { children: [
           /* @__PURE__ */ jsx54(
             "span",
             {
@@ -8195,15 +8105,15 @@ var CommandList = forwardRef8((props, ref) => {
         ] }, groupIndex))
       }
     ),
-    /* @__PURE__ */ jsx54("div", { className: "mly-border-t mly-border-gray-200 mly-px-1 mly-py-3 mly-pl-4", children: /* @__PURE__ */ jsxs32("div", { className: "mly-flex mly-items-center", children: [
-      /* @__PURE__ */ jsxs32("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
+    /* @__PURE__ */ jsx54("div", { className: "mly-border-t mly-border-gray-200 mly-px-1 mly-py-3 mly-pl-4", children: /* @__PURE__ */ jsxs31("div", { className: "mly-flex mly-items-center", children: [
+      /* @__PURE__ */ jsxs31("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
         /* @__PURE__ */ jsx54("kbd", { className: "mly-rounded mly-border mly-border-gray-200 mly-p-1 mly-px-2 mly-font-medium", children: "\u2191" }),
         /* @__PURE__ */ jsx54("kbd", { className: "mly-ml-1 mly-rounded mly-border mly-border-gray-200 mly-p-1 mly-px-2 mly-font-medium", children: "\u2193" }),
         " ",
         "to navigate"
       ] }),
       /* @__PURE__ */ jsx54("span", { "aria-hidden": "true", className: "mly-select-none mly-px-1", children: "\xB7" }),
-      /* @__PURE__ */ jsxs32("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
+      /* @__PURE__ */ jsxs31("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
         /* @__PURE__ */ jsx54("kbd", { className: "mly-rounded mly-border mly-border-gray-200 mly-p-1 mly-px-1.5 mly-font-medium", children: "Enter" }),
         " ",
         "to select"
@@ -8535,7 +8445,7 @@ var useTextMenuState = (editor) => {
 };
 
 // src/editor/components/text-menu/text-bubble-content.tsx
-import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
 function TextBubbleContent(props) {
   var _a, _b, _c, _d;
   const { editor, showListMenu = true } = props;
@@ -8579,7 +8489,7 @@ function TextBubbleContent(props) {
       tooltip: "Code"
     }
   ];
-  return /* @__PURE__ */ jsxs33(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment8, { children: [
     items.map((item, index) => /* @__PURE__ */ jsx56(BubbleMenuButton, __spreadValues({}, item), index)),
     /* @__PURE__ */ jsx56(
       AlignmentSwitch,
@@ -8590,7 +8500,7 @@ function TextBubbleContent(props) {
         }
       }
     ),
-    !state.isListActive && showListMenu && /* @__PURE__ */ jsxs33(Fragment8, { children: [
+    !state.isListActive && showListMenu && /* @__PURE__ */ jsxs32(Fragment8, { children: [
       /* @__PURE__ */ jsx56(
         BubbleMenuButton,
         {
@@ -8645,7 +8555,7 @@ function TextBubbleContent(props) {
             size: "sm",
             type: "button",
             className: "!mly-h-7 mly-w-7 mly-shrink-0 mly-p-0",
-            children: /* @__PURE__ */ jsxs33("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
+            children: /* @__PURE__ */ jsxs32("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
               /* @__PURE__ */ jsx56("span", { className: "mly-font-bolder mly-font-mono mly-text-xs mly-text-slate-700", children: "A" }),
               /* @__PURE__ */ jsx56(
                 "div",
@@ -8665,7 +8575,7 @@ function TextBubbleContent(props) {
 // src/editor/components/text-menu/turn-into-block.tsx
 import { ChevronDownIcon as ChevronDownIcon2, PilcrowIcon } from "lucide-react";
 import { useMemo as useMemo12 } from "react";
-import { jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 var isOption = (option) => option.type === "option";
 var isCategory = (option) => option.type === "category";
 function TurnIntoBlock(props) {
@@ -8675,9 +8585,9 @@ function TurnIntoBlock(props) {
     [options]
   );
   const { icon: ActiveIcon = PilcrowIcon } = activeItem || {};
-  return /* @__PURE__ */ jsxs34(Popover, { children: [
-    /* @__PURE__ */ jsxs34(Tooltip, { children: [
-      /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs33(Popover, { children: [
+    /* @__PURE__ */ jsxs33(Tooltip, { children: [
+      /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs33(
         PopoverTrigger,
         {
           className: cn(
@@ -8700,7 +8610,7 @@ function TurnIntoBlock(props) {
         className: "mly-flex mly-w-[160px] mly-flex-col mly-rounded-md mly-p-1",
         children: options.map((option, index) => {
           if (isOption(option)) {
-            return /* @__PURE__ */ jsxs34(
+            return /* @__PURE__ */ jsxs33(
               BaseButton,
               {
                 onClick: option.onClick,
@@ -8815,7 +8725,7 @@ function useTurnIntoBlockOptions(editor) {
 }
 
 // src/editor/components/text-menu/text-bubble-menu.tsx
-import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 function TextBubbleMenu(props) {
   const { editor, appendTo } = props;
   if (!editor) {
@@ -8870,7 +8780,7 @@ function TextBubbleMenu(props) {
     BubbleMenu8,
     __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__ */ jsxs35(TooltipProvider, { children: [
+      children: /* @__PURE__ */ jsxs34(TooltipProvider, { children: [
         /* @__PURE__ */ jsx58(TurnIntoBlock, { options: turnIntoBlockOptions }),
         /* @__PURE__ */ jsx58(Divider, { className: "mly-mx-0" }),
         /* @__PURE__ */ jsx58(TextBubbleContent, { editor })
@@ -8995,7 +8905,7 @@ function replaceDeprecatedNode(json) {
 }
 
 // src/editor/index.tsx
-import { jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
 function Editor13(props) {
   const {
     config: {
@@ -9064,7 +8974,7 @@ function Editor13(props) {
   if (!editor) {
     return null;
   }
-  return /* @__PURE__ */ jsx60(MailyProvider, { placeholderUrl, children: /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsx60(MailyProvider, { placeholderUrl, children: /* @__PURE__ */ jsxs35(
     "div",
     {
       className: cn(
@@ -9075,7 +8985,7 @@ function Editor13(props) {
       ref: menuContainerRef,
       children: [
         hasMenuBar && /* @__PURE__ */ jsx60(EditorMenuBar, { config: props.config, editor }),
-        /* @__PURE__ */ jsxs36(
+        /* @__PURE__ */ jsxs35(
           "div",
           {
             className: cn(