npm - @lumir-company/editor - Versions diffs - 0.4.5 → 0.4.7 - Mend

@lumir-company/editor 0.4.5 → 0.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.js CHANGED Viewed

@@ -40,8 +40,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 // src/components/LumirEditor.tsx
-var import_react16 = require("react");
-var import_react17 = require("@blocknote/react");
+var import_react18 = require("react");
+var import_react19 = require("@blocknote/react");
 var import_mantine = require("@blocknote/mantine");
 var import_core2 = require("@blocknote/core");
@@ -244,7 +244,7 @@ var createS3Uploader = (config) => {
 };
 // src/blocks/HtmlPreview.tsx
-var import_react3 = require("@blocknote/react");
+var import_react5 = require("@blocknote/react");
 var import_core = require("@blocknote/core");
 // src/blocks/LinkPreview.tsx
@@ -950,9 +950,264 @@ var LinkPreviewBlock = (0, import_react.createReactBlockSpec)(
   }
 );
-// src/blocks/HtmlPreview.tsx
+// src/blocks/VideoBlock.tsx
+var import_react3 = require("@blocknote/react");
 var import_react4 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var MIN_VIDEO_WIDTH = 200;
+var MAX_VIDEO_WIDTH = 1200;
+var MIN_VIDEO_HEIGHT = 120;
+var MAX_VIDEO_HEIGHT = 600;
+var DEFAULT_VIDEO_WIDTH = 640;
+var DEFAULT_VIDEO_HEIGHT = 360;
+var VideoBlockCard = ({
+  url,
+  editable,
+  width,
+  onWidthChange,
+  height,
+  onHeightChange,
+  onContextMenuBlock
+}) => {
+  const [resizeParams, setResizeParams] = (0, import_react4.useState)(
+    void 0
+  );
+  const [localWidth, setLocalWidth] = (0, import_react4.useState)(width);
+  const [localHeight, setLocalHeight] = (0, import_react4.useState)(height);
+  const wrapperRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(() => {
+    setLocalWidth(width);
+  }, [width]);
+  (0, import_react4.useEffect)(() => {
+    setLocalHeight(height);
+  }, [height]);
+  (0, import_react4.useEffect)(() => {
+    if (!resizeParams) return;
+    const onMouseMove = (e) => {
+      if (resizeParams.handleUsed === "bottom") {
+        const delta = e.clientY - resizeParams.initialClientY;
+        setLocalHeight(
+          Math.min(
+            Math.max(resizeParams.initialHeight + delta, MIN_VIDEO_HEIGHT),
+            MAX_VIDEO_HEIGHT
+          )
+        );
+      } else {
+        const delta = resizeParams.handleUsed === "left" ? resizeParams.initialClientX - e.clientX : e.clientX - resizeParams.initialClientX;
+        setLocalWidth(
+          Math.min(
+            Math.max(resizeParams.initialWidth + delta, MIN_VIDEO_WIDTH),
+            wrapperRef.current?.parentElement?.clientWidth || MAX_VIDEO_WIDTH
+          )
+        );
+      }
+    };
+    const onMouseUp = () => {
+      const handle = resizeParams.handleUsed;
+      setResizeParams(void 0);
+      if (handle === "bottom") {
+        if (localHeight != null && onHeightChange) onHeightChange(localHeight);
+      } else {
+        if (localWidth != null && onWidthChange) onWidthChange(localWidth);
+      }
+    };
+    window.addEventListener("mousemove", onMouseMove);
+    window.addEventListener("mouseup", onMouseUp);
+    return () => {
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", onMouseUp);
+    };
+  }, [resizeParams, localWidth, localHeight, onWidthChange, onHeightChange]);
+  const handleLeftDown = (0, import_react4.useCallback)(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setResizeParams({
+        handleUsed: "left",
+        initialWidth: wrapperRef.current?.clientWidth ?? DEFAULT_VIDEO_WIDTH,
+        initialHeight: localHeight ?? DEFAULT_VIDEO_HEIGHT,
+        initialClientX: e.clientX,
+        initialClientY: e.clientY
+      });
+    },
+    [localHeight]
+  );
+  const handleRightDown = (0, import_react4.useCallback)(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setResizeParams({
+        handleUsed: "right",
+        initialWidth: wrapperRef.current?.clientWidth ?? DEFAULT_VIDEO_WIDTH,
+        initialHeight: localHeight ?? DEFAULT_VIDEO_HEIGHT,
+        initialClientX: e.clientX,
+        initialClientY: e.clientY
+      });
+    },
+    [localHeight]
+  );
+  const handleBottomDown = (0, import_react4.useCallback)(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setResizeParams({
+        handleUsed: "bottom",
+        initialWidth: wrapperRef.current?.clientWidth ?? DEFAULT_VIDEO_WIDTH,
+        initialHeight: localHeight ?? DEFAULT_VIDEO_HEIGHT,
+        initialClientX: e.clientX,
+        initialClientY: e.clientY
+      });
+    },
+    [localHeight]
+  );
+  const resizeCursor = resizeParams ? resizeParams.handleUsed === "bottom" ? "ns-resize" : "ew-resize" : "default";
+  const [hovered, setHovered] = (0, import_react4.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      ref: wrapperRef,
+      className: "lumir-video-block-wrapper",
+      onContextMenu: onContextMenuBlock,
+      style: {
+        position: "relative",
+        width: localWidth != null ? `${localWidth}px` : void 0,
+        maxWidth: "100%",
+        cursor: resizeCursor,
+        transition: resizeParams ? "none" : "box-shadow 0.2s"
+      },
+      onMouseEnter: () => {
+        if (!resizeParams) setHovered(true);
+      },
+      onMouseLeave: () => {
+        if (!resizeParams) setHovered(false);
+      },
+      children: [
+        editable && (hovered || resizeParams) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "div",
+            {
+              className: "lumir-resize-handle",
+              style: { left: "4px" },
+              onMouseDown: handleLeftDown
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "div",
+            {
+              className: "lumir-resize-handle",
+              style: { right: "4px" },
+              onMouseDown: handleRightDown
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            style: {
+              width: "100%",
+              height: `${localHeight ?? DEFAULT_VIDEO_HEIGHT}px`,
+              overflow: "hidden",
+              backgroundColor: "#000",
+              borderRadius: "6px"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "video",
+                {
+                  src: url,
+                  controls: true,
+                  controlsList: "nodownload",
+                  playsInline: true,
+                  style: {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "contain",
+                    display: "block"
+                  },
+                  onContextMenu: (e) => e.preventDefault()
+                }
+              ),
+              editable && (hovered || resizeParams) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "div",
+                {
+                  className: "lumir-resize-handle-bottom",
+                  onMouseDown: handleBottomDown
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var VideoBlock = (0, import_react3.createReactBlockSpec)(
+  {
+    type: "video",
+    propSchema: {
+      url: { default: "" },
+      previewWidth: { default: 640 },
+      previewHeight: { default: 360 }
+    },
+    content: "none"
+  },
+  {
+    render: (props) => {
+      const url = props.block.props.url ?? "";
+      const editable = props.editor.isEditable;
+      const handleContextMenu = (0, import_react4.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      }, []);
+      if (!url) {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            className: "lumir-video-block-placeholder",
+            onContextMenu: handleContextMenu,
+            style: {
+              width: "100%",
+              maxWidth: `${DEFAULT_VIDEO_WIDTH}px`,
+              height: `${DEFAULT_VIDEO_HEIGHT}px`,
+              backgroundColor: "#1a1a1a",
+              borderRadius: "6px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: "rgba(255,255,255,0.5)",
+              fontSize: "14px"
+            },
+            children: "\uBE44\uB514\uC624 URL \uC5C6\uC74C"
+          }
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        VideoBlockCard,
+        {
+          url,
+          editable,
+          width: props.block.props.previewWidth,
+          onWidthChange: (newWidth) => {
+            props.editor.updateBlock(props.block, {
+              props: { previewWidth: newWidth }
+            });
+          },
+          height: props.block.props.previewHeight,
+          onHeightChange: (newHeight) => {
+            props.editor.updateBlock(props.block, {
+              props: { previewHeight: newHeight }
+            });
+          },
+          onContextMenuBlock: handleContextMenu
+        }
+      );
+    }
+  }
+);
+// src/blocks/HtmlPreview.tsx
+var import_react6 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var MIN_HEIGHT = 100;
 var MAX_HEIGHT = 1200;
 var ensureCharset = (html) => {
@@ -990,7 +1245,7 @@ var createSecureBlobUrl = (htmlContent) => {
   });
   return URL.createObjectURL(blob);
 };
-var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
+var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
   {
     type: "htmlPreview",
     propSchema: {
@@ -1008,15 +1263,15 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
   },
   {
     render: (props) => {
-      const [isExpanded, setIsExpanded] = (0, import_react4.useState)(true);
-      const [isResizing, setIsResizing] = (0, import_react4.useState)(false);
-      const [blobUrl, setBlobUrl] = (0, import_react4.useState)("");
-      const containerRef = (0, import_react4.useRef)(null);
+      const [isExpanded, setIsExpanded] = (0, import_react6.useState)(true);
+      const [isResizing, setIsResizing] = (0, import_react6.useState)(false);
+      const [blobUrl, setBlobUrl] = (0, import_react6.useState)("");
+      const containerRef = (0, import_react6.useRef)(null);
       const htmlContent = props.block.props.htmlContent || "";
       const fileName = props.block.props.fileName || "HTML Document";
       const savedHeight = props.block.props.height || "400px";
       const currentHeight = parseInt(savedHeight, 10) || 400;
-      (0, import_react4.useEffect)(() => {
+      (0, import_react6.useEffect)(() => {
         if (htmlContent) {
           const url = createSecureBlobUrl(htmlContent);
           setBlobUrl(url);
@@ -1025,7 +1280,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
           };
         }
       }, [htmlContent]);
-      const handleResizeStart = (0, import_react4.useCallback)(
+      const handleResizeStart = (0, import_react6.useCallback)(
         (e) => {
           e.preventDefault();
           e.stopPropagation();
@@ -1052,7 +1307,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
         },
         [currentHeight, props.editor, props.block]
       );
-      const handleExport = (0, import_react4.useCallback)(
+      const handleExport = (0, import_react6.useCallback)(
         (e) => {
           e.stopPropagation();
           const safeFileName = sanitizeFileName(fileName);
@@ -1073,7 +1328,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
         },
         [htmlContent, fileName]
       );
-      const handleOpenNewWindow = (0, import_react4.useCallback)(
+      const handleOpenNewWindow = (0, import_react6.useCallback)(
         (e) => {
           e.stopPropagation();
           if (typeof window === "undefined") return;
@@ -1087,7 +1342,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
         },
         [htmlContent]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
           ref: containerRef,
@@ -1103,7 +1358,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
             boxShadow: "none"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 style: {
@@ -1115,7 +1370,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                   borderBottom: isExpanded ? "1px solid #e0e0e0" : "none"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                     "div",
                     {
                       style: {
@@ -1127,7 +1382,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                       },
                       onClick: () => setIsExpanded(!isExpanded),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "svg",
                           {
                             width: "16",
@@ -1142,15 +1397,15 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                               transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
                               transition: "transform 0.2s"
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "6 9 12 15 18 9" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "6 9 12 15 18 9" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { fontWeight: 500, fontSize: "14px" }, children: fileName })
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontWeight: 500, fontSize: "14px" }, children: fileName })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                       "button",
                       {
                         onClick: handleOpenNewWindow,
@@ -1173,7 +1428,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                         onMouseLeave: (e) => {
                           e.currentTarget.style.backgroundColor = "transparent";
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "svg",
                           {
                             width: "16",
@@ -1185,15 +1440,15 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                             ]
                           }
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                       "button",
                       {
                         onClick: handleExport,
@@ -1216,7 +1471,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                         onMouseLeave: (e) => {
                           e.currentTarget.style.backgroundColor = "transparent";
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "svg",
                           {
                             width: "16",
@@ -1228,9 +1483,9 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "7 10 12 15 17 10" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
                             ]
                           }
                         )
@@ -1240,7 +1495,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                 ]
               }
             ),
-            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 style: {
@@ -1249,7 +1504,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                   position: "relative"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "iframe",
                     {
                       src: blobUrl || "about:blank",
@@ -1266,7 +1521,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                       loading: "lazy"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "div",
                     {
                       onMouseDown: handleResizeStart,
@@ -1291,7 +1546,7 @@ var HtmlPreviewBlock = (0, import_react3.createReactBlockSpec)(
                           e.currentTarget.style.backgroundColor = "transparent";
                         }
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "div",
                         {
                           style: {
@@ -1317,67 +1572,68 @@ var schema = import_core.BlockNoteSchema.create({
   blockSpecs: {
     ...import_core.defaultBlockSpecs,
     htmlPreview: HtmlPreviewBlock,
-    linkPreview: LinkPreviewBlock
+    linkPreview: LinkPreviewBlock,
+    video: VideoBlock
   },
   inlineContentSpecs: import_core.defaultInlineContentSpecs,
   styleSpecs: import_core.defaultStyleSpecs
 });
 // src/components/FloatingMenu/index.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 // src/components/FloatingMenu/Icons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var Icons = {
-  undo: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" }) }),
-  redo: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z" }) }),
-  bold: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }) }),
-  italic: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }) }),
-  underline: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z" }) }),
-  strikethrough: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z" }) }),
-  alignLeft: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" }) }),
-  alignCenter: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }) }),
-  alignRight: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }) }),
-  bulletList: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }) }),
-  numberedList: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }) }),
-  image: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }) }),
-  expandMore: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" }) }),
-  textColor: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M11 3L5.5 17h2.25l1.12-3h6.25l1.12 3h2.25L13 3h-2zm-1.38 9L12 5.67 14.38 12H9.62z" }) }),
-  bgColor: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fillOpacity: ".36", d: "M0 20h24v4H0z" })
+  undo: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" }) }),
+  redo: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z" }) }),
+  bold: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }) }),
+  italic: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }) }),
+  underline: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z" }) }),
+  strikethrough: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z" }) }),
+  alignLeft: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" }) }),
+  alignCenter: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }) }),
+  alignRight: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }) }),
+  bulletList: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }) }),
+  numberedList: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }) }),
+  image: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }) }),
+  expandMore: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" }) }),
+  textColor: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M11 3L5.5 17h2.25l1.12-3h6.25l1.12 3h2.25L13 3h-2zm-1.38 9L12 5.67 14.38 12H9.62z" }) }),
+  bgColor: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { fillOpacity: ".36", d: "M0 20h24v4H0z" })
   ] }),
