@daisychainapp/maily-to-core 0.4.1 → 0.4.3

package/dist/index.cjs

@@ -3489,7 +3489,7 @@ var TooltipContent = React.forwardRef((_a, ref) => {
       ref,
       sideOffset,
       className: cn(
-        "mly:z-50 mly:overflow-hidden mly:rounded-md mly:border mly:border-gray-200 mly:bg-white mly:px-2 mly:py-1 mly:text-xs mly:animate-in mly:fade-in-0 mly:zoom-in-95",
+        "tooltip-surface mly:z-50 mly:overflow-hidden mly:rounded-md mly:border mly:border-gray-200 mly:bg-white mly:px-2 mly:py-1 mly:text-xs mly:animate-in mly:fade-in-0 mly:zoom-in-95",
         className
       )
     }, props)
@@ -3586,7 +3586,14 @@ function BubbleMenuButton(item) {
   if (tooltip) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Tooltip, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipTrigger, { asChild: true, children: content }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        TooltipContent,
+        {
+          sideOffset: 8,
+          className: "tooltip-surface",
+          children: tooltip
+        }
+      )
     ] });
   }
   return content;
@@ -3860,7 +3867,14 @@ function _ShowPopover(props) {
               children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Eye, { className: "mly:h-3 mly:w-3 mly:stroke-[2.5]" })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { sideOffset: 8, children: "Show block conditionally" })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            TooltipContent,
+            {
+              sideOffset: 8,
+              className: "tooltip-surface",
+              children: "Show block conditionally"
+            }
+          )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           PopoverContent,
@@ -3889,7 +3903,7 @@ function _ShowPopover(props) {
                     TooltipContent,
                     {
                       sideOffset: 14,
-                      className: "mly:max-w-[285px]",
+                      className: "tooltip-surface mly:max-w-[285px]",
                       align: "start",
                       children: "Show the block if the selected variable is true."
                     }
@@ -4114,7 +4128,14 @@ function Select(props) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Tooltip, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipTrigger, { asChild: true, children: content }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      TooltipContent,
+      {
+        sideOffset: 8,
+        className: "tooltip-surface",
+        children: tooltip
+      }
+    )
   ] });
 }
 
@@ -4814,8 +4835,8 @@ function ContentMenu(props) {
             TooltipContent,
             {
               sideOffset: 8,
-              className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: "Add new node" })
+              className: "tooltip-surface",
+              children: "Add new node"
             }
           )
         ] }),
@@ -4841,8 +4862,8 @@ function ContentMenu(props) {
                 TooltipContent,
                 {
                   sideOffset: 8,
-                  className: "mly:border-gray-300 mly:bg-transparent mly:p-0 mly:text-gray-700 mly:shadow-sm",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: "Node actions" })
+                  className: "tooltip-surface",
+                  children: "Node actions"
                 }
               )
             ] }),
@@ -6206,7 +6227,14 @@ function AlignmentSwitch(props) {
           children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(activeAlignment.icon, { className: "mly:h-3 mly:w-3 mly:stroke-[2.5]" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { sideOffset: 8, children: "Alignment" })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        TooltipContent,
+        {
+          sideOffset: 8,
+          className: "tooltip-surface",
+          children: "Alignment"
+        }
+      )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       PopoverContent,
@@ -7640,7 +7668,14 @@ function LinkInputPopover(props) {
       children: [
         tooltip ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipTrigger, { asChild: true, children: popoverButton }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            TooltipContent,
+            {
+              sideOffset: 8,
+              className: "tooltip-surface",
+              children: tooltip
+            }
+          )
         ] }) : popoverButton,
         /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           PopoverContent,
@@ -8274,7 +8309,7 @@ function RepeatBubbleMenu(props) {
               TooltipContent,
               {
                 sideOffset: 14,
-                className: "mly:max-w-[260px]",
+                className: "tooltip-surface mly:max-w-[260px]",
                 align: "start",
                 children: "Ensure the selected variable is iterable, such as an array of objects."
               }
@@ -8494,7 +8529,14 @@ function ColorPicker(props) {
       children: [
         tooltip ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { asChild: true, children: popoverButton }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipContent, { sideOffset: 8, children: tooltip })
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            TooltipContent,
+            {
+              sideOffset: 8,
+              className: "tooltip-surface",
+              children: tooltip
+            }
+          )
         ] }) : popoverButton,
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           PopoverContent,
@@ -11398,7 +11440,14 @@ function TurnIntoBlock(props) {
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TooltipContent, { sideOffset: 8, children: "Turn into" })
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        TooltipContent,
+        {
+          sideOffset: 8,
+          className: "tooltip-surface",
+          children: "Turn into"
+        }
+      )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       PopoverContent,