@lumir-company/editor 0.4.19 → 0.4.22

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_core9 = require("@blocknote/core");
+var import_core11 = 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");
@@ -1490,6 +1497,16 @@ var ColumnList = (0, import_core.createStronglyTypedTiptapNode)({
   name: "columnList",
   group: "childContainer bnBlock blockGroupChild",
   content: "column column+",
+  addAttributes() {
+    return {
+      // 블록별 중앙 세로 구분선 표시 여부(드래그핸들 메뉴에서 토글). data-divider로 렌더.
+      showDivider: {
+        default: false,
+        parseHTML: (element) => element.getAttribute("data-divider") === "true",
+        renderHTML: (attributes) => attributes.showDivider ? { "data-divider": "true" } : {}
+      }
+    };
+  },
   parseHTML() {
     return [{ tag: 'div[data-node-type="columnList"]' }];
   },
@@ -1551,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 = [
@@ -1572,10 +1596,24 @@ 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`;
+}
 
 // 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) => {
@@ -1613,7 +1651,7 @@ var createSecureBlobUrl = (htmlContent) => {
   });
   return URL.createObjectURL(blob);
 };
-var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
+var HtmlPreviewBlock = (0, import_react5.createReactBlockSpec)(
   {
     type: "htmlPreview",
     propSchema: {
@@ -1631,15 +1669,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);
@@ -1648,7 +1686,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();
@@ -1675,7 +1713,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);
@@ -1696,7 +1734,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;
@@ -1710,7 +1748,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,
@@ -1726,7 +1764,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
             boxShadow: "none"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 style: {
@@ -1738,7 +1776,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: {
@@ -1750,7 +1788,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",
@@ -1765,15 +1803,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,
@@ -1796,7 +1834,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",
@@ -1808,15 +1846,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,
@@ -1839,7 +1877,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",
@@ -1851,9 +1889,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" })
                             ]
                           }
                         )
@@ -1863,7 +1901,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                 ]
               }
             ),
-            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
               "div",
               {
                 style: {
@@ -1872,7 +1910,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",
@@ -1889,7 +1927,7 @@ var HtmlPreviewBlock = (0, import_react6.createReactBlockSpec)(
                       loading: "lazy"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     "div",
                     {
                       onMouseDown: handleResizeStart,
@@ -1914,7 +1952,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: {
@@ -1936,83 +1974,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",
@@ -2024,15 +2063,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",
@@ -2045,7 +2084,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",
@@ -2056,8 +2095,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",
@@ -2070,37 +2109,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",
@@ -2111,7 +2150,7 @@ var UndoRedoButtons = ({ editor }) => {
         children: Icons.undo
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2126,8 +2165,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,
@@ -2153,17 +2192,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"),
@@ -2177,7 +2216,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) {
@@ -2273,7 +2312,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,
@@ -2300,7 +2339,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;
@@ -2313,10 +2352,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"),
@@ -2330,8 +2369,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
@@ -2351,7 +2390,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) {
@@ -2363,10 +2402,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"),
@@ -2380,13 +2419,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 {
@@ -2411,10 +2450,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",
@@ -2428,7 +2467,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 = [
@@ -2462,13 +2501,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";
@@ -2484,13 +2523,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);
@@ -2499,7 +2538,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;
@@ -2518,11 +2557,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",
@@ -2532,7 +2571,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",
@@ -2544,7 +2583,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(
@@ -2563,13 +2602,13 @@ 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 [isOpen, setIsOpen] = (0, import_react13.useState)(false);
+  const dropdownRef = (0, import_react13.useRef)(null);
   const getCurrentSize = () => {
     try {
       return editor?.getActiveStyles?.()?.fontSize || "";
@@ -2578,7 +2617,12 @@ var FontSizeButton = ({ editor }) => {
     }
   };
   const currentSize = getCurrentSize();
-  (0, import_react14.useEffect)(() => {
+  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);
@@ -2587,7 +2631,7 @@ 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;
@@ -2604,11 +2648,35 @@ var FontSizeButton = ({ editor }) => {
     },
     [editor]
   );
-  const handleMouseDown2 = (0, import_react14.useCallback)((e) => {
+  const stepBy = (0, import_react13.useCallback)(
+    (delta) => {
+      try {
+        editor?.addStyles?.({
+          fontSize: toFontSizeValue(currentPx + delta)
+        });
+      } 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 {
+        editor?.addStyles?.({ fontSize: toFontSizeValue(n) });
+      } 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",
@@ -2617,13 +2685,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(
@@ -2636,7 +2755,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(
@@ -2655,8 +2774,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 = [
@@ -2682,13 +2801,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);
@@ -2699,7 +2818,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?.() || "";
@@ -2710,7 +2829,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);
@@ -2737,15 +2856,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();
@@ -2755,8 +2874,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",
@@ -2767,8 +2886,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,
@@ -2784,7 +2903,7 @@ var LinkButton = ({ editor }) => {
           onMouseDown: handleMouseDown2
         }
       ),
-      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         {
           style: {
@@ -2796,8 +2915,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",
@@ -2807,7 +2926,7 @@ var LinkButton = ({ editor }) => {
             children: "\uCDE8\uC18C"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "button",
           {
             type: "submit",
@@ -2823,10 +2942,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;
@@ -2848,10 +2967,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",
@@ -2865,13 +2984,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;
@@ -2907,14 +3026,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,
@@ -2924,7 +3043,7 @@ var HTMLImportButton = ({
         style: { display: "none" }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "button",
       {
         className: "lumir-toolbar-btn",
@@ -2939,8 +3058,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",
@@ -2970,8 +3089,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;
@@ -2983,7 +3102,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);
@@ -3012,7 +3131,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 = () => {
@@ -3043,8 +3162,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",
@@ -3052,15 +3171,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(
@@ -3070,8 +3189,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
@@ -3081,7 +3200,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 = ({
@@ -3090,12 +3209,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;
@@ -3119,7 +3238,7 @@ var FloatingMenu = ({
       unsubscribeContent?.();
     };
   }, [editor]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const checkWidth = () => {
       if (wrapperRef.current) {
         const width = wrapperRef.current.offsetWidth;
@@ -3134,8 +3253,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",
@@ -3146,120 +3265,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,
@@ -3269,7 +3388,7 @@ var FloatingMenu = ({
         className
       ),
       "data-position": position,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "div",
         {
           className: cn(
@@ -3278,7 +3397,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, {})
         }
       )
     }
@@ -3378,8 +3497,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 [
@@ -3410,7 +3529,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");
@@ -3998,7 +4117,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 };
@@ -4044,7 +4163,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");
@@ -4073,7 +4192,7 @@ function tableAlignmentDecorationPlugin() {
     }
   });
 }
-var TableAlignmentExtension = import_core6.Extension.create({
+var TableAlignmentExtension = import_core7.Extension.create({
   name: "tableAlignment",
   addGlobalAttributes() {
     return [
@@ -4099,9 +4218,56 @@ var TableAlignmentExtension = import_core6.Extension.create({
   }
 });
 
+// src/extensions/TableSelectAllExtension.ts
+var import_core8 = require("@tiptap/core");
+var import_prosemirror_tables3 = require("prosemirror-tables");
+var TableSelectAllExtension = import_core8.Extension.create({
+  name: "lumirTableSelectAll",
+  priority: 1e3,
+  addKeyboardShortcuts() {
+    return {
+      "Mod-a": () => {
+        const view = this.editor.view;
+        const { state } = view;
+        const sel = state.selection;
+        const $from = sel.$from;
+        let depth = -1;
+        for (let d = $from.depth; d > 0; d--) {
+          if ($from.node(d).type.name === "table") {
+            depth = d;
+            break;
+          }
+        }
+        if (depth < 0) return false;
+        const table = $from.node(depth);
+        const tableStart = $from.start(depth);
+        const map = import_prosemirror_tables3.TableMap.get(table);
+        const firstRel = map.map[0];
+        const lastRel = map.map[map.map.length - 1];
+        if (sel instanceof import_prosemirror_tables3.CellSelection) {
+          const a = sel.$anchorCell.pos - tableStart;
+          const h = sel.$headCell.pos - tableStart;
+          if (Math.min(a, h) === firstRel && Math.max(a, h) === lastRel) {
+            return false;
+          }
+        }
+        const tr = state.tr.setSelection(
+          import_prosemirror_tables3.CellSelection.create(
+            state.doc,
+            tableStart + firstRel,
+            tableStart + lastRel
+          )
+        );
+        view.dispatch(tr);
+        return true;
+      }
+    };
+  }
+});
+
 // src/blocks/columns/insertColumns.ts
 var import_prosemirror_state7 = require("prosemirror-state");
-function insertTwoColumns(editor) {
+function insertTwoColumns(editor, showDivider = false) {
   const tiptap = editor?._tiptapEditor;
   if (!tiptap) {
     return false;
@@ -4128,7 +4294,7 @@ function insertTwoColumns(editor) {
   const insertPos = $from.after(depth);
   const mkBlock = () => blockContainer.create(null, paragraph.create());
   const mkColumn = () => column.create(null, mkBlock());
-  const list = columnList.create(null, [mkColumn(), mkColumn()]);
+  const list = columnList.create({ showDivider }, [mkColumn(), mkColumn()]);
   try {
     let tr = state.tr.insert(insertPos, list);
     try {
@@ -4143,18 +4309,18 @@ function insertTwoColumns(editor) {
 }
 
 // src/components/CustomFormattingToolbar.tsx
-var import_react30 = require("@blocknote/react");
+var import_react29 = require("@blocknote/react");
 
 // src/components/TextAlignButtonWithVA.tsx
-var import_core7 = require("@blocknote/core");
-var import_react20 = require("react");
-var import_react21 = require("@blocknote/react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_core9 = 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",
@@ -4163,12 +4329,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_core7.checkBlockHasDefaultProp)("textAlignment", block, editor)) {
+    if ((0, import_core9.checkBlockHasDefaultProp)("textAlignment", block, editor)) {
       return block.props.textAlignment;
     }
     if (block.type === "table") {
@@ -4177,7 +4343,7 @@ var TextAlignButtonWithVA = (props) => {
         return;
       }
       const allCellsInTable = cellSelection.cells.map(
-        ({ row, col }) => (0, import_core7.mapTableCell)(
+        ({ row, col }) => (0, import_core9.mapTableCell)(
           block.content.rows[row].cells[col]
         ).props.textAlignment
       );
@@ -4188,7 +4354,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) {
@@ -4209,7 +4375,7 @@ var TextAlignButtonWithVA = (props) => {
             }
           }
           tiptap.view?.dispatch(tr);
-        } else if ((0, import_core7.checkBlockTypeHasDefaultProp)("textAlignment", block.type, editor)) {
+        } else if ((0, import_core9.checkBlockTypeHasDefaultProp)("textAlignment", block.type, editor)) {
           editor.updateBlock(block, {
             props: { textAlignment: newAlignment }
           });
@@ -4218,7 +4384,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
     );
@@ -4226,7 +4392,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",
@@ -4241,21 +4407,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 = {
@@ -4277,13 +4443,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;
@@ -4305,13 +4471,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",
@@ -4326,24 +4492,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 = {
@@ -4352,18 +4518,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);
@@ -4371,7 +4537,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",
@@ -4386,13 +4552,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: {
@@ -4407,21 +4573,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)(
+  const selectedBlocks = (0, import_react25.useSelectedBlocks)(editor);
+  const [currentSize, setCurrentSize] = (0, import_react26.useState)(
     fontSizeInSchema ? ed.getActiveStyles().fontSize || "" : ""
   );
-  (0, import_react26.useEditorContentOrSelectionChange)(() => {
+  (0, import_react25.useEditorContentOrSelectionChange)(() => {
     if (fontSizeInSchema) {
       setCurrentSize(ed.getActiveStyles().fontSize || "");
     }
   }, 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());
@@ -4429,7 +4600,22 @@ function FontSizeButton2() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [editor]
   );
-  const show = (0, import_react27.useMemo)(() => {
+  const stepBy = (0, import_react26.useCallback)(
+    (delta) => {
+      ed.addStyles({ fontSize: toFontSizeValue(currentPx + delta) });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [currentPx]
+  );
+  const applyInput = (0, import_react26.useCallback)(() => {
+    const n = parseInt(inputValue, 10);
+    if (Number.isFinite(n)) {
+      ed.addStyles({ fontSize: toFontSizeValue(n) });
+    } else {
+      setInputValue(String(currentPx));
+    }
+  }, [inputValue, currentPx]);
+  const show = (0, import_react26.useMemo)(() => {
     if (!fontSizeInSchema) {
       return false;
     }
@@ -4444,20 +4630,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(""),
@@ -4467,7 +4709,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),
@@ -4482,10 +4724,10 @@ function FontSizeButton2() {
 }
 
 // src/components/color/LumirColorControls.tsx
-var import_core8 = require("@blocknote/core");
-var import_react28 = require("@blocknote/react");
-var import_react29 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_core10 = 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",
@@ -4502,7 +4744,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",
@@ -4521,7 +4763,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,
@@ -4530,17 +4772,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: () => {
@@ -4548,16 +4790,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: () => {
@@ -4565,7 +4807,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]
         },
@@ -4575,20 +4817,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");
@@ -4597,7 +4839,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());
@@ -4605,7 +4847,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());
@@ -4613,7 +4855,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;
     }
@@ -4628,15 +4870,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,
@@ -4646,11 +4888,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",
@@ -4664,18 +4906,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;
@@ -4688,7 +4930,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) => {
@@ -4697,21 +4939,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",
@@ -4725,12 +4967,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_core8.mapTableCell)(cell))
+      cells: row.cells.map((cell) => (0, import_core10.mapTableCell)(cell))
     }));
     if (type === "text") {
       newTable[props.rowIndex].cells[props.colIndex].props.textColor = color;
@@ -4747,25 +4989,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_core8.isTableCell)(currentCell) ? currentCell.props.textColor : "default",
+              color: (0, import_core10.isTableCell)(currentCell) ? currentCell.props.textColor : "default",
               setColor: (color) => updateColor(color, "text")
             } : void 0,
             background: editor.settings.tables.cellBackgroundColor ? {
-              color: (0, import_core8.isTableCell)(currentCell) ? currentCell.props.backgroundColor : "default",
+              color: (0, import_core10.isTableCell)(currentCell) ? currentCell.props.backgroundColor : "default",
               setColor: (color) => updateColor(color, "background")
             } : void 0
           }
@@ -4775,21 +5017,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,
@@ -4803,99 +5045,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 = {
@@ -4904,13 +5146,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],
@@ -4925,39 +5167,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;
     }
@@ -4965,7 +5207,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;
@@ -4988,7 +5230,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,
@@ -5002,15 +5244,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;
@@ -5019,7 +5261,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,
@@ -5030,7 +5272,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(
@@ -5044,18 +5286,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;
     }
@@ -5103,11 +5345,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) {
@@ -5119,7 +5361,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;
@@ -5144,7 +5386,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 () => {
@@ -5164,25 +5406,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;
@@ -5200,10 +5442,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);
@@ -5211,7 +5453,7 @@ function LumirTableHandlesController() {
     },
     [focused]
   );
-  const makeDragStart = (0, import_react36.useCallback)(
+  const makeDragStart = (0, import_react35.useCallback)(
     (dir) => (e) => {
       draggingRef.current = true;
       frozenRef.current = true;
@@ -5223,15 +5465,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();
@@ -5273,11 +5515,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,
@@ -5286,9 +5528,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",
@@ -5306,7 +5548,7 @@ function LumirTableHandlesController() {
           ]
         }
       ),
-      rowHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      rowHandle.isMounted && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           ref: rowHandle.ref,
@@ -5315,9 +5557,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",
@@ -5335,7 +5577,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,
@@ -5343,9 +5585,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,
@@ -5361,9 +5603,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",
@@ -5372,13 +5614,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",
@@ -5389,7 +5631,7 @@ function LumirTableHandlesController() {
           )
         }
       ),
-      tableCorner.isMounted && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      tableCorner.isMounted && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "div",
         {
           ref: tableCorner.ref,
@@ -5654,7 +5896,7 @@ function liftFontSize(blocks) {
 }
 
 // src/utils/table-delete.ts
-var import_prosemirror_tables3 = require("prosemirror-tables");
+var import_prosemirror_tables4 = require("prosemirror-tables");
 function measureRowHeights(view, tablePos) {
   try {
     const at = view?.domAtPos?.(tablePos + 1);
@@ -5673,7 +5915,7 @@ function measureRowHeights(view, tablePos) {
 function buildDeleteColumnTr(state, tablePos, col, rowPx) {
   const table = state.doc.nodeAt(tablePos);
   if (!table || table.type.name !== "table") return null;
-  const map = import_prosemirror_tables3.TableMap.get(table);
+  const map = import_prosemirror_tables4.TableMap.get(table);
   const W = map.width;
   const H = map.height;
   if (col < 0 || col >= W || W <= 1) return null;
@@ -5779,9 +6021,9 @@ function removeFocusedRowOrColumn(editor, index, direction) {
     const rowStart = state.doc.resolve(tableInside.posAtIndex(index) + 1);
     const cellPos = state.doc.resolve(rowStart.posAtIndex(0));
     const selState = state.apply(
-      state.tr.setSelection(new import_prosemirror_tables3.CellSelection(cellPos))
+      state.tr.setSelection(new import_prosemirror_tables4.CellSelection(cellPos))
     );
-    return (0, import_prosemirror_tables3.deleteRow)(selState, (tr) => tiptap.view.dispatch(tr));
+    return (0, import_prosemirror_tables4.deleteRow)(selState, (tr) => tiptap.view.dispatch(tr));
   } catch {
     return false;
   }
@@ -5931,6 +6173,20 @@ function normalizeAlign(ta) {
   if (v === "justify") return "justify";
   return "";
 }
+function mapVerticalAlign(v) {
+  const s = (v || "").trim().toLowerCase();
+  if (s === "middle" || s === "center") return "middle";
+  if (s === "bottom") return "bottom";
+  return null;
+}
+function fontSizeToPx(raw) {
+  if (!raw) return null;
+  const m = String(raw).trim().match(/^([\d.]+)\s*(px|pt)?$/i);
+  if (!m) return null;
+  const v = parseFloat(m[1]);
+  if (!Number.isFinite(v) || v <= 0) return null;
+  return (m[2] || "px").toLowerCase() === "pt" ? v * (96 / 72) : v;
+}
 function applyCellFormatting(el, fmt) {
   if (fmt.bgRgb && !fmt.bgTransparent) {
     const v = nearestBackgroundColorValue(fmt.bgRgb);
@@ -5950,6 +6206,13 @@ function applyCellFormatting(el, fmt) {
     if (fmt.bold) inner = `<strong>${inner}</strong>`;
     el.innerHTML = inner;
   }
+  if (fmt.verticalAlign) {
+    el.setAttribute("data-vertical-alignment", fmt.verticalAlign);
+  }
+  if (fmt.fontSizePx && Math.abs(fmt.fontSizePx - 14) > 1 && el.innerHTML.trim()) {
+    const v = `${Math.round(fmt.fontSizePx)}px`;
+    el.innerHTML = `<span data-style-type="fontSize" data-value="${v}" style="font-size:${v}">` + el.innerHTML + `</span>`;
+  }
 }
 function readComputedFormat(el) {
   const cs = getComputedStyle(el);
@@ -5963,7 +6226,13 @@ function readComputedFormat(el) {
     align: normalizeAlign(cs.textAlign),
     bold: fw === "bold" || fw === "bolder" || !isNaN(fwNum) && fwNum >= 600,
     italic: (cs.fontStyle || "").toLowerCase().includes("italic"),
-    underline: decoration.toLowerCase().includes("underline")
+    underline: decoration.toLowerCase().includes("underline"),
+    fontSizePx: fontSizeToPx(cs.fontSize),
+    // ⚠️ computed vertical-align은 td 기본값이 "middle"이라 셀마다 잘못 붙는다.
+    // 명시적 inline style / valign 속성만 읽는다(기본값 노이즈 방지).
+    verticalAlign: mapVerticalAlign(
+      el.style?.verticalAlign || el.getAttribute("valign")
+    )
   };
 }
 function readInlineFormat(el) {
@@ -5979,7 +6248,11 @@ function readInlineFormat(el) {
     align: normalizeAlign(sm["text-align"] || el.getAttribute("align")),
     bold: fw === "bold" || fw === "bolder" || parseInt(fw, 10) >= 600,
     italic: (sm["font-style"] || "").toLowerCase().includes("italic"),
-    underline: decoration.toLowerCase().includes("underline")
+    underline: decoration.toLowerCase().includes("underline"),
+    fontSizePx: fontSizeToPx(sm["font-size"]),
+    verticalAlign: mapVerticalAlign(
+      sm["vertical-align"] || el.getAttribute("valign")
+    )
   };
 }
 function normalizeExcelTableHtml(html) {
@@ -5993,7 +6266,7 @@ function normalizeExcelTableHtml(html) {
       try {
         host = document.createElement("div");
         host.setAttribute("aria-hidden", "true");
-        host.style.cssText = "position:absolute;left:-99999px;top:0;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none";
+        host.style.cssText = "position:absolute;left:-99999px;top:0;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;font-size:14px";
         const shadow = host.attachShadow({ mode: "open" });
         const styles = Array.from(doc.querySelectorAll("style")).map((s) => s.outerHTML).join("");
         shadow.innerHTML = styles + doc.body.innerHTML;
@@ -6016,8 +6289,102 @@ function normalizeExcelTableHtml(html) {
   }
 }
 
+// src/utils/table-paste-fit.ts
+var MIN_COL_PX = 24;
+function toPx(raw, maxWidth) {
+  if (!raw) return null;
+  const m = String(raw).trim().match(/^([\d.]+)\s*(pt|px|%)?$/i);
+  if (!m) return null;
+  const v = parseFloat(m[1]);
+  if (!Number.isFinite(v) || v <= 0) return null;
+  const unit = (m[2] || "px").toLowerCase();
+  if (unit === "pt") return v * (96 / 72);
+  if (unit === "%") return v / 100 * maxWidth;
+  return v;
+}
+function elWidthPx(el, maxWidth) {
+  const styleW = el.style?.width;
+  return toPx(styleW, maxWidth) ?? toPx(el.getAttribute("width"), maxWidth);
+}
+function readColumnWidths(table, maxWidth) {
+  const colEls = table.querySelector("colgroup")?.querySelectorAll("col");
+  if (colEls && colEls.length > 0) {
+    const widths2 = [];
+    let ok2 = true;
+    colEls.forEach((c) => {
+      const span = parseInt(c.getAttribute("span") || "1", 10) || 1;
+      const w = elWidthPx(c, maxWidth);
+      if (w == null) ok2 = false;
+      for (let i = 0; i < span; i++) widths2.push(w ?? 0);
+    });
+    if (ok2 && widths2.length > 0) return widths2;
+  }
+  const firstRow = table.querySelector("tr");
+  if (!firstRow) return null;
+  const widths = [];
+  let ok = true;
+  Array.from(firstRow.children).forEach((cell) => {
+    if (cell.tagName !== "TD" && cell.tagName !== "TH") return;
+    const span = parseInt(cell.getAttribute("colspan") || "1", 10) || 1;
+    const w = elWidthPx(cell, maxWidth);
+    if (w == null) ok = false;
+    const per = (w ?? 0) / span;
+    for (let i = 0; i < span; i++) widths.push(per);
+  });
+  return ok && widths.length > 0 ? widths : null;
+}
+function fitWidths(widths, maxWidth) {
+  const total = widths.reduce((a, b) => a + b, 0);
+  if (total <= 0) return widths;
+  const scale = total > maxWidth ? maxWidth / total : 1;
+  return widths.map((w) => Math.max(MIN_COL_PX, Math.round(w * scale)));
+}
+function computeFittedColumnWidthsPerTable(html, maxWidth) {
+  if (!html || typeof DOMParser === "undefined" || !(maxWidth > 0)) return [];
+  let doc;
+  try {
+    doc = new DOMParser().parseFromString(html, "text/html");
+  } catch {
+    return [];
+  }
+  return Array.from(doc.querySelectorAll("table")).map((t) => {
+    const widths = readColumnWidths(t, maxWidth);
+    return widths ? fitWidths(widths, maxWidth) : null;
+  });
+}
+function collectTableBlocks(blocks) {
+  const out = [];
+  const walk = (bs) => {
+    for (const b of bs) {
+      if (b?.type === "table") out.push(b);
+      if (b?.children?.length) walk(b.children);
+    }
+  };
+  walk(blocks || []);
+  return out;
+}
+function applyFittedWidthsToNewTables(editor, beforeIds, perTable) {
+  if (!editor || perTable.length === 0) return;
+  const newTables = collectTableBlocks(editor.document).filter(
+    (b) => !beforeIds.has(b.id)
+  );
+  newTables.forEach((tb, i) => {
+    const widths = perTable[i];
+    const current = tb?.content?.columnWidths;
+    if (widths && Array.isArray(current) && current.length === widths.length) {
+      try {
+        editor.updateBlock(tb, {
+          type: "table",
+          content: { ...tb.content, columnWidths: widths }
+        });
+      } catch {
+      }
+    }
+  });
+}
+
 // 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",
@@ -6248,9 +6615,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",
@@ -6269,29 +6636,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 })
       ]
     }
   );
@@ -6336,13 +6703,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());
@@ -6350,12 +6717,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,
@@ -6363,10 +6730,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,
@@ -6374,18 +6741,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,
@@ -6414,7 +6781,7 @@ function LumirEditor({
     s3Upload?.maxRetries,
     s3Upload?.onProgress
   ]);
-  const editor = (0, import_react38.useCreateBlockNote)(
+  const editor = (0, import_react37.useCreateBlockNote)(
     {
       // HTML 미리보기 블록이 포함된 커스텀 스키마 사용
       schema,
@@ -6442,7 +6809,9 @@ function LumirEditor({
           // tableHandles prop으로 게이트(기존 grip 컨트롤러와 동일 게이트).
           RowHeightExtension.configure({ resizable: tableHandles }),
           // 표 블록 정렬(좌/가운데/우) attr.
-          TableAlignmentExtension
+          TableAlignmentExtension,
+          // 셀 포커스 시 Ctrl/Cmd+A → 표 전체 선택.
+          TableSelectAllExtension
         ]
       },
       placeholders: placeholder ? { default: placeholder, emptyDocument: placeholder } : void 0,
@@ -6548,7 +6917,14 @@ function LumirEditor({
             hasFiles: !!event?.clipboardData?.files?.length
           });
           event.preventDefault();
+          const pmDom = editor2.prosemirrorView?.dom;
+          const maxWidth = pmDom?.clientWidth ? pmDom.clientWidth - 8 : 0;
+          const fittedWidths = computeFittedColumnWidthsPerTable(pastedHtml, maxWidth);
+          const beforeTableIds = new Set(
+            collectTableBlocks(editor2.document).map((b) => b.id)
+          );
           editor2.pasteHTML(normalizeExcelTableHtml(pastedHtml));
+          applyFittedWidthsToNewTables(editor2, beforeTableIds, fittedWidths);
           return true;
         }
         const fileList = event?.clipboardData?.files ?? null;
@@ -6636,12 +7012,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")
@@ -6653,7 +7029,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;
@@ -6666,7 +7042,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;
@@ -6683,13 +7059,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;
@@ -6703,7 +7079,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) => {
@@ -6834,13 +7210,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(
@@ -6850,8 +7226,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,
@@ -6922,7 +7298,7 @@ function LumirEditor({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             FloatingMenu,
             {
               editor,
@@ -6954,7 +7330,7 @@ function LumirEditor({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           import_mantine.BlockNoteView,
           {
             editor,
@@ -6969,21 +7345,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();
@@ -7025,7 +7401,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",
@@ -7037,45 +7413,64 @@ 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_runtime26.jsxs)(
+                        "svg",
+                        {
+                          width: "18",
+                          height: "18",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          children: [
+                            /* @__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" })
+                          ]
+                        }
+                      );
                       const columnItem = {
                         title: "2\uB2E8 \uCEEC\uB7FC",
-                        onItemClick: () => {
-                          insertTwoColumns(editor);
-                        },
+                        onItemClick: () => insertTwoColumns(editor, false),
                         aliases: ["columns", "column", "2col", "\uB2E8", "\uCEEC\uB7FC", "\uB2E4\uB2E8", "\uBD84\uD560"],
                         group: "Basic blocks",
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-                          "svg",
-                          {
-                            width: "18",
-                            height: "18",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            stroke: "currentColor",
-                            strokeWidth: "2",
-                            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" })
-                            ]
-                          }
-                        ),
+                        icon: columnIcon(false),
                         subtext: "\uBE14\uB85D\uC744 \uC88C\uC6B0 2\uB2E8\uC73C\uB85C \uBC30\uCE58"
                       };
-                      const allItems = [...filtered, htmlPreviewItem, columnItem];
+                      const columnDividerItem = {
+                        title: "2\uB2E8 \uCEEC\uB7FC (\uAD6C\uBD84\uC120)",
+                        onItemClick: () => insertTwoColumns(editor, true),
+                        aliases: [
+                          "columns divider",
+                          "\uAD6C\uBD84\uC120",
+                          "\uCEEC\uB7FC \uAD6C\uBD84\uC120",
+                          "2\uB2E8 \uAD6C\uBD84\uC120",
+                          "divider"
+                        ],
+                        group: "Basic blocks",
+                        icon: columnIcon(true),
+                        subtext: "\uAC00\uC6B4\uB370 \uC138\uB85C \uAD6C\uBD84\uC120\uC774 \uC788\uB294 2\uB2E8 \uCEEC\uB7FC"
+                      };
+                      const allItems = [
+                        ...filtered,
+                        htmlPreviewItem,
+                        columnItem,
+                        columnDividerItem
+                      ];
                       if (linkPreview?.apiEndpoint) {
                         allItems.push({
                           title: "Link Preview",
                           onItemClick: () => {
-                            (0, import_core9.insertOrUpdateBlock)(editor, {
+                            (0, import_core11.insertOrUpdateBlock)(editor, {
                               type: "linkPreview",
                               props: { url: "" }
                             });
@@ -7089,7 +7484,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",
@@ -7101,8 +7496,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" })
                               ]
                             }
                           ),
@@ -7138,21 +7533,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",
@@ -7171,7 +7566,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,
@@ -7181,12 +7580,15 @@ function LumirEditor({
   LumirEditor,
   LumirEditorError,
   TEXT_COLORS,
+  clampFontSizePx,
   clearMetadataCache,
   cn,
   createS3Uploader,
   fetchLinkMetadata,
   getHexFromColorValue,
   liftFontSize,
-  lowerFontSize
+  lowerFontSize,
+  parseFontSizePx,
+  toFontSizeValue
 });
 //# sourceMappingURL=index.js.map