-  link: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }) }),
-  chevronRight: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }),
-  chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }),
-  table: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM10 17H5v-2h5v2zm0-4H5v-2h5v2zm0-4H5V7h5v2zm9 8h-7v-2h7v2zm0-4h-7v-2h7v2zm0-4h-7V7h7v2z" }) }),
-  htmlFile: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 2v5h5l-5-5zm-4 14H7v-1h2v1zm0-2H7v-1h2v1zm-2-2h2v1H7v-1zm4 4h-2v-1h2v1zm0-2h-2v-1h2v1zm0-2h-2v-1h2v1zm6 4h-4v-1h4v1zm0-2h-4v-1h4v1zm0-2h-4v-1h4v1z" }) })
+  link: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }) }),
+  chevronRight: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }),
+  chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }),
+  table: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM10 17H5v-2h5v2zm0-4H5v-2h5v2zm0-4H5V7h5v2zm9 8h-7v-2h7v2zm0-4h-7v-2h7v2zm0-4h-7V7h7v2z" }) }),
+  htmlFile: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 2v5h5l-5-5zm-4 14H7v-1h2v1zm0-2H7v-1h2v1zm-2-2h2v1H7v-1zm4 4h-2v-1h2v1zm0-2h-2v-1h2v1zm0-2h-2v-1h2v1zm6 4h-4v-1h4v1zm0-2h-4v-1h4v1zm0-2h-4v-1h4v1z" }) })
 };
 var BlockTypeIcons = {
-  paragraph: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5 5h14v2H5zM5 11h14v2H5zM5 17h10v2H5z" }) }),
-  h1: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "lumir-block-icon-text", children: "H1" }),
-  h2: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "lumir-block-icon-text", children: "H2" }),
-  h3: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "lumir-block-icon-text", children: "H3" }),
-  h4: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "lumir-block-icon-text", children: "H4" }),
-  h5: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "lumir-block-icon-text", children: "H5" }),
-  h6: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "lumir-block-icon-text", children: "H6" }),
-  toggleH1: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 5v14l11-7z" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "H1" })
+  paragraph: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M5 5h14v2H5zM5 11h14v2H5zM5 17h10v2H5z" }) }),
+  h1: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H1" }),
+  h2: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H2" }),
+  h3: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H3" }),
+  h4: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H4" }),
+  h5: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H5" }),
+  h6: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H6" }),
+  toggleH1: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "H1" })
   ] }),
