@lumir-company/editor 0.4.14 → 0.4.16

package/dist/index.js

@@ -24,7 +24,10 @@ __export(index_exports, {
   BACKGROUND_COLORS: () => BACKGROUND_COLORS,
   ContentUtils: () => ContentUtils,
   EditorConfig: () => EditorConfig,
+  FONT_SIZE_PRESETS: () => FONT_SIZE_PRESETS,
   FloatingMenu: () => FloatingMenu,
+  FontSize: () => FontSize,
+  FontSizeButton: () => FontSizeButton2,
   HtmlPreviewBlock: () => HtmlPreviewBlock,
   HtmlPreviewSchema: () => schema,
   LinkPreviewBlock: () => LinkPreviewBlock,
@@ -35,15 +38,18 @@ __export(index_exports, {
   cn: () => cn,
   createS3Uploader: () => createS3Uploader,
   fetchLinkMetadata: () => fetchLinkMetadata,
-  getHexFromColorValue: () => getHexFromColorValue
+  getHexFromColorValue: () => getHexFromColorValue,
+  liftFontSize: () => liftFontSize,
+  lowerFontSize: () => lowerFontSize
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/components/LumirEditor.tsx
-var import_react23 = require("react");
-var import_react24 = require("@blocknote/react");
+var import_react34 = require("react");
+var import_react35 = require("@blocknote/react");
 var import_mantine = require("@blocknote/mantine");
-var import_core4 = require("@blocknote/core");
+var import_core5 = require("@blocknote/core");
+var import_locales = require("@blocknote/core/locales");
 
 // src/utils/cn.ts
 function cn(...inputs) {
@@ -279,7 +285,7 @@ var createS3Uploader = (config) => {
 };
 
 // src/blocks/HtmlPreview.tsx
-var import_react5 = require("@blocknote/react");
+var import_react6 = require("@blocknote/react");
 var import_core = require("@blocknote/core");
 
 // src/blocks/LinkPreview.tsx
@@ -1240,9 +1246,32 @@ var VideoBlock = (0, import_react3.createReactBlockSpec)(
   }
 );
 
-// src/blocks/HtmlPreview.tsx
-var import_react6 = require("react");
+// src/styles/FontSizeStyle.tsx
+var import_react5 = require("@blocknote/react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var FontSize = (0, import_react5.createReactStyleSpec)(
+  {
+    type: "fontSize",
+    propSchema: "string"
+  },
+  {
+    render: (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontSize: props.value }, ref: props.contentRef })
+  }
+);
+var FONT_SIZE_PRESETS = [
+  "10px",
+  "12px",
+  "14px",
+  "16px",
+  "18px",
+  "20px",
+  "24px",
+  "28px"
+];
+
+// src/blocks/HtmlPreview.tsx
+var import_react7 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var MIN_HEIGHT = 100;
 var MAX_HEIGHT = 1200;
 var ensureCharset = (html) => {
@@ -1280,7 +1309,7 @@ var createSecureBlobUrl = (htmlContent) => {
   });
   return URL.createObjectURL(blob);
 };
-var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
+var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
   {
     type: "htmlPreview",
     propSchema: {
@@ -1298,15 +1327,15 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
   },
   {
     render: (props) => {
-      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 [isExpanded, setIsExpanded] = (0, import_react7.useState)(true);
+      const [isResizing, setIsResizing] = (0, import_react7.useState)(false);
+      const [blobUrl, setBlobUrl] = (0, import_react7.useState)("");
+      const containerRef = (0, import_react7.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_react6.useEffect)(() => {
+      (0, import_react7.useEffect)(() => {
         if (htmlContent) {
           const url = createSecureBlobUrl(htmlContent);
           setBlobUrl(url);
@@ -1315,7 +1344,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
           };
         }
       }, [htmlContent]);
-      const handleResizeStart = (0, import_react6.useCallback)(
+      const handleResizeStart = (0, import_react7.useCallback)(
         (e) => {
           e.preventDefault();
           e.stopPropagation();
@@ -1342,7 +1371,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
         },
         [currentHeight, props.editor, props.block]
       );
-      const handleExport = (0, import_react6.useCallback)(
+      const handleExport = (0, import_react7.useCallback)(
         (e) => {
           e.stopPropagation();
           const safeFileName = sanitizeFileName(fileName);
@@ -1363,7 +1392,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
         },
         [htmlContent, fileName]
       );
-      const handleOpenNewWindow = (0, import_react6.useCallback)(
+      const handleOpenNewWindow = (0, import_react7.useCallback)(
         (e) => {
           e.stopPropagation();
           if (typeof window === "undefined") return;
@@ -1377,7 +1406,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
         },
         [htmlContent]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
         "div",
         {
           ref: containerRef,
@@ -1393,7 +1422,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
             boxShadow: "none"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "div",
               {
                 style: {
@@ -1405,7 +1434,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                   borderBottom: isExpanded ? "1px solid #e0e0e0" : "none"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                     "div",
                     {
                       style: {
@@ -1417,7 +1446,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                       },
                       onClick: () => setIsExpanded(!isExpanded),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                           "svg",
                           {
                             width: "16",
@@ -1432,15 +1461,15 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                               transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
                               transition: "transform 0.2s"
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "6 9 12 15 18 9" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "6 9 12 15 18 9" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontWeight: 500, fontSize: "14px" }, children: fileName })
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontWeight: 500, fontSize: "14px" }, children: fileName })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "button",
                       {
                         onClick: handleOpenNewWindow,
@@ -1463,7 +1492,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                         onMouseLeave: (e) => {
                           e.currentTarget.style.backgroundColor = "transparent";
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                           "svg",
                           {
                             width: "16",
@@ -1475,15 +1504,15 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__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_runtime4.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_runtime4.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                             ]
                           }
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                       "button",
                       {
                         onClick: handleExport,
@@ -1506,7 +1535,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                         onMouseLeave: (e) => {
                           e.currentTarget.style.backgroundColor = "transparent";
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                           "svg",
                           {
                             width: "16",
@@ -1518,9 +1547,9 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__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" })
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
                             ]
                           }
                         )
@@ -1530,7 +1559,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                 ]
               }
             ),
-            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "div",
               {
                 style: {
@@ -1539,7 +1568,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                   position: "relative"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "iframe",
                     {
                       src: blobUrl || "about:blank",
@@ -1556,7 +1585,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                       loading: "lazy"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "div",
                     {
                       onMouseDown: handleResizeStart,
@@ -1581,7 +1610,7 @@ var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
                           e.currentTarget.style.backgroundColor = "transparent";
                         }
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                         "div",
                         {
                           style: {
@@ -1611,64 +1640,68 @@ var schema = import_core.BlockNoteSchema.create({
     video: VideoBlock
   },
   inlineContentSpecs: import_core.defaultInlineContentSpecs,
-  styleSpecs: import_core.defaultStyleSpecs
+  styleSpecs: {
+    ...import_core.defaultStyleSpecs,
+    // 인라인 글자 크기. 저장 JSON 직렬화는 형제 키 방식(font-size-serialization.ts) 사용.
+    fontSize: FontSize
+  }
 });
 
 // src/components/FloatingMenu/index.tsx
-var import_react17 = require("react");
+var import_react19 = require("react");
 
 // src/components/FloatingMenu/Icons.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var Icons = {
-  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" })
+  undo: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }) }),
+  underline: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z" }) }),
+  alignLeft: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" }) }),
+  alignCenter: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }) }),
+  alignRight: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }) }),
+  bulletList: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" }) }),
+  textColor: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("path", { fillOpacity: ".36", d: "M0 20h24v4H0z" })
   ] }),
-  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" }) })
+  link: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }),
+  chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }),
+  table: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_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" })
+  paragraph: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M5 5h14v2H5zM5 11h14v2H5zM5 17h10v2H5z" }) }),
+  h1: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lumir-block-icon-text", children: "H1" }),
+  h2: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lumir-block-icon-text", children: "H2" }),
+  h3: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lumir-block-icon-text", children: "H3" }),
+  h4: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lumir-block-icon-text", children: "H4" }),
+  h5: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lumir-block-icon-text", children: "H5" }),
+  h6: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "lumir-block-icon-text", children: "H6" }),
+  toggleH1: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "H1" })
   ] }),
-  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" })
+  toggleH2: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "H2" })
   ] }),
-  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" })
+  toggleH3: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "H3" })
   ] }),
-  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)(
+  quote: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" }) }),
+  codeBlock: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 6h10v2H10zM10 11h10v2H10zM10 16h10v2H10z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "path",
       {
         d: "M4 8l4 4-4 4",
@@ -1680,15 +1713,15 @@ var BlockTypeIcons = {
       }
     )
   ] }),
-  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" })
+  bulletList: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "4", cy: "6", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "4", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "4", cy: "18", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M8 5h12v2H8zM8 11h12v2H8zM8 17h12v2H8z" })
   ] }),
