@daisychainapp/maily-to-core 0.1.2 → 0.1.3

package/dist/index.mjs

@@ -4454,7 +4454,20 @@ 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
+          }
+        )
       ] })
     })
   );
@@ -4909,6 +4922,19 @@ function SectionBubbleMenu(props) {
             }
           }
         ),
+        /* @__PURE__ */ jsx42(Divider, {}),
+        /* @__PURE__ */ jsx42(
+          ShowPopover,
+          {
+            showIfKey: state.currentShowIfKey,
+            onShowIfKeyValueChange: (value) => {
+              editor.commands.updateSection({
+                showIfKey: value
+              });
+            },
+            editor
+          }
+        ),
         state.isColumnsActive && /* @__PURE__ */ jsxs22(Fragment6, { children: [
           /* @__PURE__ */ jsx42(Divider, {}),
           /* @__PURE__ */ jsxs22(Popover, { children: [
@@ -4961,7 +4987,7 @@ var useSpacerState = (editor) => {
 
 // src/editor/components/spacer-menu/spacer-bubble-menu.tsx
 import { useMemo as useMemo6 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 function SpacerBubbleMenu(props) {
   const { editor, appendTo } = props;
   if (!editor) {
@@ -4997,15 +5023,28 @@ function SpacerBubbleMenu(props) {
     BubbleMenu5,
     __spreadProps(__spreadValues({}, bubbleMenuProps), {
       className: "mly-flex mly-gap-0.5 mly-rounded-lg mly-border mly-border-slate-200 mly-bg-white mly-p-0.5 mly-shadow-md",
-      children: /* @__PURE__ */ jsx43(TooltipProvider, { children: items.map((item, index) => /* @__PURE__ */ jsx43(
-        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
-      )) })
+      children: /* @__PURE__ */ jsxs23(TooltipProvider, { children: [
+        items.map((item, index) => /* @__PURE__ */ jsx43(
+          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__ */ jsx43(Divider, {}),
+        /* @__PURE__ */ jsx43(
+          ShowPopover,
+          {
+            showIfKey: state.currentShowIfKey,
+            onShowIfKeyValueChange: (value) => {
+              editor.commands.setSpacerShowIfKey(value);
+            },
+            editor
+          }
+        )
+      ] })
     })
   );
 }
@@ -5280,7 +5319,7 @@ var Textarea = React6.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/editor/nodes/link-card.tsx
-import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
 function LinkCardComponent(props) {
   const { title, description, link, linkTitle, image: image2, badgeText, subTitle } = props.node.attrs;
   const { getPos, editor } = props;
@@ -5290,7 +5329,7 @@ function LinkCardComponent(props) {
       className: `react-component ${props.selected && "ProseMirror-selectednode"}`,
       draggable: editor.isEditable,
       "data-drag-handle": editor.isEditable,
-      children: /* @__PURE__ */ jsxs23(Popover, { open: props.selected, children: [
+      children: /* @__PURE__ */ jsxs24(Popover, { open: props.selected, children: [
         /* @__PURE__ */ jsx46(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx46(
           "div",
           {
@@ -5300,7 +5339,7 @@ function LinkCardComponent(props) {
               const pos = getPos();
               editor.commands.setNodeSelection(pos);
             },
-            children: /* @__PURE__ */ jsxs23("div", { className: "mly-no-prose mly-flex mly-flex-col mly-rounded-lg mly-border mly-border-gray-300", children: [
+            children: /* @__PURE__ */ jsxs24("div", { className: "mly-no-prose mly-flex mly-flex-col mly-rounded-lg mly-border mly-border-gray-300", children: [
               image2 && /* @__PURE__ */ jsx46("div", { className: "mly-relative mly-mb-1.5 mly-w-full mly-shrink-0", children: /* @__PURE__ */ jsx46(
                 "img",
                 {
@@ -5310,14 +5349,14 @@ function LinkCardComponent(props) {
                   draggable: editor.isEditable
                 }
               ) }),
-              /* @__PURE__ */ jsx46("div", { className: "mly-flex mly-items-stretch mly-p-3", children: /* @__PURE__ */ jsxs23("div", { className: cn("mly-flex mly-flex-col"), children: [
-                /* @__PURE__ */ jsxs23("div", { className: "!mly-mb-1.5 mly-flex mly-items-center mly-gap-1.5", children: [
+              /* @__PURE__ */ jsx46("div", { className: "mly-flex mly-items-stretch mly-p-3", children: /* @__PURE__ */ jsxs24("div", { className: cn("mly-flex mly-flex-col"), children: [
+                /* @__PURE__ */ jsxs24("div", { className: "!mly-mb-1.5 mly-flex mly-items-center mly-gap-1.5", children: [
                   /* @__PURE__ */ jsx46("h2", { className: "!mly-mb-0 !mly-text-lg mly-font-semibold", children: title }),
                   badgeText && /* @__PURE__ */ jsx46("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__ */ jsx46("span", { className: "!mly-font-base text-xs mly-font-regular mly-rounded-md mly-leading-none mly-text-gray-400", children: subTitle })
                 ] }),
-                /* @__PURE__ */ jsxs23("p", { className: "!mly-my-0 !mly-text-base mly-text-gray-500", children: [
+                /* @__PURE__ */ jsxs24("p", { className: "!mly-my-0 !mly-text-base mly-text-gray-500", children: [
                   description,
                   " ",
                   linkTitle ? /* @__PURE__ */ jsx46("a", { href: link, className: "mly-font-semibold", children: linkTitle }) : null
@@ -5326,7 +5365,7 @@ function LinkCardComponent(props) {
             ] })
           }
         ) }),
-        /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsxs24(
           PopoverContent,
           {
             align: "end",
@@ -5335,7 +5374,7 @@ function LinkCardComponent(props) {
             onOpenAutoFocus: (e) => e.preventDefault(),
             onCloseAutoFocus: (e) => e.preventDefault(),
             children: [
-              /* @__PURE__ */ jsxs23("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs24("label", { className: "mly-w-full mly-space-y-1", children: [
                 /* @__PURE__ */ jsx46("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Image" }),
                 /* @__PURE__ */ jsx46(
                   Input,
@@ -5351,7 +5390,7 @@ function LinkCardComponent(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs23("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs24("label", { className: "mly-w-full mly-space-y-1", children: [
                 /* @__PURE__ */ jsx46("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Title" }),
                 /* @__PURE__ */ jsx46(
                   Input,
@@ -5366,7 +5405,7 @@ function LinkCardComponent(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs23("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs24("label", { className: "mly-w-full mly-space-y-1", children: [
                 /* @__PURE__ */ jsx46("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Description" }),
                 /* @__PURE__ */ jsx46(
                   Textarea,
@@ -5381,8 +5420,8 @@ function LinkCardComponent(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs23("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
-                /* @__PURE__ */ jsxs23("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs24("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
+                /* @__PURE__ */ jsxs24("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx46("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Link Title" }),
                   /* @__PURE__ */ jsx46(
                     Input,
@@ -5397,7 +5436,7 @@ function LinkCardComponent(props) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs23("label", { className: "mly-w-full mly-space-y-1", children: [
+                /* @__PURE__ */ jsxs24("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx46("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Link" }),
                   /* @__PURE__ */ jsx46(
                     Input,
@@ -5413,8 +5452,8 @@ function LinkCardComponent(props) {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs23("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
-                /* @__PURE__ */ jsxs23("label", { className: "mly-w-full mly-space-y-1", children: [
+              /* @__PURE__ */ jsxs24("div", { className: "mly-grid mly-grid-cols-2 mly-gap-2", children: [
+                /* @__PURE__ */ jsxs24("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx46("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Badge Text" }),
                   /* @__PURE__ */ jsx46(
                     Input,
@@ -5429,7 +5468,7 @@ function LinkCardComponent(props) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs23("label", { className: "mly-w-full mly-space-y-1", children: [
+                /* @__PURE__ */ jsxs24("label", { className: "mly-w-full mly-space-y-1", children: [
                   /* @__PURE__ */ jsx46("span", { className: "mly-text-xs mly-font-normal mly-text-slate-400", children: "Sub Title" }),
                   /* @__PURE__ */ jsx46(
                     Input,
@@ -5535,7 +5574,7 @@ import { NodeViewWrapper as NodeViewWrapper5 } from "@tiptap/react";
 import { useMemo as useMemo7 } from "react";
 import { useState as useState10 } from "react";
 import { useRef as useRef9 } from "react";
-import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 function ButtonLabelInput(props) {
   const { value, onValueChange, isVariable, editor } = props;
   const linkInputRef = useRef9(null);
@@ -5557,7 +5596,7 @@ function ButtonLabelInput(props) {
       editor
     }).map((variable) => variable.name);
   }, [variables, value, editor]);
-  return /* @__PURE__ */ jsxs24("div", { className: "mly-isolate mly-flex mly-rounded-lg", children: [
+  return /* @__PURE__ */ jsxs25("div", { className: "mly-isolate mly-flex mly-rounded-lg", children: [
     !isEditing && /* @__PURE__ */ jsx47(
       "button",
       {
@@ -5606,7 +5645,7 @@ function ButtonLabelInput(props) {
 
 // src/editor/nodes/button/button-view.tsx
 import { useMemo as useMemo8 } from "react";
-import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 function ButtonView(props) {
   const { node, editor, getPos, updateAttributes: updateAttributes2 } = props;
   const {
@@ -5658,7 +5697,7 @@ function ButtonView(props) {
       style: {
         textAlign: alignment
       },
-      children: /* @__PURE__ */ jsxs25(Popover, { open: props.selected && editor.isEditable, children: [
+      children: /* @__PURE__ */ jsxs26(Popover, { open: props.selected && editor.isEditable, children: [
         /* @__PURE__ */ jsx48(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx48("div", { children: /* @__PURE__ */ jsx48(
           "button",
           {
@@ -5711,7 +5750,7 @@ function ButtonView(props) {
             sideOffset: 8,
             onOpenAutoFocus: (e) => e.preventDefault(),
             onCloseAutoFocus: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ jsx48(TooltipProvider, { children: /* @__PURE__ */ jsxs25("div", { className: "mly-flex mly-items-stretch mly-text-midnight-gray", children: [
+            children: /* @__PURE__ */ jsx48(TooltipProvider, { children: /* @__PURE__ */ jsxs26("div", { className: "mly-flex mly-items-stretch mly-text-midnight-gray", children: [
               /* @__PURE__ */ jsx48(
                 ButtonLabelInput,
                 {
@@ -5727,7 +5766,7 @@ function ButtonView(props) {
                 }
               ),
               /* @__PURE__ */ jsx48(Divider, {}),
-              /* @__PURE__ */ jsxs25("div", { className: "mly-flex mly-space-x-0.5", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "mly-flex mly-space-x-0.5", children: [
                 /* @__PURE__ */ jsx48(
                   Select,
                   {
@@ -5788,7 +5827,7 @@ function ButtonView(props) {
                 )
               ] }),
               /* @__PURE__ */ jsx48(Divider, {}),
-              /* @__PURE__ */ jsxs25("div", { className: "mly-flex mly-space-x-0.5", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "mly-flex mly-space-x-0.5", children: [
                 /* @__PURE__ */ jsx48(
                   AlignmentSwitch,
                   {
@@ -5817,7 +5856,7 @@ function ButtonView(props) {
                 )
               ] }),
               /* @__PURE__ */ jsx48(Divider, {}),
-              /* @__PURE__ */ jsxs25("div", { className: "mly-flex mly-space-x-0.5", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "mly-flex mly-space-x-0.5", children: [
                 /* @__PURE__ */ jsx48(
                   BackgroundColorPickerPopup,
                   {
@@ -5841,7 +5880,20 @@ function ButtonView(props) {
                     }
                   }
                 )
-              ] })
+              ] }),
+              /* @__PURE__ */ jsx48(Divider, {}),
+              /* @__PURE__ */ jsx48(
+                ShowPopover,
+                {
+                  showIfKey,
+                  onShowIfKeyValueChange: (value) => {
+                    updateAttributes2({
+                      showIfKey: value
+                    });
+                  },
+                  editor
+                }
+              )
             ] }) })
           }
         )
@@ -5890,7 +5942,7 @@ function TextColorPickerPopup(props) {
       size: "sm",
       type: "button",
       className: "mly-size-7",
-      children: /* @__PURE__ */ jsxs25("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
+      children: /* @__PURE__ */ jsxs26("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
         /* @__PURE__ */ jsx48("span", { className: "mly-font-bolder mly-font-mono mly-text-xs mly-text-midnight-gray", children: "A" }),
         /* @__PURE__ */ jsx48(
           "div",
@@ -6418,7 +6470,7 @@ import { createLowlight, common } from "lowlight";
 // src/editor/nodes/html/html-view.tsx
 import { NodeViewContent, NodeViewWrapper as NodeViewWrapper6 } from "@tiptap/react";
 import { useMemo as useMemo9 } from "react";
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 function HTMLCodeBlockView(props) {
   const { node, updateAttributes: updateAttributes2 } = props;
   let { language, activeTab = "code" } = node.attrs;
@@ -6441,7 +6493,7 @@ function HTMLCodeBlockView(props) {
     return body.innerHTML;
   }, [activeTab]);
   const isEmpty = html2 === "";
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     NodeViewWrapper6,
     {
       draggable: false,
@@ -6618,10 +6670,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 jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
 function RepeatView(props) {
   const { editor, getPos } = props;
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     NodeViewWrapper7,
     {
       "data-type": "repeat",
@@ -6630,7 +6682,7 @@ function RepeatView(props) {
       className: "mly-relative",
       children: [
         /* @__PURE__ */ jsx50(NodeViewContent2, { className: "is-editable" }),
-        /* @__PURE__ */ jsxs27(
+        /* @__PURE__ */ jsxs28(
           "div",
           {
             role: "button",
@@ -6878,7 +6930,7 @@ import {
 } from "react";
 import tippy2 from "tippy.js";
 import { ChevronRightIcon } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var CommandList = forwardRef8(function CommandList2(props, ref) {
   const { items: groups, command, editor } = props;
   const [selectedGroupIndex, setSelectedGroupIndex] = useState11(0);
@@ -6965,14 +7017,14 @@ var CommandList = forwardRef8(function CommandList2(props, ref) {
     commandListContainer,
     activeCommandRef
   ]);
-  return groups.length > 0 ? /* @__PURE__ */ jsx51(TooltipProvider, { children: /* @__PURE__ */ jsxs28("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 groups.length > 0 ? /* @__PURE__ */ jsx51(TooltipProvider, { children: /* @__PURE__ */ jsxs29("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__ */ jsx51(
       "div",
       {
         id: "slash-command",
         ref: commandListContainer,
         className: "mly-no-scrollbar mly-h-auto mly-max-h-[330px] mly-overflow-y-auto mly-scroll-smooth",
-        children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs28(Fragment7, { children: [
+        children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs29(Fragment7, { children: [
           /* @__PURE__ */ jsx51(
             "span",
             {
@@ -6989,9 +7041,9 @@ var CommandList = forwardRef8(function CommandList2(props, ref) {
             const isSubCommand = "commands" in item;
             const hasRenderFunction = typeof item.render === "function";
             const renderFunctionValue = hasRenderFunction ? (_a = item.render) == null ? void 0 : _a.call(item, editor) : null;
-            let value = /* @__PURE__ */ jsxs28(Fragment8, { children: [
+            let value = /* @__PURE__ */ jsxs29(Fragment8, { children: [
               /* @__PURE__ */ jsx51("div", { className: "mly-flex mly-h-6 mly-w-6 mly-shrink-0 mly-items-center mly-justify-center", children: item.icon }),
-              /* @__PURE__ */ jsxs28("div", { className: "mly-grow", children: [
+              /* @__PURE__ */ jsxs29("div", { className: "mly-grow", children: [
                 /* @__PURE__ */ jsx51("p", { className: "mly-font-medium", children: item.title }),
                 /* @__PURE__ */ jsx51("p", { className: "mly-text-xs mly-text-gray-400", children: item.description })
               ] }),
@@ -7001,7 +7053,7 @@ var CommandList = forwardRef8(function CommandList2(props, ref) {
               value = renderFunctionValue;
             }
             const shouldOpenTooltip = !!(item == null ? void 0 : item.preview) && isActive;
-            return /* @__PURE__ */ jsxs28(Tooltip, { open: shouldOpenTooltip, children: [
+            return /* @__PURE__ */ jsxs29(Tooltip, { open: shouldOpenTooltip, children: [
               /* @__PURE__ */ jsx51(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx51(
                 "button",
                 {
@@ -7021,7 +7073,7 @@ var CommandList = forwardRef8(function CommandList2(props, ref) {
                   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__ */ jsxs28(Fragment8, { children: [
+                  children: typeof item.preview === "function" ? item == null ? void 0 : item.preview(editor) : /* @__PURE__ */ jsxs29(Fragment8, { children: [
                     /* @__PURE__ */ jsx51("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__ */ jsx51(
                       "img",
                       {
@@ -7039,15 +7091,15 @@ var CommandList = forwardRef8(function CommandList2(props, ref) {
         ] }, groupIndex))
       }
     ),
-    /* @__PURE__ */ jsx51("div", { className: "mly-border-t mly-border-gray-200 mly-px-1 mly-py-3 mly-pl-4", children: /* @__PURE__ */ jsxs28("div", { className: "mly-flex mly-items-center", children: [
-      /* @__PURE__ */ jsxs28("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
+    /* @__PURE__ */ jsx51("div", { className: "mly-border-t mly-border-gray-200 mly-px-1 mly-py-3 mly-pl-4", children: /* @__PURE__ */ jsxs29("div", { className: "mly-flex mly-items-center", children: [
+      /* @__PURE__ */ jsxs29("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
         /* @__PURE__ */ jsx51("kbd", { className: "mly-rounded mly-border mly-border-gray-200 mly-p-1 mly-px-2 mly-font-medium", children: "\u2191" }),
         /* @__PURE__ */ jsx51("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__ */ jsx51("span", { "aria-hidden": "true", className: "mly-select-none mly-px-1", children: "\xB7" }),
-      /* @__PURE__ */ jsxs28("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
+      /* @__PURE__ */ jsxs29("p", { className: "mly-text-center mly-text-xs mly-text-gray-400", children: [
         /* @__PURE__ */ jsx51("kbd", { className: "mly-rounded mly-border mly-border-gray-200 mly-p-1 mly-px-1.5 mly-font-medium", children: "Enter" }),
         " ",
         "to select"
@@ -7559,7 +7611,7 @@ var useTextMenuState = (editor) => {
 };
 
 // src/editor/components/text-menu/text-bubble-content.tsx
-import { Fragment as Fragment9, jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
 function TextBubbleContent(props) {
   var _a, _b, _c, _d;
   const { editor, showListMenu = true } = props;
@@ -7603,7 +7655,7 @@ function TextBubbleContent(props) {
       tooltip: "Code"
     }
   ];
-  return /* @__PURE__ */ jsxs29(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs30(Fragment9, { children: [
     items.map((item, index) => /* @__PURE__ */ jsx53(BubbleMenuButton, __spreadValues({}, item), index)),
     /* @__PURE__ */ jsx53(
       AlignmentSwitch,
@@ -7614,7 +7666,7 @@ function TextBubbleContent(props) {
         }
       }
     ),
-    !state.isListActive && showListMenu && /* @__PURE__ */ jsxs29(Fragment9, { children: [
+    !state.isListActive && showListMenu && /* @__PURE__ */ jsxs30(Fragment9, { children: [
       /* @__PURE__ */ jsx53(
         BubbleMenuButton,
         {
@@ -7670,7 +7722,7 @@ function TextBubbleContent(props) {
             size: "sm",
             type: "button",
             className: "!mly-h-7 mly-w-7 mly-shrink-0 mly-p-0",
-            children: /* @__PURE__ */ jsxs29("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
+            children: /* @__PURE__ */ jsxs30("div", { className: "mly-flex mly-flex-col mly-items-center mly-justify-center mly-gap-[1px]", children: [
               /* @__PURE__ */ jsx53("span", { className: "mly-font-bolder mly-font-mono mly-text-xs mly-text-slate-700", children: "A" }),
               /* @__PURE__ */ jsx53(
                 "div",
@@ -7690,7 +7742,7 @@ function TextBubbleContent(props) {
 // src/editor/components/text-menu/turn-into-block.tsx
 import { ChevronDownIcon as ChevronDownIcon3, PilcrowIcon } from "lucide-react";
 import { useMemo as useMemo10 } from "react";
-import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
 var isOption = (option) => option.type === "option";
 var isCategory = (option) => option.type === "category";
 function TurnIntoBlock(props) {
@@ -7700,9 +7752,9 @@ function TurnIntoBlock(props) {
     [options]
   );
   const { icon: ActiveIcon = PilcrowIcon } = activeItem || {};
-  return /* @__PURE__ */ jsxs30(Popover, { children: [
-    /* @__PURE__ */ jsxs30(Tooltip, { children: [
-      /* @__PURE__ */ jsx54(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(Popover, { children: [
+    /* @__PURE__ */ jsxs31(Tooltip, { children: [
+      /* @__PURE__ */ jsx54(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs31(
         PopoverTrigger,
         {
           className: cn(
@@ -7725,7 +7777,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__ */ jsxs30(
+            return /* @__PURE__ */ jsxs31(
               BaseButton,
               {
                 onClick: option.onClick,
@@ -7760,7 +7812,6 @@ function TurnIntoBlock(props) {
 // src/editor/components/text-menu/use-turn-into-block-options.tsx
 import { useEditorState as useEditorState7 } from "@tiptap/react";
 import {
-  FootprintsIcon as FootprintsIcon3,
   Heading1Icon,
   Heading2Icon,
   Heading3Icon,
@@ -7813,17 +7864,6 @@ function useTurnIntoBlockOptions(editor) {
         label: "Heading 3",
         type: "option"
       },
-      {
-        id: "footer",
-        type: "option",
-        label: "Footer",
-        icon: FootprintsIcon3,
-        onClick: () => {
-          editor2.chain().focus().liftListItem("listItem").setFooter().run();
-        },
-        disabled: () => !editor2.can().setFooter(),
-        isActive: () => editor2.isActive("footer")
-      },
       {
         type: "category",
         label: "Lists",
@@ -7852,7 +7892,7 @@ function useTurnIntoBlockOptions(editor) {
 }
 
 // src/editor/components/text-menu/text-bubble-menu.tsx
-import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
 function TextBubbleMenu(props) {
   const { editor, appendTo } = props;
   if (!editor) {
@@ -7907,7 +7947,7 @@ function TextBubbleMenu(props) {
     BubbleMenu6,
     __spreadProps(__spreadValues({}, bubbleMenuProps), {
       className: "mly-flex mly-gap-0.5 mly-rounded-lg mly-border mly-border-slate-200 mly-bg-white mly-p-0.5 mly-shadow-md",
-      children: /* @__PURE__ */ jsxs31(TooltipProvider, { children: [
+      children: /* @__PURE__ */ jsxs32(TooltipProvider, { children: [
         /* @__PURE__ */ jsx55(TurnIntoBlock, { options: turnIntoBlockOptions }),
         /* @__PURE__ */ jsx55(Divider, { className: "mly-mx-0" }),
         /* @__PURE__ */ jsx55(TextBubbleContent, { editor })
@@ -8029,7 +8069,7 @@ var useHtmlState = (editor) => {
 };
 
 // src/editor/components/html-menu/html-menu.tsx
-import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs33 } from "react/jsx-runtime";
 function HTMLBubbleMenu(props) {
   const { appendTo, editor } = props;
   if (!editor) {
@@ -8063,9 +8103,9 @@ function HTMLBubbleMenu(props) {
     BubbleMenu8,
     __spreadProps(__spreadValues({}, bubbleMenuProps), {
       className: "mly-flex mly-items-stretch mly-rounded-lg mly-border mly-border-slate-200 mly-bg-white mly-p-0.5 mly-shadow-md",
-      children: /* @__PURE__ */ jsxs32(TooltipProvider, { children: [
-        /* @__PURE__ */ jsxs32("div", { className: "flex items-center mly-h-7 mly-rounded-md mly-bg-soft-gray mly-px-0.5", children: [
-          /* @__PURE__ */ jsxs32(Tooltip, { children: [
+      children: /* @__PURE__ */ jsxs33(TooltipProvider, { children: [
+        /* @__PURE__ */ jsxs33("div", { className: "flex items-center mly-h-7 mly-rounded-md mly-bg-soft-gray mly-px-0.5", children: [
+          /* @__PURE__ */ jsxs33(Tooltip, { children: [
             /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(
               "button",
               {
@@ -8085,7 +8125,7 @@ function HTMLBubbleMenu(props) {
             ) }),
             /* @__PURE__ */ jsx57(TooltipContent, { sideOffset: 8, children: "HTML Code" })
           ] }),
-          /* @__PURE__ */ jsxs32(Tooltip, { children: [
+          /* @__PURE__ */ jsxs33(Tooltip, { children: [
             /* @__PURE__ */ jsx57(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx57(
               "button",
               {
@@ -8152,7 +8192,7 @@ var useInlineImageState = (editor) => {
 
 // src/editor/components/inline-image-menu/inline-image-bubble-menu.tsx
 import { ImageDownIcon } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs34 } from "react/jsx-runtime";
 function InlineImageBubbleMenu(props) {
   var _a, _b;
   const { editor, appendTo } = props;
@@ -8180,7 +8220,7 @@ function InlineImageBubbleMenu(props) {
     BubbleMenu9,
     __spreadProps(__spreadValues({}, bubbleMenuProps), {
       className: "mly-flex mly-rounded-lg mly-border mly-border-slate-200 mly-bg-white mly-p-0.5 mly-shadow-md",
-      children: /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs33("div", { className: "mly-flex mly-space-x-0.5", children: [
+      children: /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs34("div", { className: "mly-flex mly-space-x-0.5", children: [
         /* @__PURE__ */ jsx58(
           LinkInputPopover,
           {
@@ -8231,7 +8271,7 @@ function InlineImageBubbleMenu(props) {
 }
 
 // src/editor/index.tsx
-import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs35 } from "react/jsx-runtime";
 function Editor11(props) {
   const {
     config: {
@@ -8311,7 +8351,7 @@ function Editor11(props) {
       variableTriggerCharacter,
       renderVariable,
       placeholderUrl,
-      children: /* @__PURE__ */ jsxs34(
+      children: /* @__PURE__ */ jsxs35(
         "div",
         {
           className: cn(
@@ -8322,7 +8362,7 @@ function Editor11(props) {
           ref: menuContainerRef,
           children: [
             hasMenuBar && /* @__PURE__ */ jsx59(EditorMenuBar, { config: props.config, editor }),
-            /* @__PURE__ */ jsxs34(
+            /* @__PURE__ */ jsxs35(
               "div",
               {
                 className: cn(