@underverse-ui/underverse 1.0.148 → 1.0.149

package/api-reference.json

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

package/dist/index.cjs

@@ -36832,14 +36832,6 @@ var MenuBar = ({
     }
     openPreviewDialog();
   };
-  import_react67.default.useEffect(() => {
-    if (!showPreviewDialog) return void 0;
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [showPreviewDialog]);
   const applySourceHtml = () => {
     editor.chain().focus().setContent(sourceHtml).run();
     setShowSourceDialog(false);
@@ -37057,38 +37049,33 @@ var MenuBar = ({
         ] })
       }
     ),
-    showPreviewDialog && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fixed inset-0 z-9999 flex flex-col bg-background text-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex shrink-0 items-center justify-between border-b border-border bg-card px-4 py-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h2", { className: "text-base font-semibold", children: t("menubar.preview") }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-          "button",
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      Modal_default,
+      {
+        isOpen: showPreviewDialog,
+        onClose: () => setShowPreviewDialog(false),
+        title: t("menubar.preview"),
+        size: "full",
+        width: "min(1180px, calc(100vw - 2rem))",
+        height: "min(860px, calc(100vh - 2rem))",
+        className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
+        contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          "div",
           {
-            type: "button",
-            onClick: () => setShowPreviewDialog(false),
-            "aria-label": t("menubar.closeDialog"),
-            className: cn(
-              "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors",
-              "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.X, { className: "h-4 w-4", "aria-hidden": "true" })
+            "data-testid": "preview-content",
+            className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-8",
+            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              "div",
+              {
+                className: UEDITOR_PROSEMIRROR_CLASS_NAME,
+                dangerouslySetInnerHTML: { __html: editor.getHTML() }
+              }
+            )
           }
         )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-        "div",
-        {
-          "data-testid": "preview-content",
-          className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-8",
-          children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-            "div",
-            {
-              className: UEDITOR_PROSEMIRROR_CLASS_NAME,
-              dangerouslySetInnerHTML: { __html: editor.getHTML() }
-            }
-          )
-        }
-      )
-    ] })
+      }
+    )
   ] });
 };