@underverse-ui/underverse 1.0.131 → 1.0.132

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.131",
+  "version": "1.0.132",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -6229,12 +6229,12 @@ var Popover = ({
           top: 0,
           left: 0,
           transform: "translate3d(0, 0, 0)",
-          zIndex: 9999,
+          zIndex: 99999,
           visibility: "hidden",
           pointerEvents: "none",
           willChange: "transform"
         },
-        className: "z-9999",
+        className: "z-[99999]",
         children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "div",
           {
@@ -24659,7 +24659,8 @@ var SlashCommand = import_core.Extension.create({
                 showOnCreate: true,
                 interactive: true,
                 trigger: "manual",
-                placement: "bottom-start"
+                placement: "bottom-start",
+                zIndex: 99999
               });
             },
             onUpdate(props) {
@@ -24954,7 +24955,8 @@ var EmojiSuggestion = import_core3.Extension.create({
                 showOnCreate: true,
                 interactive: true,
                 trigger: "manual",
-                placement: "bottom-start"
+                placement: "bottom-start",
+                zIndex: 99999
               });
             },
             onUpdate(props) {
@@ -27382,7 +27384,15 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-[10px] font-semibold", children: "L" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.RotateCcw, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => deleteSelectedImage(editor), title: t("toolbar.imageDelete"), className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Trash2, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => deleteSelectedImage(editor),
+          title: t("toolbar.imageDelete"),
+          className: "text-destructive hover:text-destructive",
+          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Trash2, { className: "w-4 h-4" })
+        }
+      )
     ] });
   }
   if (showTypographyPanel) {
@@ -27572,7 +27582,15 @@ var BubbleMenuContent = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TextColorIcon, { color: currentTextColor }) }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("cell-bg"), active: Boolean(currentCellBgColor), title: t("tableMenu.cellBackground") || "Cell background", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CellBgColorIcon, { color: currentCellBgColor }) }),
+    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      ToolbarButton,
+      {
+        onClick: () => setActiveColorPalette("cell-bg"),
+        active: Boolean(currentCellBgColor),
+        title: t("tableMenu.cellBackground") || "Cell background",
+        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CellBgColorIcon, { color: currentCellBgColor })
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       ToolbarButton,
       {
@@ -27653,22 +27671,14 @@ var CustomBubbleMenu = ({
       "div",
       {
         ref: menuRef,
-        className: "fixed z-50 flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
+        className: "fixed z-99999 flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-          BubbleMenuContent,
-          {
-            editor,
-            onKeepOpenChange: setKeepOpen,
-            fontSizes,
-            lineHeights
-          }
-        )
+        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(BubbleMenuContent, { editor, onKeepOpenChange: setKeepOpen, fontSizes, lineHeights })
       }
     ),
     document.body
@@ -27708,7 +27718,7 @@ var CustomFloatingMenu = ({ editor }) => {
     /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       "div",
       {
-        className: "fixed z-50 rounded-2xl border border-border/50 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 slide-in-from-bottom-2",
+        className: "fixed z-99999 rounded-2xl border border-border/50 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 slide-in-from-bottom-2",
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,