@lumir-company/editor 0.4.21 → 0.4.23

package/dist/index.js

@@ -24,7 +24,11 @@ __export(index_exports, {
   BACKGROUND_COLORS: () => BACKGROUND_COLORS,
   ContentUtils: () => ContentUtils,
   EditorConfig: () => EditorConfig,
+  FONT_SIZE_DEFAULT_PX: () => FONT_SIZE_DEFAULT_PX,
+  FONT_SIZE_MAX: () => FONT_SIZE_MAX,
+  FONT_SIZE_MIN: () => FONT_SIZE_MIN,
   FONT_SIZE_PRESETS: () => FONT_SIZE_PRESETS,
+  FONT_SIZE_STEP: () => FONT_SIZE_STEP,
   FloatingMenu: () => FloatingMenu,
   FontSize: () => FontSize,
   FontSizeButton: () => FontSizeButton2,
@@ -34,21 +38,24 @@ __export(index_exports, {
   LumirEditor: () => LumirEditor,
   LumirEditorError: () => LumirEditorError,
   TEXT_COLORS: () => TEXT_COLORS,
+  clampFontSizePx: () => clampFontSizePx,
   clearMetadataCache: () => clearMetadataCache,
   cn: () => cn,
   createS3Uploader: () => createS3Uploader,
   fetchLinkMetadata: () => fetchLinkMetadata,
   getHexFromColorValue: () => getHexFromColorValue,
   liftFontSize: () => liftFontSize,
-  lowerFontSize: () => lowerFontSize
+  lowerFontSize: () => lowerFontSize,
+  parseFontSizePx: () => parseFontSizePx,
+  toFontSizeValue: () => toFontSizeValue
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/components/LumirEditor.tsx
-var import_react37 = require("react");
-var import_react38 = require("@blocknote/react");
+var import_react36 = require("react");
+var import_react37 = require("@blocknote/react");
 var import_mantine = require("@blocknote/mantine");
-var import_core10 = require("@blocknote/core");
+var import_core12 = require("@blocknote/core");
 var import_locales = require("@blocknote/core/locales");
 
 // src/utils/cn.ts
@@ -285,8 +292,8 @@ var createS3Uploader = (config) => {
 };
 
 // src/blocks/HtmlPreview.tsx
-var import_react6 = require("@blocknote/react");
-var import_core3 = require("@blocknote/core");
+var import_react5 = require("@blocknote/react");
+var import_core4 = require("@blocknote/core");
 
 // src/blocks/LinkPreview.tsx
 var import_react = require("@blocknote/react");
@@ -1561,15 +1568,22 @@ var Column = (0, import_core2.createStronglyTypedTiptapNode)({
 });
 
 // src/styles/FontSizeStyle.tsx
-var import_react5 = require("@blocknote/react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var FontSize = (0, import_react5.createReactStyleSpec)(
+var import_core3 = require("@blocknote/core");
+var FontSize = (0, import_core3.createStyleSpec)(
   {
     type: "fontSize",
     propSchema: "string"
   },
   {
-    render: (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontSize: props.value }, ref: props.contentRef })
+    // 바닐라(동기) 스타일 스펙: DOM을 직접 반환한다.
+    // createReactStyleSpec는 span 내용이 비동기 렌더되어, 적용 직후 동기 시점에
+    // 선택 영역의 DOM 좌표가 (0,0)으로 잡혀 BlockNote 포매팅 툴바가 좌상단으로
+    // 튀는 문제가 있었다(굵게/기울임 등 네이티브 마크는 동기 렌더라 정상).
+    render: (value) => {
+      const span = document.createElement("span");
+      span.style.fontSize = value;
+      return { dom: span, contentDOM: span };
+    }
   }
 );
 var FONT_SIZE_PRESETS = [
@@ -1582,10 +1596,58 @@ var FONT_SIZE_PRESETS = [
   "24px",
   "28px"
 ];
+var FONT_SIZE_MIN = 8;
+var FONT_SIZE_MAX = 96;
+var FONT_SIZE_DEFAULT_PX = 14;
+var FONT_SIZE_STEP = 1;
+function parseFontSizePx(size) {
+  const n = parseInt(size, 10);
+  return Number.isFinite(n) ? n : FONT_SIZE_DEFAULT_PX;
+}
+function clampFontSizePx(px) {
+  return Math.min(FONT_SIZE_MAX, Math.max(FONT_SIZE_MIN, Math.round(px)));
+}
+function toFontSizeValue(px) {
+  return `${clampFontSizePx(px)}px`;
+}
+function readSelectionFontSize(editor) {
+  const ed = editor;
+  const fallback = () => {
+    try {
+      return ed?.getActiveStyles?.().fontSize || "";
+    } catch {
+      return "";
+    }
+  };
+  try {
+    const tt = ed._tiptapEditor;
+    const state = tt?.state;
+    if (!state) return fallback();
+    const sel = state.selection;
+    if (sel.empty) {
+      const marks = state.storedMarks || sel.$to.marks();
+      const m = marks?.find?.((mk) => mk.type?.name === "fontSize");
+      return m?.attrs?.stringValue || "";
+    }
+    let value = null;
+    let mixed = false;
+    state.doc.nodesBetween(sel.from, sel.to, (node) => {
+      if (mixed || !node.isText) return !mixed;
+      const m = node.marks?.find?.((mk) => mk.type?.name === "fontSize");
+      const v = m?.attrs?.stringValue || "";
+      if (value === null) value = v;
+      else if (value !== v) mixed = true;
+      return !mixed;
+    });
+    return mixed ? "" : value || "";
+  } catch {
+    return fallback();
+  }
+}
 
 // src/blocks/HtmlPreview.tsx
-var import_react7 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var MIN_HEIGHT = 100;
 var MAX_HEIGHT = 1200;
 var ensureCharset = (html) => {
@@ -1623,7 +1685,7 @@ var createSecureBlobUrl = (htmlContent) => {
   });
   return URL.createObjectURL(blob);
 };
-var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
+var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
   {
     type: "htmlPreview",
     propSchema: {
@@ -1641,15 +1703,15 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
   },
   {
     render: (props) => {
-      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 [isExpanded, setIsExpanded] = (0, import_react6.useState)(true);
+      const [isResizing, setIsResizing] = (0, import_react6.useState)(false);
+      const [blobUrl, setBlobUrl] = (0, import_react6.useState)("");
+      const containerRef = (0, import_react6.useRef)(null);
       const htmlContent = props.block.props.htmlContent || "";
       const fileName = props.block.props.fileName || "HTML Document";
       const savedHeight = props.block.props.height || "400px";
       const currentHeight = parseInt(savedHeight, 10) || 400;
-      (0, import_react7.useEffect)(() => {
+      (0, import_react6.useEffect)(() => {
         if (htmlContent) {
           const url = createSecureBlobUrl(htmlContent);
           setBlobUrl(url);
@@ -1658,7 +1720,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
           };
         }
       }, [htmlContent]);
-      const handleResizeStart = (0, import_react7.useCallback)(
+      const handleResizeStart = (0, import_react6.useCallback)(
         (e) => {
           e.preventDefault();
           e.stopPropagation();
@@ -1685,7 +1747,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
         },
         [currentHeight, props.editor, props.block]
       );
-      const handleExport = (0, import_react7.useCallback)(
+      const handleExport = (0, import_react6.useCallback)(
         (e) => {
           e.stopPropagation();
           const safeFileName = sanitizeFileName(fileName);
@@ -1706,7 +1768,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
         },
         [htmlContent, fileName]
       );
-      const handleOpenNewWindow = (0, import_react7.useCallback)(
+      const handleOpenNewWindow = (0, import_react6.useCallback)(
         (e) => {
           e.stopPropagation();
           if (typeof window === "undefined") return;
@@ -1720,7 +1782,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
         },
         [htmlContent]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
           ref: containerRef,
@@ -1736,7 +1798,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
             boxShadow: "none"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 style: {
@@ -1748,7 +1810,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                   borderBottom: isExpanded ? "1px solid #e0e0e0" : "none"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                     "div",
                     {
                       style: {
@@ -1760,7 +1822,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                       },
                       onClick: () => setIsExpanded(!isExpanded),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                           "svg",
                           {
                             width: "16",
@@ -1775,15 +1837,15 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                               transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
                               transition: "transform 0.2s"
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "6 9 12 15 18 9" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "6 9 12 15 18 9" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { fontWeight: 500, fontSize: "14px" }, children: fileName })
+                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { fontWeight: 500, fontSize: "14px" }, children: fileName })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                       "button",
                       {
                         onClick: handleOpenNewWindow,
@@ -1806,7 +1868,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                         onMouseLeave: (e) => {
                           e.currentTarget.style.backgroundColor = "transparent";
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "svg",
                           {
                             width: "16",
@@ -1818,15 +1880,15 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__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)("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)(
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                       "button",
                       {
                         onClick: handleExport,
@@ -1849,7 +1911,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                         onMouseLeave: (e) => {
                           e.currentTarget.style.backgroundColor = "transparent";
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
                           "svg",
                           {
                             width: "16",
@@ -1861,9 +1923,9 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__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" })
+                              /* @__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" })
                             ]
                           }
                         )
@@ -1873,7 +1935,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                 ]
               }
             ),
-            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 style: {
@@ -1882,7 +1944,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                   position: "relative"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "iframe",
                     {
                       src: blobUrl || "about:blank",
@@ -1899,7 +1961,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                       loading: "lazy"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "div",
                     {
                       onMouseDown: handleResizeStart,
@@ -1924,7 +1986,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                           e.currentTarget.style.backgroundColor = "transparent";
                         }
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                         "div",
                         {
                           style: {
@@ -1946,84 +2008,84 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
     }
   }
 );
-var ColumnListBlock = (0, import_core3.createBlockSpecFromStronglyTypedTiptapNode)(
+var ColumnListBlock = (0, import_core4.createBlockSpecFromStronglyTypedTiptapNode)(
   ColumnList,
   // showDivider를 블록 prop으로 등록 → onContentChange JSON 직렬화 + 재로드 라운드트립.
   { showDivider: { default: false } }
 );
-var ColumnBlock = (0, import_core3.createBlockSpecFromStronglyTypedTiptapNode)(Column, {});
-var schema = import_core3.BlockNoteSchema.create({
+var ColumnBlock = (0, import_core4.createBlockSpecFromStronglyTypedTiptapNode)(Column, {});
+var schema = import_core4.BlockNoteSchema.create({
   blockSpecs: {
-    ...import_core3.defaultBlockSpecs,
+    ...import_core4.defaultBlockSpecs,
     htmlPreview: HtmlPreviewBlock,
     linkPreview: LinkPreviewBlock,
     video: VideoBlock,
     columnList: ColumnListBlock,
     column: ColumnBlock
   },
-  inlineContentSpecs: import_core3.defaultInlineContentSpecs,
+  inlineContentSpecs: import_core4.defaultInlineContentSpecs,
   styleSpecs: {
-    ...import_core3.defaultStyleSpecs,
+    ...import_core4.defaultStyleSpecs,
     // 인라인 글자 크기. 저장 JSON 직렬화는 형제 키 방식(font-size-serialization.ts) 사용.
     fontSize: FontSize
   }
 });
 
 // src/components/FloatingMenu/index.tsx
-var import_react19 = require("react");
+var import_react18 = require("react");
 
 // src/components/FloatingMenu/Icons.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var Icons = {
-  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" })
+  undo: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" }) }),
+  redo: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z" }) }),
+  bold: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" }) }),
+  italic: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z" }) }),
+  underline: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z" }) }),
+  strikethrough: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z" }) }),
+  alignLeft: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" }) }),
+  alignCenter: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }) }),
+  alignRight: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }) }),
+  bulletList: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z" }) }),
+  numberedList: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }) }),
+  image: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" }) }),
+  expandMore: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" }) }),
+  textColor: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M11 3L5.5 17h2.25l1.12-3h6.25l1.12 3h2.25L13 3h-2zm-1.38 9L12 5.67 14.38 12H9.62z" }) }),
+  bgColor: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { fillOpacity: ".36", d: "M0 20h24v4H0z" })
   ] }),
-  link: /* @__PURE__ */ (0, import_jsx_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" }) })
+  link: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z" }) }),
+  chevronRight: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }),
+  chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }),
+  table: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM10 17H5v-2h5v2zm0-4H5v-2h5v2zm0-4H5V7h5v2zm9 8h-7v-2h7v2zm0-4h-7v-2h7v2zm0-4h-7V7h7v2z" }) }),
+  htmlFile: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 2v5h5l-5-5zm-4 14H7v-1h2v1zm0-2H7v-1h2v1zm-2-2h2v1H7v-1zm4 4h-2v-1h2v1zm0-2h-2v-1h2v1zm0-2h-2v-1h2v1zm6 4h-4v-1h4v1zm0-2h-4v-1h4v1zm0-2h-4v-1h4v1z" }) })
 };
 var BlockTypeIcons = {
-  paragraph: /* @__PURE__ */ (0, import_jsx_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" })
+  paragraph: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M5 5h14v2H5zM5 11h14v2H5zM5 17h10v2H5z" }) }),
+  h1: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H1" }),
+  h2: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H2" }),
+  h3: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H3" }),
+  h4: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H4" }),
+  h5: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H5" }),
+  h6: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "lumir-block-icon-text", children: "H6" }),
+  toggleH1: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "H1" })
   ] }),
-  toggleH2: /* @__PURE__ */ (0, import_jsx_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" })
+  toggleH2: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "H2" })
   ] }),
-  toggleH3: /* @__PURE__ */ (0, import_jsx_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" })
+  toggleH3: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "lumir-block-icon-toggle", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "8", height: "8", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5v14l11-7z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "H3" })
   ] }),