-  toggleH2: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 5v14l11-7z" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "H2" })
+  toggleH2: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "H2" })
   ] }),
-  toggleH3: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 5v14l11-7z" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "H3" })
+  toggleH3: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "H3" })
   ] }),
-  quote: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" }) }),
-  codeBlock: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }) }),
-  toggleList: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 6h10v2H10zM10 11h10v2H10zM10 16h10v2H10z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  quote: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" }) }),
+  codeBlock: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }) }),
+  toggleList: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 6h10v2H10zM10 11h10v2H10zM10 16h10v2H10z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "path",
       {
         d: "M4 8l4 4-4 4",
@@ -1389,15 +1645,15 @@ var BlockTypeIcons = {
       }
     )
   ] }),
-  bulletList: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "4", cy: "6", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "4", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "4", cy: "18", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8 5h12v2H8zM8 11h12v2H8zM8 17h12v2H8z" })
+  bulletList: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "4", cy: "6", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "4", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "4", cy: "18", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5h12v2H8zM8 11h12v2H8zM8 17h12v2H8z" })
   ] }),
-  numberedList: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }) }),
-  checkList: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  numberedList: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }) }),
+  checkList: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "rect",
       {
         x: "3",
@@ -1410,7 +1666,7 @@ var BlockTypeIcons = {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "path",
       {
         d: "M4.5 7l1.5 1.5 3-3",
@@ -1421,8 +1677,8 @@ var BlockTypeIcons = {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 6h8v2h-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 6h8v2h-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "rect",
       {
         x: "3",
@@ -1435,37 +1691,37 @@ var BlockTypeIcons = {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 16h8v2h-8z" })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 16h8v2h-8z" })
   ] })
 };
 // src/components/FloatingMenu/components/ToolbarDivider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "lumir-toolbar-divider" });
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lumir-toolbar-divider" });
 // src/components/FloatingMenu/components/UndoRedoButtons.tsx
