@daisychainapp/maily-to-core 0.4.2 → 0.4.4

package/dist/extensions/index.cjs

@@ -4396,7 +4396,7 @@ var BaseButton = React4.forwardRef(
       destructive: "mly:bg-red-500 mly:text-gray-50 mly:hover:bg-red-500/90",
       outline: "mly:border mly:border-gray-200 mly:bg-white mly:hover:bg-gray-100 mly:hover:text-gray-900",
       secondary: "mly:bg-gray-100 mly:text-gray-900 mly:hover:bg-gray-100/80",
-      ghost: "mly:hover:bg-soft-gray bg-transparent mly:hover:text-gray-900 mly:data-[state=true]:bg-soft-gray mly:data-[state=true]:text-gray-900",
+      ghost: "mly:hover:bg-soft-gray mly:bg-transparent mly:hover:text-gray-900 mly:data-[state=true]:bg-soft-gray mly:data-[state=true]:text-gray-900",
       link: "mly:text-gray-900 mly:underline-offset-4 mly:hover:underline"
     };
     const sizeClasses = {
@@ -4432,7 +4432,7 @@ var TooltipContent = React5.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)
@@ -4443,16 +4443,18 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/editor/components/bubble-menu-button.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function BubbleMenuButton(item) {
-  var _a;
+  var _a, _b;
   const { tooltip } = item;
+  const isActive = (_b = (_a = item == null ? void 0 : item.isActive) == null ? void 0 : _a.call(item)) != null ? _b : false;
   const content = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     BaseButton,
     __spreadProps(__spreadValues({
       variant: "ghost",
       size: "sm"
     }, item.command ? { onClick: item.command } : {}), {
-      "data-state": (_a = item == null ? void 0 : item.isActive) == null ? void 0 : _a.call(item),
+      "data-state": isActive,
       className: cn(
+        isActive && "menu-active-option",
         "mly:size-7! mly:px-2.5 mly:disabled:cursor-not-allowed",
         item == null ? void 0 : item.className
       ),
@@ -4485,8 +4487,8 @@ function BubbleMenuButton(item) {
         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_runtime7.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+          className: "tooltip-surface",
+          children: tooltip
         }
       )
     ] });
@@ -5231,8 +5233,8 @@ function AlignmentSwitch(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_runtime10.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: "Alignment" })
+          className: "tooltip-surface",
+          children: "Alignment"
         }
       )
     ] }),
@@ -5322,8 +5324,8 @@ function ColorPicker(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_runtime11.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+              className: "tooltip-surface",
+              children: tooltip
             }
           )
         ] }) : popoverButton,
@@ -6953,8 +6955,8 @@ function LinkInputPopover(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_runtime29.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+              className: "tooltip-surface",
+              children: tooltip
             }
           )
         ] }) : popoverButton,
@@ -7093,8 +7095,8 @@ function Select(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_runtime30.jsx)("span", { className: "mly:block mly:rounded-md mly:bg-soft-gray mly:!px-2 mly:!py-1.5", children: tooltip })
+        className: "tooltip-surface",
+        children: tooltip
       }
     )
   ] });