-  quote: /* @__PURE__ */ (0, import_jsx_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)(
+  quote: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z" }) }),
+  codeBlock: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }) }),
+  toggleList: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 6h10v2H10zM10 11h10v2H10zM10 16h10v2H10z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "path",
       {
         d: "M4 8l4 4-4 4",
@@ -2035,15 +2097,15 @@ var BlockTypeIcons = {
       }
     )
   ] }),
-  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" })
+  bulletList: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "4", cy: "6", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "4", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "4", cy: "18", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 5h12v2H8zM8 11h12v2H8zM8 17h12v2H8z" })
   ] }),
-  numberedList: /* @__PURE__ */ (0, import_jsx_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)(
+  numberedList: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z" }) }),
+  checkList: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "rect",
       {
         x: "3",
@@ -2056,7 +2118,7 @@ var BlockTypeIcons = {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "path",
       {
         d: "M4.5 7l1.5 1.5 3-3",
@@ -2067,8 +2129,8 @@ var BlockTypeIcons = {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 6h8v2h-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 6h8v2h-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "rect",
       {
         x: "3",
@@ -2081,37 +2143,37 @@ var BlockTypeIcons = {
         strokeWidth: "1.5"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 16h8v2h-8z" })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 16h8v2h-8z" })
   ] })
 };
 
 // src/components/FloatingMenu/components/ToolbarDivider.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "lumir-toolbar-divider" });
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "lumir-toolbar-divider" });
 
 // src/components/FloatingMenu/components/UndoRedoButtons.tsx