-var import_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var UndoRedoButtons = ({ editor }) => {
-  const handleUndo = (0, import_react5.useCallback)(() => {
+  const handleUndo = (0, import_react7.useCallback)(() => {
     try {
       editor?.undo?.();
     } catch (err) {
       console.error("Undo failed:", err);
     }
   }, [editor]);
-  const handleRedo = (0, import_react5.useCallback)(() => {
+  const handleRedo = (0, import_react7.useCallback)(() => {
     try {
       editor?.redo?.();
     } catch (err) {
       console.error("Redo failed:", err);
     }
   }, [editor]);
-  const handleMouseDown = (0, import_react5.useCallback)((e) => {
+  const handleMouseDown = (0, import_react7.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "lumir-toolbar-group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lumir-toolbar-group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -1476,7 +1732,7 @@ var UndoRedoButtons = ({ editor }) => {
         children: Icons.undo
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -1491,8 +1747,8 @@ var UndoRedoButtons = ({ editor }) => {
 };
 // src/components/FloatingMenu/components/TextStyleButton.tsx
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var iconMap = {
   bold: Icons.bold,
   italic: Icons.italic,
@@ -1518,17 +1774,17 @@ var TextStyleButton = ({
     }
   };
   const isActive = getIsActive();
-  const handleClick = (0, import_react6.useCallback)(() => {
+  const handleClick = (0, import_react8.useCallback)(() => {
     try {
       editor?.toggleStyles?.({ [style]: true });
     } catch (err) {
       console.error(`Toggle ${style} failed:`, err);
     }
   }, [editor, style]);
-  const handleMouseDown = (0, import_react6.useCallback)((e) => {
+  const handleMouseDown = (0, import_react8.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       className: cn("lumir-toolbar-btn", isActive && "is-active"),
@@ -1542,8 +1798,8 @@ var TextStyleButton = ({
 };
 // src/components/FloatingMenu/components/AlignButton.tsx
-var import_react7 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var iconMap2 = {
   left: Icons.alignLeft,
   center: Icons.alignCenter,
@@ -1567,7 +1823,7 @@ var AlignButton = ({
     }
   };
   const isActive = getCurrentAlignment() === alignment;
-  const handleClick = (0, import_react7.useCallback)(() => {
+  const handleClick = (0, import_react9.useCallback)(() => {
     try {
       const block = editor?.getTextCursorPosition()?.block;
       if (block && editor?.updateBlock) {
@@ -1577,10 +1833,10 @@ var AlignButton = ({
       console.error(`Set alignment ${alignment} failed:`, err);
     }
   }, [editor, alignment]);
-  const handleMouseDown = (0, import_react7.useCallback)((e) => {
+  const handleMouseDown = (0, import_react9.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "button",
     {
       className: cn("lumir-toolbar-btn", isActive && "is-active"),
@@ -1594,8 +1850,8 @@ var AlignButton = ({
 };
 // src/components/FloatingMenu/components/ListButton.tsx
-var import_react8 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var iconMap3 = {
   bullet: Icons.bulletList,
   numbered: Icons.numberedList
@@ -1615,7 +1871,7 @@ var ListButton = ({ editor, type }) => {
     }
   };
   const isActive = getIsActive();
-  const handleClick = (0, import_react8.useCallback)(() => {
+  const handleClick = (0, import_react10.useCallback)(() => {
     try {
       const block = editor?.getTextCursorPosition()?.block;
       if (block && editor?.updateBlock) {
@@ -1627,10 +1883,10 @@ var ListButton = ({ editor, type }) => {
       console.error(`List toggle failed:`, err);
     }
   }, [editor, type]);
-  const handleMouseDown = (0, import_react8.useCallback)((e) => {
+  const handleMouseDown = (0, import_react10.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     {
       className: cn("lumir-toolbar-btn", isActive && "is-active"),
@@ -1644,13 +1900,13 @@ var ListButton = ({ editor, type }) => {
 };
 // src/components/FloatingMenu/components/ImageButton.tsx
-var import_react9 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var ImageButton = ({
   editor,
   onImageUpload
 }) => {
-  const handleClick = (0, import_react9.useCallback)(() => {
+  const handleClick = (0, import_react11.useCallback)(() => {
     if (onImageUpload) {
       onImageUpload();
     } else {
@@ -1675,10 +1931,10 @@ var ImageButton = ({
       input.click();
     }
   }, [editor, onImageUpload]);
-  const handleMouseDown = (0, import_react9.useCallback)((e) => {
+  const handleMouseDown = (0, import_react11.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "button",
     {
       className: "lumir-toolbar-btn",
@@ -1692,7 +1948,7 @@ var ImageButton = ({
 };
 // src/components/FloatingMenu/components/ColorButton.tsx
-var import_react10 = require("react");
+var import_react12 = require("react");
 // src/constants/colors.ts
 var TEXT_COLORS = [
@@ -1726,13 +1982,13 @@ var getHexFromColorValue = (value, type) => {
 };
 // src/components/FloatingMenu/components/ColorButton.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ColorButton = ({ editor, type }) => {
-  const [isOpen, setIsOpen] = (0, import_react10.useState)(false);
-  const [currentColor, setCurrentColor] = (0, import_react10.useState)("default");
-  const dropdownRef = (0, import_react10.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
+  const [currentColor, setCurrentColor] = (0, import_react12.useState)("default");
+  const dropdownRef = (0, import_react12.useRef)(null);
   const colors = type === "text" ? TEXT_COLORS : BACKGROUND_COLORS;
-  const getCurrentColor = (0, import_react10.useCallback)(() => {
+  const getCurrentColor = (0, import_react12.useCallback)(() => {
     try {
       const activeStyles = editor?.getActiveStyles?.() || {};
       if (type === "text" && activeStyles.textColor) {
@@ -1744,13 +2000,13 @@ var ColorButton = ({ editor, type }) => {
     }
     return "default";
   }, [editor, type]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (isOpen) {
       const color = getCurrentColor();
       setCurrentColor(color);
     }
   }, [isOpen, getCurrentColor]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -1759,7 +2015,7 @@ var ColorButton = ({ editor, type }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const handleColorSelect = (0, import_react10.useCallback)(
+  const handleColorSelect = (0, import_react12.useCallback)(
     (color) => {
       try {
         if (!editor) return;
@@ -1776,11 +2032,11 @@ var ColorButton = ({ editor, type }) => {
     },
     [editor, type]
   );
-  const handleMouseDown = (0, import_react10.useCallback)((e) => {
+  const handleMouseDown = (0, import_react12.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "button",
       {
         className: "lumir-toolbar-btn lumir-color-btn",
@@ -1790,7 +2046,7 @@ var ColorButton = ({ editor, type }) => {
         type: "button",
         children: [
           type === "text" ? Icons.textColor : Icons.bgColor,
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "span",
             {
               className: "lumir-color-indicator",
@@ -1802,7 +2058,7 @@ var ColorButton = ({ editor, type }) => {
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "lumir-dropdown-menu lumir-color-menu", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "lumir-color-grid", children: colors.map((color) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lumir-dropdown-menu lumir-color-menu", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lumir-color-grid", children: colors.map((color) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "button",
       {
         className: cn(
@@ -1821,8 +2077,8 @@ var ColorButton = ({ editor, type }) => {
 };
 // src/components/FloatingMenu/components/LinkButton.tsx
-var import_react11 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var isDangerousProtocol = (url) => {
   const trimmedUrl = url.trim().toLowerCase();
   const dangerousPatterns = [
@@ -1848,13 +2104,13 @@ var normalizeUrl = (url) => {
   return `https://${trimmedUrl}`;
 };
 var LinkButton = ({ editor }) => {
-  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
-  const [linkUrl, setLinkUrl] = (0, import_react11.useState)("");
-  const [errorMsg, setErrorMsg] = (0, import_react11.useState)(null);
-  const dropdownRef = (0, import_react11.useRef)(null);
-  const inputRef = (0, import_react11.useRef)(null);
-  const hasSelectionRef = (0, import_react11.useRef)(false);
-  (0, import_react11.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react13.useState)("");
+  const [errorMsg, setErrorMsg] = (0, import_react13.useState)(null);
+  const dropdownRef = (0, import_react13.useRef)(null);
+  const inputRef = (0, import_react13.useRef)(null);
+  const hasSelectionRef = (0, import_react13.useRef)(false);
+  (0, import_react13.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -1865,7 +2121,7 @@ var LinkButton = ({ editor }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (isOpen && inputRef.current) {
       try {
         const selectedText = editor?.getSelectedText?.() || "";
@@ -1876,7 +2132,7 @@ var LinkButton = ({ editor }) => {
       setTimeout(() => inputRef.current?.focus(), 0);
     }
   }, [isOpen, editor]);
-  const handleSubmit = (0, import_react11.useCallback)(
+  const handleSubmit = (0, import_react13.useCallback)(
     (e) => {
       e?.preventDefault();
       setErrorMsg(null);
@@ -1903,15 +2159,15 @@ var LinkButton = ({ editor }) => {
     },
     [editor, linkUrl]
   );
-  const handleCancel = (0, import_react11.useCallback)(() => {
+  const handleCancel = (0, import_react13.useCallback)(() => {
     setIsOpen(false);
     setLinkUrl("");
     setErrorMsg(null);
   }, []);
-  const handleMouseDown = (0, import_react11.useCallback)((e) => {
+  const handleMouseDown = (0, import_react13.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  const handleKeyDown = (0, import_react11.useCallback)(
+  const handleKeyDown = (0, import_react13.useCallback)(
     (e) => {
       if (e.key === "Enter") {
         handleSubmit();
@@ -1921,8 +2177,8 @@ var LinkButton = ({ editor }) => {
     },
     [handleSubmit, handleCancel]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -1933,8 +2189,8 @@ var LinkButton = ({ editor }) => {
         children: Icons.link
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lumir-dropdown-menu lumir-link-menu", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { onSubmit: handleSubmit, className: "lumir-link-form", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "lumir-dropdown-menu lumir-link-menu", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { onSubmit: handleSubmit, className: "lumir-link-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "input",
         {
           ref: inputRef,
@@ -1950,7 +2206,7 @@ var LinkButton = ({ editor }) => {
           onMouseDown: handleMouseDown
         }
       ),
-      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "div",
         {
           style: {
@@ -1962,8 +2218,8 @@ var LinkButton = ({ editor }) => {
           children: errorMsg
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lumir-link-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-link-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
             type: "button",
@@ -1973,7 +2229,7 @@ var LinkButton = ({ editor }) => {
             children: "\uCDE8\uC18C"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
             type: "submit",
@@ -1989,10 +2245,10 @@ var LinkButton = ({ editor }) => {
 };
 // src/components/FloatingMenu/components/TableButton.tsx
-var import_react12 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var TableButton = ({ editor }) => {
-  const handleClick = (0, import_react12.useCallback)(() => {
+  const handleClick = (0, import_react14.useCallback)(() => {
     try {
       const block = editor?.getTextCursorPosition()?.block;
       if (!block || !editor?.insertBlocks) return;
@@ -2014,10 +2270,10 @@ var TableButton = ({ editor }) => {
       console.error("Table insert failed:", err);
     }
   }, [editor]);
-  const handleMouseDown = (0, import_react12.useCallback)((e) => {
+  const handleMouseDown = (0, import_react14.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "button",
     {
       className: "lumir-toolbar-btn",
@@ -2031,13 +2287,13 @@ var TableButton = ({ editor }) => {
 };
 // src/components/FloatingMenu/components/HTMLImportButton.tsx
-var import_react13 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var HTMLImportButton = ({
   editor
 }) => {
-  const fileInputRef = (0, import_react13.useRef)(null);
-  const handleFileUpload = (0, import_react13.useCallback)(
+  const fileInputRef = (0, import_react15.useRef)(null);
+  const handleFileUpload = (0, import_react15.useCallback)(
     (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
@@ -2073,14 +2329,14 @@ var HTMLImportButton = ({
     },
     [editor]
   );
-  const handleClick = (0, import_react13.useCallback)(() => {
+  const handleClick = (0, import_react15.useCallback)(() => {
     fileInputRef.current?.click();
   }, []);
-  const handleMouseDown = (0, import_react13.useCallback)((e) => {
+  const handleMouseDown = (0, import_react15.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -2090,7 +2346,7 @@ var HTMLImportButton = ({
         style: { display: "none" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2105,8 +2361,8 @@ var HTMLImportButton = ({
 };
 // src/components/FloatingMenu/components/BlockTypeSelect.tsx
-var import_react14 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var blockTypeCategories = [
   {
     category: "Headings",
@@ -2136,8 +2392,8 @@ var blockTypes = blockTypeCategories.flatMap(
   (cat) => cat.items
 );
 var BlockTypeSelect = ({ editor }) => {
-  const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
-  const dropdownRef = (0, import_react14.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
+  const dropdownRef = (0, import_react16.useRef)(null);
   const getCurrentBlock = () => {
     try {
       return editor?.getTextCursorPosition()?.block;
@@ -2149,7 +2405,7 @@ var BlockTypeSelect = ({ editor }) => {
   const currentType = currentBlock?.type || "paragraph";
   const currentLevel = currentBlock?.props?.level;
   const isCurrentToggle = currentType === "heading" && currentBlock?.props?.isToggleable === true;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2178,7 +2434,7 @@ var BlockTypeSelect = ({ editor }) => {
       console.error("Block type change failed:", err);
     }
   };
-  const handleMouseDown = (0, import_react14.useCallback)((e) => {
+  const handleMouseDown = (0, import_react16.useCallback)((e) => {
     e.preventDefault();
   }, []);
   const getCurrentLabel = () => {
@@ -2209,8 +2465,8 @@ var BlockTypeSelect = ({ editor }) => {
     }
     return currentType === bt.type;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "button",
       {
         className: "lumir-dropdown-btn lumir-block-type-btn",
@@ -2218,15 +2474,15 @@ var BlockTypeSelect = ({ editor }) => {
         onMouseDown: handleMouseDown,
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[getCurrentIcon()] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "lumir-block-label", children: getCurrentLabel() }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[getCurrentIcon()] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "lumir-block-label", children: getCurrentLabel() }),
           Icons.expandMore
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "lumir-dropdown-menu lumir-block-menu", children: blockTypeCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "lumir-block-category", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "lumir-block-category-title", children: category.category }),
-      category.items.map((bt) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "lumir-dropdown-menu lumir-block-menu", children: blockTypeCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-block-category", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "lumir-block-category-title", children: category.category }),
+      category.items.map((bt) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
           className: cn(
@@ -2236,8 +2492,8 @@ var BlockTypeSelect = ({ editor }) => {
           onClick: () => handleTypeChange(bt.type, bt.level, bt.isToggle),
           onMouseDown: handleMouseDown,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[bt.icon] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "lumir-block-item-title", children: bt.label })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[bt.icon] }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "lumir-block-item-title", children: bt.label })
           ]
         },
         bt.icon
@@ -2247,7 +2503,7 @@ var BlockTypeSelect = ({ editor }) => {
 };
 // src/components/FloatingMenu/index.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var COMPACT_BREAKPOINT = 700;
 var MINIMIZED_BREAKPOINT = 400;
 var FloatingMenu = ({
@@ -2256,12 +2512,12 @@ var FloatingMenu = ({
   className,
   onImageUpload
 }) => {
-  const wrapperRef = (0, import_react15.useRef)(null);
-  const [isCompact, setIsCompact] = (0, import_react15.useState)(false);
-  const [isMinimizable, setIsMinimizable] = (0, import_react15.useState)(false);
-  const [isMinimized, setIsMinimized] = (0, import_react15.useState)(false);
-  const [, setSelectionTick] = (0, import_react15.useState)(0);
-  (0, import_react15.useEffect)(() => {
+  const wrapperRef = (0, import_react17.useRef)(null);
+  const [isCompact, setIsCompact] = (0, import_react17.useState)(false);
+  const [isMinimizable, setIsMinimizable] = (0, import_react17.useState)(false);
+  const [isMinimized, setIsMinimized] = (0, import_react17.useState)(false);
+  const [, setSelectionTick] = (0, import_react17.useState)(0);
+  (0, import_react17.useEffect)(() => {
     if (!editor) return;
     let debounceTimer = null;
     const DEBOUNCE_DELAY = 150;
@@ -2285,7 +2541,7 @@ var FloatingMenu = ({
       unsubscribeContent?.();
     };
   }, [editor]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const checkWidth = () => {
       if (wrapperRef.current) {
         const width = wrapperRef.current.offsetWidth;
@@ -2300,8 +2556,8 @@ var FloatingMenu = ({
     }
     return () => resizeObserver.disconnect();
   }, []);
-  const MinimizedLayout = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const MinimizedLayout = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "button",
       {
         className: "lumir-toolbar-button lumir-toggle-button",
@@ -2312,117 +2568,117 @@ var FloatingMenu = ({
         children: isMinimized ? Icons.chevronRight : Icons.chevronLeft
       }
     ),
-    !isMinimized && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(UndoRedoButtons, { editor }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BlockTypeSelect, { editor }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "bold" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "italic" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "underline" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "strike" })
+    !isMinimized && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UndoRedoButtons, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BlockTypeSelect, { editor }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "bold" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "italic" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "underline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "strike" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "left" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "center" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "right" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "center" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "right" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ListButton, { editor, type: "bullet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ListButton, { editor, type: "numbered" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "bullet" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "numbered" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ColorButton, { editor, type: "text" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ColorButton, { editor, type: "background" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "background" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ImageButton, { editor, onImageUpload }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LinkButton, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TableButton, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HTMLImportButton, { editor })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageButton, { editor, onImageUpload }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LinkButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HTMLImportButton, { editor })
       ] })
     ] })
   ] });
-  const SingleRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(UndoRedoButtons, { editor }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BlockTypeSelect, { editor }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "bold" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "italic" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "underline" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "strike" })
+  const SingleRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UndoRedoButtons, { editor }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BlockTypeSelect, { editor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "bold" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "italic" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "underline" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "strike" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "left" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "center" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "right" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "left" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "center" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "right" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ListButton, { editor, type: "bullet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ListButton, { editor, type: "numbered" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "bullet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "numbered" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ColorButton, { editor, type: "text" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ColorButton, { editor, type: "background" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "background" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ImageButton, { editor, onImageUpload }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LinkButton, { editor }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TableButton, { editor }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HTMLImportButton, { editor })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageButton, { editor, onImageUpload }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LinkButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HTMLImportButton, { editor })
     ] })
   ] });
-  const TwoRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(UndoRedoButtons, { editor }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "bold" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "italic" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "underline" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextStyleButton, { editor, style: "strike" })
+  const TwoRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UndoRedoButtons, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "bold" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "italic" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "underline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextStyleButton, { editor, style: "strike" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "left" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "center" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlignButton, { editor, alignment: "right" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "center" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignButton, { editor, alignment: "right" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ListButton, { editor, type: "bullet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ListButton, { editor, type: "numbered" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "bullet" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "numbered" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BlockTypeSelect, { editor }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ColorButton, { editor, type: "text" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ColorButton, { editor, type: "background" })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BlockTypeSelect, { editor }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "background" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-toolbar-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ImageButton, { editor, onImageUpload }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LinkButton, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TableButton, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HTMLImportButton, { editor })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ImageButton, { editor, onImageUpload }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LinkButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HTMLImportButton, { editor })
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -2432,7 +2688,7 @@ var FloatingMenu = ({
         className
       ),
       "data-position": position,
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           className: cn(
@@ -2441,7 +2697,7 @@ var FloatingMenu = ({
             isMinimizable && "is-minimizable",
             isMinimized && "is-minimized"
           ),
-          children: isMinimizable ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MinimizedLayout, {}) : isCompact ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TwoRowLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SingleRowLayout, {})
+          children: isMinimizable ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MinimizedLayout, {}) : isCompact ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TwoRowLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SingleRowLayout, {})
         }
       )
     }
@@ -2559,7 +2815,7 @@ var ALLOWED_VIDEO_EXTENSIONS = [
 ];
 // src/components/LumirEditor.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var DEBUG_LOG = (loc, msg, data) => {
   fetch("http://127.0.0.1:7686/ingest/1f8ee1c5-0cf0-4ae7-91ed-5ea7ed17130a", {
     method: "POST",
@@ -2781,9 +3037,9 @@ var findBlockWithLink = (blocks, targetUrl) => {
   return null;
 };
 var ConvertToPreviewButton = ({ url }) => {
-  const editor = (0, import_react17.useBlockNoteEditor)();
-  const Components = (0, import_react17.useComponentsContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const editor = (0, import_react19.useBlockNoteEditor)();
+  const Components = (0, import_react19.useComponentsContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Components.LinkToolbar.Button,
     {
       className: "bn-button",
@@ -2802,29 +3058,29 @@ var ConvertToPreviewButton = ({ url }) => {
           console.error("Convert to link preview failed:", err);
         }
       },
-      icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "1", y: "3", width: "14", height: "10", rx: "2", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("line", { x1: "1", y1: "9", x2: "15", y2: "9", stroke: "currentColor", strokeWidth: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "5", cy: "6.5", r: "1.5", stroke: "currentColor", strokeWidth: "1", fill: "none" })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { x: "1", y: "3", width: "14", height: "10", rx: "2", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("line", { x1: "1", y1: "9", x2: "15", y2: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "5", cy: "6.5", r: "1.5", stroke: "currentColor", strokeWidth: "1", fill: "none" })
       ] })
     }
   );
 };
 var CustomLinkToolbar = (props) => {
-  const editor = (0, import_react17.useBlockNoteEditor)();
-  const Components = (0, import_react17.useComponentsContext)();
+  const editor = (0, import_react19.useBlockNoteEditor)();
+  const Components = (0, import_react19.useComponentsContext)();
   const hasLinkPreview = !!editor?._linkPreviewApiEndpoint;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     Components.LinkToolbar.Root,
     {
       className: "bn-toolbar bn-link-toolbar",
       onMouseEnter: props.stopHideTimer,
       onMouseLeave: props.startHideTimer,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.EditLinkButton, { url: props.url, text: props.text, editLink: props.editLink }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.OpenLinkButton, { url: props.url }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.DeleteLinkButton, { deleteLink: props.deleteLink }),
-        hasLinkPreview && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ConvertToPreviewButton, { url: props.url })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.EditLinkButton, { url: props.url, text: props.text, editLink: props.editLink }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.OpenLinkButton, { url: props.url }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.DeleteLinkButton, { deleteLink: props.deleteLink }),
+        hasLinkPreview && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ConvertToPreviewButton, { url: props.url })
       ]
     }
   );
@@ -2866,13 +3122,13 @@ function LumirEditor({
   onError,
   onImageDelete
 }) {
-  const [isUploading, setIsUploading] = (0, import_react16.useState)(false);
-  const [uploadProgress, setUploadProgress] = (0, import_react16.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react16.useState)(null);
-  const floatingMenuFileInputRef = (0, import_react16.useRef)(null);
-  const floatingMenuBlockRef = (0, import_react16.useRef)(null);
-  const floatingMenuUploadStartTimeRef = (0, import_react16.useRef)(0);
-  const handleError = (0, import_react16.useCallback)(
+  const [isUploading, setIsUploading] = (0, import_react18.useState)(false);
+  const [uploadProgress, setUploadProgress] = (0, import_react18.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react18.useState)(null);
+  const floatingMenuFileInputRef = (0, import_react18.useRef)(null);
+  const floatingMenuBlockRef = (0, import_react18.useRef)(null);
+  const floatingMenuUploadStartTimeRef = (0, import_react18.useRef)(0);
+  const handleError = (0, import_react18.useCallback)(
     (error) => {
       onError?.(error);
       setErrorMessage(error.getUserMessage());
@@ -2880,10 +3136,10 @@ function LumirEditor({
     },
     [onError]
   );
-  const validatedContent = (0, import_react16.useMemo)(() => {
+  const validatedContent = (0, import_react18.useMemo)(() => {
     return ContentUtils.validateContent(initialContent, initialEmptyBlocks);
   }, [initialContent, initialEmptyBlocks]);
-  const tableConfig = (0, import_react16.useMemo)(() => {
+  const tableConfig = (0, import_react18.useMemo)(() => {
     return EditorConfig.getDefaultTableConfig(tables);
   }, [
     tables?.splitCells,
@@ -2891,10 +3147,10 @@ function LumirEditor({
     tables?.cellTextColor,
     tables?.headers
   ]);
-  const headingConfig = (0, import_react16.useMemo)(() => {
+  const headingConfig = (0, import_react18.useMemo)(() => {
     return EditorConfig.getDefaultHeadingConfig(heading);
   }, [heading?.levels?.join(",") ?? ""]);
-  const disabledExtensions = (0, import_react16.useMemo)(() => {
+  const disabledExtensions = (0, import_react18.useMemo)(() => {
     return EditorConfig.getDisabledExtensions(
       disableExtensions,
       allowVideoUpload,
@@ -2902,18 +3158,18 @@ function LumirEditor({
       allowFileUpload
     );
   }, [disableExtensions, allowVideoUpload, allowAudioUpload, allowFileUpload]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     DEBUG_LOG("LumirEditor:init:disabledExtensions", "snapshot", {
       allowVideoUpload,
       hasVideoInDisabled: disabledExtensions.includes("video"),
       disabledList: disabledExtensions.slice(0, 15)
     });
   }, [allowVideoUpload, disabledExtensions]);
-  const fileNameTransformRef = (0, import_react16.useRef)(s3Upload?.fileNameTransform);
-  (0, import_react16.useEffect)(() => {
+  const fileNameTransformRef = (0, import_react18.useRef)(s3Upload?.fileNameTransform);
+  (0, import_react18.useEffect)(() => {
     fileNameTransformRef.current = s3Upload?.fileNameTransform;
   }, [s3Upload?.fileNameTransform]);
-  const memoizedS3Upload = (0, import_react16.useMemo)(() => {
+  const memoizedS3Upload = (0, import_react18.useMemo)(() => {
     if (!s3Upload) return void 0;
     return {
       apiEndpoint: s3Upload.apiEndpoint,
@@ -2942,7 +3198,7 @@ function LumirEditor({
     s3Upload?.maxRetries,
     s3Upload?.onProgress
   ]);
-  const editor = (0, import_react17.useCreateBlockNote)(
+  const editor = (0, import_react19.useCreateBlockNote)(
     {
       // HTML 미리보기 블록이 포함된 커스텀 스키마 사용
       schema,
@@ -3124,12 +3380,12 @@ function LumirEditor({
   if (editor && linkPreview?.apiEndpoint) {
     editor._linkPreviewApiEndpoint = linkPreview.apiEndpoint;
   }
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (editor) {
       editor.isEditable = editable;
     }
   }, [editor, editable]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!editor || !onContentChange) return;
     const handleContentChange = () => {
       const blocks = editor.topLevelBlocks;
@@ -3137,13 +3393,13 @@ function LumirEditor({
     };
     return editor.onEditorContentChange(handleContentChange);
   }, [editor, onContentChange]);
-  const previousMediaUrlsRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react16.useEffect)(() => {
+  const previousMediaUrlsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react18.useEffect)(() => {
     if (!editor) return;
     const initialBlocks = editor.topLevelBlocks;
     previousMediaUrlsRef.current = extractMediaUrls(initialBlocks);
   }, [editor]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!editor || !onImageDelete) return;
     const handleMediaDeleteCheck = () => {
       const currentBlocks = editor.topLevelBlocks;
@@ -3157,7 +3413,7 @@ function LumirEditor({
     };
     return editor.onEditorContentChange(handleMediaDeleteCheck);
   }, [editor, onImageDelete]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const el = editor?.domElement;
     if (!el) return;
     const handleDragOver = (e) => {
@@ -3288,20 +3544,20 @@ function LumirEditor({
       el.removeEventListener("drop", handleDrop, { capture: true });
     };
   }, [editor, allowVideoUpload]);
-  const computedSideMenu = (0, import_react16.useMemo)(() => {
+  const computedSideMenu = (0, import_react18.useMemo)(() => {
     return sideMenuAddButton ? sideMenu : false;
   }, [sideMenuAddButton, sideMenu]);
-  const DragHandleOnlySideMenu = (0, import_react16.useMemo)(() => {
-    return (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.SideMenu, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.DragHandleButton, { ...props }) });
+  const DragHandleOnlySideMenu = (0, import_react18.useMemo)(() => {
+    return (props) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.SideMenu, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.DragHandleButton, { ...props }) });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: cn("lumirEditor", className),
       style: { position: "relative", display: "flex", flexDirection: "column" },
       children: [
-        floatingMenu && editor && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        floatingMenu && editor && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "input",
             {
               ref: floatingMenuFileInputRef,
@@ -3372,7 +3628,7 @@ function LumirEditor({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             FloatingMenu,
             {
               editor,
@@ -3404,7 +3660,7 @@ function LumirEditor({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           import_mantine.BlockNoteView,
           {
             editor,
@@ -3419,14 +3675,14 @@ function LumirEditor({
             tableHandles,
             onSelectionChange,
             children: [
-              linkToolbar && (linkPreview?.apiEndpoint ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.LinkToolbarController, { linkToolbar: CustomLinkToolbar }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.LinkToolbarController, {})),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_react17.SuggestionMenuController,
+              linkToolbar && (linkPreview?.apiEndpoint ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.LinkToolbarController, { linkToolbar: CustomLinkToolbar }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.LinkToolbarController, {})),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                import_react19.SuggestionMenuController,
                 {
                   triggerCharacter: "/",
-                  getItems: (0, import_react16.useCallback)(
+                  getItems: (0, import_react18.useCallback)(
                     async (query) => {
-                      const items = (0, import_react17.getDefaultReactSlashMenuItems)(editor);
+                      const items = (0, import_react19.getDefaultReactSlashMenuItems)(editor);
                       const filtered = items.filter((item) => {
                         const key = (item?.key || "").toString().toLowerCase();
                         const title = (item?.title || "").toString().toLowerCase();
@@ -3468,7 +3724,7 @@ function LumirEditor({
                         },
                         aliases: ["html", "preview", "\uC6F9", "\uC6F9\uD398\uC774\uC9C0"],
                         group: "Embeds",
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                           "svg",
                           {
                             width: "18",
@@ -3480,8 +3736,8 @@ function LumirEditor({
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("polyline", { points: "16 18 22 12 16 6" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("polyline", { points: "8 6 2 12 8 18" })
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("polyline", { points: "16 18 22 12 16 6" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("polyline", { points: "8 6 2 12 8 18" })
                             ]
                           }
                         ),
@@ -3506,7 +3762,7 @@ function LumirEditor({
                             "\uD504\uB9AC\uBDF0"
                           ],
                           group: "Embeds",
-                          icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                             "svg",
                             {
                               width: "18",
@@ -3518,8 +3774,8 @@ function LumirEditor({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
                               ]
                             }
                           ),
@@ -3538,21 +3794,21 @@ function LumirEditor({
                   )
                 }
               ),
-              !sideMenuAddButton && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.SideMenuController, { sideMenu: DragHandleOnlySideMenu })
+              !sideMenuAddButton && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.SideMenuController, { sideMenu: DragHandleOnlySideMenu })
             ]
           }
         ),
-        isUploading && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumirEditor-upload-overlay", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "lumirEditor-spinner" }),
-          uploadProgress !== null && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "lumirEditor-upload-progress", children: [
+        isUploading && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumirEditor-upload-overlay", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "lumirEditor-spinner" }),
+          uploadProgress !== null && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "lumirEditor-upload-progress", children: [
             uploadProgress,
             "%"
           ] })
         ] }),
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumirEditor-error-toast", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "lumirEditor-error-icon", children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "lumirEditor-error-message", children: errorMessage }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumirEditor-error-toast", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "lumirEditor-error-icon", children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "lumirEditor-error-message", children: errorMessage }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               className: "lumirEditor-error-close",