-  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)(
+  numberedList: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "rect",
       {
         x: "3",
@@ -1701,7 +1734,7 @@ var BlockTypeIcons = {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "path",
       {
         d: "M4.5 7l1.5 1.5 3-3",
@@ -1712,8 +1745,8 @@ var BlockTypeIcons = {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 6h8v2h-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 6h8v2h-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "rect",
       {
         x: "3",
@@ -1726,37 +1759,37 @@ var BlockTypeIcons = {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 16h8v2h-8z" })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 16h8v2h-8z" })
   ] })
 };
 
 // src/components/FloatingMenu/components/ToolbarDivider.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lumir-toolbar-divider" });
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lumir-toolbar-divider" });
 
 // src/components/FloatingMenu/components/UndoRedoButtons.tsx
-var import_react7 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var UndoRedoButtons = ({ editor }) => {
-  const handleUndo = (0, import_react7.useCallback)(() => {
+  const handleUndo = (0, import_react8.useCallback)(() => {
     try {
       editor?.undo?.();
     } catch (err) {
       console.error("Undo failed:", err);
     }
   }, [editor]);
-  const handleRedo = (0, import_react7.useCallback)(() => {
+  const handleRedo = (0, import_react8.useCallback)(() => {
     try {
       editor?.redo?.();
     } catch (err) {
       console.error("Redo failed:", err);
     }
   }, [editor]);
-  const handleMouseDown = (0, import_react7.useCallback)((e) => {
+  const handleMouseDown = (0, import_react8.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lumir-toolbar-group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lumir-toolbar-group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -1767,7 +1800,7 @@ var UndoRedoButtons = ({ editor }) => {
         children: Icons.undo
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -1782,8 +1815,8 @@ var UndoRedoButtons = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/components/TextStyleButton.tsx
-var import_react8 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var iconMap = {
   bold: Icons.bold,
   italic: Icons.italic,
@@ -1809,17 +1842,17 @@ var TextStyleButton = ({
     }
   };
   const isActive = getIsActive();
-  const handleClick = (0, import_react8.useCallback)(() => {
+  const handleClick = (0, import_react9.useCallback)(() => {
     try {
       editor?.toggleStyles?.({ [style]: true });
     } catch (err) {
       console.error(`Toggle ${style} failed:`, err);
     }
   }, [editor, style]);
-  const handleMouseDown = (0, import_react8.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"),
@@ -1833,8 +1866,68 @@ var TextStyleButton = ({
 };
 
 // src/components/FloatingMenu/components/AlignButton.tsx
-var import_react9 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react10 = require("react");
+
+// src/utils/prosemirror-table-utils.ts
+function getSelectedCellPositions(editor) {
+  const tiptap = editor._tiptapEditor;
+  if (!tiptap) return [];
+  const { state } = tiptap;
+  const { selection } = state;
+  if (typeof selection.forEachCell === "function") {
+    const positions = [];
+    selection.forEachCell((_node, pos) => {
+      positions.push(pos);
+    });
+    return positions;
+  }
+  const $pos = selection.$from;
+  for (let depth = $pos.depth; depth > 0; depth--) {
+    const node = $pos.node(depth);
+    if (node.type.name === "tableCell" || node.type.name === "tableHeader") {
+      return [$pos.before(depth)];
+    }
+  }
+  return [];
+}
+function setCellAttrAtPositions(editor, positions, attr, value) {
+  const tiptap = editor?._tiptapEditor;
+  if (!tiptap || positions.length === 0) return false;
+  let tr = tiptap.state.tr;
+  let changed = false;
+  for (const pos of positions) {
+    const node = tr.doc.nodeAt(pos);
+    if (node && (node.type.name === "tableCell" || node.type.name === "tableHeader")) {
+      tr = tr.setNodeMarkup(pos, void 0, { ...node.attrs, [attr]: value });
+      changed = true;
+    }
+  }
+  if (changed) {
+    tiptap.view?.dispatch(tr);
+  }
+  return changed;
+}
+function setSelectedCellsAttr(editor, attr, value) {
+  return setCellAttrAtPositions(
+    editor,
+    getSelectedCellPositions(editor),
+    attr,
+    value
+  );
+}
+function isInTableCell(editor) {
+  return getSelectedCellPositions(editor).length > 0;
+}
+function getFirstSelectedCellAttr(editor, attr) {
+  const tiptap = editor?._tiptapEditor;
+  const positions = getSelectedCellPositions(editor);
+  if (!tiptap || positions.length === 0) return void 0;
+  const node = tiptap.state.doc.nodeAt(positions[0]);
+  return node?.attrs?.[attr];
+}
+
+// src/components/FloatingMenu/components/AlignButton.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var iconMap2 = {
   left: Icons.alignLeft,
   center: Icons.alignCenter,
@@ -1851,6 +1944,9 @@ var AlignButton = ({
 }) => {
   const getCurrentAlignment = () => {
     try {
+      if (isInTableCell(editor)) {
+        return getFirstSelectedCellAttr(editor, "textAlignment") || "left";
+      }
       const block = editor?.getTextCursorPosition()?.block;
       return block?.props?.textAlignment || "left";
     } catch {
@@ -1858,8 +1954,11 @@ var AlignButton = ({
     }
   };
   const isActive = getCurrentAlignment() === alignment;
-  const handleClick = (0, import_react9.useCallback)(() => {
+  const handleClick = (0, import_react10.useCallback)(() => {
     try {
+      if (setSelectedCellsAttr(editor, "textAlignment", alignment)) {
+        return;
+      }
       const block = editor?.getTextCursorPosition()?.block;
       if (block && editor?.updateBlock) {
         editor.updateBlock(block, { props: { textAlignment: alignment } });
@@ -1868,10 +1967,10 @@ var AlignButton = ({
       console.error(`Set alignment ${alignment} failed:`, err);
     }
   }, [editor, alignment]);
-  const handleMouseDown = (0, import_react9.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"),
@@ -1885,8 +1984,8 @@ var AlignButton = ({
 };
 
 // src/components/FloatingMenu/components/ListButton.tsx
-var import_react10 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var iconMap3 = {
   bullet: Icons.bulletList,
   numbered: Icons.numberedList
@@ -1906,7 +2005,7 @@ var ListButton = ({ editor, type }) => {
     }
   };
   const isActive = getIsActive();
-  const handleClick = (0, import_react10.useCallback)(() => {
+  const handleClick = (0, import_react11.useCallback)(() => {
     try {
       const block = editor?.getTextCursorPosition()?.block;
       if (block && editor?.updateBlock) {
@@ -1918,10 +2017,10 @@ var ListButton = ({ editor, type }) => {
       console.error(`List toggle failed:`, err);
     }
   }, [editor, type]);
-  const handleMouseDown = (0, import_react10.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: cn("lumir-toolbar-btn", isActive && "is-active"),
@@ -1935,13 +2034,13 @@ var ListButton = ({ editor, type }) => {
 };
 
 // src/components/FloatingMenu/components/ImageButton.tsx
-var import_react11 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ImageButton = ({
   editor,
   onImageUpload
 }) => {
-  const handleClick = (0, import_react11.useCallback)(() => {
+  const handleClick = (0, import_react12.useCallback)(() => {
     if (onImageUpload) {
       onImageUpload();
     } else {
@@ -1966,10 +2065,10 @@ var ImageButton = ({
       input.click();
     }
   }, [editor, onImageUpload]);
-  const handleMouseDown = (0, import_react11.useCallback)((e) => {
+  const handleMouseDown = (0, import_react12.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "button",
     {
       className: "lumir-toolbar-btn",
@@ -1983,7 +2082,7 @@ var ImageButton = ({
 };
 
 // src/components/FloatingMenu/components/ColorButton.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/constants/colors.ts
 var TEXT_COLORS = [
@@ -2017,14 +2116,18 @@ var getHexFromColorValue = (value, type) => {
 };
 
 // src/components/FloatingMenu/components/ColorButton.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var ColorButton = ({ editor, type }) => {
-  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
-  const [currentColor, setCurrentColor] = (0, import_react12.useState)("default");
-  const dropdownRef = (0, import_react12.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
+  const [currentColor, setCurrentColor] = (0, import_react13.useState)("default");
+  const dropdownRef = (0, import_react13.useRef)(null);
   const colors = type === "text" ? TEXT_COLORS : BACKGROUND_COLORS;
-  const getCurrentColor = (0, import_react12.useCallback)(() => {
+  const getCurrentColor = (0, import_react13.useCallback)(() => {
     try {
+      if (isInTableCell(editor)) {
+        const attr = type === "text" ? "textColor" : "backgroundColor";
+        return getFirstSelectedCellAttr(editor, attr) || "default";
+      }
       const activeStyles = editor?.getActiveStyles?.() || {};
       if (type === "text" && activeStyles.textColor) {
         return activeStyles.textColor;
@@ -2035,13 +2138,13 @@ var ColorButton = ({ editor, type }) => {
     }
     return "default";
   }, [editor, type]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (isOpen) {
       const color = getCurrentColor();
       setCurrentColor(color);
     }
   }, [isOpen, getCurrentColor]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2050,28 +2153,30 @@ var ColorButton = ({ editor, type }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const handleColorSelect = (0, import_react12.useCallback)(
+  const handleColorSelect = (0, import_react13.useCallback)(
     (color) => {
       try {
         if (!editor) return;
-        if (type === "text") {
-          editor.toggleStyles({ textColor: color });
-        } else {
-          editor.toggleStyles({ backgroundColor: color });
+        const attr = type === "text" ? "textColor" : "backgroundColor";
+        if (!setSelectedCellsAttr(editor, attr, color)) {
+          editor.toggleStyles(
+            type === "text" ? { textColor: color } : { backgroundColor: color }
+          );
         }
         setCurrentColor(color);
         setIsOpen(false);
+        setTimeout(() => editor.focus?.());
       } catch (err) {
         console.error(`Color apply failed:`, err);
       }
     },
     [editor, type]
   );
-  const handleMouseDown = (0, import_react12.useCallback)((e) => {
+  const handleMouseDown = (0, import_react13.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "button",
       {
         className: "lumir-toolbar-btn lumir-color-btn",
@@ -2081,7 +2186,7 @@ var ColorButton = ({ editor, type }) => {
         type: "button",
         children: [
           type === "text" ? Icons.textColor : Icons.bgColor,
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "span",
             {
               className: "lumir-color-indicator",
@@ -2093,7 +2198,7 @@ var ColorButton = ({ editor, type }) => {
         ]
       }
     ),
-    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)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "lumir-dropdown-menu lumir-color-menu", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "lumir-color-grid", children: colors.map((color) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "button",
       {
         className: cn(
@@ -2111,9 +2216,101 @@ var ColorButton = ({ editor, type }) => {
   ] });
 };
 
+// src/components/FloatingMenu/components/FontSizeButton.tsx
+var import_react14 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DEFAULT_LABEL = "\uAE30\uBCF8";
+var toLabel = (size) => size.replace(/px$/, "");
+var FontSizeButton = ({ editor }) => {
+  const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
+  const dropdownRef = (0, import_react14.useRef)(null);
+  const getCurrentSize = () => {
+    try {
+      return editor?.getActiveStyles?.()?.fontSize || "";
+    } catch {
+      return "";
+    }
+  };
+  const currentSize = getCurrentSize();
+  (0, import_react14.useEffect)(() => {
+    const handleClickOutside = (e) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handleSizeSelect = (0, import_react14.useCallback)(
+    (size) => {
+      try {
+        if (!editor) return;
+        if (size === "") {
+          editor.removeStyles?.({ fontSize: "" });
+        } else {
+          editor.addStyles?.({ fontSize: size });
+        }
+        setIsOpen(false);
+        setTimeout(() => editor.focus?.());
+      } catch (err) {
+        console.error("Font size apply failed:", err);
+      }
+    },
+    [editor]
+  );
+  const handleMouseDown = (0, import_react14.useCallback)((e) => {
+    e.preventDefault();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "button",
+      {
+        className: "lumir-dropdown-btn lumir-font-size-btn",
+        onClick: () => setIsOpen(!isOpen),
+        onMouseDown: handleMouseDown,
+        title: "\uAE00\uC790 \uD06C\uAE30",
+        type: "button",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "lumir-font-size-label", children: currentSize ? toLabel(currentSize) : DEFAULT_LABEL }),
+          Icons.expandMore
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "lumir-dropdown-menu lumir-font-size-menu", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "button",
+        {
+          className: cn(
+            "lumir-dropdown-item",
+            currentSize === "" && "is-active"
+          ),
+          onClick: () => handleSizeSelect(""),
+          onMouseDown: handleMouseDown,
+          type: "button",
+          children: DEFAULT_LABEL
+        }
+      ),
+      FONT_SIZE_PRESETS.map((size) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "button",
+        {
+          className: cn(
+            "lumir-dropdown-item",
+            currentSize === size && "is-active"
+          ),
+          onClick: () => handleSizeSelect(size),
+          onMouseDown: handleMouseDown,
+          type: "button",
+          children: toLabel(size)
+        },
+        size
+      ))
+    ] })
+  ] });
+};
+
 // src/components/FloatingMenu/components/LinkButton.tsx
-var import_react13 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var isDangerousProtocol = (url) => {
   const trimmedUrl = url.trim().toLowerCase();
   const dangerousPatterns = [
@@ -2139,13 +2336,13 @@ var normalizeUrl = (url) => {
   return `https://${trimmedUrl}`;
 };
 var LinkButton = ({ editor }) => {
-  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 [isOpen, setIsOpen] = (0, import_react15.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react15.useState)("");
+  const [errorMsg, setErrorMsg] = (0, import_react15.useState)(null);
+  const dropdownRef = (0, import_react15.useRef)(null);
+  const inputRef = (0, import_react15.useRef)(null);
+  const hasSelectionRef = (0, import_react15.useRef)(false);
+  (0, import_react15.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2156,7 +2353,7 @@ var LinkButton = ({ editor }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (isOpen && inputRef.current) {
       try {
         const selectedText = editor?.getSelectedText?.() || "";
@@ -2167,7 +2364,7 @@ var LinkButton = ({ editor }) => {
       setTimeout(() => inputRef.current?.focus(), 0);
     }
   }, [isOpen, editor]);
-  const handleSubmit = (0, import_react13.useCallback)(
+  const handleSubmit = (0, import_react15.useCallback)(
     (e) => {
       e?.preventDefault();
       setErrorMsg(null);
@@ -2194,15 +2391,15 @@ var LinkButton = ({ editor }) => {
     },
     [editor, linkUrl]
   );
-  const handleCancel = (0, import_react13.useCallback)(() => {
+  const handleCancel = (0, import_react15.useCallback)(() => {
     setIsOpen(false);
     setLinkUrl("");
     setErrorMsg(null);
   }, []);
-  const handleMouseDown = (0, import_react13.useCallback)((e) => {
+  const handleMouseDown = (0, import_react15.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  const handleKeyDown = (0, import_react13.useCallback)(
+  const handleKeyDown = (0, import_react15.useCallback)(
     (e) => {
       if (e.key === "Enter") {
         handleSubmit();
@@ -2212,8 +2409,8 @@ var LinkButton = ({ editor }) => {
     },
     [handleSubmit, handleCancel]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2224,8 +2421,8 @@ var LinkButton = ({ editor }) => {
         children: Icons.link
       }
     ),
-    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)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "lumir-dropdown-menu lumir-link-menu", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { onSubmit: handleSubmit, className: "lumir-link-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "input",
         {
           ref: inputRef,
@@ -2241,7 +2438,7 @@ var LinkButton = ({ editor }) => {
           onMouseDown: handleMouseDown
         }
       ),
-      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "div",
         {
           style: {
@@ -2253,8 +2450,8 @@ var LinkButton = ({ editor }) => {
           children: errorMsg
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-link-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "lumir-link-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             type: "button",
@@ -2264,7 +2461,7 @@ var LinkButton = ({ editor }) => {
             children: "\uCDE8\uC18C"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             type: "submit",
@@ -2280,10 +2477,10 @@ var LinkButton = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/components/TableButton.tsx
-var import_react14 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var TableButton = ({ editor }) => {
-  const handleClick = (0, import_react14.useCallback)(() => {
+  const handleClick = (0, import_react16.useCallback)(() => {
     try {
       const block = editor?.getTextCursorPosition()?.block;
       if (!block || !editor?.insertBlocks) return;
@@ -2305,10 +2502,10 @@ var TableButton = ({ editor }) => {
       console.error("Table insert failed:", err);
     }
   }, [editor]);
-  const handleMouseDown = (0, import_react14.useCallback)((e) => {
+  const handleMouseDown = (0, import_react16.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "button",
     {
       className: "lumir-toolbar-btn",
@@ -2322,13 +2519,13 @@ var TableButton = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/components/HTMLImportButton.tsx
-var import_react15 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var HTMLImportButton = ({
   editor
 }) => {
-  const fileInputRef = (0, import_react15.useRef)(null);
-  const handleFileUpload = (0, import_react15.useCallback)(
+  const fileInputRef = (0, import_react17.useRef)(null);
+  const handleFileUpload = (0, import_react17.useCallback)(
     (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
@@ -2364,14 +2561,14 @@ var HTMLImportButton = ({
     },
     [editor]
   );
-  const handleClick = (0, import_react15.useCallback)(() => {
+  const handleClick = (0, import_react17.useCallback)(() => {
     fileInputRef.current?.click();
   }, []);
-  const handleMouseDown = (0, import_react15.useCallback)((e) => {
+  const handleMouseDown = (0, import_react17.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -2381,7 +2578,7 @@ var HTMLImportButton = ({
         style: { display: "none" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2396,8 +2593,8 @@ var HTMLImportButton = ({
 };
 
 // src/components/FloatingMenu/components/BlockTypeSelect.tsx
-var import_react16 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react18 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var blockTypeCategories = [
   {
     category: "Headings",
@@ -2427,8 +2624,8 @@ var blockTypes = blockTypeCategories.flatMap(
   (cat) => cat.items
 );
 var BlockTypeSelect = ({ editor }) => {
-  const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
-  const dropdownRef = (0, import_react16.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react18.useState)(false);
+  const dropdownRef = (0, import_react18.useRef)(null);
   const getCurrentBlock = () => {
     try {
       return editor?.getTextCursorPosition()?.block;
@@ -2440,7 +2637,7 @@ var BlockTypeSelect = ({ editor }) => {
   const currentType = currentBlock?.type || "paragraph";
   const currentLevel = currentBlock?.props?.level;
   const isCurrentToggle = currentType === "heading" && currentBlock?.props?.isToggleable === true;
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2469,7 +2666,7 @@ var BlockTypeSelect = ({ editor }) => {
       console.error("Block type change failed:", err);
     }
   };
-  const handleMouseDown = (0, import_react16.useCallback)((e) => {
+  const handleMouseDown = (0, import_react18.useCallback)((e) => {
     e.preventDefault();
   }, []);
   const getCurrentLabel = () => {
@@ -2500,8 +2697,8 @@ var BlockTypeSelect = ({ editor }) => {
     }
     return currentType === bt.type;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "button",
       {
         className: "lumir-dropdown-btn lumir-block-type-btn",
@@ -2509,15 +2706,15 @@ var BlockTypeSelect = ({ editor }) => {
         onMouseDown: handleMouseDown,
         type: "button",
         children: [
-          /* @__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() }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[getCurrentIcon()] }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "lumir-block-label", children: getCurrentLabel() }),
           Icons.expandMore
         ]
       }
     ),
-    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)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "lumir-dropdown-menu lumir-block-menu", children: blockTypeCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-block-category", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "lumir-block-category-title", children: category.category }),
+      category.items.map((bt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "button",
         {
           className: cn(
@@ -2527,8 +2724,8 @@ var BlockTypeSelect = ({ editor }) => {
           onClick: () => handleTypeChange(bt.type, bt.level, bt.isToggle),
           onMouseDown: handleMouseDown,
           children: [
-            /* @__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 })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[bt.icon] }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "lumir-block-item-title", children: bt.label })
           ]
         },
         bt.icon
@@ -2538,7 +2735,7 @@ var BlockTypeSelect = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/index.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var COMPACT_BREAKPOINT = 700;
 var MINIMIZED_BREAKPOINT = 400;
 var FloatingMenu = ({
@@ -2547,12 +2744,12 @@ var FloatingMenu = ({
   className,
   onImageUpload
 }) => {
-  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)(() => {
+  const wrapperRef = (0, import_react19.useRef)(null);
+  const [isCompact, setIsCompact] = (0, import_react19.useState)(false);
+  const [isMinimizable, setIsMinimizable] = (0, import_react19.useState)(false);
+  const [isMinimized, setIsMinimized] = (0, import_react19.useState)(false);
+  const [, setSelectionTick] = (0, import_react19.useState)(0);
+  (0, import_react19.useEffect)(() => {
     if (!editor) return;
     let debounceTimer = null;
     const DEBOUNCE_DELAY = 150;
@@ -2576,7 +2773,7 @@ var FloatingMenu = ({
       unsubscribeContent?.();
     };
   }, [editor]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const checkWidth = () => {
       if (wrapperRef.current) {
         const width = wrapperRef.current.offsetWidth;
@@ -2591,8 +2788,8 @@ var FloatingMenu = ({
     }
     return () => resizeObserver.disconnect();
   }, []);
-  const MinimizedLayout = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const MinimizedLayout = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "button",
       {
         className: "lumir-toolbar-button lumir-toggle-button",
@@ -2603,117 +2800,120 @@ var FloatingMenu = ({
         children: isMinimized ? Icons.chevronRight : Icons.chevronLeft
       }
     ),
-    !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" })
+    !isMinimized && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(UndoRedoButtons, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BlockTypeSelect, { editor }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "bold" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "italic" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "underline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "strike" })
       ] }),
-      /* @__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_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlignButton, { editor, alignment: "left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlignButton, { editor, alignment: "center" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.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)(ListButton, { editor, type: "bullet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "numbered" })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListButton, { editor, type: "bullet" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.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)(ColorButton, { editor, type: "text" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "background" })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FontSizeButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ColorButton, { editor, type: "text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.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)(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 })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ImageButton, { editor, onImageUpload }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LinkButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HTMLImportButton, { editor })
       ] })
     ] })
   ] });
-  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" })
+  const SingleRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(UndoRedoButtons, { editor }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BlockTypeSelect, { editor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "bold" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "italic" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "underline" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "strike" })
     ] }),
-    /* @__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_runtime18.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlignButton, { editor, alignment: "left" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlignButton, { editor, alignment: "center" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.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)(ListButton, { editor, type: "bullet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "numbered" })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListButton, { editor, type: "bullet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.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)(ColorButton, { editor, type: "text" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ColorButton, { editor, type: "background" })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FontSizeButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ColorButton, { editor, type: "text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.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)(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 })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ImageButton, { editor, onImageUpload }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LinkButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HTMLImportButton, { editor })
     ] })
   ] });
-  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" })
+  const TwoRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(UndoRedoButtons, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "bold" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "italic" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "underline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TextStyleButton, { editor, style: "strike" })
       ] }),
-      /* @__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_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlignButton, { editor, alignment: "left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlignButton, { editor, alignment: "center" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.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)(ListButton, { editor, type: "bullet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ListButton, { editor, type: "numbered" })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListButton, { editor, type: "bullet" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListButton, { editor, type: "numbered" })
       ] })
     ] }),
-    /* @__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_runtime18.jsxs)("div", { className: "lumir-toolbar-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BlockTypeSelect, { editor }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FontSizeButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ColorButton, { editor, type: "text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.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)(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 })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ImageButton, { editor, onImageUpload }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LinkButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HTMLImportButton, { editor })
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -2723,7 +2923,7 @@ var FloatingMenu = ({
         className
       ),
       "data-position": position,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           className: cn(
@@ -2732,7 +2932,7 @@ var FloatingMenu = ({
             isMinimizable && "is-minimizable",
             isMinimized && "is-minimized"
           ),
-          children: isMinimizable ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MinimizedLayout, {}) : isCompact ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TwoRowLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SingleRowLayout, {})
+          children: isMinimizable ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MinimizedLayout, {}) : isCompact ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TwoRowLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SingleRowLayout, {})
         }
       )
     }
@@ -2864,43 +3064,18 @@ var VerticalAlignmentExtension = import_core2.Extension.create({
 });
 
 // src/components/CustomFormattingToolbar.tsx
-var import_react22 = require("@blocknote/react");
+var import_react28 = require("@blocknote/react");
 
 // src/components/TextAlignButtonWithVA.tsx
 var import_core3 = require("@blocknote/core");
-var import_react18 = require("react");
-var import_react19 = require("@blocknote/react");
-
-// src/utils/prosemirror-table-utils.ts
-function getSelectedCellPositions(editor) {
-  const tiptap = editor._tiptapEditor;
-  if (!tiptap) return [];
-  const { state } = tiptap;
-  const { selection } = state;
-  if (typeof selection.forEachCell === "function") {
-    const positions = [];
-    selection.forEachCell((_node, pos) => {
-      positions.push(pos);
-    });
-    return positions;
-  }
-  const $pos = selection.$from;
-  for (let depth = $pos.depth; depth > 0; depth--) {
-    const node = $pos.node(depth);
-    if (node.type.name === "tableCell" || node.type.name === "tableHeader") {
-      return [$pos.before(depth)];
-    }
-  }
-  return [];
-}
-
-// src/components/TextAlignButtonWithVA.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_react21 = require("@blocknote/react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var icons = {
-  left: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" }) }),
-  center: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }) }),
-  right: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }) }),
-  justify: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }) })
+  left: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" }) }),
+  center: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }) }),
+  right: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }) }),
+  justify: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }) })
 };
 var tooltipMap = {
   left: "\uC67C\uCABD \uC815\uB82C",
@@ -2909,10 +3084,10 @@ var tooltipMap = {
   justify: "\uC591\uCABD \uC815\uB82C"
 };
 var TextAlignButtonWithVA = (props) => {
-  const Components = (0, import_react19.useComponentsContext)();
-  const editor = (0, import_react19.useBlockNoteEditor)();
-  const selectedBlocks = (0, import_react19.useSelectedBlocks)(editor);
-  const textAlignment = (0, import_react18.useMemo)(() => {
+  const Components = (0, import_react21.useComponentsContext)();
+  const editor = (0, import_react21.useBlockNoteEditor)();
+  const selectedBlocks = (0, import_react21.useSelectedBlocks)(editor);
+  const textAlignment = (0, import_react20.useMemo)(() => {
     const block = selectedBlocks[0];
     if ((0, import_core3.checkBlockHasDefaultProp)("textAlignment", block, editor)) {
       return block.props.textAlignment;
@@ -2934,7 +3109,7 @@ var TextAlignButtonWithVA = (props) => {
     }
     return;
   }, [editor, selectedBlocks]);
-  const setTextAlignment = (0, import_react18.useCallback)(
+  const setTextAlignment = (0, import_react20.useCallback)(
     (newAlignment) => {
       editor.focus();
       for (const block of selectedBlocks) {
@@ -2964,7 +3139,7 @@ var TextAlignButtonWithVA = (props) => {
     },
     [editor, selectedBlocks]
   );
-  const show = (0, import_react18.useMemo)(() => {
+  const show = (0, import_react20.useMemo)(() => {
     return !!selectedBlocks.find(
       (block) => "textAlignment" in block.props || block.type === "table" && block.children
     );
@@ -2972,7 +3147,7 @@ var TextAlignButtonWithVA = (props) => {
   if (!show || !editor.isEditable) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Components.FormattingToolbar.Button,
     {
       className: "bn-button",
@@ -2987,21 +3162,21 @@ var TextAlignButtonWithVA = (props) => {
 };
 
 // src/components/VerticalAlignButton.tsx
-var import_react20 = require("react");
-var import_react21 = require("@blocknote/react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_react23 = require("@blocknote/react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var icons2 = {
-  top: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("line", { x1: "5", y1: "5", x2: "11", y2: "5" })
+  top: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "5", y1: "5", x2: "11", y2: "5" })
   ] }),
-  middle: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("line", { x1: "5", y1: "8", x2: "11", y2: "8" })
+  middle: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "5", y1: "8", x2: "11", y2: "8" })
   ] }),
-  bottom: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("line", { x1: "5", y1: "11", x2: "11", y2: "11" })
+  bottom: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "5", y1: "11", x2: "11", y2: "11" })
   ] })
 };
 var tooltips = {
@@ -3023,13 +3198,13 @@ function getCurrentVerticalAlignment(editor) {
   return alignments.every((a) => a === first) ? first : void 0;
 }
 var VerticalAlignButton = (props) => {
-  const Components = (0, import_react21.useComponentsContext)();
-  const editor = (0, import_react21.useBlockNoteEditor)();
-  const selectedBlocks = (0, import_react21.useSelectedBlocks)(editor);
-  const currentAlignment = (0, import_react20.useMemo)(() => {
+  const Components = (0, import_react23.useComponentsContext)();
+  const editor = (0, import_react23.useBlockNoteEditor)();
+  const selectedBlocks = (0, import_react23.useSelectedBlocks)(editor);
+  const currentAlignment = (0, import_react22.useMemo)(() => {
     return getCurrentVerticalAlignment(editor);
   }, [editor, selectedBlocks]);
-  const setVerticalAlignment = (0, import_react20.useCallback)(
+  const setVerticalAlignment = (0, import_react22.useCallback)(
     (alignment) => {
       const tiptap = editor._tiptapEditor;
       if (!tiptap) return;
@@ -3051,13 +3226,13 @@ var VerticalAlignButton = (props) => {
     },
     [editor]
   );
-  const isInTable = (0, import_react20.useMemo)(() => {
+  const isInTable = (0, import_react22.useMemo)(() => {
     return selectedBlocks.some((block) => block.type === "table");
   }, [selectedBlocks]);
   if (!isInTable || !editor.isEditable) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Components.FormattingToolbar.Button,
     {
       className: "bn-button",
@@ -3071,77 +3246,856 @@ var VerticalAlignButton = (props) => {
   );
 };
 
-// src/components/CustomFormattingToolbar.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var CustomFormattingToolbar = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react22.FormattingToolbar, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.BlockTypeSelect, {}, "blockTypeSelect"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.TableCellMergeButton, {}, "tableCellMergeButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.FileCaptionButton, {}, "fileCaptionButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.FileReplaceButton, {}, "replaceFileButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.FileRenameButton, {}, "fileRenameButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.FileDeleteButton, {}, "fileDeleteButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.FileDownloadButton, {}, "fileDownloadButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.FilePreviewButton, {}, "filePreviewButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.BasicTextStyleButton, { basicTextStyle: "bold" }, "boldStyleButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_react22.BasicTextStyleButton,
-      {
-        basicTextStyle: "italic"
+// src/components/FontSizeButton.tsx
+var import_react24 = require("@blocknote/react");
+var import_react25 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var DEFAULT_LABEL2 = "\uAE30\uBCF8";
+var toLabel2 = (size) => size.replace(/px$/, "");
+function FontSizeIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "span",
+    {
+      style: {
+        pointerEvents: "none",
+        fontSize: "12px",
+        fontWeight: 600,
+        lineHeight: "20px",
+        whiteSpace: "nowrap"
+      },
+      children: size ? toLabel2(size) : "\uAC00A"
+    }
+  );
+}
+function FontSizeButton2() {
+  const Components = (0, import_react24.useComponentsContext)();
+  const editor = (0, import_react24.useBlockNoteEditor)();
+  const ed = editor;
+  const styleSchema = editor.schema.styleSchema;
+  const fontSizeInSchema = styleSchema.fontSize?.type === "fontSize" && styleSchema.fontSize?.propSchema === "string";
+  const selectedBlocks = (0, import_react24.useSelectedBlocks)(editor);
+  const [currentSize, setCurrentSize] = (0, import_react25.useState)(
+    fontSizeInSchema ? ed.getActiveStyles().fontSize || "" : ""
+  );
+  (0, import_react24.useEditorContentOrSelectionChange)(() => {
+    if (fontSizeInSchema) {
+      setCurrentSize(ed.getActiveStyles().fontSize || "");
+    }
+  }, editor);
+  const setFontSize = (0, import_react25.useCallback)(
+    (size) => {
+      size === "" ? ed.removeStyles({ fontSize: "" }) : ed.addStyles({ fontSize: size });
+      setTimeout(() => editor.focus());
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [editor]
+  );
+  const show = (0, import_react25.useMemo)(() => {
+    if (!fontSizeInSchema) {
+      return false;
+    }
+    for (const block of selectedBlocks) {
+      if (block.content !== void 0) {
+        return true;
+      }
+    }
+    return false;
+  }, [fontSizeInSchema, selectedBlocks]);
+  if (!show || !editor.isEditable) {
+    return null;
+  }
+  const tooltip = "\uAE00\uC790 \uD06C\uAE30";
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Components.Generic.Menu.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Components.Generic.Menu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      Components.FormattingToolbar.Button,
+      {
+        className: "bn-button",
+        "data-test": "font-size",
+        label: tooltip,
+        mainTooltip: tooltip,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FontSizeIcon, { size: currentSize })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Components.Generic.Menu.Dropdown, { className: "bn-menu-dropdown", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Components.Generic.Menu.Label, { children: "\uAE00\uC790 \uD06C\uAE30" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        Components.Generic.Menu.Item,
+        {
+          onClick: () => setFontSize(""),
+          checked: currentSize === "",
+          "data-test": "font-size-default",
+          children: DEFAULT_LABEL2
+        },
+        "font-size-default"
+      ),
+      FONT_SIZE_PRESETS.map((size) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        Components.Generic.Menu.Item,
+        {
+          onClick: () => setFontSize(size),
+          checked: currentSize === size,
+          "data-test": "font-size-" + toLabel2(size),
+          children: toLabel2(size)
+        },
+        "font-size-" + size
+      ))
+    ] })
+  ] });
+}
+
+// src/components/color/LumirColorControls.tsx
+var import_core4 = require("@blocknote/core");
+var import_react26 = require("@blocknote/react");
+var import_react27 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var COLORS = [
+  "default",
+  "gray",
+  "brown",
+  "red",
+  "orange",
+  "yellow",
+  "green",
+  "blue",
+  "purple",
+  "pink"
+];
+function ColorIcon(props) {
+  const textColor = props.textColor || "default";
+  const backgroundColor = props.backgroundColor || "default";
+  const size = props.size || 16;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      className: "bn-color-icon",
+      "data-background-color": backgroundColor,
+      "data-text-color": textColor,
+      style: {
+        pointerEvents: "none",
+        fontSize: `${size * 0.75}px`,
+        height: `${size}px`,
+        lineHeight: `${size}px`,
+        textAlign: "center",
+        width: `${size}px`
+      },
+      children: "A"
+    }
+  );
+}
+function CellFillIcon({ size = 18 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      style: { pointerEvents: "none" },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M16.56 8.94 7.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 10 10 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" })
+    }
+  );
+}
+function LumirColorPicker(props) {
+  const Components = (0, import_react26.useComponentsContext)();
+  const dict = (0, import_react26.useDictionary)();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    props.text ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Components.Generic.Menu.Label, { children: props.textTitle ?? dict.color_picker.text_title }),
+      COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        Components.Generic.Menu.Item,
+        {
+          onClick: () => {
+            props.onClick?.();
+            props.text.setColor(color);
+          },
+          "data-test": "text-color-" + color,
+          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ColorIcon, { textColor: color, size: props.iconSize }),
+          checked: props.text.color === color,
+          children: dict.color_picker.colors[color]
+        },
+        "text-color-" + color
+      ))
+    ] }) : null,
+    props.background ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Components.Generic.Menu.Label, { children: props.backgroundTitle ?? dict.color_picker.background_title }),
+      COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        Components.Generic.Menu.Item,
+        {
+          onClick: () => {
+            props.onClick?.();
+            props.background.setColor(color);
+          },
+          "data-test": "background-color-" + color,
+          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ColorIcon, { backgroundColor: color, size: props.iconSize }),
+          checked: props.background.color === color,
+          children: dict.color_picker.colors[color]
+        },
+        "background-color-" + color
+      ))
+    ] }) : null
+  ] });
+}
+function LumirColorStyleButton() {
+  const Components = (0, import_react26.useComponentsContext)();
+  const editor = (0, import_react26.useBlockNoteEditor)();
+  const ed = editor;
+  const styleSchema = editor.schema.styleSchema;
+  const textColorInSchema = styleSchema.textColor?.type === "textColor" && styleSchema.textColor?.propSchema === "string";
+  const backgroundColorInSchema = styleSchema.backgroundColor?.type === "backgroundColor" && styleSchema.backgroundColor?.propSchema === "string";
+  const selectedBlocks = (0, import_react26.useSelectedBlocks)(editor);
+  const [currentTextColor, setCurrentTextColor] = (0, import_react27.useState)(
+    textColorInSchema ? ed.getActiveStyles().textColor || "default" : "default"
+  );
+  const [currentBackgroundColor, setCurrentBackgroundColor] = (0, import_react27.useState)(
+    backgroundColorInSchema ? ed.getActiveStyles().backgroundColor || "default" : "default"
+  );
+  (0, import_react26.useEditorContentOrSelectionChange)(() => {
+    const active = ed.getActiveStyles();
+    if (textColorInSchema) {
+      setCurrentTextColor(active.textColor || "default");
+    }
+    if (backgroundColorInSchema) {
+      setCurrentBackgroundColor(active.backgroundColor || "default");
+    }
+  }, editor);
+  const setTextColor = (0, import_react27.useCallback)(
+    (color) => {
+      color === "default" ? ed.removeStyles({ textColor: color }) : ed.addStyles({ textColor: color });
+      setTimeout(() => editor.focus());
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [editor]
+  );
+  const setBackgroundColor = (0, import_react27.useCallback)(
+    (color) => {
+      color === "default" ? ed.removeStyles({ backgroundColor: color }) : ed.addStyles({ backgroundColor: color });
+      setTimeout(() => editor.focus());
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [editor]
+  );
+  const show = (0, import_react27.useMemo)(() => {
+    if (!textColorInSchema && !backgroundColorInSchema) {
+      return false;
+    }
+    for (const block of selectedBlocks) {
+      if (block.content !== void 0) {
+        return true;
+      }
+    }
+    return false;
+  }, [backgroundColorInSchema, selectedBlocks, textColorInSchema]);
+  if (!show || !editor.isEditable) {
+    return null;
+  }
+  const tooltip = "\uD14D\uC2A4\uD2B8 \uC0C9\xB7\uBC30\uACBD";
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Components.Generic.Menu.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Components.Generic.Menu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      Components.FormattingToolbar.Button,
+      {
+        className: "bn-button",
+        "data-test": "colors",
+        label: tooltip,
+        mainTooltip: tooltip,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          ColorIcon,
+          {
+            textColor: currentTextColor,
+            backgroundColor: currentBackgroundColor,
+            size: 20
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      Components.Generic.Menu.Dropdown,
+      {
+        className: "bn-menu-dropdown bn-color-picker-dropdown",
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          LumirColorPicker,
+          {
+            textTitle: "\uD14D\uC2A4\uD2B8 \uC0C9",
+            backgroundTitle: "\uD14D\uC2A4\uD2B8 \uBC30\uACBD",
+            text: textColorInSchema ? { color: currentTextColor, setColor: setTextColor } : void 0,
+            background: backgroundColorInSchema ? { color: currentBackgroundColor, setColor: setBackgroundColor } : void 0
+          }
+        )
+      }
+    )
+  ] });
+}
+function LumirCellColorToolbarButton() {
+  const Components = (0, import_react26.useComponentsContext)();
+  const editor = (0, import_react26.useBlockNoteEditor)();
+  const selectedBlocks = (0, import_react26.useSelectedBlocks)(editor);
+  const isMultiCell = (0, import_react27.useMemo)(() => {
+    if (selectedBlocks.length !== 1 || selectedBlocks[0].type !== "table") {
+      return false;
+    }
+    const cs = editor.tableHandles?.getCellSelection();
+    return !!cs && cs.cells.length > 1;
+  }, [editor, selectedBlocks]);
+  const stashRef = (0, import_react27.useRef)([]);
+  const applyBackground = (0, import_react27.useCallback)(
+    (color) => {
+      const live = getSelectedCellPositions(editor);
+      const positions = live.length > 0 ? live : stashRef.current;
+      setCellAttrAtPositions(editor, positions, "backgroundColor", color);
+      setTimeout(() => editor.focus());
+    },
+    [editor]
+  );
+  if (!editor.isEditable || !isMultiCell) {
+    return null;
+  }
+  const tooltip = "\uC140 \uBC30\uACBD\uC0C9";
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    Components.Generic.Menu.Root,
+    {
+      onOpenChange: (open) => {
+        if (open) {
+          stashRef.current = getSelectedCellPositions(editor);
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Components.Generic.Menu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          Components.FormattingToolbar.Button,
+          {
+            className: "bn-button",
+            "data-test": "cell-colors",
+            label: tooltip,
+            mainTooltip: tooltip,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CellFillIcon, { size: 18 })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          Components.Generic.Menu.Dropdown,
+          {
+            className: "bn-menu-dropdown bn-color-picker-dropdown",
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              LumirColorPicker,
+              {
+                backgroundTitle: "\uC140 \uBC30\uACBD",
+                background: { color: "default", setColor: applyBackground }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function LumirCellColorPickerButton(props) {
+  const Components = (0, import_react26.useComponentsContext)();
+  const editor = (0, import_react26.useBlockNoteEditor)();
+  const updateColor = (color, type) => {
+    const newTable = props.block.content.rows.map((row) => ({
+      ...row,
+      cells: row.cells.map((cell) => (0, import_core4.mapTableCell)(cell))
+    }));
+    if (type === "text") {
+      newTable[props.rowIndex].cells[props.colIndex].props.textColor = color;
+    } else {
+      newTable[props.rowIndex].cells[props.colIndex].props.backgroundColor = color;
+    }
+    editor.updateBlock(props.block, {
+      type: "table",
+      content: { ...props.block.content, rows: newTable }
+    });
+    editor.setTextCursorPosition(props.block);
+  };
+  const currentCell = props.block.content.rows[props.rowIndex]?.cells?.[props.colIndex];
+  if (!currentCell || editor.settings.tables.cellTextColor === false && editor.settings.tables.cellBackgroundColor === false) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Components.Generic.Menu.Root, { position: "right", sub: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Components.Generic.Menu.Trigger, { sub: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Components.Generic.Menu.Item, { className: "bn-menu-item", subTrigger: true, children: "\uC140 \uC0C9\xB7\uBC30\uACBD" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      Components.Generic.Menu.Dropdown,
+      {
+        sub: true,
+        className: "bn-menu-dropdown bn-color-picker-dropdown",
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          LumirColorPicker,
+          {
+            iconSize: 18,
+            textTitle: "\uC140 \uAE00\uC790\uC0C9",
+            backgroundTitle: "\uC140 \uBC30\uACBD",
+            text: editor.settings.tables.cellTextColor ? {
+              color: (0, import_core4.isTableCell)(currentCell) ? currentCell.props.textColor : "default",
+              setColor: (color) => updateColor(color, "text")
+            } : void 0,
+            background: editor.settings.tables.cellBackgroundColor ? {
+              color: (0, import_core4.isTableCell)(currentCell) ? currentCell.props.backgroundColor : "default",
+              setColor: (color) => updateColor(color, "background")
+            } : void 0
+          }
+        )
+      }
+    )
+  ] });
+}
+function LumirTableCellMenu(props) {
+  const Components = (0, import_react26.useComponentsContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    Components.Generic.Menu.Dropdown,
+    {
+      className: "bn-menu-dropdown bn-drag-handle-menu",
+      children: props.children || /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          import_react26.SplitButton,
+          {
+            block: props.block,
+            rowIndex: props.rowIndex,
+            colIndex: props.colIndex
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          LumirCellColorPickerButton,
+          {
+            block: props.block,
+            rowIndex: props.rowIndex,
+            colIndex: props.colIndex
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/CustomFormattingToolbar.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var CustomFormattingToolbar = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react28.FormattingToolbar, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.BlockTypeSelect, {}, "blockTypeSelect"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.TableCellMergeButton, {}, "tableCellMergeButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.FileCaptionButton, {}, "fileCaptionButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.FileReplaceButton, {}, "replaceFileButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.FileRenameButton, {}, "fileRenameButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.FileDeleteButton, {}, "fileDeleteButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.FileDownloadButton, {}, "fileDownloadButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.FilePreviewButton, {}, "filePreviewButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.BasicTextStyleButton, { basicTextStyle: "bold" }, "boldStyleButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_react28.BasicTextStyleButton,
+      {
+        basicTextStyle: "italic"
       },
       "italicStyleButton"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_react22.BasicTextStyleButton,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_react28.BasicTextStyleButton,
       {
         basicTextStyle: "underline"
       },
       "underlineStyleButton"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_react22.BasicTextStyleButton,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_react28.BasicTextStyleButton,
       {
         basicTextStyle: "strike"
       },
       "strikeStyleButton"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TextAlignButtonWithVA, { textAlignment: "left" }, "textAlignLeftButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextAlignButtonWithVA, { textAlignment: "left" }, "textAlignLeftButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       TextAlignButtonWithVA,
       {
         textAlignment: "center"
       },
       "textAlignCenterButton"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TextAlignButtonWithVA, { textAlignment: "right" }, "textAlignRightButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextAlignButtonWithVA, { textAlignment: "right" }, "textAlignRightButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       VerticalAlignButton,
       {
         verticalAlignment: "top"
       },
       "verticalAlignTop"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       VerticalAlignButton,
       {
         verticalAlignment: "middle"
       },
       "verticalAlignMiddle"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       VerticalAlignButton,
       {
         verticalAlignment: "bottom"
       },
       "verticalAlignBottom"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.ColorStyleButton, {}, "colorStyleButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.NestBlockButton, {}, "nestBlockButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.UnnestBlockButton, {}, "unnestBlockButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react22.CreateLinkButton, {}, "createLinkButton")
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FontSizeButton2, {}, "fontSizeButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LumirColorStyleButton, {}, "colorStyleButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(LumirCellColorToolbarButton, {}, "cellColorButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.NestBlockButton, {}, "nestBlockButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.UnnestBlockButton, {}, "unnestBlockButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react28.CreateLinkButton, {}, "createLinkButton")
   ] });
 };
 
+// src/components/LumirTableHandlesController.tsx
+var import_react31 = require("@blocknote/react");
+var import_react32 = require("@floating-ui/react");
+var import_react33 = require("react");
+
+// src/components/hooks/useFocusedCellHandlePositioning.ts
+var import_react29 = require("@floating-ui/react");
+var import_react30 = require("react");
+function useFocusedCellHandlePositioning(cellEl, tbodyEl, orientation, show) {
+  const { refs, floatingStyles, context } = (0, import_react29.useFloating)({
+    open: show,
+    placement: orientation === "row" ? "left" : orientation === "col" ? "top" : "right",
+    // col/row: 가장자리 선(zero-size)에, cell: 셀 우측 보더에 14px hit-area 중앙 정렬(-7).
+    middleware: [(0, import_react29.offset)(-7)],
+    whileElementsMounted: import_react29.autoUpdate
+  });
+  const { isMounted, styles } = (0, import_react29.useTransitionStyles)(context);
+  (0, import_react30.useEffect)(() => {
+    if (!cellEl) {
+      refs.setReference(null);
+      return;
+    }
+    refs.setReference({
+      contextElement: cellEl,
+      getBoundingClientRect: () => {
+        const c = cellEl.getBoundingClientRect();
+        const t = tbodyEl?.getBoundingClientRect() ?? c;
+        if (orientation === "col") {
+          return new DOMRect(c.left, t.top, c.width, 0);
+        }
+        if (orientation === "row") {
+          return new DOMRect(t.left, c.top, 0, c.height);
+        }
+        return c;
+      }
+    });
+  }, [cellEl, tbodyEl, orientation, refs]);
+  return (0, import_react30.useMemo)(
+    () => ({
+      isMounted,
+      ref: refs.setFloating,
+      // display는 CSS 클래스에서 제어한다(absolute 자식 stacking).
+      style: {
+        ...styles,
+        ...floatingStyles
+      }
+    }),
+    [floatingStyles, isMounted, refs.setFloating, styles]
+  );
+}
+
+// src/components/LumirTableHandlesController.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function syncCoreHoverToFocusedCell(cellEl) {
+  const r = cellEl.getBoundingClientRect();
+  cellEl.dispatchEvent(
+    new MouseEvent("mousemove", {
+      bubbles: true,
+      cancelable: true,
+      view: window,
+      clientX: r.left + r.width / 2,
+      clientY: r.top + r.height / 2
+    })
+  );
+}
+function LumirTableHandlesController() {
+  const editor = (0, import_react31.useBlockNoteEditor)();
+  const [focused, setFocused] = (0, import_react33.useState)(null);
+  const [menuContainerRef, setMenuContainerRef] = (0, import_react33.useState)(null);
+  const [overlayEl, setOverlayEl] = (0, import_react33.useState)(null);
+  const [openMenu, setOpenMenu] = (0, import_react33.useState)(null);
+  const frozenRef = (0, import_react33.useRef)(false);
+  const menuOpenRef = (0, import_react33.useRef)(false);
+  const draggingRef = (0, import_react33.useRef)(false);
+  const recompute = (0, import_react33.useCallback)(() => {
+    if (frozenRef.current) {
+      return;
+    }
+    const th2 = editor.tableHandles;
+    const view = editor.prosemirrorView;
+    if (!th2 || !view) {
+      setFocused(null);
+      return;
+    }
+    let cellEl2 = null;
+    try {
+      const { node } = view.domAtPos(view.state.selection.from);
+      const el = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+      cellEl2 = el?.closest?.("td, th") ?? null;
+    } catch {
+      cellEl2 = null;
+    }
+    if (!cellEl2 || !cellEl2.isConnected) {
+      setFocused(null);
+      return;
+    }
+    const blockId = cellEl2.closest("[data-id]")?.getAttribute("data-id");
+    const block = blockId ? editor.getBlock(blockId) : void 0;
+    if (!block || block.type !== "table") {
+      setFocused(null);
+      return;
+    }
+    const cellSel = th2.getCellSelection();
+    if (!cellSel) {
+      setFocused(null);
+      return;
+    }
+    const widgetContainer = cellEl2.closest(".tableWrapper")?.querySelector(".table-widgets-container");
+    const tbodyEl2 = cellEl2.closest("tbody");
+    if (!widgetContainer || !tbodyEl2) {
+      setFocused(null);
+      return;
+    }
+    setFocused({
+      block,
+      rowIndex: cellSel.from.row,
+      colIndex: cellSel.from.col,
+      cellEl: cellEl2,
+      tbodyEl: tbodyEl2,
+      widgetContainer
+    });
+  }, [editor]);
+  (0, import_react31.useEditorContentOrSelectionChange)(recompute, editor);
+  (0, import_react33.useEffect)(() => {
+    recompute();
+  }, [recompute]);
+  (0, import_react33.useEffect)(() => {
+    const onUp = () => {
+      requestAnimationFrame(() => {
+        if (!menuOpenRef.current && !draggingRef.current && frozenRef.current) {
+          frozenRef.current = false;
+          recompute();
+        }
+      });
+    };
+    window.addEventListener("pointerup", onUp);
+    return () => window.removeEventListener("pointerup", onUp);
+  }, [recompute]);
+  (0, import_react33.useEffect)(() => {
+    const f = focused;
+    if (!f || !overlayEl) {
+      return;
+    }
+    const PAD = 1;
+    const update = () => {
+      const cr = f.cellEl.getBoundingClientRect();
+      const tr = f.tbodyEl.getBoundingClientRect();
+      const kr = f.widgetContainer.getBoundingClientRect();
+      const x1 = openMenu === "row" ? tr.left : cr.left;
+      const y1 = openMenu === "col" ? tr.top : cr.top;
+      const x2 = openMenu === "row" ? tr.right : cr.right;
+      const y2 = openMenu === "col" ? tr.bottom : cr.bottom;
+      const dpr = window.devicePixelRatio || 1;
+      const rd = (v) => Math.round(v * dpr) / dpr;
+      const left = rd(x1 - kr.left) - PAD;
+      const top = rd(y1 - kr.top) - PAD;
+      const right = rd(x2 - kr.left) + PAD;
+      const bottom = rd(y2 - kr.top) + PAD;
+      overlayEl.style.transform = `translate(${left}px, ${top}px)`;
+      overlayEl.style.width = `${right - left}px`;
+      overlayEl.style.height = `${bottom - top}px`;
+    };
+    update();
+    return (0, import_react32.autoUpdate)(f.cellEl, overlayEl, update);
+  }, [focused, overlayEl, openMenu]);
+  const cellEl = focused?.cellEl ?? null;
+  const tbodyEl = focused?.tbodyEl ?? null;
+  const show = focused !== null;
+  const rowHandle = useFocusedCellHandlePositioning(cellEl, tbodyEl, "row", show);
+  const colHandle = useFocusedCellHandlePositioning(cellEl, tbodyEl, "col", show);
+  const cellHandle = useFocusedCellHandlePositioning(
+    cellEl,
+    tbodyEl,
+    "cell",
+    show
+  );
+  const th = editor.tableHandles;
+  const coreState = (0, import_react31.useUIPluginState)(
+    editor.tableHandles.onUpdate.bind(editor.tableHandles)
+  );
+  const { addOrRemoveColumnsButton, addOrRemoveRowsButton } = (0, import_react31.useExtendButtonsPositioning)(
+    coreState?.showAddOrRemoveColumnsButton || false,
+    coreState?.showAddOrRemoveRowsButton || false,
+    coreState?.referencePosTable || null
+  );
+  const onStartExtend = (0, import_react33.useCallback)(() => {
+    editor.tableHandles?.freezeHandles();
+  }, [editor]);
+  const onEndExtend = (0, import_react33.useCallback)(() => {
+    editor.tableHandles?.unfreezeHandles();
+  }, [editor]);
+  const menuHandlers = (0, import_react33.useMemo)(() => {
+    const mk = (kind) => ({
+      freeze: () => {
+        menuOpenRef.current = true;
+        frozenRef.current = true;
+        setOpenMenu(kind);
+        editor.tableHandles?.freezeHandles();
+      },
+      unfreeze: () => {
+        menuOpenRef.current = false;
+        frozenRef.current = false;
+        setOpenMenu(null);
+        editor.tableHandles?.unfreezeHandles();
+        recompute();
+      }
+    });
+    return { col: mk("col"), row: mk("row"), cell: mk("cell") };
+  }, [editor, recompute]);
+  const onGutterPointerDown = (0, import_react33.useCallback)(() => {
+    frozenRef.current = true;
+  }, []);
+  const onGutterPointerEnter = (0, import_react33.useCallback)(
+    (e) => {
+      if (e.buttons === 0 && focused) {
+        syncCoreHoverToFocusedCell(focused.cellEl);
+      }
+    },
+    [focused]
+  );
+  const makeDragStart = (0, import_react33.useCallback)(
+    (dir) => (e) => {
+      draggingRef.current = true;
+      frozenRef.current = true;
+      if (dir === "row") {
+        editor.tableHandles?.rowDragStart(e);
+      } else {
+        editor.tableHandles?.colDragStart(e);
+      }
+    },
+    [editor]
+  );
+  const onDragEnd = (0, import_react33.useCallback)(() => {
+    editor.tableHandles?.dragEnd();
+    draggingRef.current = false;
+    frozenRef.current = false;
+    recompute();
+  }, [editor, recompute]);
+  const noop = (0, import_react33.useCallback)(() => {
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: setMenuContainerRef }),
+    th && focused && menuContainerRef && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react32.FloatingPortal, { root: focused.widgetContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: setOverlayEl, className: "lumir-tbl-cell-focus" }),
+      colHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "div",
+        {
+          ref: colHandle.ref,
+          style: colHandle.style,
+          className: "lumir-tbl-gutter-wrap lumir-tbl-gutter-wrap--col" + (openMenu === "col" ? " lumir-tbl-gutter-wrap--active" : ""),
+          onPointerEnter: onGutterPointerEnter,
+          onPointerDown: onGutterPointerDown,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "lumir-tbl-gutter" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              import_react31.TableHandle,
+              {
+                editor,
+                orientation: "column",
+                index: focused.colIndex,
+                block: focused.block,
+                dragStart: makeDragStart("col"),
+                dragEnd: onDragEnd,
+                freezeHandles: menuHandlers.col.freeze,
+                unfreezeHandles: menuHandlers.col.unfreeze,
+                menuContainer: menuContainerRef,
+                showOtherSide: noop,
+                hideOtherSide: noop
+              }
+            ) })
+          ]
+        }
+      ),
+      rowHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "div",
+        {
+          ref: rowHandle.ref,
+          style: rowHandle.style,
+          className: "lumir-tbl-gutter-wrap lumir-tbl-gutter-wrap--row" + (openMenu === "row" ? " lumir-tbl-gutter-wrap--active" : ""),
+          onPointerEnter: onGutterPointerEnter,
+          onPointerDown: onGutterPointerDown,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "lumir-tbl-gutter" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              import_react31.TableHandle,
+              {
+                editor,
+                orientation: "row",
+                index: focused.rowIndex,
+                block: focused.block,
+                dragStart: makeDragStart("row"),
+                dragEnd: onDragEnd,
+                freezeHandles: menuHandlers.row.freeze,
+                unfreezeHandles: menuHandlers.row.unfreeze,
+                menuContainer: menuContainerRef,
+                showOtherSide: noop,
+                hideOtherSide: noop
+              }
+            ) })
+          ]
+        }
+      ),
+      cellHandle.isMounted && openMenu !== "col" && openMenu !== "row" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "div",
+        {
+          ref: cellHandle.ref,
+          style: cellHandle.style,
+          className: "lumir-tbl-gutter-wrap lumir-tbl-gutter-wrap--cell" + (openMenu === "cell" ? " lumir-tbl-gutter-wrap--active" : ""),
+          onPointerDown: onGutterPointerDown,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "lumir-tbl-gutter" }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              import_react31.TableCellButton,
+              {
+                editor,
+                rowIndex: focused.rowIndex,
+                colIndex: focused.colIndex,
+                block: focused.block,
+                tableCellMenu: LumirTableCellMenu,
+                menuContainer: menuContainerRef,
+                freezeHandles: menuHandlers.cell.freeze,
+                unfreezeHandles: menuHandlers.cell.unfreeze
+              }
+            ) })
+          ]
+        }
+      )
+    ] }),
+    th && coreState?.widgetContainer && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react32.FloatingPortal, { root: coreState.widgetContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref: addOrRemoveRowsButton.ref, style: addOrRemoveRowsButton.style, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        import_react31.ExtendButton,
+        {
+          editor,
+          orientation: "addOrRemoveRows",
+          block: coreState.block,
+          onMouseDown: onStartExtend,
+          onMouseUp: onEndExtend
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "div",
+        {
+          ref: addOrRemoveColumnsButton.ref,
+          style: addOrRemoveColumnsButton.style,
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_react31.ExtendButton,
+            {
+              editor,
+              orientation: "addOrRemoveColumns",
+              block: coreState.block,
+              onMouseDown: onStartExtend,
+              onMouseUp: onEndExtend
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+
 // src/utils/table-vertical-alignment.ts
 function injectVerticalAlignment(blocks, editor) {
   const tiptap = editor?._tiptapEditor;
@@ -3224,6 +4178,90 @@ function patchBlocks(blocks, tableVAMap) {
   });
 }
 
+// src/utils/font-size-serialization.ts
+function mapPreservingRef(arr, fn) {
+  let changed = false;
+  const next = arr.map((item) => {
+    const mapped = fn(item);
+    if (mapped !== item) changed = true;
+    return mapped;
+  });
+  return changed ? next : arr;
+}
+function mapStyledItem(item, dir) {
+  if (!item || typeof item !== "object" || item.type !== "text") {
+    return item;
+  }
+  if (dir === "lower") {
+    const fs2 = item.styles?.fontSize;
+    if (fs2 == null) return item;
+    const { fontSize: _removed, ...restStyles } = item.styles;
+    return { ...item, styles: restStyles, fontSize: fs2 };
+  }
+  const fs = item.fontSize;
+  if (fs == null) return item;
+  const { fontSize: _lifted, ...rest } = item;
+  return { ...rest, styles: { ...item.styles ?? {}, fontSize: fs } };
+}
+function mapInlineItem(node, dir) {
+  if (!node || typeof node !== "object") return node;
+  if (node.type === "link" && Array.isArray(node.content)) {
+    const content = mapPreservingRef(
+      node.content,
+      (n) => mapStyledItem(n, dir)
+    );
+    return content === node.content ? node : { ...node, content };
+  }
+  return mapStyledItem(node, dir);
+}
+function mapCell(cell, dir) {
+  if (cell && typeof cell === "object" && cell.type === "tableCell") {
+    if (!Array.isArray(cell.content)) return cell;
+    const content = mapPreservingRef(
+      cell.content,
+      (n) => mapInlineItem(n, dir)
+    );
+    return content === cell.content ? cell : { ...cell, content };
+  }
+  if (Array.isArray(cell)) {
+    return mapPreservingRef(cell, (n) => mapInlineItem(n, dir));
+  }
+  return cell;
+}
+function mapBlock(block, dir) {
+  if (!block || typeof block !== "object") return block;
+  let next = block;
+  const content = block.content;
+  if (Array.isArray(content)) {
+    const mapped = mapPreservingRef(content, (n) => mapInlineItem(n, dir));
+    if (mapped !== content) next = { ...next, content: mapped };
+  } else if (content && typeof content === "object" && content.type === "tableContent" && Array.isArray(content.rows)) {
+    const rows = mapPreservingRef(content.rows, (row) => {
+      if (!row || !Array.isArray(row.cells)) return row;
+      const cells = mapPreservingRef(
+        row.cells,
+        (cell) => mapCell(cell, dir)
+      );
+      return cells === row.cells ? row : { ...row, cells };
+    });
+    if (rows !== content.rows) next = { ...next, content: { ...content, rows } };
+  }
+  if (Array.isArray(block.children) && block.children.length > 0) {
+    const children = mapPreservingRef(
+      block.children,
+      (b) => mapBlock(b, dir)
+    );
+    if (children !== block.children) next = { ...next, children };
+  }
+  return next;
+}
+function lowerFontSize(blocks) {
+  return mapPreservingRef(blocks, (b) => mapBlock(b, "lower"));
+}
+function liftFontSize(blocks) {
+  return mapPreservingRef(blocks, (b) => mapBlock(b, "lift"));
+}
+
 // src/utils/excel-paste.ts
 var NAMED_COLORS = {
   black: "#000000",
@@ -3472,7 +4510,7 @@ var ALLOWED_VIDEO_EXTENSIONS = [
 ];
 
 // src/components/LumirEditor.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var DEBUG_LOG = (loc, msg, data) => {
   const p = fetch("http://127.0.0.1:7686/ingest/1f8ee1c5-0cf0-4ae7-91ed-5ea7ed17130a", {
     method: "POST",
@@ -3637,6 +4675,12 @@ var isVideoFile = (file, maxSize) => {
   });
   return result;
 };
+var isSuppressiblePopupSelection = (editor, selection) => {
+  if (!selection) return false;
+  if (selection.node) return false;
+  if (isInTableCell(editor)) return false;
+  return true;
+};
 var isHtmlFile = (file) => {
   return file.size > 0 && (file.type === "text/html" || file.name?.toLowerCase().endsWith(".html") || file.name?.toLowerCase().endsWith(".htm"));
 };
@@ -3697,9 +4741,9 @@ var findBlockWithLink = (blocks, targetUrl) => {
   return null;
 };
 var ConvertToPreviewButton = ({ url }) => {
-  const editor = (0, import_react24.useBlockNoteEditor)();
-  const Components = (0, import_react24.useComponentsContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  const editor = (0, import_react35.useBlockNoteEditor)();
+  const Components = (0, import_react35.useComponentsContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     Components.LinkToolbar.Button,
     {
       className: "bn-button",
@@ -3718,29 +4762,29 @@ var ConvertToPreviewButton = ({ url }) => {
           console.error("Convert to link preview failed:", err);
         }
       },
-      icon: /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime20.jsx)("rect", { x: "1", y: "3", width: "14", height: "10", rx: "2", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "1", y1: "9", x2: "15", y2: "9", stroke: "currentColor", strokeWidth: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("circle", { cx: "5", cy: "6.5", r: "1.5", stroke: "currentColor", strokeWidth: "1", fill: "none" })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)("rect", { x: "1", y: "3", width: "14", height: "10", rx: "2", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("line", { x1: "1", y1: "9", x2: "15", y2: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("circle", { cx: "5", cy: "6.5", r: "1.5", stroke: "currentColor", strokeWidth: "1", fill: "none" })
       ] })
     }
   );
 };
 var CustomLinkToolbar = (props) => {
-  const editor = (0, import_react24.useBlockNoteEditor)();
-  const Components = (0, import_react24.useComponentsContext)();
+  const editor = (0, import_react35.useBlockNoteEditor)();
+  const Components = (0, import_react35.useComponentsContext)();
   const hasLinkPreview = !!editor?._linkPreviewApiEndpoint;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     Components.LinkToolbar.Root,
     {
       className: "bn-toolbar bn-link-toolbar",
       onMouseEnter: props.stopHideTimer,
       onMouseLeave: props.startHideTimer,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.EditLinkButton, { url: props.url, text: props.text, editLink: props.editLink }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.OpenLinkButton, { url: props.url }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.DeleteLinkButton, { deleteLink: props.deleteLink }),
-        hasLinkPreview && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ConvertToPreviewButton, { url: props.url })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.EditLinkButton, { url: props.url, text: props.text, editLink: props.editLink }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.OpenLinkButton, { url: props.url }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.DeleteLinkButton, { deleteLink: props.deleteLink }),
+        hasLinkPreview && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ConvertToPreviewButton, { url: props.url })
       ]
     }
   );
@@ -3784,13 +4828,13 @@ function LumirEditor({
   onError,
   onImageDelete
 }) {
-  const [isUploading, setIsUploading] = (0, import_react23.useState)(false);
-  const [uploadProgress, setUploadProgress] = (0, import_react23.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react23.useState)(null);
-  const floatingMenuFileInputRef = (0, import_react23.useRef)(null);
-  const floatingMenuBlockRef = (0, import_react23.useRef)(null);
-  const floatingMenuUploadStartTimeRef = (0, import_react23.useRef)(0);
-  const handleError = (0, import_react23.useCallback)(
+  const [isUploading, setIsUploading] = (0, import_react34.useState)(false);
+  const [uploadProgress, setUploadProgress] = (0, import_react34.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react34.useState)(null);
+  const floatingMenuFileInputRef = (0, import_react34.useRef)(null);
+  const floatingMenuBlockRef = (0, import_react34.useRef)(null);
+  const floatingMenuUploadStartTimeRef = (0, import_react34.useRef)(0);
+  const handleError = (0, import_react34.useCallback)(
     (error) => {
       onError?.(error);
       setErrorMessage(error.getUserMessage());
@@ -3798,10 +4842,12 @@ function LumirEditor({
     },
     [onError]
   );
-  const validatedContent = (0, import_react23.useMemo)(() => {
-    return ContentUtils.validateContent(initialContent, initialEmptyBlocks);
+  const validatedContent = (0, import_react34.useMemo)(() => {
+    return liftFontSize(
+      ContentUtils.validateContent(initialContent, initialEmptyBlocks)
+    );
   }, [initialContent, initialEmptyBlocks]);
-  const tableConfig = (0, import_react23.useMemo)(() => {
+  const tableConfig = (0, import_react34.useMemo)(() => {
     return EditorConfig.getDefaultTableConfig(tables);
   }, [
     tables?.splitCells,
@@ -3809,10 +4855,10 @@ function LumirEditor({
     tables?.cellTextColor,
     tables?.headers
   ]);
-  const headingConfig = (0, import_react23.useMemo)(() => {
+  const headingConfig = (0, import_react34.useMemo)(() => {
     return EditorConfig.getDefaultHeadingConfig(heading);
   }, [heading?.levels?.join(",") ?? ""]);
-  const disabledExtensions = (0, import_react23.useMemo)(() => {
+  const disabledExtensions = (0, import_react34.useMemo)(() => {
     return EditorConfig.getDisabledExtensions(
       disableExtensions,
       allowVideoUpload,
@@ -3820,18 +4866,18 @@ function LumirEditor({
       allowFileUpload
     );
   }, [disableExtensions, allowVideoUpload, allowAudioUpload, allowFileUpload]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     DEBUG_LOG("LumirEditor:init:disabledExtensions", "snapshot", {
       allowVideoUpload,
       hasVideoInDisabled: disabledExtensions.includes("video"),
       disabledList: disabledExtensions.slice(0, 15)
     });
   }, [allowVideoUpload, disabledExtensions]);
-  const fileNameTransformRef = (0, import_react23.useRef)(s3Upload?.fileNameTransform);
-  (0, import_react23.useEffect)(() => {
+  const fileNameTransformRef = (0, import_react34.useRef)(s3Upload?.fileNameTransform);
+  (0, import_react34.useEffect)(() => {
     fileNameTransformRef.current = s3Upload?.fileNameTransform;
   }, [s3Upload?.fileNameTransform]);
-  const memoizedS3Upload = (0, import_react23.useMemo)(() => {
+  const memoizedS3Upload = (0, import_react34.useMemo)(() => {
     if (!s3Upload) return void 0;
     return {
       apiEndpoint: s3Upload.apiEndpoint,
@@ -3860,10 +4906,19 @@ function LumirEditor({
     s3Upload?.maxRetries,
     s3Upload?.onProgress
   ]);
-  const editor = (0, import_react24.useCreateBlockNote)(
+  const editor = (0, import_react35.useCreateBlockNote)(
     {
       // HTML 미리보기 블록이 포함된 커스텀 스키마 사용
       schema,
+      // 모든 BlockNote UI 텍스트(테이블 드롭다운 등) 한글 적용 + "색깔"→"색"
+      dictionary: {
+        ...import_locales.ko,
+        drag_handle: { ...import_locales.ko.drag_handle, colors_menuitem: "\uC0C9" },
+        formatting_toolbar: {
+          ...import_locales.ko.formatting_toolbar,
+          colors: { ...import_locales.ko.formatting_toolbar.colors, tooltip: "\uC0C9" }
+        }
+      },
       initialContent: validatedContent,
       tables: tableConfig,
       heading: headingConfig,
@@ -4055,27 +5110,40 @@ function LumirEditor({
   if (editor && linkPreview?.apiEndpoint) {
     editor._linkPreviewApiEndpoint = linkPreview.apiEndpoint;
   }
-  (0, import_react23.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (editor) {
       editor.isEditable = editable;
     }
   }, [editor, editable]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
+    if (!editor || !floatingMenu) return;
+    const ft = editor.formattingToolbar;
+    if (!ft?.onUpdate) return;
+    const unsubscribe = ft.onUpdate((state) => {
+      if (!state?.show) return;
+      const selection = editor._tiptapEditor?.state?.selection;
+      if (isSuppressiblePopupSelection(editor, selection)) {
+        ft.closeMenu();
+      }
+    });
+    return unsubscribe;
+  }, [editor, floatingMenu]);
+  (0, import_react34.useEffect)(() => {
     if (!editor || !onContentChange) return;
     const handleContentChange = () => {
       const blocks = editor.topLevelBlocks;
-      const patched = injectVerticalAlignment(blocks, editor);
+      const patched = lowerFontSize(injectVerticalAlignment(blocks, editor));
       onContentChange(patched);
     };
     return editor.onEditorContentChange(handleContentChange);
   }, [editor, onContentChange]);
-  const previousMediaUrlsRef = (0, import_react23.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react23.useEffect)(() => {
+  const previousMediaUrlsRef = (0, import_react34.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react34.useEffect)(() => {
     if (!editor) return;
     const initialBlocks = editor.topLevelBlocks;
     previousMediaUrlsRef.current = extractMediaUrls(initialBlocks);
   }, [editor]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (!editor || !onImageDelete) return;
     const handleMediaDeleteCheck = () => {
       const currentBlocks = editor.topLevelBlocks;
@@ -4089,7 +5157,7 @@ function LumirEditor({
     };
     return editor.onEditorContentChange(handleMediaDeleteCheck);
   }, [editor, onImageDelete]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     const el = editor?.domElement;
     if (!el) return;
     const handleDragOver = (e) => {
@@ -4220,20 +5288,20 @@ function LumirEditor({
       el.removeEventListener("drop", handleDrop, { capture: true });
     };
   }, [editor, allowVideoUpload]);
-  const computedSideMenu = (0, import_react23.useMemo)(() => {
+  const computedSideMenu = (0, import_react34.useMemo)(() => {
     return sideMenuAddButton ? sideMenu : false;
   }, [sideMenuAddButton, sideMenu]);
-  const DragHandleOnlySideMenu = (0, import_react23.useMemo)(() => {
-    return (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.SideMenu, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.DragHandleButton, { ...props }) });
+  const DragHandleOnlySideMenu = (0, import_react34.useMemo)(() => {
+    return (props) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.SideMenu, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.DragHandleButton, { ...props }) });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       className: cn("lumirEditor", className),
       style: { position: "relative", display: "flex", flexDirection: "column" },
       children: [
-        floatingMenu && editor && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        floatingMenu && editor && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "input",
             {
               ref: floatingMenuFileInputRef,
@@ -4304,7 +5372,7 @@ function LumirEditor({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             FloatingMenu,
             {
               editor,
@@ -4336,7 +5404,7 @@ function LumirEditor({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           import_mantine.BlockNoteView,
           {
             editor,
@@ -4348,23 +5416,24 @@ function LumirEditor({
             slashMenu: false,
             emojiPicker,
             filePanel,
-            tableHandles,
+            tableHandles: false,
             onSelectionChange,
             children: [
-              formattingToolbar && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                import_react24.FormattingToolbarController,
+              tableHandles && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LumirTableHandlesController, {}),
+              formattingToolbar && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                import_react35.FormattingToolbarController,
                 {
                   formattingToolbar: CustomFormattingToolbar
                 }
               ),
-              linkToolbar && (linkPreview?.apiEndpoint ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.LinkToolbarController, { linkToolbar: CustomLinkToolbar }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.LinkToolbarController, {})),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-                import_react24.SuggestionMenuController,
+              linkToolbar && (linkPreview?.apiEndpoint ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.LinkToolbarController, { linkToolbar: CustomLinkToolbar }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.LinkToolbarController, {})),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                import_react35.SuggestionMenuController,
                 {
                   triggerCharacter: "/",
-                  getItems: (0, import_react23.useCallback)(
+                  getItems: (0, import_react34.useCallback)(
                     async (query) => {
-                      const items = (0, import_react24.getDefaultReactSlashMenuItems)(editor);
+                      const items = (0, import_react35.getDefaultReactSlashMenuItems)(editor);
                       const filtered = items.filter((item) => {
                         const key = (item?.key || "").toString().toLowerCase();
                         const title = (item?.title || "").toString().toLowerCase();
@@ -4406,7 +5475,7 @@ function LumirEditor({
                         },
                         aliases: ["html", "preview", "\uC6F9", "\uC6F9\uD398\uC774\uC9C0"],
                         group: "Embeds",
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                           "svg",
                           {
                             width: "18",
@@ -4418,8 +5487,8 @@ function LumirEditor({
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("polyline", { points: "16 18 22 12 16 6" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("polyline", { points: "8 6 2 12 8 18" })
+                              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("polyline", { points: "16 18 22 12 16 6" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("polyline", { points: "8 6 2 12 8 18" })
                             ]
                           }
                         ),
@@ -4430,7 +5499,7 @@ function LumirEditor({
                         allItems.push({
                           title: "Link Preview",
                           onItemClick: () => {
-                            (0, import_core4.insertOrUpdateBlock)(editor, {
+                            (0, import_core5.insertOrUpdateBlock)(editor, {
                               type: "linkPreview",
                               props: { url: "" }
                             });
@@ -4444,7 +5513,7 @@ function LumirEditor({
                             "\uD504\uB9AC\uBDF0"
                           ],
                           group: "Embeds",
-                          icon: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                             "svg",
                             {
                               width: "18",
@@ -4456,14 +5525,31 @@ function LumirEditor({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime20.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_runtime25.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_runtime25.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" })
                               ]
                             }
                           ),
                           subtext: "URL\uC758 \uBBF8\uB9AC\uBCF4\uAE30 \uCE74\uB4DC\uB97C \uC0BD\uC785"
                         });
                       }
+                      const enSlash = import_locales.en.slash_menu;
+                      for (const it of allItems) {
+                        const enEntry = it.key ? enSlash[it.key] : void 0;
+                        if (!enEntry) continue;
+                        const extra = [...enEntry.aliases ?? [], enEntry.title].filter((s) => Boolean(s)).map((s) => s.toLowerCase());
+                        it.aliases = Array.from(
+                          /* @__PURE__ */ new Set([...it.aliases ?? [], ...extra])
+                        );
+                      }
+                      const groupOrder = [];
+                      for (const it of allItems) {
+                        const g = it.group ?? "";
+                        if (!groupOrder.includes(g)) groupOrder.push(g);
+                      }
+                      allItems.sort(
+                        (a, b) => groupOrder.indexOf(a.group ?? "") - groupOrder.indexOf(b.group ?? "")
+                      );
                       if (!query) return allItems;
                       const q = query.toLowerCase();
                       return allItems.filter(
@@ -4476,21 +5562,21 @@ function LumirEditor({
                   )
                 }
               ),
-              !sideMenuAddButton && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react24.SideMenuController, { sideMenu: DragHandleOnlySideMenu })
+              !sideMenuAddButton && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react35.SideMenuController, { sideMenu: DragHandleOnlySideMenu })
             ]
           }
         ),
-        isUploading && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "lumirEditor-upload-overlay", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "lumirEditor-spinner" }),
-          uploadProgress !== null && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "lumirEditor-upload-progress", children: [
+        isUploading && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lumirEditor-upload-overlay", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lumirEditor-spinner" }),
+          uploadProgress !== null && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "lumirEditor-upload-progress", children: [
             uploadProgress,
             "%"
           ] })
         ] }),
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "lumirEditor-error-toast", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "lumirEditor-error-icon", children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "lumirEditor-error-message", children: errorMessage }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "lumirEditor-error-toast", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "lumirEditor-error-icon", children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "lumirEditor-error-message", children: errorMessage }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "button",
             {
               className: "lumirEditor-error-close",
@@ -4509,7 +5595,10 @@ function LumirEditor({
   BACKGROUND_COLORS,
   ContentUtils,
   EditorConfig,
+  FONT_SIZE_PRESETS,
   FloatingMenu,
+  FontSize,
+  FontSizeButton,
   HtmlPreviewBlock,
   HtmlPreviewSchema,
   LinkPreviewBlock,
@@ -4520,6 +5609,8 @@ function LumirEditor({
   cn,
   createS3Uploader,
   fetchLinkMetadata,
-  getHexFromColorValue
+  getHexFromColorValue,
+  liftFontSize,
+  lowerFontSize
 });
 //# sourceMappingURL=index.js.map