-var import_react8 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var UndoRedoButtons = ({ editor }) => {
-  const handleUndo = (0, import_react8.useCallback)(() => {
+  const handleUndo = (0, import_react7.useCallback)(() => {
     try {
       editor?.undo?.();
     } catch (err) {
       console.error("Undo failed:", err);
     }
   }, [editor]);
-  const handleRedo = (0, import_react8.useCallback)(() => {
+  const handleRedo = (0, import_react7.useCallback)(() => {
     try {
       editor?.redo?.();
     } catch (err) {
       console.error("Redo failed:", err);
     }
   }, [editor]);
-  const handleMouseDown2 = (0, import_react8.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react7.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "lumir-toolbar-group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "lumir-toolbar-group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2122,7 +2184,7 @@ var UndoRedoButtons = ({ editor }) => {
         children: Icons.undo
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2137,8 +2199,8 @@ var UndoRedoButtons = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/components/TextStyleButton.tsx
-var import_react9 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var iconMap = {
   bold: Icons.bold,
   italic: Icons.italic,
@@ -2164,17 +2226,17 @@ var TextStyleButton = ({
     }
   };
   const isActive = getIsActive();
-  const handleClick = (0, import_react9.useCallback)(() => {
+  const handleClick = (0, import_react8.useCallback)(() => {
     try {
       editor?.toggleStyles?.({ [style]: true });
     } catch (err) {
       console.error(`Toggle ${style} failed:`, err);
     }
   }, [editor, style]);
-  const handleMouseDown2 = (0, import_react9.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react8.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "button",
     {
       className: cn("lumir-toolbar-btn", isActive && "is-active"),
@@ -2188,7 +2250,7 @@ var TextStyleButton = ({
 };
 
 // src/components/FloatingMenu/components/AlignButton.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/utils/prosemirror-table-utils.ts
 function getSelectedCellPositions(editor) {
@@ -2284,7 +2346,7 @@ function getTableAlignment(editor, blockId) {
 }
 
 // src/components/FloatingMenu/components/AlignButton.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var iconMap2 = {
   left: Icons.alignLeft,
   center: Icons.alignCenter,
@@ -2311,7 +2373,7 @@ var AlignButton = ({
     }
   };
   const isActive = getCurrentAlignment() === alignment;
-  const handleClick = (0, import_react10.useCallback)(() => {
+  const handleClick = (0, import_react9.useCallback)(() => {
     try {
       if (setSelectedCellsAttr(editor, "textAlignment", alignment)) {
         return;
@@ -2324,10 +2386,10 @@ var AlignButton = ({
       console.error(`Set alignment ${alignment} failed:`, err);
     }
   }, [editor, alignment]);
-  const handleMouseDown2 = (0, import_react10.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react9.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "button",
     {
       className: cn("lumir-toolbar-btn", isActive && "is-active"),
@@ -2341,8 +2403,8 @@ var AlignButton = ({
 };
 
 // src/components/FloatingMenu/components/ListButton.tsx
-var import_react11 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var iconMap3 = {
   bullet: Icons.bulletList,
   numbered: Icons.numberedList
@@ -2362,7 +2424,7 @@ var ListButton = ({ editor, type }) => {
     }
   };
   const isActive = getIsActive();
-  const handleClick = (0, import_react11.useCallback)(() => {
+  const handleClick = (0, import_react10.useCallback)(() => {
     try {
       const block = editor?.getTextCursorPosition()?.block;
       if (block && editor?.updateBlock) {
@@ -2374,10 +2436,10 @@ var ListButton = ({ editor, type }) => {
       console.error(`List toggle failed:`, err);
     }
   }, [editor, type]);
-  const handleMouseDown2 = (0, import_react11.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react10.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     {
       className: cn("lumir-toolbar-btn", isActive && "is-active"),
@@ -2391,13 +2453,13 @@ var ListButton = ({ editor, type }) => {
 };
 
 // src/components/FloatingMenu/components/ImageButton.tsx
-var import_react12 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var ImageButton = ({
   editor,
   onImageUpload
 }) => {
-  const handleClick = (0, import_react12.useCallback)(() => {
+  const handleClick = (0, import_react11.useCallback)(() => {
     if (onImageUpload) {
       onImageUpload();
     } else {
@@ -2422,10 +2484,10 @@ var ImageButton = ({
       input.click();
     }
   }, [editor, onImageUpload]);
-  const handleMouseDown2 = (0, import_react12.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react11.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "button",
     {
       className: "lumir-toolbar-btn",
@@ -2439,7 +2501,7 @@ var ImageButton = ({
 };
 
 // src/components/FloatingMenu/components/ColorButton.tsx
-var import_react13 = require("react");
+var import_react12 = require("react");
 
 // src/constants/colors.ts
 var TEXT_COLORS = [
@@ -2473,13 +2535,13 @@ var getHexFromColorValue = (value, type) => {
 };
 
 // src/components/FloatingMenu/components/ColorButton.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ColorButton = ({ editor, type }) => {
-  const [isOpen, setIsOpen] = (0, import_react13.useState)(false);
-  const [currentColor, setCurrentColor] = (0, import_react13.useState)("default");
-  const dropdownRef = (0, import_react13.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
+  const [currentColor, setCurrentColor] = (0, import_react12.useState)("default");
+  const dropdownRef = (0, import_react12.useRef)(null);
   const colors = type === "text" ? TEXT_COLORS : BACKGROUND_COLORS;
-  const getCurrentColor = (0, import_react13.useCallback)(() => {
+  const getCurrentColor = (0, import_react12.useCallback)(() => {
     try {
       if (isInTableCell(editor)) {
         const attr = type === "text" ? "textColor" : "backgroundColor";
@@ -2495,13 +2557,13 @@ var ColorButton = ({ editor, type }) => {
     }
     return "default";
   }, [editor, type]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (isOpen) {
       const color = getCurrentColor();
       setCurrentColor(color);
     }
   }, [isOpen, getCurrentColor]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2510,7 +2572,7 @@ var ColorButton = ({ editor, type }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const handleColorSelect = (0, import_react13.useCallback)(
+  const handleColorSelect = (0, import_react12.useCallback)(
     (color) => {
       try {
         if (!editor) return;
@@ -2529,11 +2591,11 @@ var ColorButton = ({ editor, type }) => {
     },
     [editor, type]
   );
-  const handleMouseDown2 = (0, import_react13.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react12.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "button",
       {
         className: "lumir-toolbar-btn lumir-color-btn",
@@ -2543,7 +2605,7 @@ var ColorButton = ({ editor, type }) => {
         type: "button",
         children: [
           type === "text" ? Icons.textColor : Icons.bgColor,
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "span",
             {
               className: "lumir-color-indicator",
@@ -2555,7 +2617,7 @@ var ColorButton = ({ editor, type }) => {
         ]
       }
     ),
-    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)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lumir-dropdown-menu lumir-color-menu", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "lumir-color-grid", children: colors.map((color) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "button",
       {
         className: cn(
@@ -2574,22 +2636,29 @@ var ColorButton = ({ editor, type }) => {
 };
 
 // src/components/FloatingMenu/components/FontSizeButton.tsx
-var import_react14 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime12 = 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 [isOpen, setIsOpen] = (0, import_react13.useState)(false);
+  const dropdownRef = (0, import_react13.useRef)(null);
+  const live = readSelectionFontSize(editor);
+  const [optimistic, setOptimistic] = (0, import_react13.useState)(null);
+  const lastLiveRef = (0, import_react13.useRef)(live);
+  (0, import_react13.useEffect)(() => {
+    if (live !== lastLiveRef.current) {
+      lastLiveRef.current = live;
+      setOptimistic(null);
+    }
+  }, [live]);
+  const currentSize = optimistic ?? live;
+  const currentPx = parseFontSizePx(currentSize);
+  const [inputValue, setInputValue] = (0, import_react13.useState)(String(currentPx));
+  (0, import_react13.useEffect)(() => {
+    setInputValue(String(currentPx));
+  }, [currentPx]);
+  (0, import_react13.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2598,14 +2667,16 @@ var FontSizeButton = ({ editor }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const handleSizeSelect = (0, import_react14.useCallback)(
+  const handleSizeSelect = (0, import_react13.useCallback)(
     (size) => {
       try {
         if (!editor) return;
         if (size === "") {
           editor.removeStyles?.({ fontSize: "" });
+          setOptimistic(null);
         } else {
           editor.addStyles?.({ fontSize: size });
+          setOptimistic(size);
         }
         setIsOpen(false);
         setTimeout(() => editor.focus?.());
@@ -2615,11 +2686,37 @@ var FontSizeButton = ({ editor }) => {
     },
     [editor]
   );
-  const handleMouseDown2 = (0, import_react14.useCallback)((e) => {
+  const stepBy = (0, import_react13.useCallback)(
+    (delta) => {
+      try {
+        const value = toFontSizeValue(currentPx + delta);
+        editor?.addStyles?.({ fontSize: value });
+        setOptimistic(value);
+      } catch (err) {
+        console.error("Font size step failed:", err);
+      }
+    },
+    [editor, currentPx]
+  );
+  const applyInput = (0, import_react13.useCallback)(() => {
+    const n = parseInt(inputValue, 10);
+    if (Number.isFinite(n)) {
+      try {
+        const value = toFontSizeValue(n);
+        editor?.addStyles?.({ fontSize: value });
+        setOptimistic(value);
+      } catch (err) {
+        console.error("Font size apply failed:", err);
+      }
+    } else {
+      setInputValue(String(currentPx));
+    }
+  }, [editor, inputValue, currentPx]);
+  const handleMouseDown2 = (0, import_react13.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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "button",
       {
         className: "lumir-dropdown-btn lumir-font-size-btn",
@@ -2628,13 +2725,64 @@ var FontSizeButton = ({ editor }) => {
         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 }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.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)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-dropdown-menu lumir-font-size-menu", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "lumir-fs-stepper", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "lumir-fs-stepper-btn",
+            "aria-label": "\uAE00\uC790 \uD06C\uAE30 1px \uC904\uC774\uAE30",
+            disabled: currentPx <= FONT_SIZE_MIN,
+            onMouseDown: handleMouseDown2,
+            onClick: () => stepBy(-1),
+            children: "\u2212"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "input",
+          {
+            className: "lumir-fs-stepper-input",
+            type: "text",
+            inputMode: "numeric",
+            "aria-label": "\uAE00\uC790 \uD06C\uAE30 \uC785\uB825",
+            value: inputValue,
+            onChange: (e) => setInputValue(e.target.value.replace(/[^0-9]/g, "")),
+            onKeyDown: (e) => {
+              e.stopPropagation();
+              if (e.key === "Enter") {
+                e.preventDefault();
+                applyInput();
+              } else if (e.key === "ArrowUp") {
+                e.preventDefault();
+                stepBy(1);
+              } else if (e.key === "ArrowDown") {
+                e.preventDefault();
+                stepBy(-1);
+              }
+            },
+            onBlur: applyInput
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "lumir-fs-stepper-btn",
+            "aria-label": "\uAE00\uC790 \uD06C\uAE30 1px \uB298\uB9AC\uAE30",
+            disabled: currentPx >= FONT_SIZE_MAX,
+            onMouseDown: handleMouseDown2,
+            onClick: () => stepBy(1),
+            children: "+"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "button",
         {
           className: cn(
@@ -2647,7 +2795,7 @@ var FontSizeButton = ({ editor }) => {
           children: DEFAULT_LABEL
         }
       ),
-      FONT_SIZE_PRESETS.map((size) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      FONT_SIZE_PRESETS.map((size) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "button",
         {
           className: cn(
@@ -2666,8 +2814,8 @@ var FontSizeButton = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/components/LinkButton.tsx
-var import_react15 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var isDangerousProtocol = (url) => {
   const trimmedUrl = url.trim().toLowerCase();
   const dangerousPatterns = [
@@ -2693,13 +2841,13 @@ var normalizeUrl = (url) => {
   return `https://${trimmedUrl}`;
 };
 var LinkButton = ({ editor }) => {
-  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 [isOpen, setIsOpen] = (0, import_react14.useState)(false);
+  const [linkUrl, setLinkUrl] = (0, import_react14.useState)("");
+  const [errorMsg, setErrorMsg] = (0, import_react14.useState)(null);
+  const dropdownRef = (0, import_react14.useRef)(null);
+  const inputRef = (0, import_react14.useRef)(null);
+  const hasSelectionRef = (0, import_react14.useRef)(false);
+  (0, import_react14.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -2710,7 +2858,7 @@ var LinkButton = ({ editor }) => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (isOpen && inputRef.current) {
       try {
         const selectedText = editor?.getSelectedText?.() || "";
@@ -2721,7 +2869,7 @@ var LinkButton = ({ editor }) => {
       setTimeout(() => inputRef.current?.focus(), 0);
     }
   }, [isOpen, editor]);
-  const handleSubmit = (0, import_react15.useCallback)(
+  const handleSubmit = (0, import_react14.useCallback)(
     (e) => {
       e?.preventDefault();
       setErrorMsg(null);
@@ -2748,15 +2896,15 @@ var LinkButton = ({ editor }) => {
     },
     [editor, linkUrl]
   );
-  const handleCancel = (0, import_react15.useCallback)(() => {
+  const handleCancel = (0, import_react14.useCallback)(() => {
     setIsOpen(false);
     setLinkUrl("");
     setErrorMsg(null);
   }, []);
-  const handleMouseDown2 = (0, import_react15.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react14.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  const handleKeyDown = (0, import_react15.useCallback)(
+  const handleKeyDown = (0, import_react14.useCallback)(
     (e) => {
       if (e.key === "Enter") {
         handleSubmit();
@@ -2766,8 +2914,8 @@ var LinkButton = ({ editor }) => {
     },
     [handleSubmit, handleCancel]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2778,8 +2926,8 @@ var LinkButton = ({ editor }) => {
         children: Icons.link
       }
     ),
-    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)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "lumir-dropdown-menu lumir-link-menu", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { onSubmit: handleSubmit, className: "lumir-link-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "input",
         {
           ref: inputRef,
@@ -2795,7 +2943,7 @@ var LinkButton = ({ editor }) => {
           onMouseDown: handleMouseDown2
         }
       ),
-      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         {
           style: {
@@ -2807,8 +2955,8 @@ var LinkButton = ({ editor }) => {
           children: errorMsg
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "lumir-link-actions", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "lumir-link-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "button",
@@ -2818,7 +2966,7 @@ var LinkButton = ({ editor }) => {
             children: "\uCDE8\uC18C"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "submit",
@@ -2834,10 +2982,10 @@ var LinkButton = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/components/TableButton.tsx
-var import_react16 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var TableButton = ({ editor }) => {
-  const handleClick = (0, import_react16.useCallback)(() => {
+  const handleClick = (0, import_react15.useCallback)(() => {
     try {
       const block = editor?.getTextCursorPosition()?.block;
       if (!block || !editor?.insertBlocks) return;
@@ -2859,10 +3007,10 @@ var TableButton = ({ editor }) => {
       console.error("Table insert failed:", err);
     }
   }, [editor]);
-  const handleMouseDown2 = (0, import_react16.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react15.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       className: "lumir-toolbar-btn",
@@ -2876,13 +3024,13 @@ var TableButton = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/components/HTMLImportButton.tsx
-var import_react17 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var HTMLImportButton = ({
   editor
 }) => {
-  const fileInputRef = (0, import_react17.useRef)(null);
-  const handleFileUpload = (0, import_react17.useCallback)(
+  const fileInputRef = (0, import_react16.useRef)(null);
+  const handleFileUpload = (0, import_react16.useCallback)(
     (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
@@ -2918,14 +3066,14 @@ var HTMLImportButton = ({
     },
     [editor]
   );
-  const handleClick = (0, import_react17.useCallback)(() => {
+  const handleClick = (0, import_react16.useCallback)(() => {
     fileInputRef.current?.click();
   }, []);
-  const handleMouseDown2 = (0, import_react17.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react16.useCallback)((e) => {
     e.preventDefault();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -2935,7 +3083,7 @@ var HTMLImportButton = ({
         style: { display: "none" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2950,8 +3098,8 @@ var HTMLImportButton = ({
 };
 
 // src/components/FloatingMenu/components/BlockTypeSelect.tsx
-var import_react18 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var blockTypeCategories = [
   {
     category: "Headings",
@@ -2981,8 +3129,8 @@ var blockTypes = blockTypeCategories.flatMap(
   (cat) => cat.items
 );
 var BlockTypeSelect = ({ editor }) => {
-  const [isOpen, setIsOpen] = (0, import_react18.useState)(false);
-  const dropdownRef = (0, import_react18.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react17.useState)(false);
+  const dropdownRef = (0, import_react17.useRef)(null);
   const getCurrentBlock = () => {
     try {
       return editor?.getTextCursorPosition()?.block;
@@ -2994,7 +3142,7 @@ var BlockTypeSelect = ({ editor }) => {
   const currentType = currentBlock?.type || "paragraph";
   const currentLevel = currentBlock?.props?.level;
   const isCurrentToggle = currentType === "heading" && currentBlock?.props?.isToggleable === true;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -3023,7 +3171,7 @@ var BlockTypeSelect = ({ editor }) => {
       console.error("Block type change failed:", err);
     }
   };
-  const handleMouseDown2 = (0, import_react18.useCallback)((e) => {
+  const handleMouseDown2 = (0, import_react17.useCallback)((e) => {
     e.preventDefault();
   }, []);
   const getCurrentLabel = () => {
@@ -3054,8 +3202,8 @@ var BlockTypeSelect = ({ editor }) => {
     }
     return currentType === bt.type;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-dropdown-wrapper", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "button",
       {
         className: "lumir-dropdown-btn lumir-block-type-btn",
@@ -3063,15 +3211,15 @@ var BlockTypeSelect = ({ editor }) => {
         onMouseDown: handleMouseDown2,
         type: "button",
         children: [
-          /* @__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() }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[getCurrentIcon()] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "lumir-block-label", children: getCurrentLabel() }),
           Icons.expandMore
         ]
       }
     ),
-    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)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "lumir-dropdown-menu lumir-block-menu", children: blockTypeCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "lumir-block-category", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "lumir-block-category-title", children: category.category }),
+      category.items.map((bt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
         "button",
         {
           className: cn(
@@ -3081,8 +3229,8 @@ var BlockTypeSelect = ({ editor }) => {
           onClick: () => handleTypeChange(bt.type, bt.level, bt.isToggle),
           onMouseDown: handleMouseDown2,
           children: [
-            /* @__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 })
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "lumir-block-icon", children: BlockTypeIcons[bt.icon] }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "lumir-block-item-title", children: bt.label })
           ]
         },
         bt.icon
@@ -3092,7 +3240,7 @@ var BlockTypeSelect = ({ editor }) => {
 };
 
 // src/components/FloatingMenu/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var COMPACT_BREAKPOINT = 700;
 var MINIMIZED_BREAKPOINT = 400;
 var FloatingMenu = ({
@@ -3101,12 +3249,12 @@ var FloatingMenu = ({
   className,
   onImageUpload
 }) => {
-  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)(() => {
+  const wrapperRef = (0, import_react18.useRef)(null);
+  const [isCompact, setIsCompact] = (0, import_react18.useState)(false);
+  const [isMinimizable, setIsMinimizable] = (0, import_react18.useState)(false);
+  const [isMinimized, setIsMinimized] = (0, import_react18.useState)(false);
+  const [, setSelectionTick] = (0, import_react18.useState)(0);
+  (0, import_react18.useEffect)(() => {
     if (!editor) return;
     let debounceTimer = null;
     const DEBOUNCE_DELAY = 150;
@@ -3130,7 +3278,7 @@ var FloatingMenu = ({
       unsubscribeContent?.();
     };
   }, [editor]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const checkWidth = () => {
       if (wrapperRef.current) {
         const width = wrapperRef.current.offsetWidth;
@@ -3145,8 +3293,8 @@ var FloatingMenu = ({
     }
     return () => resizeObserver.disconnect();
   }, []);
-  const MinimizedLayout = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const MinimizedLayout = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       "button",
       {
         className: "lumir-toolbar-button lumir-toggle-button",
@@ -3157,120 +3305,120 @@ var FloatingMenu = ({
         children: isMinimized ? Icons.chevronRight : Icons.chevronLeft
       }
     ),
-    !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" })
+    !isMinimized && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(UndoRedoButtons, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BlockTypeSelect, { editor }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "bold" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "italic" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "underline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "strike" })
       ] }),
-      /* @__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_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlignButton, { editor, alignment: "left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlignButton, { editor, alignment: "center" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.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)(ListButton, { editor, type: "bullet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListButton, { editor, type: "numbered" })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ListButton, { editor, type: "bullet" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.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)(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_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FontSizeButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ColorButton, { editor, type: "text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.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)(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 })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ImageButton, { editor, onImageUpload }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LinkButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HTMLImportButton, { editor })
       ] })
     ] })
   ] });
-  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" })
+  const SingleRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(UndoRedoButtons, { editor }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BlockTypeSelect, { editor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "bold" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "italic" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "underline" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "strike" })
     ] }),
-    /* @__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_runtime17.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlignButton, { editor, alignment: "left" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlignButton, { editor, alignment: "center" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.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)(ListButton, { editor, type: "bullet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListButton, { editor, type: "numbered" })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ListButton, { editor, type: "bullet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.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)(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_runtime17.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FontSizeButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ColorButton, { editor, type: "text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.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)(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 })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ImageButton, { editor, onImageUpload }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LinkButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableButton, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HTMLImportButton, { editor })
     ] })
   ] });
-  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" })
+  const TwoRowLayout = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(UndoRedoButtons, { editor }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "bold" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "italic" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "underline" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TextStyleButton, { editor, style: "strike" })
       ] }),
-      /* @__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_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlignButton, { editor, alignment: "left" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlignButton, { editor, alignment: "center" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.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)(ListButton, { editor, type: "bullet" }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ListButton, { editor, type: "numbered" })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ListButton, { editor, type: "bullet" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ListButton, { editor, type: "numbered" })
       ] })
     ] }),
-    /* @__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_runtime17.jsxs)("div", { className: "lumir-toolbar-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "lumir-toolbar-group", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BlockTypeSelect, { editor }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FontSizeButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ColorButton, { editor, type: "text" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.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)(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 })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "lumir-toolbar-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ImageButton, { editor, onImageUpload }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LinkButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableButton, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HTMLImportButton, { editor })
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       ref: wrapperRef,
@@ -3280,7 +3428,7 @@ var FloatingMenu = ({
         className
       ),
       "data-position": position,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "div",
         {
           className: cn(
@@ -3289,7 +3437,7 @@ var FloatingMenu = ({
             isMinimizable && "is-minimizable",
             isMinimized && "is-minimized"
           ),
-          children: isMinimizable ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MinimizedLayout, {}) : isCompact ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TwoRowLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SingleRowLayout, {})
+          children: isMinimizable ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MinimizedLayout, {}) : isCompact ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TwoRowLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SingleRowLayout, {})
         }
       )
     }
@@ -3389,8 +3537,8 @@ var LumirEditorError = class _LumirEditorError extends Error {
 };
 
 // src/extensions/VerticalAlignmentExtension.ts
-var import_core4 = require("@tiptap/core");
-var VerticalAlignmentExtension = import_core4.Extension.create({
+var import_core5 = require("@tiptap/core");
+var VerticalAlignmentExtension = import_core5.Extension.create({
   name: "verticalAlignment",
   addGlobalAttributes() {
     return [
@@ -3421,7 +3569,7 @@ var VerticalAlignmentExtension = import_core4.Extension.create({
 });
 
 // src/extensions/RowHeightExtension.ts
-var import_core5 = require("@tiptap/core");
+var import_core6 = require("@tiptap/core");
 
 // src/extensions/rowResizing.ts
 var import_prosemirror_state3 = require("prosemirror-state");
@@ -4009,7 +4157,7 @@ function tableCellAttrPreserve() {
 }
 
 // src/extensions/RowHeightExtension.ts
-var RowHeightExtension = import_core5.Extension.create({
+var RowHeightExtension = import_core6.Extension.create({
   name: "rowHeight",
   addOptions() {
     return { resizable: true };
@@ -4055,7 +4203,7 @@ var RowHeightExtension = import_core5.Extension.create({
 });
 
 // src/extensions/TableAlignmentExtension.ts
-var import_core6 = require("@tiptap/core");
+var import_core7 = require("@tiptap/core");
 var import_prosemirror_state6 = require("prosemirror-state");
 var import_prosemirror_view4 = require("prosemirror-view");
 var tableAlignmentDecoKey = new import_prosemirror_state6.PluginKey("lumirTableAlignmentDeco");
@@ -4084,7 +4232,7 @@ function tableAlignmentDecorationPlugin() {
     }
   });
 }
-var TableAlignmentExtension = import_core6.Extension.create({
+var TableAlignmentExtension = import_core7.Extension.create({
   name: "tableAlignment",
   addGlobalAttributes() {
     return [
@@ -4111,9 +4259,9 @@ var TableAlignmentExtension = import_core6.Extension.create({
 });
 
 // src/extensions/TableSelectAllExtension.ts
-var import_core7 = require("@tiptap/core");
+var import_core8 = require("@tiptap/core");
 var import_prosemirror_tables3 = require("prosemirror-tables");
-var TableSelectAllExtension = import_core7.Extension.create({
+var TableSelectAllExtension = import_core8.Extension.create({
   name: "lumirTableSelectAll",
   priority: 1e3,
   addKeyboardShortcuts() {
@@ -4157,8 +4305,67 @@ var TableSelectAllExtension = import_core7.Extension.create({
   }
 });
 
-// src/blocks/columns/insertColumns.ts
+// src/extensions/InactiveSelectionExtension.ts
+var import_core9 = require("@tiptap/core");
 var import_prosemirror_state7 = require("prosemirror-state");
+var import_prosemirror_view5 = require("prosemirror-view");
+var inactiveSelectionKey = new import_prosemirror_state7.PluginKey("lumirInactiveSelection");
+var InactiveSelectionExtension = import_core9.Extension.create({
+  name: "lumirInactiveSelection",
+  addProseMirrorPlugins() {
+    return [
+      new import_prosemirror_state7.Plugin({
+        key: inactiveSelectionKey,
+        // 플러그인 state = 에디터 포커스 여부
+        state: {
+          init: () => false,
+          apply: (tr, value) => {
+            const meta = tr.getMeta(inactiveSelectionKey);
+            return typeof meta === "boolean" ? meta : value;
+          }
+        },
+        props: {
+          decorations(state) {
+            const hasFocus = inactiveSelectionKey.getState(state);
+            if (hasFocus) {
+              return null;
+            }
+            const { selection } = state;
+            if (selection.empty || !(selection instanceof import_prosemirror_state7.TextSelection)) {
+              return null;
+            }
+            return import_prosemirror_view5.DecorationSet.create(state.doc, [
+              import_prosemirror_view5.Decoration.inline(selection.from, selection.to, {
+                class: "bn-inactive-selection"
+              })
+            ]);
+          }
+        },
+        view(view) {
+          const sync = () => {
+            const has = view.hasFocus();
+            if (inactiveSelectionKey.getState(view.state) !== has) {
+              view.dispatch(view.state.tr.setMeta(inactiveSelectionKey, has));
+            }
+          };
+          view.dom.addEventListener("focus", sync);
+          view.dom.addEventListener("blur", sync);
+          const raf = requestAnimationFrame(sync);
+          return {
+            destroy() {
+              cancelAnimationFrame(raf);
+              view.dom.removeEventListener("focus", sync);
+              view.dom.removeEventListener("blur", sync);
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+
+// src/blocks/columns/insertColumns.ts
+var import_prosemirror_state8 = require("prosemirror-state");
 function insertTwoColumns(editor, showDivider = false) {
   const tiptap = editor?._tiptapEditor;
   if (!tiptap) {
@@ -4190,7 +4397,7 @@ function insertTwoColumns(editor, showDivider = false) {
   try {
     let tr = state.tr.insert(insertPos, list);
     try {
-      tr = tr.setSelection(import_prosemirror_state7.TextSelection.create(tr.doc, insertPos + 4));
+      tr = tr.setSelection(import_prosemirror_state8.TextSelection.create(tr.doc, insertPos + 4));
     } catch {
     }
     tiptap.view.dispatch(tr.scrollIntoView());
@@ -4201,18 +4408,18 @@ function insertTwoColumns(editor, showDivider = false) {
 }
 
 // src/components/CustomFormattingToolbar.tsx
-var import_react30 = require("@blocknote/react");
+var import_react29 = require("@blocknote/react");
 
 // src/components/TextAlignButtonWithVA.tsx
-var import_core8 = require("@blocknote/core");
-var import_react20 = require("react");
-var import_react21 = require("@blocknote/react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_core10 = require("@blocknote/core");
+var import_react19 = require("react");
+var import_react20 = require("@blocknote/react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var icons = {
-  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" }) })
+  left: /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)("path", { d: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z" }) }),
+  center: /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)("path", { d: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z" }) }),
+  right: /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)("path", { d: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z" }) }),
+  justify: /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)("path", { d: "M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zM3 3v2h18V3H3z" }) })
 };
 var tooltipMap = {
   left: "\uC67C\uCABD \uC815\uB82C",
@@ -4221,12 +4428,12 @@ var tooltipMap = {
   justify: "\uC591\uCABD \uC815\uB82C"
 };
 var TextAlignButtonWithVA = (props) => {
-  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 Components = (0, import_react20.useComponentsContext)();
+  const editor = (0, import_react20.useBlockNoteEditor)();
+  const selectedBlocks = (0, import_react20.useSelectedBlocks)(editor);
+  const textAlignment = (0, import_react19.useMemo)(() => {
     const block = selectedBlocks[0];
-    if ((0, import_core8.checkBlockHasDefaultProp)("textAlignment", block, editor)) {
+    if ((0, import_core10.checkBlockHasDefaultProp)("textAlignment", block, editor)) {
       return block.props.textAlignment;
     }
     if (block.type === "table") {
@@ -4235,7 +4442,7 @@ var TextAlignButtonWithVA = (props) => {
         return;
       }
       const allCellsInTable = cellSelection.cells.map(
-        ({ row, col }) => (0, import_core8.mapTableCell)(
+        ({ row, col }) => (0, import_core10.mapTableCell)(
           block.content.rows[row].cells[col]
         ).props.textAlignment
       );
@@ -4246,7 +4453,7 @@ var TextAlignButtonWithVA = (props) => {
     }
     return;
   }, [editor, selectedBlocks]);
-  const setTextAlignment = (0, import_react20.useCallback)(
+  const setTextAlignment = (0, import_react19.useCallback)(
     (newAlignment) => {
       editor.focus();
       for (const block of selectedBlocks) {
@@ -4267,7 +4474,7 @@ var TextAlignButtonWithVA = (props) => {
             }
           }
           tiptap.view?.dispatch(tr);
-        } else if ((0, import_core8.checkBlockTypeHasDefaultProp)("textAlignment", block.type, editor)) {
+        } else if ((0, import_core10.checkBlockTypeHasDefaultProp)("textAlignment", block.type, editor)) {
           editor.updateBlock(block, {
             props: { textAlignment: newAlignment }
           });
@@ -4276,7 +4483,7 @@ var TextAlignButtonWithVA = (props) => {
     },
     [editor, selectedBlocks]
   );
-  const show = (0, import_react20.useMemo)(() => {
+  const show = (0, import_react19.useMemo)(() => {
     return !!selectedBlocks.find(
       (block) => "textAlignment" in block.props || block.type === "table" && block.children
     );
@@ -4284,7 +4491,7 @@ var TextAlignButtonWithVA = (props) => {
   if (!show || !editor.isEditable) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Components.FormattingToolbar.Button,
     {
       className: "bn-button",
@@ -4299,21 +4506,21 @@ var TextAlignButtonWithVA = (props) => {
 };
 
 // src/components/VerticalAlignButton.tsx
-var import_react22 = require("react");
-var import_react23 = require("@blocknote/react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_react22 = require("@blocknote/react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var icons2 = {
-  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" })
+  top: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("line", { x1: "5", y1: "5", x2: "11", y2: "5" })
   ] }),
-  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" })
+  middle: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("line", { x1: "5", y1: "8", x2: "11", y2: "8" })
   ] }),
-  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" })
+  bottom: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("line", { x1: "5", y1: "11", x2: "11", y2: "11" })
   ] })
 };
 var tooltips = {
@@ -4335,13 +4542,13 @@ function getCurrentVerticalAlignment(editor) {
   return alignments.every((a) => a === first) ? first : void 0;
 }
 var VerticalAlignButton = (props) => {
-  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)(() => {
+  const Components = (0, import_react22.useComponentsContext)();
+  const editor = (0, import_react22.useBlockNoteEditor)();
+  const selectedBlocks = (0, import_react22.useSelectedBlocks)(editor);
+  const currentAlignment = (0, import_react21.useMemo)(() => {
     return getCurrentVerticalAlignment(editor);
   }, [editor, selectedBlocks]);
-  const setVerticalAlignment = (0, import_react22.useCallback)(
+  const setVerticalAlignment = (0, import_react21.useCallback)(
     (alignment) => {
       const tiptap = editor._tiptapEditor;
       if (!tiptap) return;
@@ -4363,13 +4570,13 @@ var VerticalAlignButton = (props) => {
     },
     [editor]
   );
-  const isInTable = (0, import_react22.useMemo)(() => {
+  const isInTable = (0, import_react21.useMemo)(() => {
     return selectedBlocks.some((block) => block.type === "table");
   }, [selectedBlocks]);
   if (!isInTable || !editor.isEditable) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Components.FormattingToolbar.Button,
     {
       className: "bn-button",
@@ -4384,24 +4591,24 @@ var VerticalAlignButton = (props) => {
 };
 
 // src/components/TableAlignButton.tsx
-var import_react24 = require("react");
-var import_react25 = require("@blocknote/react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_react24 = require("@blocknote/react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var icons3 = {
-  left: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { x: "1.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
+  left: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { x: "1.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
   ] }),
-  center: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { x: "4.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
+  center: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { x: "4.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
   ] }),
-  right: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { x: "7.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
+  right: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { x: "7.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
   ] })
 };
 var tooltips2 = {
@@ -4410,18 +4617,18 @@ var tooltips2 = {
   right: "\uD45C \uC624\uB978\uCABD \uC815\uB82C"
 };
 var TableAlignButton = (props) => {
-  const Components = (0, import_react25.useComponentsContext)();
-  const editor = (0, import_react25.useBlockNoteEditor)();
-  const selectedBlocks = (0, import_react25.useSelectedBlocks)(editor);
-  const tableBlock = (0, import_react24.useMemo)(
+  const Components = (0, import_react24.useComponentsContext)();
+  const editor = (0, import_react24.useBlockNoteEditor)();
+  const selectedBlocks = (0, import_react24.useSelectedBlocks)(editor);
+  const tableBlock = (0, import_react23.useMemo)(
     () => selectedBlocks.find((block) => block.type === "table"),
     [selectedBlocks]
   );
-  const current = (0, import_react24.useMemo)(() => {
+  const current = (0, import_react23.useMemo)(() => {
     if (!tableBlock?.id) return "left";
     return getTableAlignment(editor, tableBlock.id);
   }, [editor, tableBlock, selectedBlocks]);
-  const apply = (0, import_react24.useCallback)(() => {
+  const apply = (0, import_react23.useCallback)(() => {
     if (!tableBlock?.id) return;
     editor.focus();
     setTableAlignment(editor, tableBlock.id, props.alignment);
@@ -4429,7 +4636,7 @@ var TableAlignButton = (props) => {
   if (!tableBlock || !editor.isEditable) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Components.FormattingToolbar.Button,
     {
       className: "bn-button",
@@ -4444,13 +4651,13 @@ var TableAlignButton = (props) => {
 };
 
 // src/components/FontSizeButton.tsx
-var import_react26 = require("@blocknote/react");
-var import_react27 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react25 = require("@blocknote/react");
+var import_react26 = 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_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "span",
     {
       style: {
@@ -4465,21 +4672,26 @@ function FontSizeIcon({ size }) {
   );
 }
 function FontSizeButton2() {
-  const Components = (0, import_react26.useComponentsContext)();
-  const editor = (0, import_react26.useBlockNoteEditor)();
+  const Components = (0, import_react25.useComponentsContext)();
+  const editor = (0, import_react25.useBlockNoteEditor)();
   const ed = editor;
   const styleSchema = editor.schema.styleSchema;
   const fontSizeInSchema = styleSchema.fontSize?.type === "fontSize" && styleSchema.fontSize?.propSchema === "string";
-  const selectedBlocks = (0, import_react26.useSelectedBlocks)(editor);
-  const [currentSize, setCurrentSize] = (0, import_react27.useState)(
-    fontSizeInSchema ? ed.getActiveStyles().fontSize || "" : ""
+  const selectedBlocks = (0, import_react25.useSelectedBlocks)(editor);
+  const [currentSize, setCurrentSize] = (0, import_react26.useState)(
+    fontSizeInSchema ? readSelectionFontSize(editor) : ""
   );
-  (0, import_react26.useEditorContentOrSelectionChange)(() => {
+  (0, import_react25.useEditorContentOrSelectionChange)(() => {
     if (fontSizeInSchema) {
-      setCurrentSize(ed.getActiveStyles().fontSize || "");
+      setCurrentSize(readSelectionFontSize(editor));
     }
   }, editor);
-  const setFontSize = (0, import_react27.useCallback)(
+  const currentPx = parseFontSizePx(currentSize);
+  const [inputValue, setInputValue] = (0, import_react26.useState)(String(currentPx));
+  (0, import_react26.useEffect)(() => {
+    setInputValue(String(currentPx));
+  }, [currentPx]);
+  const setFontSize = (0, import_react26.useCallback)(
     (size) => {
       size === "" ? ed.removeStyles({ fontSize: "" }) : ed.addStyles({ fontSize: size });
       setTimeout(() => editor.focus());
@@ -4487,7 +4699,26 @@ function FontSizeButton2() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [editor]
   );
-  const show = (0, import_react27.useMemo)(() => {
+  const stepBy = (0, import_react26.useCallback)(
+    (delta) => {
+      const value = toFontSizeValue(currentPx + delta);
+      ed.addStyles({ fontSize: value });
+      setCurrentSize(value);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [currentPx]
+  );
+  const applyInput = (0, import_react26.useCallback)(() => {
+    const n = parseInt(inputValue, 10);
+    if (Number.isFinite(n)) {
+      const value = toFontSizeValue(n);
+      ed.addStyles({ fontSize: value });
+      setCurrentSize(value);
+    } else {
+      setInputValue(String(currentPx));
+    }
+  }, [inputValue, currentPx]);
+  const show = (0, import_react26.useMemo)(() => {
     if (!fontSizeInSchema) {
       return false;
     }
@@ -4502,20 +4733,76 @@ function FontSizeButton2() {
     return null;
   }
   const tooltip = "\uAE00\uC790 \uD06C\uAE30";
-  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)(
+  const preventBlur = (e) => e.preventDefault();
+  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_runtime22.jsx)(FontSizeIcon, { size: currentSize })
+        icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FontSizeIcon, { size: currentSize })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Components.Generic.Menu.Dropdown, { className: "bn-menu-dropdown", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Components.Generic.Menu.Label, { children: "\uAE00\uC790 \uD06C\uAE30" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__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.jsxs)("div", { className: "lumir-fs-stepper", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "lumir-fs-stepper-btn",
+            "aria-label": "\uAE00\uC790 \uD06C\uAE30 1px \uC904\uC774\uAE30",
+            "data-test": "font-size-decrease",
+            disabled: currentPx <= FONT_SIZE_MIN,
+            onMouseDown: preventBlur,
+            onClick: () => stepBy(-1),
+            children: "\u2212"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "input",
+          {
+            className: "lumir-fs-stepper-input",
+            type: "text",
+            inputMode: "numeric",
+            "aria-label": "\uAE00\uC790 \uD06C\uAE30 \uC785\uB825",
+            "data-test": "font-size-input",
+            value: inputValue,
+            onChange: (e) => setInputValue(e.target.value.replace(/[^0-9]/g, "")),
+            onClick: (e) => e.stopPropagation(),
+            onKeyDown: (e) => {
+              e.stopPropagation();
+              if (e.key === "Enter") {
+                e.preventDefault();
+                applyInput();
+              } else if (e.key === "ArrowUp") {
+                e.preventDefault();
+                stepBy(1);
+              } else if (e.key === "ArrowDown") {
+                e.preventDefault();
+                stepBy(-1);
+              }
+            },
+            onBlur: applyInput
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "lumir-fs-stepper-btn",
+            "aria-label": "\uAE00\uC790 \uD06C\uAE30 1px \uB298\uB9AC\uAE30",
+            "data-test": "font-size-increase",
+            disabled: currentPx >= FONT_SIZE_MAX,
+            onMouseDown: preventBlur,
+            onClick: () => stepBy(1),
+            children: "+"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         Components.Generic.Menu.Item,
         {
           onClick: () => setFontSize(""),
@@ -4525,7 +4812,7 @@ function FontSizeButton2() {
         },
         "font-size-default"
       ),
-      FONT_SIZE_PRESETS.map((size) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      FONT_SIZE_PRESETS.map((size) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         Components.Generic.Menu.Item,
         {
           onClick: () => setFontSize(size),
@@ -4540,10 +4827,10 @@ function FontSizeButton2() {
 }
 
 // src/components/color/LumirColorControls.tsx
-var import_core9 = require("@blocknote/core");
-var import_react28 = require("@blocknote/react");
-var import_react29 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_core11 = require("@blocknote/core");
+var import_react27 = require("@blocknote/react");
+var import_react28 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var COLORS = [
   "default",
   "gray",
@@ -4560,7 +4847,7 @@ function ColorIcon(props) {
   const textColor = props.textColor || "default";
   const backgroundColor = props.backgroundColor || "default";
   const size = props.size || 16;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       className: "bn-color-icon",
@@ -4579,7 +4866,7 @@ function ColorIcon(props) {
   );
 }
 function CellFillIcon({ size = 18 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "svg",
     {
       width: size,
@@ -4588,17 +4875,17 @@ function CellFillIcon({ size = 18 }) {
       fill: "currentColor",
       style: { pointerEvents: "none" },
       "aria-hidden": "true",
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.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" })
+      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_react28.useComponentsContext)();
-  const dict = (0, import_react28.useDictionary)();
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    props.text ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Components.Generic.Menu.Label, { children: props.textTitle ?? dict.color_picker.text_title }),
-      COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  const Components = (0, import_react27.useComponentsContext)();
+  const dict = (0, import_react27.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: () => {
@@ -4606,16 +4893,16 @@ function LumirColorPicker(props) {
             props.text.setColor(color);
           },
           "data-test": "text-color-" + color,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ColorIcon, { textColor: color, size: props.iconSize }),
+          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_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Components.Generic.Menu.Label, { children: props.backgroundTitle ?? dict.color_picker.background_title }),
-      COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    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: () => {
@@ -4623,7 +4910,7 @@ function LumirColorPicker(props) {
             props.background.setColor(color);
           },
           "data-test": "background-color-" + color,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ColorIcon, { backgroundColor: color, size: props.iconSize }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ColorIcon, { backgroundColor: color, size: props.iconSize }),
           checked: props.background.color === color,
           children: dict.color_picker.colors[color]
         },
@@ -4633,20 +4920,20 @@ function LumirColorPicker(props) {
   ] });
 }
 function LumirColorStyleButton() {
-  const Components = (0, import_react28.useComponentsContext)();
-  const editor = (0, import_react28.useBlockNoteEditor)();
+  const Components = (0, import_react27.useComponentsContext)();
+  const editor = (0, import_react27.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_react28.useSelectedBlocks)(editor);
-  const [currentTextColor, setCurrentTextColor] = (0, import_react29.useState)(
+  const selectedBlocks = (0, import_react27.useSelectedBlocks)(editor);
+  const [currentTextColor, setCurrentTextColor] = (0, import_react28.useState)(
     textColorInSchema ? ed.getActiveStyles().textColor || "default" : "default"
   );
-  const [currentBackgroundColor, setCurrentBackgroundColor] = (0, import_react29.useState)(
+  const [currentBackgroundColor, setCurrentBackgroundColor] = (0, import_react28.useState)(
     backgroundColorInSchema ? ed.getActiveStyles().backgroundColor || "default" : "default"
   );
-  (0, import_react28.useEditorContentOrSelectionChange)(() => {
+  (0, import_react27.useEditorContentOrSelectionChange)(() => {
     const active = ed.getActiveStyles();
     if (textColorInSchema) {
       setCurrentTextColor(active.textColor || "default");
@@ -4655,7 +4942,7 @@ function LumirColorStyleButton() {
       setCurrentBackgroundColor(active.backgroundColor || "default");
     }
   }, editor);
-  const setTextColor = (0, import_react29.useCallback)(
+  const setTextColor = (0, import_react28.useCallback)(
     (color) => {
       color === "default" ? ed.removeStyles({ textColor: color }) : ed.addStyles({ textColor: color });
       setTimeout(() => editor.focus());
@@ -4663,7 +4950,7 @@ function LumirColorStyleButton() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [editor]
   );
-  const setBackgroundColor = (0, import_react29.useCallback)(
+  const setBackgroundColor = (0, import_react28.useCallback)(
     (color) => {
       color === "default" ? ed.removeStyles({ backgroundColor: color }) : ed.addStyles({ backgroundColor: color });
       setTimeout(() => editor.focus());
@@ -4671,7 +4958,7 @@ function LumirColorStyleButton() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [editor]
   );
-  const show = (0, import_react29.useMemo)(() => {
+  const show = (0, import_react28.useMemo)(() => {
     if (!textColorInSchema && !backgroundColorInSchema) {
       return false;
     }
@@ -4686,15 +4973,15 @@ function LumirColorStyleButton() {
     return null;
   }
   const tooltip = "\uD14D\uC2A4\uD2B8 \uC0C9\xB7\uBC30\uACBD";
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Components.Generic.Menu.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Components.Generic.Menu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  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_runtime23.jsx)(
+        icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           ColorIcon,
           {
             textColor: currentTextColor,
@@ -4704,11 +4991,11 @@ function LumirColorStyleButton() {
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Components.Generic.Menu.Dropdown,
       {
         className: "bn-menu-dropdown bn-color-picker-dropdown",
-        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           LumirColorPicker,
           {
             textTitle: "\uD14D\uC2A4\uD2B8 \uC0C9",
@@ -4722,18 +5009,18 @@ function LumirColorStyleButton() {
   ] });
 }
 function LumirCellColorToolbarButton() {
-  const Components = (0, import_react28.useComponentsContext)();
-  const editor = (0, import_react28.useBlockNoteEditor)();
-  const selectedBlocks = (0, import_react28.useSelectedBlocks)(editor);
-  const isMultiCell = (0, import_react29.useMemo)(() => {
+  const Components = (0, import_react27.useComponentsContext)();
+  const editor = (0, import_react27.useBlockNoteEditor)();
+  const selectedBlocks = (0, import_react27.useSelectedBlocks)(editor);
+  const isMultiCell = (0, import_react28.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_react29.useRef)([]);
-  const applyBackground = (0, import_react29.useCallback)(
+  const stashRef = (0, import_react28.useRef)([]);
+  const applyBackground = (0, import_react28.useCallback)(
     (color) => {
       const live = getSelectedCellPositions(editor);
       const positions = live.length > 0 ? live : stashRef.current;
@@ -4746,7 +5033,7 @@ function LumirCellColorToolbarButton() {
     return null;
   }
   const tooltip = "\uC140 \uBC30\uACBD\uC0C9";
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     Components.Generic.Menu.Root,
     {
       onOpenChange: (open) => {
@@ -4755,21 +5042,21 @@ function LumirCellColorToolbarButton() {
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Components.Generic.Menu.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__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_runtime23.jsx)(CellFillIcon, { size: 18 })
+            icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CellFillIcon, { size: 18 })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           Components.Generic.Menu.Dropdown,
           {
             className: "bn-menu-dropdown bn-color-picker-dropdown",
-            children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               LumirColorPicker,
               {
                 backgroundTitle: "\uC140 \uBC30\uACBD",
@@ -4783,12 +5070,12 @@ function LumirCellColorToolbarButton() {
   );
 }
 function LumirCellColorPickerButton(props) {
-  const Components = (0, import_react28.useComponentsContext)();
-  const editor = (0, import_react28.useBlockNoteEditor)();
+  const Components = (0, import_react27.useComponentsContext)();
+  const editor = (0, import_react27.useBlockNoteEditor)();
   const updateColor = (color, type) => {
     const newTable = props.block.content.rows.map((row) => ({
       ...row,
-      cells: row.cells.map((cell) => (0, import_core9.mapTableCell)(cell))
+      cells: row.cells.map((cell) => (0, import_core11.mapTableCell)(cell))
     }));
     if (type === "text") {
       newTable[props.rowIndex].cells[props.colIndex].props.textColor = color;
@@ -4805,25 +5092,25 @@ function LumirCellColorPickerButton(props) {
   if (!currentCell || editor.settings.tables.cellTextColor === false && editor.settings.tables.cellBackgroundColor === false) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Components.Generic.Menu.Root, { position: "right", sub: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Components.Generic.Menu.Trigger, { sub: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Components.Generic.Menu.Item, { className: "bn-menu-item", subTrigger: true, children: "\uC140 \uC0C9\xB7\uBC30\uACBD" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  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_runtime23.jsx)(
+        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_core9.isTableCell)(currentCell) ? currentCell.props.textColor : "default",
+              color: (0, import_core11.isTableCell)(currentCell) ? currentCell.props.textColor : "default",
               setColor: (color) => updateColor(color, "text")
             } : void 0,
             background: editor.settings.tables.cellBackgroundColor ? {
-              color: (0, import_core9.isTableCell)(currentCell) ? currentCell.props.backgroundColor : "default",
+              color: (0, import_core11.isTableCell)(currentCell) ? currentCell.props.backgroundColor : "default",
               setColor: (color) => updateColor(color, "background")
             } : void 0
           }
@@ -4833,21 +5120,21 @@ function LumirCellColorPickerButton(props) {
   ] });
 }
 function LumirTableCellMenu(props) {
-  const Components = (0, import_react28.useComponentsContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  const Components = (0, import_react27.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_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          import_react28.SplitButton,
+      children: props.children || /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          import_react27.SplitButton,
           {
             block: props.block,
             rowIndex: props.rowIndex,
             colIndex: props.colIndex
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           LumirCellColorPickerButton,
           {
             block: props.block,
@@ -4861,99 +5148,99 @@ function LumirTableCellMenu(props) {
 }
 
 // src/components/CustomFormattingToolbar.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var CustomFormattingToolbar = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react30.FormattingToolbar, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.BlockTypeSelect, {}, "blockTypeSelect"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.TableCellMergeButton, {}, "tableCellMergeButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.FileCaptionButton, {}, "fileCaptionButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.FileReplaceButton, {}, "replaceFileButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.FileRenameButton, {}, "fileRenameButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.FileDeleteButton, {}, "fileDeleteButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.FileDownloadButton, {}, "fileDownloadButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.FilePreviewButton, {}, "filePreviewButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.BasicTextStyleButton, { basicTextStyle: "bold" }, "boldStyleButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      import_react30.BasicTextStyleButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react29.FormattingToolbar, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.BlockTypeSelect, {}, "blockTypeSelect"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.TableCellMergeButton, {}, "tableCellMergeButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.FileCaptionButton, {}, "fileCaptionButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.FileReplaceButton, {}, "replaceFileButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.FileRenameButton, {}, "fileRenameButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.FileDeleteButton, {}, "fileDeleteButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.FileDownloadButton, {}, "fileDownloadButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.FilePreviewButton, {}, "filePreviewButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.BasicTextStyleButton, { basicTextStyle: "bold" }, "boldStyleButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_react29.BasicTextStyleButton,
       {
         basicTextStyle: "italic"
       },
       "italicStyleButton"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      import_react30.BasicTextStyleButton,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_react29.BasicTextStyleButton,
       {
         basicTextStyle: "underline"
       },
       "underlineStyleButton"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      import_react30.BasicTextStyleButton,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_react29.BasicTextStyleButton,
       {
         basicTextStyle: "strike"
       },
       "strikeStyleButton"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TextAlignButtonWithVA, { textAlignment: "left" }, "textAlignLeftButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)(TextAlignButtonWithVA, { textAlignment: "right" }, "textAlignRightButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       VerticalAlignButton,
       {
         verticalAlignment: "middle"
       },
       "verticalAlignMiddle"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       VerticalAlignButton,
       {
         verticalAlignment: "bottom"
       },
       "verticalAlignBottom"
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableAlignButton, { alignment: "left" }, "tableAlignLeft"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableAlignButton, { alignment: "center" }, "tableAlignCenter"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableAlignButton, { alignment: "right" }, "tableAlignRight"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FontSizeButton2, {}, "fontSizeButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LumirColorStyleButton, {}, "colorStyleButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LumirCellColorToolbarButton, {}, "cellColorButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.NestBlockButton, {}, "nestBlockButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.UnnestBlockButton, {}, "unnestBlockButton"),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.CreateLinkButton, {}, "createLinkButton")
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableAlignButton, { alignment: "left" }, "tableAlignLeft"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableAlignButton, { alignment: "center" }, "tableAlignCenter"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableAlignButton, { alignment: "right" }, "tableAlignRight"),
+    /* @__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_react29.NestBlockButton, {}, "nestBlockButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.UnnestBlockButton, {}, "unnestBlockButton"),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react29.CreateLinkButton, {}, "createLinkButton")
   ] });
 };
 
 // src/components/LumirDragHandleMenu.tsx
-var import_react31 = require("@blocknote/react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react30 = require("@blocknote/react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var TABLE_ALIGN_ICONS = {
-  left: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("rect", { x: "1.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
+  left: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { x: "1.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
   ] }),
-  center: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("rect", { x: "4.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
+  center: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { x: "4.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
   ] }),
-  right: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("rect", { x: "7.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
+  right: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { x: "7.5", y: "4", width: "7", height: "8", rx: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("line", { x1: "1.5", y1: "1.5", x2: "14.5", y2: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("line", { x1: "1.5", y1: "14.5", x2: "14.5", y2: "14.5" })
   ] })
 };
 var TABLE_ALIGN_LABELS = {
@@ -4962,13 +5249,13 @@ var TABLE_ALIGN_LABELS = {
   right: "\uD45C \uC624\uB978\uCABD \uC815\uB82C"
 };
 function TableAlignmentItems(props) {
-  const Components = (0, import_react31.useComponentsContext)();
-  const editor = (0, import_react31.useBlockNoteEditor)();
+  const Components = (0, import_react30.useComponentsContext)();
+  const editor = (0, import_react30.useBlockNoteEditor)();
   if (props.block?.type !== "table" || !props.block?.id) {
     return null;
   }
   const current = getTableAlignment(editor, props.block.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: ["left", "center", "right"].map((align) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: ["left", "center", "right"].map((align) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Components.Generic.Menu.Item,
     {
       icon: TABLE_ALIGN_ICONS[align],
@@ -4983,39 +5270,39 @@ function TableAlignmentItems(props) {
   )) });
 }
 var LumirDragHandleMenu = (props) => {
-  const dict = (0, import_react31.useDictionary)();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react31.DragHandleMenu, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react31.RemoveBlockItem, { ...props, children: dict.drag_handle.delete_menuitem }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react31.BlockColorsItem, { ...props, children: dict.drag_handle.colors_menuitem }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react31.TableRowHeaderItem, { ...props, children: dict.drag_handle.header_row_menuitem }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react31.TableColumnHeaderItem, { ...props, children: dict.drag_handle.header_column_menuitem }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableAlignmentItems, { block: props.block })
+  const dict = (0, import_react30.useDictionary)();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react30.DragHandleMenu, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.RemoveBlockItem, { ...props, children: dict.drag_handle.delete_menuitem }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.BlockColorsItem, { ...props, children: dict.drag_handle.colors_menuitem }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.TableRowHeaderItem, { ...props, children: dict.drag_handle.header_row_menuitem }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react30.TableColumnHeaderItem, { ...props, children: dict.drag_handle.header_column_menuitem }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableAlignmentItems, { block: props.block })
   ] });
 };
 
 // src/components/LumirTableHandlesController.tsx
-var import_react34 = require("@blocknote/react");
-var import_react35 = require("@floating-ui/react");
-var import_react36 = require("react");
+var import_react33 = require("@blocknote/react");
+var import_react34 = require("@floating-ui/react");
+var import_react35 = require("react");
 
 // src/components/hooks/useFocusedCellHandlePositioning.ts
-var import_react32 = require("@floating-ui/react");
-var import_react33 = require("react");
+var import_react31 = require("@floating-ui/react");
+var import_react32 = require("react");
 function useFocusedCellHandlePositioning(cellEl, tbodyEl, orientation, show) {
-  const { refs, floatingStyles, context, update } = (0, import_react32.useFloating)({
+  const { refs, floatingStyles, context, update } = (0, import_react31.useFloating)({
     open: show,
     placement: orientation === "row" ? "left" : orientation === "col" ? "top" : orientation === "corner" ? "bottom-start" : "right",
     // col/row/cell: 가장자리에 14px hit-area 중앙 정렬(-7).
     // corner: 18px hit-zone이 표 우하단 모서리에 걸치도록 위/좌로 살짝 당김(모서리 hover 자연).
     middleware: [
-      (0, import_react32.offset)(
+      (0, import_react31.offset)(
         orientation === "corner" ? { mainAxis: -6, crossAxis: -6 } : -7
       )
     ],
-    whileElementsMounted: import_react32.autoUpdate
+    whileElementsMounted: import_react31.autoUpdate
   });
-  const { isMounted, styles } = (0, import_react32.useTransitionStyles)(context);
-  (0, import_react33.useEffect)(() => {
+  const { isMounted, styles } = (0, import_react31.useTransitionStyles)(context);
+  (0, import_react32.useEffect)(() => {
     if (!show || !tbodyEl) {
       return;
     }
@@ -5023,7 +5310,7 @@ function useFocusedCellHandlePositioning(cellEl, tbodyEl, orientation, show) {
     ro.observe(tbodyEl);
     return () => ro.disconnect();
   }, [show, tbodyEl, update]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!cellEl) {
       refs.setReference(null);
       return;
@@ -5046,7 +5333,7 @@ function useFocusedCellHandlePositioning(cellEl, tbodyEl, orientation, show) {
       }
     });
   }, [cellEl, tbodyEl, orientation, refs]);
-  return (0, import_react33.useMemo)(
+  return (0, import_react32.useMemo)(
     () => ({
       isMounted,
       ref: refs.setFloating,
@@ -5060,15 +5347,15 @@ function useFocusedCellHandlePositioning(cellEl, tbodyEl, orientation, show) {
   );
 }
 function useTableCornerPositioning(referencePosTable, show) {
-  const { refs, floatingStyles, context } = (0, import_react32.useFloating)({
+  const { refs, floatingStyles, context } = (0, import_react31.useFloating)({
     open: show,
     placement: "bottom-start",
     // 18px hit-zone을 모서리에서 안쪽(위/좌)으로 당겨 표 위에 걸치게 한다.
-    middleware: [(0, import_react32.offset)({ mainAxis: -12, crossAxis: -12 })],
-    whileElementsMounted: import_react32.autoUpdate
+    middleware: [(0, import_react31.offset)({ mainAxis: -12, crossAxis: -12 })],
+    whileElementsMounted: import_react31.autoUpdate
   });
-  const { isMounted, styles } = (0, import_react32.useTransitionStyles)(context);
-  (0, import_react33.useEffect)(() => {
+  const { isMounted, styles } = (0, import_react31.useTransitionStyles)(context);
+  (0, import_react32.useEffect)(() => {
     if (!referencePosTable) {
       refs.setReference(null);
       return;
@@ -5077,7 +5364,7 @@ function useTableCornerPositioning(referencePosTable, show) {
       getBoundingClientRect: () => new DOMRect(referencePosTable.right, referencePosTable.bottom, 0, 0)
     });
   }, [referencePosTable, refs]);
-  return (0, import_react33.useMemo)(
+  return (0, import_react32.useMemo)(
     () => ({
       isMounted,
       ref: refs.setFloating,
@@ -5088,7 +5375,7 @@ function useTableCornerPositioning(referencePosTable, show) {
 }
 
 // src/components/LumirTableHandlesController.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function syncCoreHoverToFocusedCell(cellEl) {
   const r = cellEl.getBoundingClientRect();
   cellEl.dispatchEvent(
@@ -5102,18 +5389,18 @@ function syncCoreHoverToFocusedCell(cellEl) {
   );
 }
 function LumirTableHandlesController() {
-  const editor = (0, import_react34.useBlockNoteEditor)();
-  const [focused, setFocused] = (0, import_react36.useState)(null);
-  const [menuContainerRef, setMenuContainerRef] = (0, import_react36.useState)(null);
-  const [overlayEl, setOverlayEl] = (0, import_react36.useState)(null);
-  const [openMenu, setOpenMenu] = (0, import_react36.useState)(null);
-  const frozenRef = (0, import_react36.useRef)(false);
-  const menuOpenRef = (0, import_react36.useRef)(false);
-  const draggingRef = (0, import_react36.useRef)(false);
-  (0, import_react36.useEffect)(() => {
+  const editor = (0, import_react33.useBlockNoteEditor)();
+  const [focused, setFocused] = (0, import_react35.useState)(null);
+  const [menuContainerRef, setMenuContainerRef] = (0, import_react35.useState)(null);
+  const [overlayEl, setOverlayEl] = (0, import_react35.useState)(null);
+  const [openMenu, setOpenMenu] = (0, import_react35.useState)(null);
+  const frozenRef = (0, import_react35.useRef)(false);
+  const menuOpenRef = (0, import_react35.useRef)(false);
+  const draggingRef = (0, import_react35.useRef)(false);
+  (0, import_react35.useEffect)(() => {
     editor.__lumirActiveTableId = focused?.block?.id ?? null;
   }, [editor, focused]);
-  const recompute = (0, import_react36.useCallback)(() => {
+  const recompute = (0, import_react35.useCallback)(() => {
     if (frozenRef.current) {
       return;
     }
@@ -5161,11 +5448,11 @@ function LumirTableHandlesController() {
       widgetContainer
     });
   }, [editor]);
-  (0, import_react34.useEditorContentOrSelectionChange)(recompute, editor);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react33.useEditorContentOrSelectionChange)(recompute, editor);
+  (0, import_react35.useEffect)(() => {
     recompute();
   }, [recompute]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const onUp = () => {
       requestAnimationFrame(() => {
         if (!menuOpenRef.current && !draggingRef.current && frozenRef.current) {
@@ -5177,7 +5464,7 @@ function LumirTableHandlesController() {
     window.addEventListener("pointerup", onUp);
     return () => window.removeEventListener("pointerup", onUp);
   }, [recompute]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const f = focused;
     if (!f || !overlayEl) {
       return;
@@ -5202,7 +5489,7 @@ function LumirTableHandlesController() {
       overlayEl.style.height = `${bottom - top}px`;
     };
     update();
-    const stopAutoUpdate = (0, import_react35.autoUpdate)(f.cellEl, overlayEl, update);
+    const stopAutoUpdate = (0, import_react34.autoUpdate)(f.cellEl, overlayEl, update);
     const ro = new ResizeObserver(update);
     ro.observe(f.tbodyEl);
     return () => {
@@ -5222,25 +5509,25 @@ function LumirTableHandlesController() {
     show
   );
   const th = editor.tableHandles;
-  const coreState = (0, import_react34.useUIPluginState)(
+  const coreState = (0, import_react33.useUIPluginState)(
     editor.tableHandles.onUpdate.bind(editor.tableHandles)
   );
-  const { addOrRemoveColumnsButton, addOrRemoveRowsButton } = (0, import_react34.useExtendButtonsPositioning)(
+  const { addOrRemoveColumnsButton, addOrRemoveRowsButton } = (0, import_react33.useExtendButtonsPositioning)(
     coreState?.showAddOrRemoveColumnsButton || false,
     coreState?.showAddOrRemoveRowsButton || false,
     coreState?.referencePosTable || null
   );
-  const onStartExtend = (0, import_react36.useCallback)(() => {
+  const onStartExtend = (0, import_react35.useCallback)(() => {
     editor.tableHandles?.freezeHandles();
   }, [editor]);
-  const onEndExtend = (0, import_react36.useCallback)(() => {
+  const onEndExtend = (0, import_react35.useCallback)(() => {
     editor.tableHandles?.unfreezeHandles();
   }, [editor]);
   const tableCorner = useTableCornerPositioning(
     coreState?.referencePosTable ?? null,
     !!coreState?.widgetContainer
   );
-  const menuHandlers = (0, import_react36.useMemo)(() => {
+  const menuHandlers = (0, import_react35.useMemo)(() => {
     const mk = (kind) => ({
       freeze: () => {
         menuOpenRef.current = true;
@@ -5258,10 +5545,10 @@ function LumirTableHandlesController() {
     });
     return { col: mk("col"), row: mk("row"), cell: mk("cell") };
   }, [editor, recompute]);
-  const onGutterPointerDown = (0, import_react36.useCallback)(() => {
+  const onGutterPointerDown = (0, import_react35.useCallback)(() => {
     frozenRef.current = true;
   }, []);
-  const onGutterPointerEnter = (0, import_react36.useCallback)(
+  const onGutterPointerEnter = (0, import_react35.useCallback)(
     (e) => {
       if (e.buttons === 0 && focused) {
         syncCoreHoverToFocusedCell(focused.cellEl);
@@ -5269,7 +5556,7 @@ function LumirTableHandlesController() {
     },
     [focused]
   );
-  const makeDragStart = (0, import_react36.useCallback)(
+  const makeDragStart = (0, import_react35.useCallback)(
     (dir) => (e) => {
       draggingRef.current = true;
       frozenRef.current = true;
@@ -5281,15 +5568,15 @@ function LumirTableHandlesController() {
     },
     [editor]
   );
-  const onDragEnd = (0, import_react36.useCallback)(() => {
+  const onDragEnd = (0, import_react35.useCallback)(() => {
     editor.tableHandles?.dragEnd();
     draggingRef.current = false;
     frozenRef.current = false;
     recompute();
   }, [editor, recompute]);
-  const noop = (0, import_react36.useCallback)(() => {
+  const noop = (0, import_react35.useCallback)(() => {
   }, []);
-  const onScaleStart = (0, import_react36.useCallback)(
+  const onScaleStart = (0, import_react35.useCallback)(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -5331,11 +5618,11 @@ function LumirTableHandlesController() {
     },
     [editor, coreState]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: setMenuContainerRef }),
-    th && focused && menuContainerRef && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react35.FloatingPortal, { root: focused.widgetContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: setOverlayEl, className: "lumir-tbl-cell-focus" }),
-      colHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: setMenuContainerRef }),
+    th && focused && menuContainerRef && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react34.FloatingPortal, { root: focused.widgetContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: setOverlayEl, className: "lumir-tbl-cell-focus" }),
+      colHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           ref: colHandle.ref,
@@ -5344,9 +5631,9 @@ function LumirTableHandlesController() {
           onPointerEnter: onGutterPointerEnter,
           onPointerDown: onGutterPointerDown,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "lumir-tbl-gutter" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_react34.TableHandle,
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "lumir-tbl-gutter" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              import_react33.TableHandle,
               {
                 editor,
                 orientation: "column",
@@ -5364,7 +5651,7 @@ function LumirTableHandlesController() {
           ]
         }
       ),
-      rowHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      rowHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           ref: rowHandle.ref,
@@ -5373,9 +5660,9 @@ function LumirTableHandlesController() {
           onPointerEnter: onGutterPointerEnter,
           onPointerDown: onGutterPointerDown,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "lumir-tbl-gutter" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_react34.TableHandle,
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "lumir-tbl-gutter" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              import_react33.TableHandle,
               {
                 editor,
                 orientation: "row",
@@ -5393,7 +5680,7 @@ function LumirTableHandlesController() {
           ]
         }
       ),
-      cellHandle.isMounted && openMenu !== "col" && openMenu !== "row" && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      cellHandle.isMounted && openMenu !== "col" && openMenu !== "row" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           ref: cellHandle.ref,
@@ -5401,9 +5688,9 @@ function LumirTableHandlesController() {
           className: "lumir-tbl-gutter-wrap lumir-tbl-gutter-wrap--cell" + (openMenu === "cell" ? " lumir-tbl-gutter-wrap--active" : ""),
           onPointerDown: onGutterPointerDown,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "lumir-tbl-gutter" }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_react34.TableCellButton,
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "lumir-tbl-gutter" }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "lumir-tbl-grip", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              import_react33.TableCellButton,
               {
                 editor,
                 rowIndex: focused.rowIndex,
@@ -5419,9 +5706,9 @@ function LumirTableHandlesController() {
         }
       )
     ] }),
-    th && coreState?.widgetContainer && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react35.FloatingPortal, { root: coreState.widgetContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: addOrRemoveRowsButton.ref, style: addOrRemoveRowsButton.style, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-        import_react34.ExtendButton,
+    th && coreState?.widgetContainer && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react34.FloatingPortal, { root: coreState.widgetContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: addOrRemoveRowsButton.ref, style: addOrRemoveRowsButton.style, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        import_react33.ExtendButton,
         {
           editor,
           orientation: "addOrRemoveRows",
@@ -5430,13 +5717,13 @@ function LumirTableHandlesController() {
           onMouseUp: onEndExtend
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "div",
         {
           ref: addOrRemoveColumnsButton.ref,
           style: addOrRemoveColumnsButton.style,
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_react34.ExtendButton,
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_react33.ExtendButton,
             {
               editor,
               orientation: "addOrRemoveColumns",
@@ -5447,7 +5734,7 @@ function LumirTableHandlesController() {
           )
         }
       ),
-      tableCorner.isMounted && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      tableCorner.isMounted && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "div",
         {
           ref: tableCorner.ref,
@@ -6200,7 +6487,7 @@ function applyFittedWidthsToNewTables(editor, beforeIds, perTable) {
 }
 
 // src/components/LumirEditor.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = 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",
@@ -6431,9 +6718,9 @@ var findBlockWithLink = (blocks, targetUrl) => {
   return null;
 };
 var ConvertToPreviewButton = ({ url }) => {
-  const editor = (0, import_react38.useBlockNoteEditor)();
-  const Components = (0, import_react38.useComponentsContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  const editor = (0, import_react37.useBlockNoteEditor)();
+  const Components = (0, import_react37.useComponentsContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Components.LinkToolbar.Button,
     {
       className: "bn-button",
@@ -6452,29 +6739,29 @@ var ConvertToPreviewButton = ({ url }) => {
           console.error("Convert to link preview failed:", err);
         }
       },
-      icon: /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)("rect", { x: "1", y: "3", width: "14", height: "10", rx: "2", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("line", { x1: "1", y1: "9", x2: "15", y2: "9", stroke: "currentColor", strokeWidth: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("circle", { cx: "5", cy: "6.5", r: "1.5", stroke: "currentColor", strokeWidth: "1", fill: "none" })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.jsx)("rect", { x: "1", y: "3", width: "14", height: "10", rx: "2", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("line", { x1: "1", y1: "9", x2: "15", y2: "9", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("circle", { cx: "5", cy: "6.5", r: "1.5", stroke: "currentColor", strokeWidth: "1", fill: "none" })
       ] })
     }
   );
 };
 var CustomLinkToolbar = (props) => {
-  const editor = (0, import_react38.useBlockNoteEditor)();
-  const Components = (0, import_react38.useComponentsContext)();
+  const editor = (0, import_react37.useBlockNoteEditor)();
+  const Components = (0, import_react37.useComponentsContext)();
   const hasLinkPreview = !!editor?._linkPreviewApiEndpoint;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     Components.LinkToolbar.Root,
     {
       className: "bn-toolbar bn-link-toolbar",
       onMouseEnter: props.stopHideTimer,
       onMouseLeave: props.startHideTimer,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.EditLinkButton, { url: props.url, text: props.text, editLink: props.editLink }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.OpenLinkButton, { url: props.url }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.DeleteLinkButton, { deleteLink: props.deleteLink }),
-        hasLinkPreview && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ConvertToPreviewButton, { url: props.url })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.EditLinkButton, { url: props.url, text: props.text, editLink: props.editLink }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.OpenLinkButton, { url: props.url }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.DeleteLinkButton, { deleteLink: props.deleteLink }),
+        hasLinkPreview && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ConvertToPreviewButton, { url: props.url })
       ]
     }
   );
@@ -6519,13 +6806,13 @@ function LumirEditor({
   onError,
   onImageDelete
 }) {
-  const [isUploading, setIsUploading] = (0, import_react37.useState)(false);
-  const [uploadProgress, setUploadProgress] = (0, import_react37.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react37.useState)(null);
-  const floatingMenuFileInputRef = (0, import_react37.useRef)(null);
-  const floatingMenuBlockRef = (0, import_react37.useRef)(null);
-  const floatingMenuUploadStartTimeRef = (0, import_react37.useRef)(0);
-  const handleError = (0, import_react37.useCallback)(
+  const [isUploading, setIsUploading] = (0, import_react36.useState)(false);
+  const [uploadProgress, setUploadProgress] = (0, import_react36.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react36.useState)(null);
+  const floatingMenuFileInputRef = (0, import_react36.useRef)(null);
+  const floatingMenuBlockRef = (0, import_react36.useRef)(null);
+  const floatingMenuUploadStartTimeRef = (0, import_react36.useRef)(0);
+  const handleError = (0, import_react36.useCallback)(
     (error) => {
       onError?.(error);
       setErrorMessage(error.getUserMessage());
@@ -6533,12 +6820,12 @@ function LumirEditor({
     },
     [onError]
   );
-  const validatedContent = (0, import_react37.useMemo)(() => {
+  const validatedContent = (0, import_react36.useMemo)(() => {
     return liftFontSize(
       ContentUtils.validateContent(initialContent, initialEmptyBlocks)
     );
   }, [initialContent, initialEmptyBlocks]);
-  const tableConfig = (0, import_react37.useMemo)(() => {
+  const tableConfig = (0, import_react36.useMemo)(() => {
     return EditorConfig.getDefaultTableConfig(tables);
   }, [
     tables?.splitCells,
@@ -6546,10 +6833,10 @@ function LumirEditor({
     tables?.cellTextColor,
     tables?.headers
   ]);
-  const headingConfig = (0, import_react37.useMemo)(() => {
+  const headingConfig = (0, import_react36.useMemo)(() => {
     return EditorConfig.getDefaultHeadingConfig(heading);
   }, [heading?.levels?.join(",") ?? ""]);
-  const disabledExtensions = (0, import_react37.useMemo)(() => {
+  const disabledExtensions = (0, import_react36.useMemo)(() => {
     return EditorConfig.getDisabledExtensions(
       disableExtensions,
       allowVideoUpload,
@@ -6557,18 +6844,18 @@ function LumirEditor({
       allowFileUpload
     );
   }, [disableExtensions, allowVideoUpload, allowAudioUpload, allowFileUpload]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     DEBUG_LOG("LumirEditor:init:disabledExtensions", "snapshot", {
       allowVideoUpload,
       hasVideoInDisabled: disabledExtensions.includes("video"),
       disabledList: disabledExtensions.slice(0, 15)
     });
   }, [allowVideoUpload, disabledExtensions]);
-  const fileNameTransformRef = (0, import_react37.useRef)(s3Upload?.fileNameTransform);
-  (0, import_react37.useEffect)(() => {
+  const fileNameTransformRef = (0, import_react36.useRef)(s3Upload?.fileNameTransform);
+  (0, import_react36.useEffect)(() => {
     fileNameTransformRef.current = s3Upload?.fileNameTransform;
   }, [s3Upload?.fileNameTransform]);
-  const memoizedS3Upload = (0, import_react37.useMemo)(() => {
+  const memoizedS3Upload = (0, import_react36.useMemo)(() => {
     if (!s3Upload) return void 0;
     return {
       apiEndpoint: s3Upload.apiEndpoint,
@@ -6597,7 +6884,7 @@ function LumirEditor({
     s3Upload?.maxRetries,
     s3Upload?.onProgress
   ]);
-  const editor = (0, import_react38.useCreateBlockNote)(
+  const editor = (0, import_react37.useCreateBlockNote)(
     {
       // HTML 미리보기 블록이 포함된 커스텀 스키마 사용
       schema,
@@ -6627,7 +6914,9 @@ function LumirEditor({
           // 표 블록 정렬(좌/가운데/우) attr.
           TableAlignmentExtension,
           // 셀 포커스 시 Ctrl/Cmd+A → 표 전체 선택.
-          TableSelectAllExtension
+          TableSelectAllExtension,
+          // blur 상태(툴바 드롭다운 조작 등)에서도 텍스트 선택 하이라이트 유지.
+          InactiveSelectionExtension
         ]
       },
       placeholders: placeholder ? { default: placeholder, emptyDocument: placeholder } : void 0,
@@ -6828,12 +7117,12 @@ function LumirEditor({
     } catch {
     }
   }
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (editor) {
       editor.isEditable = editable;
     }
   }, [editor, editable]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!editor) return;
     const th = editor.tableHandles;
     if (!th || th.__lumirColDelPatched || typeof th.removeRowOrColumn !== "function")
@@ -6845,7 +7134,7 @@ function LumirEditor({
     };
     th.__lumirColDelPatched = true;
   }, [editor]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!editor || !floatingMenu) return;
     const ft = editor.formattingToolbar;
     if (!ft?.onUpdate) return;
@@ -6858,7 +7147,7 @@ function LumirEditor({
     });
     return unsubscribe;
   }, [editor, floatingMenu]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!editor || !onContentChange) return;
     const handleContentChange = () => {
       const blocks = editor.topLevelBlocks;
@@ -6875,13 +7164,13 @@ function LumirEditor({
     };
     return editor.onEditorContentChange(handleContentChange);
   }, [editor, onContentChange]);
-  const previousMediaUrlsRef = (0, import_react37.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react37.useEffect)(() => {
+  const previousMediaUrlsRef = (0, import_react36.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react36.useEffect)(() => {
     if (!editor) return;
     const initialBlocks = editor.topLevelBlocks;
     previousMediaUrlsRef.current = extractMediaUrls(initialBlocks);
   }, [editor]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (!editor || !onImageDelete) return;
     const handleMediaDeleteCheck = () => {
       const currentBlocks = editor.topLevelBlocks;
@@ -6895,7 +7184,7 @@ function LumirEditor({
     };
     return editor.onEditorContentChange(handleMediaDeleteCheck);
   }, [editor, onImageDelete]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     const el = editor?.domElement;
     if (!el) return;
     const handleDragOver = (e) => {
@@ -7026,13 +7315,13 @@ function LumirEditor({
       el.removeEventListener("drop", handleDrop, { capture: true });
     };
   }, [editor, allowVideoUpload]);
-  const computedSideMenu = (0, import_react37.useMemo)(() => {
+  const computedSideMenu = (0, import_react36.useMemo)(() => {
     return sideMenuAddButton ? sideMenu : false;
   }, [sideMenuAddButton, sideMenu]);
-  const DragHandleOnlySideMenu = (0, import_react37.useMemo)(() => {
-    return (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.SideMenu, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.DragHandleButton, { ...props, dragHandleMenu: LumirDragHandleMenu }) });
+  const DragHandleOnlySideMenu = (0, import_react36.useMemo)(() => {
+    return (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.SideMenu, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.DragHandleButton, { ...props, dragHandleMenu: LumirDragHandleMenu }) });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     {
       className: cn(
@@ -7042,8 +7331,8 @@ function LumirEditor({
       ),
       style: { position: "relative", display: "flex", flexDirection: "column" },
       children: [
-        floatingMenu && editor && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        floatingMenu && editor && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "input",
             {
               ref: floatingMenuFileInputRef,
@@ -7114,7 +7403,7 @@ function LumirEditor({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             FloatingMenu,
             {
               editor,
@@ -7146,7 +7435,7 @@ function LumirEditor({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           import_mantine.BlockNoteView,
           {
             editor,
@@ -7161,21 +7450,21 @@ function LumirEditor({
             tableHandles: false,
             onSelectionChange,
             children: [
-              tableHandles && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LumirTableHandlesController, {}),
-              formattingToolbar && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                import_react38.FormattingToolbarController,
+              tableHandles && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LumirTableHandlesController, {}),
+              formattingToolbar && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_react37.FormattingToolbarController,
                 {
                   formattingToolbar: CustomFormattingToolbar
                 }
               ),
-              linkToolbar && (linkPreview?.apiEndpoint ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.LinkToolbarController, { linkToolbar: CustomLinkToolbar }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.LinkToolbarController, {})),
-              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-                import_react38.SuggestionMenuController,
+              linkToolbar && (linkPreview?.apiEndpoint ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.LinkToolbarController, { linkToolbar: CustomLinkToolbar }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.LinkToolbarController, {})),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_react37.SuggestionMenuController,
                 {
                   triggerCharacter: "/",
-                  getItems: (0, import_react37.useCallback)(
+                  getItems: (0, import_react36.useCallback)(
                     async (query) => {
-                      const items = (0, import_react38.getDefaultReactSlashMenuItems)(editor);
+                      const items = (0, import_react37.getDefaultReactSlashMenuItems)(editor);
                       const filtered = items.filter((item) => {
                         const key = (item?.key || "").toString().toLowerCase();
                         const title = (item?.title || "").toString().toLowerCase();
@@ -7217,7 +7506,7 @@ function LumirEditor({
                         },
                         aliases: ["html", "preview", "\uC6F9", "\uC6F9\uD398\uC774\uC9C0"],
                         group: "Embeds",
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+                        icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                           "svg",
                           {
                             width: "18",
@@ -7229,14 +7518,14 @@ function LumirEditor({
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("polyline", { points: "16 18 22 12 16 6" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("polyline", { points: "8 6 2 12 8 18" })
+                              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("polyline", { points: "16 18 22 12 16 6" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("polyline", { points: "8 6 2 12 8 18" })
                             ]
                           }
                         ),
                         subtext: "HTML \uD30C\uC77C\uC744 \uBBF8\uB9AC\uBCF4\uAE30\uB85C \uC0BD\uC785"
                       };
-                      const columnIcon = (withDivider) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+                      const columnIcon = (withDivider) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                         "svg",
                         {
                           width: "18",
@@ -7248,9 +7537,9 @@ function LumirEditor({
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { x: "3", y: "4", width: "7", height: "16", rx: "1" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { x: "14", y: "4", width: "7", height: "16", rx: "1" }),
-                            withDivider && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("line", { x1: "12", y1: "3", x2: "12", y2: "21", strokeDasharray: "2 2" })
+                            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "3", y: "4", width: "7", height: "16", rx: "1" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "14", y: "4", width: "7", height: "16", rx: "1" }),
+                            withDivider && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("line", { x1: "12", y1: "3", x2: "12", y2: "21", strokeDasharray: "2 2" })
                           ]
                         }
                       );
@@ -7286,7 +7575,7 @@ function LumirEditor({
                         allItems.push({
                           title: "Link Preview",
                           onItemClick: () => {
-                            (0, import_core10.insertOrUpdateBlock)(editor, {
+                            (0, import_core12.insertOrUpdateBlock)(editor, {
                               type: "linkPreview",
                               props: { url: "" }
                             });
@@ -7300,7 +7589,7 @@ function LumirEditor({
                             "\uD504\uB9AC\uBDF0"
                           ],
                           group: "Embeds",
-                          icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                             "svg",
                             {
                               width: "18",
@@ -7312,8 +7601,8 @@ function LumirEditor({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.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_runtime26.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_runtime26.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" })
                               ]
                             }
                           ),
@@ -7349,21 +7638,21 @@ function LumirEditor({
                   )
                 }
               ),
-              !sideMenuAddButton && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react38.SideMenuController, { sideMenu: DragHandleOnlySideMenu })
+              !sideMenuAddButton && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react37.SideMenuController, { sideMenu: DragHandleOnlySideMenu })
             ]
           }
         ),
-        isUploading && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "lumirEditor-upload-overlay", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "lumirEditor-spinner" }),
-          uploadProgress !== null && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "lumirEditor-upload-progress", children: [
+        isUploading && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "lumirEditor-upload-overlay", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "lumirEditor-spinner" }),
+          uploadProgress !== null && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "lumirEditor-upload-progress", children: [
             uploadProgress,
             "%"
           ] })
         ] }),
-        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "lumirEditor-error-toast", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "lumirEditor-error-icon", children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "lumirEditor-error-message", children: errorMessage }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "lumirEditor-error-toast", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "lumirEditor-error-icon", children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "lumirEditor-error-message", children: errorMessage }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "button",
             {
               className: "lumirEditor-error-close",
@@ -7382,7 +7671,11 @@ function LumirEditor({
   BACKGROUND_COLORS,
   ContentUtils,
   EditorConfig,
+  FONT_SIZE_DEFAULT_PX,
+  FONT_SIZE_MAX,
+  FONT_SIZE_MIN,
   FONT_SIZE_PRESETS,
+  FONT_SIZE_STEP,
   FloatingMenu,
   FontSize,
   FontSizeButton,
@@ -7392,12 +7685,15 @@ function LumirEditor({
   LumirEditor,
   LumirEditorError,
   TEXT_COLORS,
+  clampFontSizePx,
   clearMetadataCache,
   cn,
   createS3Uploader,
   fetchLinkMetadata,
   getHexFromColorValue,
   liftFontSize,
-  lowerFontSize
+  lowerFontSize,
+  parseFontSizePx,
+  toFontSizeValue
 });
 //# sourceMappingURL=index.js.map