@daisychainapp/maily-to-core 0.4.3 → 0.4.4

package/dist/index.cjs

@@ -3524,7 +3524,7 @@ var BaseButton = React2.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 = {
@@ -3548,16 +3548,18 @@ BaseButton.displayName = "BaseButton";
 // src/editor/components/bubble-menu-button.tsx
 var import_jsx_runtime4 = 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_runtime4.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
       ),