oasis-editor 0.0.18 → 0.0.20

package/dist/{index-CBbhzffQ.js → index-CBXD1ygJ.js}

@@ -1568,8 +1568,19 @@ const en = {
   "section.pageSetup": "Page Setup",
   "section.toggleOrientation": "Toggle Orientation",
   "section.margins": "Margins",
-  "section.marginsNormal": "Normal Margins",
-  "section.marginsNarrow": "Narrow Margins",
+  "section.marginPreset.normal": "Normal",
+  "section.marginPreset.narrow": "Narrow",
+  "section.marginPreset.moderate": "Moderate",
+  "section.marginPreset.wide": "Wide",
+  "section.marginPreset.mirrored": "Mirrored",
+  "section.marginPreset.custom": "Custom Margins…",
+  "section.marginField.top": "Top:",
+  "section.marginField.bottom": "Bottom:",
+  "section.marginField.left": "Left:",
+  "section.marginField.right": "Right:",
+  "section.marginValue": "{0} cm",
+  "section.marginApply": "Apply",
+  "number.decimalSeparator": ".",
   "section.secNext": "Sec Next",
   "section.secNextTooltip": "Insert Section Break (Next Page)",
   "section.secCont": "Sec Cont",
@@ -2013,8 +2024,19 @@ const ptBR = {
   "section.pageSetup": "Configurações de Página",
   "section.toggleOrientation": "Alternar Orientação",
   "section.margins": "Margens",
-  "section.marginsNormal": "Margens Normais",
-  "section.marginsNarrow": "Margens Estreitas",
+  "section.marginPreset.normal": "Normal",
+  "section.marginPreset.narrow": "Estreita",
+  "section.marginPreset.moderate": "Moderada",
+  "section.marginPreset.wide": "Larga",
+  "section.marginPreset.mirrored": "Espelhada",
+  "section.marginPreset.custom": "Margens Personalizadas…",
+  "section.marginField.top": "Sup.:",
+  "section.marginField.bottom": "Inf.:",
+  "section.marginField.left": "Esq.:",
+  "section.marginField.right": "Dir.:",
+  "section.marginValue": "{0} cm",
+  "section.marginApply": "Aplicar",
+  "number.decimalSeparator": ",",
   "section.secNext": "Próx Seç",
   "section.secNextTooltip": "Inserir Quebra de Seção (Próxima Página)",
   "section.secCont": "Seç Cont",
@@ -2320,14 +2342,14 @@ function t(key, params = []) {
   return template2;
 }
 const oasisMarkBase64 = "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";
-var _tmpl$$R = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$S = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
 const OASIS_MARK_DATA_URI = `data:image/webp;base64,${oasisMarkBase64}`;
 const MARK_ASPECT = 3 / 4;
 function OasisBrandMark(props) {
   const height = () => props.height ?? 64;
   const width = () => Math.round(height() * MARK_ASPECT);
   return (() => {
-    var _el$ = _tmpl$$R();
+    var _el$ = _tmpl$$S();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2344,7 +2366,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$Q = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$x = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$l = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$y = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$m = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const variant = () => props.variant ?? "overlay";
   const pct = () => {
@@ -2353,7 +2375,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$x(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$y(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(OasisBrandMark, {
       height: 40,
       "class": "oasis-editor-loading-mark"
@@ -2364,10 +2386,10 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$Q();
+        var _el$6 = _tmpl$$R();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
-          return () => _c$() ? _tmpl$3$l() : `${pct()}%`;
+          return () => _c$() ? _tmpl$3$m() : `${pct()}%`;
         })());
         return _el$6;
       }
@@ -2416,7 +2438,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-Cwoo0WV0.js").then((m) => {
+    import("./OasisEditorApp-YuR1PFAE.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -3032,7 +3054,8 @@ function normalizePageSettings(pageSettings) {
       header: pageSettings.margins.header,
       footer: pageSettings.margins.footer,
       gutter: pageSettings.margins.gutter
-    }
+    },
+    ...pageSettings.columns ? { columns: pageSettings.columns } : {}
   };
 }
 function getDocumentPageSettings(document2) {
@@ -3049,7 +3072,8 @@ function getDocumentPageSettings(document2) {
       header: (pageSettings == null ? void 0 : pageSettings.margins.header) ?? DEFAULT_EDITOR_PAGE_SETTINGS.margins.header,
       footer: (pageSettings == null ? void 0 : pageSettings.margins.footer) ?? DEFAULT_EDITOR_PAGE_SETTINGS.margins.footer,
       gutter: (pageSettings == null ? void 0 : pageSettings.margins.gutter) ?? DEFAULT_EDITOR_PAGE_SETTINGS.margins.gutter
-    }
+    },
+    ...(pageSettings == null ? void 0 : pageSettings.columns) ? { columns: pageSettings.columns } : {}
   });
 }
 function getPageContentWidth(pageSettings) {
@@ -3060,6 +3084,37 @@ function getPageContentWidth(pageSettings) {
     )
   );
 }
+function getPageColumnRects(pageSettings) {
+  var _a;
+  const contentLeft = pageSettings.margins.left + pageSettings.margins.gutter;
+  const contentWidth = getPageContentWidth(pageSettings);
+  const columns = pageSettings.columns;
+  const count = (columns == null ? void 0 : columns.count) ?? 1;
+  if (!columns || count <= 1) {
+    return [{ left: contentLeft, width: contentWidth }];
+  }
+  if (columns.equalWidth === false && ((_a = columns.columns) == null ? void 0 : _a.length)) {
+    const rects2 = [];
+    let cursor = contentLeft;
+    for (let i = 0; i < count; i += 1) {
+      const col = columns.columns[i];
+      const width = Math.max(1, (col == null ? void 0 : col.width) ?? 0);
+      rects2.push({ left: cursor, width });
+      cursor += width + ((col == null ? void 0 : col.space) ?? columns.space);
+    }
+    return rects2;
+  }
+  const space = columns.space;
+  const colWidth = Math.max(
+    1,
+    Math.floor((contentWidth - space * (count - 1)) / count)
+  );
+  const rects = [];
+  for (let i = 0; i < count; i += 1) {
+    rects.push({ left: contentLeft + i * (colWidth + space), width: colWidth });
+  }
+  return rects;
+}
 function clampPageOffset(value, limit) {
   if (!Number.isFinite(value)) {
     return 0;
@@ -3779,7 +3834,8 @@ function createEditorDocument(blocks, pageSettings, sections, styles, metadata,
       width: pageSettings.width,
       height: pageSettings.height,
       orientation: pageSettings.orientation,
-      margins: { ...pageSettings.margins }
+      margins: { ...pageSettings.margins },
+      ...pageSettings.columns ? { columns: pageSettings.columns } : {}
     } : {
       width: DEFAULT_EDITOR_PAGE_SETTINGS.width,
       height: DEFAULT_EDITOR_PAGE_SETTINGS.height,
@@ -4455,9 +4511,9 @@ class MenuRegistry {
   }
 }
 const defaultMenuRegistry = new MenuRegistry();
-var _tmpl$$P = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$w = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$k = /* @__PURE__ */ template(`<i>`);
-const FootnoteIcon = () => _tmpl$$P();
-const SpecialIndentFirstLineIcon = () => _tmpl$2$w();
+var _tmpl$$Q = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$x = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$l = /* @__PURE__ */ template(`<i>`);
+const FootnoteIcon = () => _tmpl$$Q();
+const SpecialIndentFirstLineIcon = () => _tmpl$2$x();
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon,
   specialIndentFirstLine: SpecialIndentFirstLineIcon
@@ -4472,7 +4528,7 @@ function ToolIcon(props) {
     },
     get fallback() {
       return (() => {
-        var _el$3 = _tmpl$3$k();
+        var _el$3 = _tmpl$3$l();
         createRenderEffect(() => setAttribute(_el$3, "data-lucide", props.name));
         return _el$3;
       })();
@@ -4822,7 +4878,7 @@ const defaultMenuItems = [
   }
 ];
 defaultMenuItems.forEach((item) => defaultMenuRegistry.register(item));
-var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$d = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
+var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$f = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$e = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
 function Menubar(props) {
   const [activeMenu, setActiveMenu] = createSignal(null);
   const menuItems = () => (props.registry ?? defaultMenuRegistry).getItems();
@@ -4889,13 +4945,13 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$O();
+    var _el$ = _tmpl$$P();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
       },
       children: (topLevel) => (() => {
-        var _el$2 = _tmpl$3$j(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$3$k(), _el$3 = _el$2.firstChild;
         _el$2.addEventListener("mouseenter", () => {
           if (activeMenu() && activeMenu() !== topLevel.id) {
             setActiveMenu(topLevel.id);
@@ -4915,7 +4971,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$4 = _tmpl$2$v();
+            var _el$4 = _tmpl$2$w();
             insert(_el$4, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -4954,7 +5010,7 @@ function MenuNode(props) {
   } = props;
   const isSeparator = (_a = node.item) == null ? void 0 : _a.separator;
   if (isSeparator) {
-    return _tmpl$4$e();
+    return _tmpl$4$f();
   }
   const hasChildren = node.children.length > 0;
   const [showSub, setShowSub] = createSignal(false);
@@ -4989,7 +5045,7 @@ function MenuNode(props) {
         return icon();
       },
       get children() {
-        var _el$8 = _tmpl$5$d();
+        var _el$8 = _tmpl$5$e();
         insert(_el$8, createComponent(ToolIcon, {
           get name() {
             return icon();
@@ -5005,7 +5061,7 @@ function MenuNode(props) {
         return (_a2 = node.item) == null ? void 0 : _a2.shortcut;
       },
       get children() {
-        var _el$0 = _tmpl$6$6();
+        var _el$0 = _tmpl$6$7();
         insert(_el$0, () => node.item.shortcut);
         return _el$0;
       }
@@ -5042,10 +5098,10 @@ function MenuNode(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$N(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$O(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -13102,6 +13158,13 @@ function estimateTextBoxAutoFitHeight(textBox, styles, measurer, pageIndex, tota
   );
 }
 function projectBlocksLayout(context2) {
+  const columns = context2.pageSettings.columns;
+  if (columns && columns.count > 1) {
+    return projectColumnedBlocksLayout(context2, columns.count);
+  }
+  return projectColumnTrackLayout(context2);
+}
+function projectColumnTrackLayout(context2) {
   var _a, _b;
   const {
     blocks,
@@ -13115,9 +13178,10 @@ function projectBlocksLayout(context2) {
     existingPages = [],
     measurer = domTextMeasurer,
     reservedHeightByPageIndex,
-    defaultTabStop
+    defaultTabStop,
+    contentWidthOverride
   } = context2;
-  const contentWidth = getPageContentWidth(pageSettings);
+  const contentWidth = contentWidthOverride ?? getPageContentWidth(pageSettings);
   const pages = [...existingPages];
   const currentPage = pages[pages.length - 1];
   let currentBlocks = currentPage ? [...currentPage.blocks] : [];
@@ -13678,6 +13742,82 @@ function projectBlocksLayout(context2) {
   }
   return pages;
 }
+const MAX_COLUMN_BALANCE_ITERATIONS = 100;
+function projectColumnedBlocksLayout(context2, count) {
+  var _a, _b;
+  const { pageSettings, maxPageHeight, pageOffset = 0, existingPages = [] } = context2;
+  const colWidth = ((_a = getPageColumnRects(pageSettings)[0]) == null ? void 0 : _a.width) ?? getPageContentWidth(pageSettings);
+  const runTracks = (blocks, trackHeight) => projectColumnTrackLayout({
+    ...context2,
+    blocks,
+    maxPageHeight: trackHeight,
+    contentWidthOverride: colWidth,
+    pageOffset: 0,
+    existingPages: [],
+    reservedHeightByPageIndex: void 0
+  });
+  let tracks = runTracks(context2.blocks, maxPageHeight);
+  if (tracks.length > 1 || tracks.length === 1 && count > 1) {
+    const trailingStart = Math.floor((tracks.length - 1) / count) * count;
+    const trailingTracks = tracks.slice(trailingStart);
+    const firstTrailingBlock = (_b = trailingTracks[0]) == null ? void 0 : _b.blocks[0];
+    const prevTrack = trailingStart > 0 ? tracks[trailingStart - 1] : void 0;
+    const prevLastBlock = prevTrack == null ? void 0 : prevTrack.blocks[prevTrack.blocks.length - 1];
+    const cleanBoundary = firstTrailingBlock != null && (prevLastBlock == null || prevLastBlock.globalIndex !== firstTrailingBlock.globalIndex);
+    if (cleanBoundary) {
+      const startIndex = firstTrailingBlock.globalIndex;
+      const sourceSubset = context2.blocks.slice(startIndex);
+      const sumHeight = trailingTracks.reduce(
+        (sum, track) => sum + track.height,
+        0
+      );
+      let target = Math.max(24, Math.ceil(sumHeight / count));
+      let balanced = runTracks(sourceSubset, target);
+      for (let iteration = 0; balanced.length > count && target < maxPageHeight && iteration < MAX_COLUMN_BALANCE_ITERATIONS; iteration += 1) {
+        target = Math.min(maxPageHeight, Math.ceil(target * 1.05) + 4);
+        balanced = runTracks(sourceSubset, target);
+      }
+      if (balanced.length <= count) {
+        tracks = [...tracks.slice(0, trailingStart), ...balanced];
+      }
+    }
+  }
+  const pages = [...existingPages];
+  const startPageIndex = existingPages.length > 0 ? existingPages[existingPages.length - 1].index + 1 : pageOffset;
+  const physicalPageCount = Math.ceil(tracks.length / count);
+  for (let p = 0; p < physicalPageCount; p += 1) {
+    const pageIndex = startPageIndex + p;
+    const pageTracks = tracks.slice(p * count, p * count + count);
+    const blocks = [];
+    let height = 0;
+    pageTracks.forEach((track, columnIndex) => {
+      for (const block of track.blocks) {
+        block.columnIndex = columnIndex;
+        blocks.push(block);
+      }
+      height = Math.max(height, track.height);
+    });
+    pages.push({
+      id: `page:${pageIndex + 1}`,
+      index: pageIndex,
+      height,
+      maxHeight: maxPageHeight,
+      blocks,
+      pageSettings
+    });
+  }
+  if (pages.length === 0) {
+    pages.push({
+      id: `page:${startPageIndex + 1}`,
+      index: startPageIndex,
+      height: 0,
+      maxHeight: maxPageHeight,
+      blocks: [],
+      pageSettings
+    });
+  }
+  return pages;
+}
 function getProjectedBlocksHeight(blocks) {
   if (!blocks || blocks.length === 0) {
     return 0;
@@ -16644,9 +16784,18 @@ function buildCanvasLayoutSnapshot(options) {
     const collectParagraphBlock = (zone, blocks, startTop, options2 = {}) => {
       var _a;
       let cursorY = startTop;
-      const blockContentLeft = options2.contentLeft ?? contentLeft;
-      const blockContentWidth = options2.contentWidth ?? contentWidth;
+      let blockContentLeft = options2.contentLeft ?? contentLeft;
+      let blockContentWidth = options2.contentWidth ?? contentWidth;
+      const columnRects = getPageColumnRects(page.pageSettings);
+      let lastColumnIndex;
       for (const block of blocks) {
+        if (block.columnIndex !== void 0 && block.columnIndex !== lastColumnIndex) {
+          lastColumnIndex = block.columnIndex;
+          const rect = columnRects[block.columnIndex] ?? columnRects[0];
+          blockContentLeft = pageRect.left + rect.left;
+          blockContentWidth = rect.width;
+          cursorY = startTop;
+        }
         const blockFootnoteId = ((_a = options2.footnoteIdForBlock) == null ? void 0 : _a.call(options2, block)) ?? options2.footnoteId;
         if (block.sourceBlock.type === "paragraph" && block.layout) {
           const paragraphNode = block.sourceBlock;
@@ -17011,7 +17160,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$M = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$d = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
   const [items, setItems] = createSignal([]);
@@ -17079,13 +17228,13 @@ function OutlinePanel(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$3$i(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$3$j(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(Show, {
       get when() {
         return !collapsed();
       },
       get children() {
-        var _el$3 = _tmpl$$M();
+        var _el$3 = _tmpl$$N();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -17096,14 +17245,14 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$u();
+        var _el$6 = _tmpl$2$v();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
           },
           get fallback() {
             return (() => {
-              var _el$7 = _tmpl$4$d();
+              var _el$7 = _tmpl$4$e();
               insert(_el$7, () => t("outline.empty"));
               return _el$7;
             })();
@@ -17114,7 +17263,7 @@ function OutlinePanel(props) {
                 return items();
               },
               children: (item) => (() => {
-                var _el$8 = _tmpl$5$c();
+                var _el$8 = _tmpl$5$d();
                 _el$8.$$click = () => props.onNavigate(item.anchor);
                 insert(_el$8, () => item.text);
                 createRenderEffect((_p$) => {
@@ -17153,7 +17302,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
 function ToolbarOverflowManager(props) {
   const [overflowCount, setOverflowCount] = createSignal(0);
   const [menuOpen, setMenuOpen] = createSignal(false);
@@ -17296,7 +17445,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$L(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
+    var _el$ = _tmpl$$M(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
     var _ref$ = containerRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : containerRef = _el$;
     var _ref$2 = moreMeasureRef;
@@ -17308,7 +17457,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$t();
+        var _el$7 = _tmpl$2$u();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -17384,12 +17533,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$K = /* @__PURE__ */ template(`<span>`), _tmpl$2$s = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<span>`), _tmpl$2$t = /* @__PURE__ */ template(`<button type=button>`);
 function Button$1(props) {
   const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "aria-label", "class", "classList"]);
   const ariaLabel = () => local["aria-label"] || local.tooltip || local.label || "";
   return (() => {
-    var _el$ = _tmpl$2$s();
+    var _el$ = _tmpl$2$t();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -17425,7 +17574,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$K();
+        var _el$2 = _tmpl$$L();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -17507,7 +17656,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$J = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$K = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -17524,7 +17673,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$J();
+    var _el$ = _tmpl$$K();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -17576,12 +17725,12 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$I = /* @__PURE__ */ template(`<div>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$h = /* @__PURE__ */ template(`<i>`), _tmpl$4$c = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$b = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$J = /* @__PURE__ */ template(`<div>`), _tmpl$2$s = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$i = /* @__PURE__ */ template(`<i>`), _tmpl$4$d = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$c = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$6 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
 function Menu(props) {
   const [open, setOpen] = createSignal(false);
   const ariaLabel = () => props.tooltip || props.label || "";
   return (() => {
-    var _el$ = _tmpl$2$r();
+    var _el$ = _tmpl$2$s();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -17596,7 +17745,7 @@ function Menu(props) {
       },
       onPanelMouseLeave: void 0,
       trigger: (api) => (() => {
-        var _el$3 = _tmpl$6$5();
+        var _el$3 = _tmpl$6$6();
         _el$3.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$3);
         insert(_el$3, createComponent(Show, {
@@ -17604,7 +17753,7 @@ function Menu(props) {
             return props.icon;
           },
           get children() {
-            var _el$4 = _tmpl$3$h();
+            var _el$4 = _tmpl$3$i();
             createRenderEffect(() => setAttribute(_el$4, "data-lucide", props.icon));
             return _el$4;
           }
@@ -17614,7 +17763,7 @@ function Menu(props) {
             return props.label;
           },
           get children() {
-            var _el$5 = _tmpl$4$c();
+            var _el$5 = _tmpl$4$d();
             insert(_el$5, () => props.label);
             return _el$5;
           }
@@ -17624,7 +17773,7 @@ function Menu(props) {
             return !props.hideChevron;
           },
           get children() {
-            return _tmpl$5$b();
+            return _tmpl$5$c();
           }
         }), null);
         createRenderEffect((_p$) => {
@@ -17647,7 +17796,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$I();
+        var _el$2 = _tmpl$$J();
         _el$2.$$click = (event) => {
           const el = event.target;
           if (el.closest("button") && !el.closest(".oasis-editor-tool-button-dropdown") && !el.closest(".oasis-editor-toolbar-list-options")) {
@@ -17662,7 +17811,7 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$H = /* @__PURE__ */ template(`<select>`);
+var _tmpl$$I = /* @__PURE__ */ template(`<select>`);
 function Select(props) {
   let selectRef;
   const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value"]);
@@ -17678,7 +17827,7 @@ function Select(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$$H();
+    var _el$ = _tmpl$$I();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -17705,15 +17854,15 @@ function Select(props) {
     return _el$;
   })();
 }
-var _tmpl$$G = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$H = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$G();
+    var _el$ = _tmpl$$H();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$F = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
+var _tmpl$$G = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
 function SplitButton(props) {
   return createComponent(Popover, {
     get open() {
@@ -17732,7 +17881,7 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$F(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$G(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       use((el) => api.ref(el), _el$);
       _el$2.$$click = () => props.onMain();
       insert(_el$2, () => props.mainContent);
@@ -17770,7 +17919,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$E = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$q = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$4 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$r = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$5 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -17835,7 +17984,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$q(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$r(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -17845,7 +17994,7 @@ function ColorPicker(props) {
               return _tmpl$8$1();
             },
             get children() {
-              return _tmpl$$E();
+              return _tmpl$$F();
             }
           }));
           insert(_el$4, clearLabel);
@@ -17853,7 +18002,7 @@ function ColorPicker(props) {
           return _el$;
         }
       }), (() => {
-        var _el$5 = _tmpl$3$g(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        var _el$5 = _tmpl$3$h(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
         insert(_el$6, () => props.themeColorsLabel);
         insert(_el$7, createComponent(For, {
           get each() {
@@ -17893,7 +18042,7 @@ function ColorPicker(props) {
         }));
         return _el$5;
       })(), (() => {
-        var _el$8 = _tmpl$4$b(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
+        var _el$8 = _tmpl$4$c(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
         insert(_el$9, () => props.standardColorsLabel);
         insert(_el$0, createComponent(For, {
           get each() {
@@ -17930,13 +18079,13 @@ function ColorPicker(props) {
         },
         get children() {
           return [(() => {
-            var _el$1 = _tmpl$5$a(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+            var _el$1 = _tmpl$5$b(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
             _el$1.$$click = () => customColorInputRef == null ? void 0 : customColorInputRef.click();
             insert(_el$11, () => props.moreColorsLabel);
             createRenderEffect(() => setAttribute(_el$1, "data-testid", `${props.testId}-more-colors`));
             return _el$1;
           })(), (() => {
-            var _el$12 = _tmpl$6$4();
+            var _el$12 = _tmpl$6$5();
             _el$12.$$input = (event) => applyColor(event.currentTarget.value);
             var _ref$ = customColorInputRef;
             typeof _ref$ === "function" ? use(_ref$, _el$12) : customColorInputRef = _el$12;
@@ -17958,7 +18107,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$D = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$E = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
   const [hover, setHover] = createSignal({
@@ -18032,7 +18181,7 @@ function GridPicker(props) {
     return h.row === 0 || h.col === 0 ? t("toolbar.table") : `${h.row} × ${h.col}`;
   };
   return (() => {
-    var _el$ = _tmpl$3$f();
+    var _el$ = _tmpl$3$g();
     insert(_el$, createComponent(Popover, {
       get open() {
         return isOpen();
@@ -18044,7 +18193,7 @@ function GridPicker(props) {
         col: 0
       }),
       trigger: (api) => (() => {
-        var _el$4 = _tmpl$4$a(), _el$5 = _el$4.firstChild;
+        var _el$4 = _tmpl$4$b(), _el$5 = _el$4.firstChild;
         _el$4.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$4);
         createRenderEffect((_p$) => {
@@ -18066,11 +18215,11 @@ function GridPicker(props) {
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$D();
+          var _el$2 = _tmpl$$E();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$p();
+          var _el$3 = _tmpl$2$q();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -18080,7 +18229,7 @@ function GridPicker(props) {
                 return cols();
               },
               children: (c) => (() => {
-                var _el$6 = _tmpl$5$9();
+                var _el$6 = _tmpl$5$a();
                 _el$6.$$click = () => selectGridSize(r, c);
                 _el$6.$$mousedown = (event) => event.preventDefault();
                 _el$6.addEventListener("mouseenter", () => setHover({
@@ -18170,7 +18319,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$C = /* @__PURE__ */ template(`<option value>`), _tmpl$2$o = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<option value>`), _tmpl$2$p = /* @__PURE__ */ template(`<option>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -18343,7 +18492,7 @@ function RenderSelect(props) {
           return props.item.placeholder !== void 0;
         },
         get children() {
-          var _el$ = _tmpl$$C();
+          var _el$ = _tmpl$$D();
           insert(_el$, () => props.item.placeholder);
           return _el$;
         }
@@ -18352,7 +18501,7 @@ function RenderSelect(props) {
           return props.item.options(props.api);
         },
         children: (option) => (() => {
-          var _el$2 = _tmpl$2$o();
+          var _el$2 = _tmpl$2$p();
           insert(_el$2, () => option.label);
           createRenderEffect(() => _el$2.value = option.value);
           return _el$2;
@@ -18475,12 +18624,12 @@ function registerToolbarRenderer(type, component) {
 function resolveRenderer(type) {
   return TOOLBAR_RENDERERS[type] ?? customRenderers.get(type);
 }
-var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
+var _tmpl$$C = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
 function ToolbarItemRenderer(props) {
   const binding = bindItem(props.item, props.api);
   const component = () => resolveRenderer(props.item.type);
   return (() => {
-    var _el$ = _tmpl$$B();
+    var _el$ = _tmpl$$C();
     insert(_el$, createComponent(Show, {
       get when() {
         return component();
@@ -18621,7 +18770,7 @@ function buildRibbonGroups(items, tab) {
   });
   return Array.from(groups.values()).sort((a, b) => a.order - b.order);
 }
-var _tmpl$$A = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$n = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$o = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
 function RibbonTabs(props) {
   const tabs = RIBBON_TAB_DEFINITIONS;
   const moveTab = (current, delta) => {
@@ -18630,11 +18779,11 @@ function RibbonTabs(props) {
     if (next) props.setActiveTab(next.id);
   };
   return (() => {
-    var _el$ = _tmpl$$A();
+    var _el$ = _tmpl$$B();
     insert(_el$, createComponent(For, {
       each: tabs,
       children: (tab) => (() => {
-        var _el$2 = _tmpl$2$n();
+        var _el$2 = _tmpl$2$o();
         _el$2.$$keydown = (event) => {
           if (event.key === "ArrowRight") {
             event.preventDefault();
@@ -18676,10 +18825,10 @@ function RibbonTabs(props) {
   })();
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$z = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
+var _tmpl$$A = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
 function RibbonRow(props) {
   return (() => {
-    var _el$ = _tmpl$$z();
+    var _el$ = _tmpl$$A();
     insert(_el$, createComponent(For, {
       get each() {
         return props.items;
@@ -18694,10 +18843,10 @@ function RibbonRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$y = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows></div><div class=oasis-editor-ribbon-group-label>`);
+var _tmpl$$z = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows></div><div class=oasis-editor-ribbon-group-label>`);
 function RibbonGroup(props) {
   return (() => {
-    var _el$ = _tmpl$$y(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$z(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     insert(_el$2, createComponent(RibbonRow, {
       get items() {
         return props.group.rows[1];
@@ -18727,11 +18876,11 @@ function RibbonGroup(props) {
     return _el$;
   })();
 }
-var _tmpl$$x = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
+var _tmpl$$y = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
 function RibbonPanel(props) {
   const groups = () => buildRibbonGroups(props.items(), props.activeTab());
   return (() => {
-    var _el$ = _tmpl$$x();
+    var _el$ = _tmpl$$y();
     insert(_el$, createComponent(For, {
       get each() {
         return groups();
@@ -18755,7 +18904,7 @@ function RibbonPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$w = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$m = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
+var _tmpl$$x = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$n = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
 const shouldAllowNativeMouseDown = (target) => target instanceof Element && target.closest("select, input, textarea, label") !== null;
 function Toolbar(props) {
   const api = createToolbarApi(props.host);
@@ -18785,7 +18934,7 @@ function Toolbar(props) {
     })
   });
   return (() => {
-    var _el$ = _tmpl$$w();
+    var _el$ = _tmpl$$x();
     _el$.$$mousedown = (event) => {
       if (shouldAllowNativeMouseDown(event.target)) {
         return;
@@ -18806,7 +18955,7 @@ function Toolbar(props) {
           return renderItems();
         }
       }) : (() => {
-        var _el$2 = _tmpl$2$m();
+        var _el$2 = _tmpl$2$n();
         insert(_el$2, renderItems);
         return _el$2;
       })();
@@ -19135,10 +19284,10 @@ function createLayoutIdentityStabilizer() {
     return { pages };
   };
 }
-var _tmpl$$v = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
+var _tmpl$$w = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
 function PageBreak(props) {
   return (() => {
-    var _el$ = _tmpl$$v(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$w(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     insert(_el$3, () => t("metric.pageBreak") || "Page Break");
     return _el$;
   })();
@@ -19488,13 +19637,37 @@ function createCanvasPageRenderer(options) {
       }
       ctx.restore();
     }
+    const columns = page.pageSettings.columns;
+    const columnRects = columns && columns.count > 1 ? getPageColumnRects(page.pageSettings) : null;
     if (state.showMargins) {
       const contentHeight = Math.max(24, Math.floor(zoneBodyBottom - bodyTop));
       ctx.save();
       ctx.strokeStyle = "#d1d5db";
       ctx.lineWidth = 1;
       ctx.setLineDash([5, 5]);
-      ctx.strokeRect(marginX, bodyTop, bodyWidth, contentHeight);
+      if (columnRects) {
+        for (const rect of columnRects) {
+          ctx.strokeRect(rect.left, bodyTop, rect.width, contentHeight);
+        }
+      } else {
+        ctx.strokeRect(marginX, bodyTop, bodyWidth, contentHeight);
+      }
+      ctx.restore();
+    }
+    if (columnRects && (columns == null ? void 0 : columns.separator)) {
+      const contentHeight = Math.max(24, Math.floor(zoneBodyBottom - bodyTop));
+      ctx.save();
+      ctx.strokeStyle = "#9ca3af";
+      ctx.lineWidth = 1;
+      for (let i = 0; i < columnRects.length - 1; i += 1) {
+        const rect = columnRects[i];
+        const next = columnRects[i + 1];
+        const ruleX = Math.round((rect.left + rect.width + next.left) / 2) + 0.5;
+        ctx.beginPath();
+        ctx.moveTo(ruleX, bodyTop);
+        ctx.lineTo(ruleX, bodyTop + contentHeight);
+        ctx.stroke();
+      }
       ctx.restore();
     }
     const inHeaderFooterMode = activeZone === "header" || activeZone === "footer";
@@ -19518,17 +19691,41 @@ function createCanvasPageRenderer(options) {
     ctx.restore();
     ctx.save();
     ctx.globalAlpha = bodyAlpha;
-    renderBlockList(
-      ctx,
-      state,
-      page.blocks,
-      marginX,
-      bodyTop,
-      bodyWidth,
-      page.index,
-      onUpdate,
-      page.pageSettings
-    );
+    if (columnRects && page.blocks.some((b) => b.columnIndex !== void 0)) {
+      const byColumn = /* @__PURE__ */ new Map();
+      for (const block of page.blocks) {
+        const column = block.columnIndex ?? 0;
+        const bucket = byColumn.get(column) ?? [];
+        bucket.push(block);
+        byColumn.set(column, bucket);
+      }
+      for (const [column, columnBlocks] of byColumn) {
+        const rect = columnRects[column] ?? columnRects[0];
+        renderBlockList(
+          ctx,
+          state,
+          columnBlocks,
+          rect.left,
+          bodyTop,
+          rect.width,
+          page.index,
+          onUpdate,
+          page.pageSettings
+        );
+      }
+    } else {
+      renderBlockList(
+        ctx,
+        state,
+        page.blocks,
+        marginX,
+        bodyTop,
+        bodyWidth,
+        page.index,
+        onUpdate,
+        page.pageSettings
+      );
+    }
     ctx.restore();
     if (page.footnoteBlocks && page.footnoteBlocks.length > 0 && page.footnoteTop !== void 0) {
       ctx.save();
@@ -19607,7 +19804,7 @@ function createCanvasPageRenderer(options) {
     }
   };
 }
-var _tmpl$$u = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$l = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$e = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`);
+var _tmpl$$v = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$m = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`);
 const canvasTextMeasurer = {
   composeMeasuredParagraphLines: (options) => domTextMeasurer.composeMeasuredParagraphLines(options),
   resolveRenderedLineHeightPx: (styles, lineHeightMultiple) => domTextMeasurer.resolveRenderedLineHeightPx(styles, lineHeightMultiple)
@@ -19676,7 +19873,7 @@ function CanvasEditorSurface(props) {
     return layout;
   });
   return (() => {
-    var _el$ = _tmpl$$u();
+    var _el$ = _tmpl$$v();
     insert(_el$, createComponent(Index, {
       get each() {
         return documentLayout().pages;
@@ -19688,7 +19885,7 @@ function CanvasEditorSurface(props) {
         // inserting an image that triggers re-pagination in a narrow viewport),
         // causing "Failed to execute 'insertBefore'" errors.
         (() => {
-          var _el$2 = _tmpl$2$l();
+          var _el$2 = _tmpl$2$m();
           insert(_el$2, createComponent(Show, {
             when: index > 0,
             get children() {
@@ -19761,7 +19958,7 @@ function CanvasPage(props) {
   });
   onCleanup(() => renderer.dispose());
   return (() => {
-    var _el$3 = _tmpl$3$e(), _el$4 = _el$3.firstChild;
+    var _el$3 = _tmpl$3$f(), _el$4 = _el$3.firstChild;
     addEventListener(_el$3, "dblclick", props.onSurfaceDblClick, true);
     addEventListener(_el$3, "mousemove", props.onSurfaceMouseMove, true);
     addEventListener(_el$3, "click", props.onSurfaceClick, true);
@@ -20099,7 +20296,7 @@ function computeRulerTicks(pageWidth, contentLeft, unit) {
   pushSide(-1);
   return ticks;
 }
-var _tmpl$$t = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler data-testid=editor-horizontal-ruler role=presentation><div class=oasis-editor-horizontal-ruler-track><div class=oasis-editor-horizontal-ruler-page><div class=oasis-editor-horizontal-ruler-margin style=left:0px></div><div class=oasis-editor-horizontal-ruler-margin></div><div class=oasis-editor-horizontal-ruler-content></div><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-first-line"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-hanging"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-left-box"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-right-indent">`), _tmpl$2$k = /* @__PURE__ */ template(`<div>`), _tmpl$3$d = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
+var _tmpl$$u = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler data-testid=editor-horizontal-ruler role=presentation><div class=oasis-editor-horizontal-ruler-track><div class=oasis-editor-horizontal-ruler-page><div class=oasis-editor-horizontal-ruler-margin style=left:0px></div><div class=oasis-editor-horizontal-ruler-margin></div><div class=oasis-editor-horizontal-ruler-content></div><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-first-line"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-hanging"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-left-box"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-right-indent">`), _tmpl$2$l = /* @__PURE__ */ template(`<div>`), _tmpl$3$e = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
 function getActivePageSettings(state) {
   var _a;
   const idx = getActiveSectionIndex(state);
@@ -20302,7 +20499,7 @@ function HorizontalRuler(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$t(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling;
+    var _el$ = _tmpl$$u(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling;
     var _ref$ = pageRef;
     typeof _ref$ === "function" ? use(_ref$, _el$3) : pageRef = _el$3;
     insert(_el$3, createComponent(For, {
@@ -20310,7 +20507,7 @@ function HorizontalRuler(props) {
         return ticks();
       },
       children: (tick) => [(() => {
-        var _el$11 = _tmpl$2$k();
+        var _el$11 = _tmpl$2$l();
         createRenderEffect((_p$) => {
           var _v$27 = `oasis-editor-horizontal-ruler-tick oasis-editor-horizontal-ruler-tick-${tick.kind}`, _v$28 = `${tick.x}px`;
           _v$27 !== _p$.e && className(_el$11, _p$.e = _v$27);
@@ -20322,7 +20519,7 @@ function HorizontalRuler(props) {
         });
         return _el$11;
       })(), memo(() => memo(() => !!tick.label)() && (() => {
-        var _el$12 = _tmpl$3$d();
+        var _el$12 = _tmpl$3$e();
         insert(_el$12, () => tick.label);
         createRenderEffect((_$p) => setStyleProperty(_el$12, "left", `${tick.x}px`));
         return _el$12;
@@ -20399,10 +20596,10 @@ function HorizontalRuler(props) {
   })();
 }
 delegateEvents(["pointerdown"]);
-var _tmpl$$s = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
+var _tmpl$$t = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
 function CaretOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$s();
+    var _el$ = _tmpl$$t();
     createRenderEffect((_p$) => {
       var _v$ = !!props.active, _v$2 = {
         left: `${props.left}px`,
@@ -20423,16 +20620,16 @@ function CaretOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$r = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$j = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
+var _tmpl$$s = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$k = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
 function SelectionOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$r();
+    var _el$ = _tmpl$$s();
     insert(_el$, createComponent(Index, {
       get each() {
         return props.boxes;
       },
       children: (box) => (() => {
-        var _el$2 = _tmpl$2$j();
+        var _el$2 = _tmpl$2$k();
         createRenderEffect((_p$) => {
           var _v$ = `${box().left}px`, _v$2 = `${box().top}px`, _v$3 = `${box().width}px`, _v$4 = `${box().height}px`;
           _v$ !== _p$.e && setStyleProperty(_el$2, "left", _p$.e = _v$);
@@ -20452,7 +20649,7 @@ function SelectionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$q = /* @__PURE__ */ template(`<div class=oasis-editor-revision-overlay data-testid=editor-revision-overlay><div class=oasis-editor-revision-overlay-content><span class=oasis-editor-revision-overlay-author><strong>:</strong> </span><span class=oasis-editor-revision-overlay-date></span></div><div class=oasis-editor-revision-overlay-arrow>`);
+var _tmpl$$r = /* @__PURE__ */ template(`<div class=oasis-editor-revision-overlay data-testid=editor-revision-overlay><div class=oasis-editor-revision-overlay-content><span class=oasis-editor-revision-overlay-author><strong>:</strong> </span><span class=oasis-editor-revision-overlay-date></span></div><div class=oasis-editor-revision-overlay-arrow>`);
 function RevisionOverlay(props) {
   const formattedDate = () => {
     try {
@@ -20463,7 +20660,7 @@ function RevisionOverlay(props) {
   };
   const label = () => props.box.type === "insert" ? "Inserido por" : "Excluído por";
   return (() => {
-    var _el$ = _tmpl$$q(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$$r(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
     _el$4.nextSibling;
     var _el$7 = _el$3.nextSibling;
     insert(_el$4, label, _el$5);
@@ -20481,7 +20678,7 @@ function RevisionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$p = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$i = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$c = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$9 = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=oasis-editor-comment-popup data-testid=editor-comment-popup><div class=oasis-editor-comment-popup-header><span class=oasis-editor-comment-popup-author></span></div><div class=oasis-editor-comment-popup-body>`);
+var _tmpl$$q = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$j = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$d = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$a = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=oasis-editor-comment-popup data-testid=editor-comment-popup><div class=oasis-editor-comment-popup-header><span class=oasis-editor-comment-popup-author></span></div><div class=oasis-editor-comment-popup-body>`);
 function CommentHighlightOverlay(props) {
   const [activeCommentId, setActiveCommentId] = createSignal(null);
   const activeComment = createMemo(() => {
@@ -20508,13 +20705,13 @@ function CommentHighlightOverlay(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$p();
+    var _el$ = _tmpl$$q();
     insert(_el$, createComponent(For, {
       get each() {
         return props.boxes();
       },
       children: (box) => (() => {
-        var _el$2 = _tmpl$2$i();
+        var _el$2 = _tmpl$2$j();
         _el$2.$$click = () => setActiveCommentId(box.commentId);
         _el$2.addEventListener("mouseenter", () => setActiveCommentId(box.commentId));
         createRenderEffect((_p$) => {
@@ -20546,7 +20743,7 @@ function CommentHighlightOverlay(props) {
           const comment = activeComment();
           const anchor = popupAnchor();
           return (() => {
-            var _el$3 = _tmpl$5$8(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$8 = _el$4.nextSibling;
+            var _el$3 = _tmpl$5$9(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$8 = _el$4.nextSibling;
             _el$3.addEventListener("mouseleave", () => setActiveCommentId(null));
             insert(_el$5, () => comment.author || "—");
             insert(_el$4, createComponent(Show, {
@@ -20554,7 +20751,7 @@ function CommentHighlightOverlay(props) {
                 return comment.date !== void 0;
               },
               get children() {
-                var _el$6 = _tmpl$3$c();
+                var _el$6 = _tmpl$3$d();
                 insert(_el$6, () => formattedDate(comment.date));
                 return _el$6;
               }
@@ -20564,7 +20761,7 @@ function CommentHighlightOverlay(props) {
                 return comment.resolved;
               },
               get children() {
-                return _tmpl$4$9();
+                return _tmpl$4$a();
               }
             }), null);
             insert(_el$8, () => comment.text);
@@ -20586,7 +20783,7 @@ function CommentHighlightOverlay(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$o = /* @__PURE__ */ template(`<div class=oasis-editor-floating-toolbar data-testid=editor-floating-table-toolbar><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group>`);
+var _tmpl$$p = /* @__PURE__ */ template(`<div class=oasis-editor-floating-toolbar data-testid=editor-floating-table-toolbar><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group>`);
 function FloatingTableToolbar(props) {
   const host = () => props.host();
   const run = (command, payload) => host().commands.execute(command, payload);
@@ -20667,7 +20864,7 @@ function FloatingTableToolbar(props) {
         return document.body;
       },
       get children() {
-        var _el$ = _tmpl$$o(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
+        var _el$ = _tmpl$$p(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
         _el$.$$mousedown = (event) => event.preventDefault();
         insert(_el$2, createComponent(Button$1, {
           icon: "combine",
@@ -20827,7 +21024,7 @@ function FloatingTableToolbar(props) {
   });
 }
 delegateEvents(["mousedown"]);
-var _tmpl$$n = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$h = /* @__PURE__ */ template(`<svg><rect rx=1.5></svg>`, false, true, false), _tmpl$3$b = /* @__PURE__ */ template(`<svg><polygon points="29,4 37,12 29,20 21,12"fill=#1a73e8></svg>`, false, true, false), _tmpl$4$8 = /* @__PURE__ */ template(`<svg><polygon points="20,8 26,14 20,20 14,14"fill=#1a73e8></svg>`, false, true, false), _tmpl$5$7 = /* @__PURE__ */ template(`<svg viewBox="0 0 40 32"fill=none aria-hidden=true>`), _tmpl$6$3 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-anchor data-testid=editor-layout-options-anchor><svg viewBox="0 0 24 24"fill=none aria-hidden=true><rect x=3 y=4 width=10 height=10 rx=1.5 fill=#1a73e8></rect><rect x=3 y=17 width=18 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=5 width=6 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=9 width=6 height=2 rx=1 fill=#9aa0a6>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-layout-options-popup data-testid=editor-layout-options-popup><div class=oasis-editor-layout-options-popup-header><span class=oasis-editor-layout-options-title></span><button type=button class=oasis-editor-layout-options-close>×</button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid><button type=button class=oasis-editor-layout-options-cell data-testid=editor-layout-options-inline><svg viewBox="0 0 40 32"fill=none aria-hidden=true><rect x=4 y=7 width=9 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=4 width=11 height=11 rx=1.5 fill=#1a73e8></rect><rect x=28 y=7 width=8 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=20 width=32 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=26 width=32 height=2 rx=1 fill=#9aa0a6></rect></svg></button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid></div><div class=oasis-editor-layout-options-radios><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position></label><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-cell>`);
+var _tmpl$$o = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$i = /* @__PURE__ */ template(`<svg><rect rx=1.5></svg>`, false, true, false), _tmpl$3$c = /* @__PURE__ */ template(`<svg><polygon points="29,4 37,12 29,20 21,12"fill=#1a73e8></svg>`, false, true, false), _tmpl$4$9 = /* @__PURE__ */ template(`<svg><polygon points="20,8 26,14 20,20 14,14"fill=#1a73e8></svg>`, false, true, false), _tmpl$5$8 = /* @__PURE__ */ template(`<svg viewBox="0 0 40 32"fill=none aria-hidden=true>`), _tmpl$6$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-anchor data-testid=editor-layout-options-anchor><svg viewBox="0 0 24 24"fill=none aria-hidden=true><rect x=3 y=4 width=10 height=10 rx=1.5 fill=#1a73e8></rect><rect x=3 y=17 width=18 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=5 width=6 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=9 width=6 height=2 rx=1 fill=#9aa0a6>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-layout-options-popup data-testid=editor-layout-options-popup><div class=oasis-editor-layout-options-popup-header><span class=oasis-editor-layout-options-title></span><button type=button class=oasis-editor-layout-options-close>×</button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid><button type=button class=oasis-editor-layout-options-cell data-testid=editor-layout-options-inline><svg viewBox="0 0 40 32"fill=none aria-hidden=true><rect x=4 y=7 width=9 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=4 width=11 height=11 rx=1.5 fill=#1a73e8></rect><rect x=28 y=7 width=8 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=20 width=32 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=26 width=32 height=2 rx=1 fill=#9aa0a6></rect></svg></button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid></div><div class=oasis-editor-layout-options-radios><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position></label><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-cell>`);
 const WRAP_OPTIONS = [{
   preset: "square",
   labelKey: "layoutOptions.square"
@@ -20849,14 +21046,14 @@ const WRAP_OPTIONS = [{
 }];
 function WrapIcon(props) {
   const line = (x, y, w) => (() => {
-    var _el$ = _tmpl$$n();
+    var _el$ = _tmpl$$o();
     setAttribute(_el$, "x", x);
     setAttribute(_el$, "y", y);
     setAttribute(_el$, "width", w);
     return _el$;
   })();
   const box = (x, y, w, h, fill = "#1a73e8") => (() => {
-    var _el$2 = _tmpl$2$h();
+    var _el$2 = _tmpl$2$i();
     setAttribute(_el$2, "x", x);
     setAttribute(_el$2, "y", y);
     setAttribute(_el$2, "width", w);
@@ -20865,7 +21062,7 @@ function WrapIcon(props) {
     return _el$2;
   })();
   return (() => {
-    var _el$3 = _tmpl$5$7();
+    var _el$3 = _tmpl$5$8();
     insert(_el$3, createComponent(Show, {
       get when() {
         return props.preset === "square";
@@ -20879,7 +21076,7 @@ function WrapIcon(props) {
         return props.preset === "tight";
       },
       get children() {
-        return [memo(() => line(4, 6, 12)), memo(() => line(4, 12, 10)), memo(() => line(4, 18, 12)), memo(() => line(4, 24, 32)), _tmpl$3$b()];
+        return [memo(() => line(4, 6, 12)), memo(() => line(4, 12, 10)), memo(() => line(4, 18, 12)), memo(() => line(4, 24, 32)), _tmpl$3$c()];
       }
     }), null);
     insert(_el$3, createComponent(Show, {
@@ -20887,7 +21084,7 @@ function WrapIcon(props) {
         return props.preset === "through";
       },
       get children() {
-        return [memo(() => line(4, 6, 32)), memo(() => line(4, 12, 9)), memo(() => line(27, 12, 9)), memo(() => line(4, 18, 32)), _tmpl$4$8()];
+        return [memo(() => line(4, 6, 32)), memo(() => line(4, 12, 9)), memo(() => line(27, 12, 9)), memo(() => line(4, 18, 32)), _tmpl$4$9()];
       }
     }), null);
     insert(_el$3, createComponent(Show, {
@@ -20976,7 +21173,7 @@ function FloatingLayoutOptions(props) {
       },
       get children() {
         return [(() => {
-          var _el$6 = _tmpl$6$3();
+          var _el$6 = _tmpl$6$4();
           _el$6.$$click = () => setOpen((value) => !value);
           _el$6.$$mousedown = (event) => event.preventDefault();
           createRenderEffect((_p$) => {
@@ -31045,11 +31242,41 @@ function parseImportedStyles(stylesXml, theme) {
   }
   return emptyOrUndefined(styles);
 }
+function isXmlTrue(value) {
+  return value === "1" || value === "true" || value === "on";
+}
+function parseColumns(sectPr) {
+  const cols = getFirstChildByTagNameNS(sectPr, WORD_NS, "cols");
+  if (!cols) {
+    return void 0;
+  }
+  const count = Number.parseInt(getAttributeValue(cols, "num") ?? "1", 10);
+  if (!Number.isFinite(count) || count <= 1) {
+    return void 0;
+  }
+  const space = twipsToPx(getAttributeValue(cols, "space"), 0);
+  const sepAttr = getAttributeValue(cols, "sep");
+  const equalWidthAttr = getAttributeValue(cols, "equalWidth");
+  const colChildren = getChildrenByTagNameNS(cols, WORD_NS, "col");
+  const explicit = colChildren.map((col) => ({
+    width: twipsToPx(getAttributeValue(col, "w"), 0),
+    space: twipsToPx(getAttributeValue(col, "space"), space)
+  }));
+  const equalWidth = equalWidthAttr == null ? true : isXmlTrue(equalWidthAttr);
+  return {
+    count,
+    space,
+    ...isXmlTrue(sepAttr) ? { separator: true } : {},
+    ...equalWidth ? {} : { equalWidth: false },
+    ...!equalWidth && explicit.length > 0 ? { columns: explicit } : {}
+  };
+}
 function parseSectionProperties(sectPr) {
   const pageSize = getFirstChildByTagNameNS(sectPr, WORD_NS, "pgSz");
   const pageMargins = getFirstChildByTagNameNS(sectPr, WORD_NS, "pgMar");
+  const columns = parseColumns(sectPr);
   let pageSettings;
-  if (pageSize || pageMargins) {
+  if (pageSize || pageMargins || columns) {
     const width = twipsToPx(getAttributeValue(pageSize, "w"), 816);
     const height = twipsToPx(getAttributeValue(pageSize, "h"), 1056);
     const orientationValue = getAttributeValue(pageSize, "orient");
@@ -31065,7 +31292,8 @@ function parseSectionProperties(sectPr) {
         header: twipsToPx(getAttributeValue(pageMargins, "header"), 48),
         footer: twipsToPx(getAttributeValue(pageMargins, "footer"), 48),
         gutter: twipsToPx(getAttributeValue(pageMargins, "gutter"), 0)
-      }
+      },
+      ...columns ? { columns } : {}
     };
   }
   const parseSectionReferences = (localName) => {
@@ -31118,7 +31346,8 @@ function parsePageSettings(body) {
     WORD_NS,
     "pgMar"
   );
-  if (!pageSize && !pageMargins) {
+  const columns = parseColumns(sectionProperties);
+  if (!pageSize && !pageMargins && !columns) {
     return void 0;
   }
   const width = twipsToPx(getAttributeValue(pageSize, "w"), 816);
@@ -31136,7 +31365,8 @@ function parsePageSettings(body) {
       header: twipsToPx(getAttributeValue(pageMargins, "header"), 48),
       footer: twipsToPx(getAttributeValue(pageMargins, "footer"), 48),
       gutter: twipsToPx(getAttributeValue(pageMargins, "gutter"), 0)
-    }
+    },
+    ...columns ? { columns } : {}
   };
 }
 function applyDocGridLinePitch(blocks, linePitchPx, mode, docGridType, settings) {
@@ -34158,7 +34388,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-cjz15bhS.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-D4P4_drI.js", import.meta.url).href,
         import.meta.url
       ),
       {
@@ -34790,10 +35020,10 @@ function resolveResizedDimensions(geometry, deltaX, deltaY, preserveAspectRatio,
   nextHeight = clamp(nextWidth / aspectRatio, MIN_RESIZE_SIZE_PX);
   return { width: nextWidth, height: nextHeight };
 }
-var _tmpl$$m = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$g = /* @__PURE__ */ template(`<div aria-hidden=true style=transform-origin:center>`), _tmpl$3$a = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-resize-handle tabindex=-1 type=button>`);
+var _tmpl$$n = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$h = /* @__PURE__ */ template(`<div aria-hidden=true style=transform-origin:center>`), _tmpl$3$b = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-resize-handle tabindex=-1 type=button>`);
 function ResizeHandlesOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$2$g();
+    var _el$ = _tmpl$2$h();
     _el$.$$mousedown = (event) => {
       if (props.readOnly || !props.box() || !props.onBodyMouseDown) {
         return;
@@ -34809,7 +35039,7 @@ function ResizeHandlesOverlay(props) {
         return [createComponent(For, {
           each: RESIZE_HANDLE_DIRECTIONS,
           children: (direction) => (() => {
-            var _el$3 = _tmpl$3$a();
+            var _el$3 = _tmpl$3$b();
             _el$3.$$mousedown = (event) => {
               if (!props.box()) {
                 return;
@@ -34824,7 +35054,7 @@ function ResizeHandlesOverlay(props) {
             return props.onRotateStart;
           },
           get children() {
-            var _el$2 = _tmpl$$m();
+            var _el$2 = _tmpl$$n();
             _el$2.$$mousedown = (event) => {
               var _a;
               if (!props.box()) {
@@ -34865,7 +35095,7 @@ function ResizeHandlesOverlay(props) {
   })();
 }
 delegateEvents(["mousedown"]);
-var _tmpl$$l = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content><textarea aria-label="Editor input"autocomplete=off autocapitalize=off class=oasis-editor-input data-testid=editor-input value style=pointer-events:none></textarea><input data-testid=editor-import-docx-input type=file style=display:none><input accept="image/png, image/jpeg, image/gif"data-testid=editor-insert-image-input type=file style=display:none></div></div><div class=oasis-editor-statusbar data-testid=editor-statusbar><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-word-count></span><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-character-count></span><span class=oasis-editor-statusbar-item></span><span class=oasis-editor-statusbar-item>: 100%`), _tmpl$2$f = /* @__PURE__ */ template(`<div class=oasis-editor-import-overlay data-testid=editor-import-overlay role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-phase data-testid=editor-import-phase></div><div class=oasis-editor-import-progress-track><div class=oasis-editor-import-progress-bar data-testid=editor-import-progress-bar></div></div><div class=oasis-editor-import-progress-label>`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>`), _tmpl$4$7 = /* @__PURE__ */ template(`<span class=oasis-editor-import-error-icon>`), _tmpl$5$6 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$$m = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content><textarea aria-label="Editor input"autocomplete=off autocapitalize=off class=oasis-editor-input data-testid=editor-input value style=pointer-events:none></textarea><input data-testid=editor-import-docx-input type=file style=display:none><input accept="image/png, image/jpeg, image/gif"data-testid=editor-insert-image-input type=file style=display:none></div></div><div class=oasis-editor-statusbar data-testid=editor-statusbar><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-word-count></span><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-character-count></span><span class=oasis-editor-statusbar-item></span><span class=oasis-editor-statusbar-item>: 100%`), _tmpl$2$g = /* @__PURE__ */ template(`<div class=oasis-editor-import-overlay data-testid=editor-import-overlay role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-phase data-testid=editor-import-phase></div><div class=oasis-editor-import-progress-track><div class=oasis-editor-import-progress-bar data-testid=editor-import-progress-bar></div></div><div class=oasis-editor-import-progress-label>`), _tmpl$3$a = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>`), _tmpl$4$8 = /* @__PURE__ */ template(`<span class=oasis-editor-import-error-icon>`), _tmpl$5$7 = /* @__PURE__ */ template(`<span>`);
 function OasisEditorEditor(props) {
   const layout = () => props.layout ?? {};
   const overlays = () => props.overlays;
@@ -34953,7 +35183,7 @@ function OasisEditorEditor(props) {
     queueMicrotask(recomputeViewportPageIndex);
   });
   return (() => {
-    var _el$ = _tmpl$$l(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$2.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild;
+    var _el$ = _tmpl$$m(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$2.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild;
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!layout().showHorizontalRuler)() && overlays().toolbarHost;
@@ -35209,7 +35439,7 @@ function OasisEditorEditor(props) {
         const isDone = progress().phase === "done";
         const isError = progress().phase === "error";
         return (() => {
-          var _el$11 = _tmpl$2$f(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling;
+          var _el$11 = _tmpl$2$g(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$15.nextSibling;
           _el$11.classList.toggle("oasis-editor-import-overlay-done", !!isDone);
           _el$11.classList.toggle("oasis-editor-import-overlay-error", !!isError);
           setAttribute(_el$11, "aria-busy", !isDone && !isError);
@@ -35222,11 +35452,11 @@ function OasisEditorEditor(props) {
           _el$16.classList.toggle("oasis-editor-import-progress-bar-done", !!isDone);
           _el$16.classList.toggle("oasis-editor-import-progress-bar-error", !!isError);
           insert(_el$17, isDone ? (() => {
-            var _el$18 = _tmpl$3$9();
+            var _el$18 = _tmpl$3$a();
             insert(_el$18, () => t("import.phase.done"));
             return _el$18;
           })() : isError ? (() => {
-            var _el$19 = _tmpl$4$7();
+            var _el$19 = _tmpl$4$8();
             insert(_el$19, () => t("import.phase.error"));
             return _el$19;
           })() : [memo(() => Math.round(progress().progress)), "%"]);
@@ -35259,7 +35489,7 @@ function OasisEditorEditor(props) {
           return createComponent(Show, {
             when: key,
             get children() {
-              var _el$20 = _tmpl$5$6();
+              var _el$20 = _tmpl$5$7();
               insert(_el$20, () => t(key));
               createRenderEffect(() => className(_el$20, `oasis-editor-statusbar-item oasis-editor-persistence-status oasis-editor-status-${status.replace("...", "ing").replace(".", "")}`));
               return _el$20;
@@ -35291,11 +35521,11 @@ function OasisEditorEditor(props) {
   })();
 }
 delegateEvents(["mousedown", "contextmenu", "input", "keydown"]);
-var _tmpl$$k = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$l = /* @__PURE__ */ template(`<button>`);
 function FloatingActionButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "active", "class", "classList"]);
   return (() => {
-    var _el$ = _tmpl$$k();
+    var _el$ = _tmpl$$l();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -35324,7 +35554,7 @@ function FloatingActionButton(props) {
     return _el$;
   })();
 }
-var _tmpl$$j = /* @__PURE__ */ template(`<aside>`), _tmpl$2$e = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$k = /* @__PURE__ */ template(`<aside>`), _tmpl$2$f = /* @__PURE__ */ template(`<div>`);
 function SidePanel(props) {
   const [local, others] = splitProps(props, ["mode", "width", "class", "classList", "children", "style"]);
   const width = () => {
@@ -35334,7 +35564,7 @@ function SidePanel(props) {
     return local.width ?? "360px";
   };
   return (() => {
-    var _el$ = _tmpl$$j();
+    var _el$ = _tmpl$$k();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel ${local.class ?? ""}`;
@@ -35359,7 +35589,7 @@ function SidePanel(props) {
 function SidePanelHeader(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$2 = _tmpl$2$e();
+    var _el$2 = _tmpl$2$f();
     spread(_el$2, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-header ${local.class ?? ""}`;
@@ -35372,7 +35602,7 @@ function SidePanelHeader(props) {
 function SidePanelBody(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$3 = _tmpl$2$e();
+    var _el$3 = _tmpl$2$f();
     spread(_el$3, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-body ${local.class ?? ""}`;
@@ -35385,7 +35615,7 @@ function SidePanelBody(props) {
 function SidePanelFooter(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$4 = _tmpl$2$e();
+    var _el$4 = _tmpl$2$f();
     spread(_el$4, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-footer ${local.class ?? ""}`;
@@ -35395,11 +35625,11 @@ function SidePanelFooter(props) {
     return _el$4;
   })();
 }
-var _tmpl$$i = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$j = /* @__PURE__ */ template(`<button>`);
 function IconButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "active", "variant", "size", "class", "classList"]);
   return (() => {
-    var _el$ = _tmpl$$i();
+    var _el$ = _tmpl$$j();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -35430,7 +35660,7 @@ function IconButton(props) {
     return _el$;
   })();
 }
-var _tmpl$$h = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-floating-actions>`), _tmpl$2$d = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-ui-host><div class=oasis-editor-plugin-ui-main>`), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-overlay>`), _tmpl$4$6 = /* @__PURE__ */ template(`<span class=oasis-editor-plugin-side-panel-icon>`), _tmpl$5$5 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-title><span>`);
+var _tmpl$$i = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-floating-actions>`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-ui-host><div class=oasis-editor-plugin-ui-main>`), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-overlay>`), _tmpl$4$7 = /* @__PURE__ */ template(`<span class=oasis-editor-plugin-side-panel-icon>`), _tmpl$5$6 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-title><span>`);
 const EMPTY_SNAPSHOT = {
   floatingActions: [],
   sidePanels: [],
@@ -35461,7 +35691,7 @@ function PluginUiHost(props) {
       return groupActionsByPlacement(actions());
     },
     children: (group) => (() => {
-      var _el$ = _tmpl$$h();
+      var _el$ = _tmpl$$i();
       insert(_el$, createComponent(For, {
         get each() {
           return group.actions;
@@ -35490,7 +35720,7 @@ function PluginUiHost(props) {
     })()
   });
   return (() => {
-    var _el$2 = _tmpl$2$d(), _el$3 = _el$2.firstChild;
+    var _el$2 = _tmpl$2$e(), _el$3 = _el$2.firstChild;
     insert(_el$3, resolvedChildren);
     insert(_el$2, createComponent(Show, {
       get when() {
@@ -35503,7 +35733,7 @@ function PluginUiHost(props) {
         return overlayPanel();
       },
       children: (panel) => (() => {
-        var _el$4 = _tmpl$3$8();
+        var _el$4 = _tmpl$3$9();
         insert(_el$4, () => renderPanel(props.editor, panel()));
         return _el$4;
       })()
@@ -35554,13 +35784,13 @@ function renderPanel(editor, panel) {
       return [createComponent(SidePanelHeader, {
         get children() {
           return [(() => {
-            var _el$5 = _tmpl$5$5(), _el$7 = _el$5.firstChild;
+            var _el$5 = _tmpl$5$6(), _el$7 = _el$5.firstChild;
             insert(_el$5, createComponent(Show, {
               get when() {
                 return panel.icon;
               },
               get children() {
-                var _el$6 = _tmpl$4$6();
+                var _el$6 = _tmpl$4$7();
                 insert(_el$6, createComponent(ToolIcon, {
                   get name() {
                     return panel.icon;
@@ -35609,7 +35839,7 @@ function groupActionsByPlacement(actions) {
     actions: groupActions
   }));
 }
-var _tmpl$$g = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage>`);
+var _tmpl$$h = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage>`);
 function DocumentShell(props) {
   let surfaceEl;
   let viewportEl;
@@ -35732,7 +35962,7 @@ function DocumentShell(props) {
       return props.runtimeEditor;
     },
     get children() {
-      var _el$ = _tmpl$$g(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$h(), _el$2 = _el$.firstChild;
       insert(_el$, createComponent(Show, {
         get when() {
           return memo(() => !!props.showChrome)() && props.showOutline;
@@ -35789,10 +36019,10 @@ function DocumentShell(props) {
     }
   })];
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$c = /* @__PURE__ */ template(`<div class=oasis-inline-shell style="border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);overflow:hidden;display:flex;flex-direction:column">`);
+var _tmpl$$g = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$d = /* @__PURE__ */ template(`<div class=oasis-inline-shell style="border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);overflow:hidden;display:flex;flex-direction:column">`);
 function InlineShell(props) {
   return (() => {
-    var _el$ = _tmpl$2$c();
+    var _el$ = _tmpl$2$d();
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!props.showChrome)() && props.showToolbar;
@@ -35819,7 +36049,7 @@ function InlineShell(props) {
         return props.runtimeEditor;
       },
       get children() {
-        var _el$2 = _tmpl$$f(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$$g(), _el$3 = _el$2.firstChild;
         insert(_el$3, createComponent(OasisEditorEditor, {
           state: () => props.state,
           get layout() {
@@ -35858,16 +36088,16 @@ function InlineShell(props) {
     return _el$;
   })();
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=oasis-balloon-shell>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$c = /* @__PURE__ */ template(`<div class=oasis-balloon-shell>`);
 function BalloonShell(props) {
   return (() => {
-    var _el$ = _tmpl$2$b();
+    var _el$ = _tmpl$2$c();
     insert(_el$, createComponent(PluginUiHost, {
       get editor() {
         return props.runtimeEditor;
       },
       get children() {
-        var _el$2 = _tmpl$$e(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$$f(), _el$3 = _el$2.firstChild;
         insert(_el$3, createComponent(OasisEditorEditor, {
           state: () => props.state,
           get layout() {
@@ -35906,7 +36136,7 @@ function BalloonShell(props) {
     return _el$;
   })();
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer data-testid=editor-dialog-footer>`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-overlay><div role=dialog aria-modal=true data-testid=editor-dialog><div class=oasis-editor-dialog-header><h3 class=oasis-editor-dialog-title></h3><button class=oasis-editor-dialog-close data-testid=editor-dialog-close><i data-lucide=x></i></button></div><div data-testid=editor-dialog-body>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer data-testid=editor-dialog-footer>`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-overlay><div role=dialog aria-modal=true data-testid=editor-dialog><div class=oasis-editor-dialog-header><h3 class=oasis-editor-dialog-title></h3><button class=oasis-editor-dialog-close data-testid=editor-dialog-close><i data-lucide=x></i></button></div><div data-testid=editor-dialog-body>`);
 function Dialog(props) {
   let dialogRef;
   const fallbackTitleId = createUniqueId();
@@ -35930,7 +36160,7 @@ function Dialog(props) {
       return props.isOpen;
     },
     get children() {
-      var _el$ = _tmpl$2$a(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+      var _el$ = _tmpl$2$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
       _el$.$$click = () => {
         if (props.closeOnOverlayClick ?? true) {
           props.onClose();
@@ -35947,7 +36177,7 @@ function Dialog(props) {
           return props.footer;
         },
         get children() {
-          var _el$7 = _tmpl$$d();
+          var _el$7 = _tmpl$$e();
           insert(_el$7, () => props.footer);
           return _el$7;
         }
@@ -35976,7 +36206,7 @@ function Dialog(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$c = /* @__PURE__ */ template(`<div><div class=oasis-editor-tabs-list role=tablist>`), _tmpl$2$9 = /* @__PURE__ */ template(`<button type=button role=tab class=oasis-editor-tabs-tab>`), _tmpl$3$7 = /* @__PURE__ */ template(`<div role=tabpanel class=oasis-editor-tabs-panel>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div><div class=oasis-editor-tabs-list role=tablist>`), _tmpl$2$a = /* @__PURE__ */ template(`<button type=button role=tab class=oasis-editor-tabs-tab>`), _tmpl$3$8 = /* @__PURE__ */ template(`<div role=tabpanel class=oasis-editor-tabs-panel>`);
 function findEnabledItem(items, startIndex, direction) {
   if (!items.length) return void 0;
   for (let step = 0; step < items.length; step += 1) {
@@ -36027,7 +36257,7 @@ function Tabs(props) {
     selectItem(findEnabledItem(items(), currentIndex + direction, direction), true);
   };
   return (() => {
-    var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild;
     _el$2.$$keydown = handleKeyDown;
     insert(_el$2, createComponent(For, {
       get each() {
@@ -36037,7 +36267,7 @@ function Tabs(props) {
         const tabId = `${baseId}-${item.id}-tab`;
         const panelId = `${baseId}-${item.id}-panel`;
         return (() => {
-          var _el$3 = _tmpl$2$9();
+          var _el$3 = _tmpl$2$a();
           _el$3.$$click = () => selectItem(item);
           use((element) => {
             tabRefs[index()] = element;
@@ -36072,7 +36302,7 @@ function Tabs(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$4 = _tmpl$3$7();
+        var _el$4 = _tmpl$3$8();
         insert(_el$4, () => item.panel);
         createRenderEffect((_p$) => {
           var _a, _b;
@@ -36104,12 +36334,12 @@ function Tabs(props) {
   })();
 }
 delegateEvents(["keydown", "click"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<button><span class=oasis-editor-ui-button-label>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<button><span class=oasis-editor-ui-button-label>`);
 function Button(props) {
   const [local, others] = splitProps(props, ["type", "variant", "size", "icon", "iconPosition", "fullWidth", "class", "classList", "children"]);
   const iconPosition = () => local.iconPosition ?? "start";
   return (() => {
-    var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild;
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -36154,7 +36384,7 @@ function Button(props) {
     return _el$;
   })();
 }
-var _tmpl$$a = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$2$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$6 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$5 = /* @__PURE__ */ template(`<label><input class=oasis-editor-ui-input>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$2$9 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$7 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$6 = /* @__PURE__ */ template(`<label><input class=oasis-editor-ui-input>`);
 function TextField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "onChange", "class", "id"]);
@@ -36162,13 +36392,13 @@ function TextField(props) {
   const descriptionId = () => `${id()}-description`;
   const errorId = () => `${id()}-error`;
   return (() => {
-    var _el$ = _tmpl$4$5(), _el$3 = _el$.firstChild;
+    var _el$ = _tmpl$4$6(), _el$3 = _el$.firstChild;
     insert(_el$, createComponent(Show, {
       get when() {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$a();
+        var _el$2 = _tmpl$$b();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -36193,7 +36423,7 @@ function TextField(props) {
         return local.description;
       },
       get children() {
-        var _el$4 = _tmpl$2$8();
+        var _el$4 = _tmpl$2$9();
         insert(_el$4, () => local.description);
         createRenderEffect(() => setAttribute(_el$4, "id", descriptionId()));
         return _el$4;
@@ -36204,7 +36434,7 @@ function TextField(props) {
         return local.error;
       },
       get children() {
-        var _el$5 = _tmpl$3$6();
+        var _el$5 = _tmpl$3$7();
         insert(_el$5, () => local.error);
         createRenderEffect(() => setAttribute(_el$5, "id", errorId()));
         return _el$5;
@@ -36223,7 +36453,7 @@ function TextField(props) {
   })();
 }
 delegateEvents(["input"]);
-var _tmpl$$9 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$7 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$3$5 = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-checkbox-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$3$6 = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-checkbox-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`);
 function Checkbox(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "onChange", "class", "id"]);
@@ -36231,7 +36461,7 @@ function Checkbox(props) {
   const descriptionId = () => `${id()}-description`;
   const errorId = () => `${id()}-error`;
   return (() => {
-    var _el$ = _tmpl$3$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+    var _el$ = _tmpl$3$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
     _el$2.addEventListener("change", (event) => {
       var _a;
       return (_a = local.onChange) == null ? void 0 : _a.call(local, event.currentTarget.checked);
@@ -36253,7 +36483,7 @@ function Checkbox(props) {
         return local.description;
       },
       get children() {
-        var _el$5 = _tmpl$$9();
+        var _el$5 = _tmpl$$a();
         insert(_el$5, () => local.description);
         createRenderEffect(() => setAttribute(_el$5, "id", descriptionId()));
         return _el$5;
@@ -36264,7 +36494,7 @@ function Checkbox(props) {
         return local.error;
       },
       get children() {
-        var _el$6 = _tmpl$2$7();
+        var _el$6 = _tmpl$2$8();
         insert(_el$6, () => local.error);
         createRenderEffect(() => setAttribute(_el$6, "id", errorId()));
         return _el$6;
@@ -36282,7 +36512,7 @@ function Checkbox(props) {
     return _el$;
   })();
 }
-var _tmpl$$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$2$6 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$4 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$4 = /* @__PURE__ */ template(`<label><select class=oasis-editor-ui-select>`), _tmpl$5$4 = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$2$7 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$5 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$5 = /* @__PURE__ */ template(`<label><select class=oasis-editor-ui-select>`), _tmpl$5$5 = /* @__PURE__ */ template(`<option>`);
 function SelectField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "options", "onChange", "class", "id"]);
@@ -36290,13 +36520,13 @@ function SelectField(props) {
   const descriptionId = () => `${id()}-description`;
   const errorId = () => `${id()}-error`;
   return (() => {
-    var _el$ = _tmpl$4$4(), _el$3 = _el$.firstChild;
+    var _el$ = _tmpl$4$5(), _el$3 = _el$.firstChild;
     insert(_el$, createComponent(Show, {
       get when() {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$8();
+        var _el$2 = _tmpl$$9();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -36321,7 +36551,7 @@ function SelectField(props) {
         return local.options;
       },
       children: (option) => (() => {
-        var _el$6 = _tmpl$5$4();
+        var _el$6 = _tmpl$5$5();
         insert(_el$6, () => option.label);
         createRenderEffect(() => _el$6.disabled = option.disabled);
         createRenderEffect(() => _el$6.value = option.value);
@@ -36333,7 +36563,7 @@ function SelectField(props) {
         return local.description;
       },
       get children() {
-        var _el$4 = _tmpl$2$6();
+        var _el$4 = _tmpl$2$7();
         insert(_el$4, () => local.description);
         createRenderEffect(() => setAttribute(_el$4, "id", descriptionId()));
         return _el$4;
@@ -36344,7 +36574,7 @@ function SelectField(props) {
         return local.error;
       },
       get children() {
-        var _el$5 = _tmpl$3$4();
+        var _el$5 = _tmpl$3$5();
         insert(_el$5, () => local.error);
         createRenderEffect(() => setAttribute(_el$5, "id", errorId()));
         return _el$5;
@@ -36362,11 +36592,11 @@ function SelectField(props) {
     return _el$;
   })();
 }
-var _tmpl$$7 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<div>`);
 function DialogFooter(props) {
   const [local, others] = splitProps(props, ["align", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$7();
+    var _el$ = _tmpl$$8();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-dialog-footer ${local.class ?? ""}`;
@@ -36642,7 +36872,7 @@ const UNDERLINE_STYLE_OPTIONS = [
     }
   }
 ];
-var _tmpl$$6 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action data-testid=editor-toolbar-underline-remove role=menuitem><span class=oasis-editor-color-menu-action-swatch><i data-lucide=slash></i></span><span>`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=oasis-editor-underline-menu-list>`), _tmpl$3$3 = /* @__PURE__ */ template(`<span class="oasis-editor-color-split-icon oasis-editor-underline-split-icon"><span class=oasis-editor-underline-split-glyph aria-hidden=true>U</span><span class=oasis-editor-underline-split-indicator>`), _tmpl$4$3 = /* @__PURE__ */ template(`<span class="oasis-editor-underline-menu-stroke oasis-editor-underline-menu-stroke-svg">`), _tmpl$5$3 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-underline-menu-item role=menuitemradio><span class=oasis-editor-underline-menu-preview></span><span class=oasis-editor-underline-menu-label>`), _tmpl$6$2 = /* @__PURE__ */ template(`<span class=oasis-editor-underline-menu-stroke>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action data-testid=editor-toolbar-underline-remove role=menuitem><span class=oasis-editor-color-menu-action-swatch><i data-lucide=slash></i></span><span>`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=oasis-editor-underline-menu-list>`), _tmpl$3$4 = /* @__PURE__ */ template(`<span class="oasis-editor-color-split-icon oasis-editor-underline-split-icon"><span class=oasis-editor-underline-split-glyph aria-hidden=true>U</span><span class=oasis-editor-underline-split-indicator>`), _tmpl$4$4 = /* @__PURE__ */ template(`<span class="oasis-editor-underline-menu-stroke oasis-editor-underline-menu-stroke-svg">`), _tmpl$5$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-underline-menu-item role=menuitemradio><span class=oasis-editor-underline-menu-preview></span><span class=oasis-editor-underline-menu-label>`), _tmpl$6$3 = /* @__PURE__ */ template(`<span class=oasis-editor-underline-menu-stroke>`);
 const mod$1 = /Mac/i.test(navigator.userAgent) ? "⌘" : "Ctrl";
 const UNDERLINE_BUTTON_TOOLTIP = `${t("toolbar.underline")} (${mod$1}+U)`;
 const TEST_ID = "editor-toolbar-underline";
@@ -36692,14 +36922,14 @@ function UnderlineControl(props) {
     panelRole: "menu",
     get mainContent() {
       return (() => {
-        var _el$5 = _tmpl$3$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        var _el$5 = _tmpl$3$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
         createRenderEffect(() => setAttribute(_el$7, "data-style", indicatorStyle()));
         return _el$5;
       })();
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        var _el$ = _tmpl$$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
         _el$.$$click = () => {
           removeUnderline();
           setOpen(false);
@@ -36707,13 +36937,13 @@ function UnderlineControl(props) {
         insert(_el$3, () => t("toolbar.underlineRemove"));
         return _el$;
       })(), (() => {
-        var _el$4 = _tmpl$2$5();
+        var _el$4 = _tmpl$2$6();
         insert(_el$4, createComponent(For, {
           each: UNDERLINE_STYLE_OPTIONS,
           children: (option) => {
             const isActive = () => active() && activeStyleValue() === option.value.toLowerCase();
             return (() => {
-              var _el$8 = _tmpl$5$3(), _el$9 = _el$8.firstChild, _el$1 = _el$9.nextSibling;
+              var _el$8 = _tmpl$5$4(), _el$9 = _el$8.firstChild, _el$1 = _el$9.nextSibling;
               _el$8.$$click = () => {
                 applyUnderlineStyle(option.value);
                 setOpen(false);
@@ -36724,7 +36954,7 @@ function UnderlineControl(props) {
                 },
                 get fallback() {
                   return (() => {
-                    var _el$10 = _tmpl$6$2();
+                    var _el$10 = _tmpl$6$3();
                     createRenderEffect((_$p) => style(_el$10, option.preview.borderStyle === "wavy" ? void 0 : {
                       "border-bottom-style": option.preview.borderStyle,
                       "border-bottom-width": option.preview.borderBottomWidth ?? "1px"
@@ -36733,7 +36963,7 @@ function UnderlineControl(props) {
                   })();
                 },
                 get children() {
-                  var _el$0 = _tmpl$4$3();
+                  var _el$0 = _tmpl$4$4();
                   createRenderEffect(() => _el$0.innerHTML = option.preview.svg);
                   return _el$0;
                 }
@@ -36762,7 +36992,7 @@ function UnderlineControl(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$5 = /* @__PURE__ */ template(`<option value=decimal>`), _tmpl$2$4 = /* @__PURE__ */ template(`<option value=lowerLetter>`), _tmpl$3$2 = /* @__PURE__ */ template(`<option value=upperLetter>`), _tmpl$4$2 = /* @__PURE__ */ template(`<option value=lowerRoman>`), _tmpl$5$2 = /* @__PURE__ */ template(`<option value=upperRoman>`), _tmpl$6$1 = /* @__PURE__ */ template(`<option value=bullet>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-list-options><label class=oasis-editor-toolbar-field><span></span></label><label class=oasis-editor-toolbar-field><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-list-start-at min=1 step=1 placeholder=1>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<option value=decimal>`), _tmpl$2$5 = /* @__PURE__ */ template(`<option value=lowerLetter>`), _tmpl$3$3 = /* @__PURE__ */ template(`<option value=upperLetter>`), _tmpl$4$3 = /* @__PURE__ */ template(`<option value=lowerRoman>`), _tmpl$5$3 = /* @__PURE__ */ template(`<option value=upperRoman>`), _tmpl$6$2 = /* @__PURE__ */ template(`<option value=bullet>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-list-options><label class=oasis-editor-toolbar-field><span></span></label><label class=oasis-editor-toolbar-field><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-list-start-at min=1 step=1 placeholder=1>`);
 function ListOptionsControl(props) {
   const api = props.api;
   return createComponent(Menu, {
@@ -36783,27 +37013,27 @@ function ListOptionsControl(props) {
         },
         get children() {
           return [(() => {
-            var _el$4 = _tmpl$$5();
+            var _el$4 = _tmpl$$6();
             insert(_el$4, () => t("toolbar.formatDecimal"));
             return _el$4;
           })(), (() => {
-            var _el$5 = _tmpl$2$4();
+            var _el$5 = _tmpl$2$5();
             insert(_el$5, () => t("toolbar.formatLowerLetter"));
             return _el$5;
           })(), (() => {
-            var _el$6 = _tmpl$3$2();
+            var _el$6 = _tmpl$3$3();
             insert(_el$6, () => t("toolbar.formatUpperLetter"));
             return _el$6;
           })(), (() => {
-            var _el$7 = _tmpl$4$2();
+            var _el$7 = _tmpl$4$3();
             insert(_el$7, () => t("toolbar.formatLowerRoman"));
             return _el$7;
           })(), (() => {
-            var _el$8 = _tmpl$5$2();
+            var _el$8 = _tmpl$5$3();
             insert(_el$8, () => t("toolbar.formatUpperRoman"));
             return _el$8;
           })(), (() => {
-            var _el$9 = _tmpl$6$1();
+            var _el$9 = _tmpl$6$2();
             insert(_el$9, () => t("toolbar.formatBullet"));
             return _el$9;
           })()];
@@ -36816,7 +37046,7 @@ function ListOptionsControl(props) {
     }
   });
 }
-var _tmpl$$4 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0.5 step=0.05 data-testid=editor-line-spacing-dialog-line-height>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-line-spacing-dialog-spacing-before></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-line-spacing-dialog-spacing-after>`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><div class=oasis-editor-dialog-preview data-testid=editor-line-spacing-dialog-preview><br>`), _tmpl$4$1 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-line-spacing-dialog-cancel>`), _tmpl$5$1 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-line-spacing-dialog-apply>`);
+var _tmpl$$5 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0.5 step=0.05 data-testid=editor-line-spacing-dialog-line-height>`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-row><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-line-spacing-dialog-spacing-before></div><div class="oasis-editor-dialog-input-group oasis-editor-dialog-input-group-grow"><label class=oasis-editor-dialog-label></label><input type=number class=oasis-editor-dialog-input min=0 step=1 data-testid=editor-line-spacing-dialog-spacing-after>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-input-group><label class=oasis-editor-dialog-label></label><div class=oasis-editor-dialog-preview data-testid=editor-line-spacing-dialog-preview><br>`), _tmpl$4$2 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-secondary"data-testid=editor-line-spacing-dialog-cancel>`), _tmpl$5$2 = /* @__PURE__ */ template(`<button class="oasis-editor-dialog-button oasis-editor-dialog-button-primary"data-testid=editor-line-spacing-dialog-apply>`);
 function LineSpacingDialog(props) {
   const [lineHeight, setLineHeight] = createSignal("");
   const [spacingBefore, setSpacingBefore] = createSignal("");
@@ -36859,12 +37089,12 @@ function LineSpacingDialog(props) {
     },
     get footer() {
       return [(() => {
-        var _el$14 = _tmpl$4$1();
+        var _el$14 = _tmpl$4$2();
         addEventListener(_el$14, "click", props.onClose, true);
         insert(_el$14, () => t("generic.cancel"));
         return _el$14;
       })(), (() => {
-        var _el$15 = _tmpl$5$1();
+        var _el$15 = _tmpl$5$2();
         _el$15.$$click = handleApply;
         insert(_el$15, () => t("generic.apply"));
         return _el$15;
@@ -36872,13 +37102,13 @@ function LineSpacingDialog(props) {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        var _el$ = _tmpl$$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
         insert(_el$3, () => t("lineSpacing.lineSpacingLabel"));
         _el$4.$$input = (e) => setLineHeight(e.currentTarget.value);
         createRenderEffect(() => _el$4.value = lineHeight());
         return _el$;
       })(), (() => {
-        var _el$5 = _tmpl$2$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+        var _el$5 = _tmpl$2$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
         insert(_el$7, () => t("lineSpacing.spacingBeforeLabel"));
         _el$8.$$input = (e) => setSpacingBefore(e.currentTarget.value);
         insert(_el$0, () => t("lineSpacing.spacingAfterLabel"));
@@ -36887,7 +37117,7 @@ function LineSpacingDialog(props) {
         createRenderEffect(() => _el$1.value = spacingAfter());
         return _el$5;
       })(), (() => {
-        var _el$10 = _tmpl$3$1(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild;
+        var _el$10 = _tmpl$3$2(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild;
         insert(_el$11, () => t("lineSpacing.preview"));
         insert(_el$12, () => t("lineSpacing.previewText"), _el$13);
         insert(_el$12, () => t("lineSpacing.previewText"), null);
@@ -36898,7 +37128,7 @@ function LineSpacingDialog(props) {
   });
 }
 delegateEvents(["input", "click"]);
-var _tmpl$$3 = /* @__PURE__ */ template(`<div class=oasis-editor-line-spacing-menu-separator role=separator>`), _tmpl$2$2 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-line-spacing-item oasis-editor-line-spacing-item-more"role=menuitem data-testid=editor-toolbar-line-spacing-options><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`), _tmpl$3 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-line-spacing-button"aria-haspopup=menu data-testid=editor-toolbar-line-spacing><span class=oasis-editor-line-spacing-icon aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="4 7 7 4 10 7"></polyline><line x1=7 y1=4 x2=7 y2=20></line><polyline points="4 17 7 20 10 17"></polyline><line x1=13 y1=6 x2=21 y2=6></line><line x1=13 y1=12 x2=21 y2=12></line><line x1=13 y1=18 x2=21 y2=18>`), _tmpl$5 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2.5 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">`), _tmpl$6 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-line-spacing-item role=menuitemradio><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`);
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class=oasis-editor-line-spacing-menu-separator role=separator>`), _tmpl$2$3 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-line-spacing-item oasis-editor-line-spacing-item-more"role=menuitem data-testid=editor-toolbar-line-spacing-options><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$1 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-line-spacing-button"aria-haspopup=menu data-testid=editor-toolbar-line-spacing><span class=oasis-editor-line-spacing-icon aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="4 7 7 4 10 7"></polyline><line x1=7 y1=4 x2=7 y2=20></line><polyline points="4 17 7 20 10 17"></polyline><line x1=13 y1=6 x2=21 y2=6></line><line x1=13 y1=12 x2=21 y2=12></line><line x1=13 y1=18 x2=21 y2=18>`), _tmpl$5$1 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2.5 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">`), _tmpl$6$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-line-spacing-item role=menuitemradio><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`);
 const PRESET_VALUES = [1, 1.15, 1.5, 2, 2.5, 3];
 function formatPreset(value) {
   return value.toFixed(value === Math.floor(value) ? 1 : 2);
@@ -36955,7 +37185,7 @@ function LineSpacingButton(props) {
     api.focusEditor();
   };
   return (() => {
-    var _el$ = _tmpl$3();
+    var _el$ = _tmpl$3$1();
     insert(_el$, createComponent(Popover, {
       get open() {
         return isOpen();
@@ -36964,7 +37194,7 @@ function LineSpacingButton(props) {
       panelRole: "menu",
       panelClass: "oasis-editor-toolbar-dropdown-menu oasis-editor-line-spacing-menu",
       trigger: (popover) => (() => {
-        var _el$6 = _tmpl$4();
+        var _el$6 = _tmpl$4$1();
         _el$6.$$click = () => popover.toggle();
         use((el) => popover.ref(el), _el$6);
         createRenderEffect((_p$) => {
@@ -36992,14 +37222,14 @@ function LineSpacingButton(props) {
               return lh !== null && approxEqual(lh, value);
             };
             return (() => {
-              var _el$7 = _tmpl$6(), _el$8 = _el$7.firstChild, _el$0 = _el$8.nextSibling;
+              var _el$7 = _tmpl$6$1(), _el$8 = _el$7.firstChild, _el$0 = _el$8.nextSibling;
               _el$7.$$click = () => applyPreset(value);
               insert(_el$8, createComponent(Show, {
                 get when() {
                   return isActive();
                 },
                 get children() {
-                  return _tmpl$5();
+                  return _tmpl$5$1();
                 }
               }));
               insert(_el$0, label);
@@ -37019,8 +37249,8 @@ function LineSpacingButton(props) {
               return _el$7;
             })();
           }
-        }), _tmpl$$3(), (() => {
-          var _el$3 = _tmpl$2$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+        }), _tmpl$$4(), (() => {
+          var _el$3 = _tmpl$2$3(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
           _el$3.$$click = openDialog;
           insert(_el$5, () => t("metric.lineSpacingOptions"));
           return _el$3;
@@ -37052,7 +37282,7 @@ function LineSpacingButton(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$2 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-panel-grid><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-spacing-after min=0 step=1></label><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-indent-left min=0 step=1></label><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-indent-first-line step=1></label><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-indent-hanging min=0 step=1></label><label class=oasis-editor-tool-color><span></span><input type=color class=oasis-editor-tool-color-input data-testid=editor-toolbar-paragraph-shading>`);
+var _tmpl$$3 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-panel-grid><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-spacing-after min=0 step=1></label><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-indent-left min=0 step=1></label><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-indent-first-line step=1></label><label class=oasis-editor-tool-metric><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-indent-hanging min=0 step=1></label><label class=oasis-editor-tool-color><span></span><input type=color class=oasis-editor-tool-color-input data-testid=editor-toolbar-paragraph-shading>`);
 const numValue = (api, command) => {
   const value = api.commands.state(command).value;
   return value == null ? "" : String(value);
@@ -37071,7 +37301,7 @@ function MetricGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$2();
+        var _el$ = _tmpl$$3();
         insert(_el$, createComponent(Button$1, {
           icon: "file-up",
           get active() {
@@ -37096,7 +37326,7 @@ function MetricGroup(props) {
         }), null);
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$2$1(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$9.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$10.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
+        var _el$2 = _tmpl$2$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$6.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$9.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$10.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
         insert(_el$4, () => t("metric.after"));
         addEventListener(_el$5, "change", onNumber("setSpacingAfter"));
         insert(_el$7, () => t("metric.indent"));
@@ -37141,7 +37371,7 @@ function MetricGroup(props) {
   });
 }
 delegateEvents(["input"]);
-var _tmpl$$1 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-badge data-testid=editor-table-selection-label>`);
+var _tmpl$$2 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-badge data-testid=editor-table-selection-label>`);
 function TableGroup(props) {
   const api = props.api;
   const disabled = (command) => !api.commands.state(command).isEnabled;
@@ -37157,7 +37387,7 @@ function TableGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$1();
+        var _el$ = _tmpl$$2();
         insert(_el$, createComponent(Button$1, {
           icon: "combine",
           "data-testid": "editor-toolbar-merge-table",
@@ -37182,7 +37412,7 @@ function TableGroup(props) {
         }), null);
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$$1();
+        var _el$2 = _tmpl$$2();
         insert(_el$2, createComponent(Button$1, {
           icon: "columns",
           "data-testid": "editor-toolbar-insert-table-column-before",
@@ -37218,7 +37448,7 @@ function TableGroup(props) {
         }), null);
         return _el$2;
       })(), (() => {
-        var _el$3 = _tmpl$$1();
+        var _el$3 = _tmpl$$2();
         insert(_el$3, createComponent(Button$1, {
           icon: "rows",
           "data-testid": "editor-toolbar-insert-table-row-before",
@@ -37254,7 +37484,7 @@ function TableGroup(props) {
         }), null);
         return _el$3;
       })(), (() => {
-        var _el$4 = _tmpl$$1();
+        var _el$4 = _tmpl$$2();
         insert(_el$4, createComponent(Button$1, {
           icon: "palette",
           "data-testid": "editor-toolbar-table-shading",
@@ -37284,7 +37514,7 @@ function TableGroup(props) {
         }), null);
         return _el$4;
       })(), (() => {
-        var _el$5 = _tmpl$$1();
+        var _el$5 = _tmpl$$2();
         insert(_el$5, createComponent(Button$1, {
           icon: "maximize",
           "data-testid": "editor-toolbar-table-width-100",
@@ -37295,7 +37525,7 @@ function TableGroup(props) {
         }));
         return _el$5;
       })(), (() => {
-        var _el$6 = _tmpl$$1();
+        var _el$6 = _tmpl$$2();
         insert(_el$6, createComponent(Button$1, {
           icon: "align-left",
           "data-testid": "editor-toolbar-table-align-left",
@@ -37337,7 +37567,7 @@ function TableGroup(props) {
           return selectionLabel();
         },
         children: (label) => (() => {
-          var _el$7 = _tmpl$2();
+          var _el$7 = _tmpl$2$1();
           insert(_el$7, label);
           return _el$7;
         })()
@@ -37345,7 +37575,7 @@ function TableGroup(props) {
     }
   });
 }
-var _tmpl$ = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`);
+var _tmpl$$1 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`);
 function SectionGroup(props) {
   const api = props.api;
   return createComponent(Menu, {
@@ -37359,7 +37589,7 @@ function SectionGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$();
+        var _el$ = _tmpl$$1();
         insert(_el$, createComponent(Button$1, {
           icon: "rectangle-vertical",
           get active() {
@@ -37390,7 +37620,7 @@ function SectionGroup(props) {
         }), null);
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$();
+        var _el$2 = _tmpl$$1();
         insert(_el$2, createComponent(Button$1, {
           icon: "scissors",
           "data-testid": "editor-toolbar-section-break-next",
@@ -37412,6 +37642,202 @@ function SectionGroup(props) {
     }
   });
 }
+const CM_TO_PX = 96 / 2.54;
+function cmToPx(cm) {
+  return Math.round(cm * CM_TO_PX);
+}
+function pxToCm(px) {
+  return Math.round(px / CM_TO_PX * 100) / 100;
+}
+const MARGIN_PRESETS = [
+  {
+    id: "normal",
+    labelKey: "section.marginPreset.normal",
+    top: 2.5,
+    bottom: 2.5,
+    left: 3,
+    right: 3
+  },
+  {
+    id: "narrow",
+    labelKey: "section.marginPreset.narrow",
+    top: 1.27,
+    bottom: 1.27,
+    left: 1.27,
+    right: 1.27
+  },
+  {
+    id: "moderate",
+    labelKey: "section.marginPreset.moderate",
+    top: 2.54,
+    bottom: 2.54,
+    left: 1.91,
+    right: 1.91
+  },
+  {
+    id: "wide",
+    labelKey: "section.marginPreset.wide",
+    top: 2.54,
+    bottom: 2.54,
+    left: 5.08,
+    right: 5.08
+  },
+  {
+    id: "mirrored",
+    labelKey: "section.marginPreset.mirrored",
+    top: 2.54,
+    bottom: 2.54,
+    left: 3.18,
+    right: 2.54
+  }
+];
+function presetMarginsPx(preset) {
+  return {
+    top: cmToPx(preset.top),
+    bottom: cmToPx(preset.bottom),
+    left: cmToPx(preset.left),
+    right: cmToPx(preset.right)
+  };
+}
+function marginsMatchPreset(margins, preset) {
+  const target = presetMarginsPx(preset);
+  return Math.abs(margins.top - target.top) <= 1 && Math.abs(margins.bottom - target.bottom) <= 1 && Math.abs(margins.left - target.left) <= 1 && Math.abs(margins.right - target.right) <= 1;
+}
+var _tmpl$ = /* @__PURE__ */ template(`<div class=oasis-editor-margins-list>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-form>`), _tmpl$3 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-list-options><button type=button class=oasis-editor-margins-custom-toggle data-testid=editor-toolbar-margins-custom><i data-lucide=sliders-horizontal></i><span>`), _tmpl$4 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-actions><button type=button class=oasis-editor-margins-custom-apply data-testid=editor-toolbar-margins-custom-apply>`), _tmpl$5 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-margins-item><span class=oasis-editor-margins-item-name></span><span class=oasis-editor-margins-item-values><br>`), _tmpl$6 = /* @__PURE__ */ template(`<label class=oasis-editor-margins-custom-field><span></span><input type=number min=0 step=0.1>`);
+const FIELDS = [{
+  key: "top",
+  labelKey: "section.marginField.top"
+}, {
+  key: "bottom",
+  labelKey: "section.marginField.bottom"
+}, {
+  key: "left",
+  labelKey: "section.marginField.left"
+}, {
+  key: "right",
+  labelKey: "section.marginField.right"
+}];
+function formatCm(cm) {
+  return t("section.marginValue", [String(cm).replace(".", t("number.decimalSeparator"))]);
+}
+function MarginsGroup(props) {
+  const api = props.api;
+  const [showCustom, setShowCustom] = createSignal(false);
+  const [draft, setDraft] = createSignal({});
+  const current = createMemo(() => api.commands.state("setPageMargins").value);
+  const activePresetId = createMemo(() => {
+    var _a;
+    const margins = current();
+    if (!margins) return void 0;
+    return (_a = MARGIN_PRESETS.find((preset) => marginsMatchPreset(margins, preset))) == null ? void 0 : _a.id;
+  });
+  const applyPreset = (preset) => {
+    api.commands.execute("setPageMargins", presetMarginsPx(preset));
+    api.focusEditor();
+  };
+  const openCustom = () => {
+    const margins = current();
+    setDraft({
+      top: margins ? String(pxToCm(margins.top)) : "",
+      bottom: margins ? String(pxToCm(margins.bottom)) : "",
+      left: margins ? String(pxToCm(margins.left)) : "",
+      right: margins ? String(pxToCm(margins.right)) : ""
+    });
+    setShowCustom((v) => !v);
+  };
+  const applyCustom = () => {
+    const d = draft();
+    const payload = {};
+    for (const {
+      key
+    } of FIELDS) {
+      const raw = d[key];
+      if (raw == null || raw === "") continue;
+      const cm = Number(raw.replace(",", "."));
+      if (Number.isFinite(cm) && cm >= 0) payload[key] = cmToPx(cm);
+    }
+    if (Object.keys(payload).length > 0) {
+      api.commands.execute("setPageMargins", payload);
+    }
+    api.focusEditor();
+  };
+  return createComponent(Menu, {
+    icon: "square-dashed",
+    get label() {
+      return t("section.margins");
+    },
+    testId: "editor-toolbar-margins-dropdown",
+    get tooltip() {
+      return t("section.margins");
+    },
+    panelClass: "oasis-editor-toolbar-panel oasis-editor-margins-panel",
+    keepMounted: true,
+    get children() {
+      return [(() => {
+        var _el$ = _tmpl$();
+        insert(_el$, createComponent(For, {
+          each: MARGIN_PRESETS,
+          children: (preset) => (() => {
+            var _el$9 = _tmpl$5(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild;
+            _el$9.$$click = () => applyPreset(preset);
+            insert(_el$0, () => t(preset.labelKey));
+            insert(_el$1, () => `${t("section.marginField.top")} ${formatCm(preset.top)}  ${t("section.marginField.bottom")} ${formatCm(preset.bottom)}`, _el$10);
+            insert(_el$1, () => `${t("section.marginField.left")} ${formatCm(preset.left)}  ${t("section.marginField.right")} ${formatCm(preset.right)}`, null);
+            createRenderEffect((_p$) => {
+              var _v$ = !!(activePresetId() === preset.id), _v$2 = `editor-toolbar-margins-${preset.id}`;
+              _v$ !== _p$.e && _el$9.classList.toggle("oasis-editor-margins-item-active", _p$.e = _v$);
+              _v$2 !== _p$.t && setAttribute(_el$9, "data-testid", _p$.t = _v$2);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            return _el$9;
+          })()
+        }));
+        return _el$;
+      })(), (() => {
+        var _el$2 = _tmpl$3(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+        _el$3.$$click = openCustom;
+        insert(_el$5, () => t("section.marginPreset.custom"));
+        insert(_el$2, createComponent(Show, {
+          get when() {
+            return showCustom();
+          },
+          get children() {
+            var _el$6 = _tmpl$2();
+            insert(_el$6, createComponent(For, {
+              each: FIELDS,
+              children: (field) => (() => {
+                var _el$11 = _tmpl$6(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
+                insert(_el$12, () => t(field.labelKey));
+                _el$13.$$input = (e) => setDraft((d) => ({
+                  ...d,
+                  [field.key]: e.currentTarget.value
+                }));
+                createRenderEffect(() => _el$13.value = draft()[field.key] ?? "");
+                return _el$11;
+              })()
+            }));
+            return _el$6;
+          }
+        }), null);
+        return _el$2;
+      })(), createComponent(Show, {
+        get when() {
+          return showCustom();
+        },
+        get children() {
+          var _el$7 = _tmpl$4(), _el$8 = _el$7.firstChild;
+          _el$8.$$click = applyCustom;
+          insert(_el$8, () => t("section.marginApply"));
+          return _el$7;
+        }
+      })];
+    }
+  });
+}
+delegateEvents(["click", "input"]);
 const mod = /Mac/i.test(navigator.userAgent) ? "⌘" : "Ctrl";
 const documentStyles = (api) => api.commands.state("documentStyles").value ?? [];
 const fontFamilyOptions = (api) => {
@@ -37555,6 +37981,7 @@ const RIBBON_PLACEMENTS = {
   "sep-metrics": { tab: "layout", group: "paragraph", row: 2 },
   "editor-toolbar-table": { tab: "layout", group: "table", row: 1 },
   "sep-table": { tab: "layout", group: "table", row: 2 },
+  "editor-toolbar-margins": { tab: "layout", group: "section", row: 1 },
   "editor-toolbar-section": { tab: "layout", group: "section", row: 1 }
 };
 function withDefaultRibbonPlacement(items) {
@@ -38057,6 +38484,11 @@ function createDefaultToolbarPreset() {
     id: "sep-table",
     isVisible: (api) => api.commands.state("tableContext").isActive
   });
+  items.push({
+    type: "custom",
+    id: "editor-toolbar-margins",
+    render: (api) => MarginsGroup({ api })
+  });
   items.push({
     type: "custom",
     id: "editor-toolbar-section",
@@ -38171,7 +38603,7 @@ export {
   imageExtensionFromMime as Z,
   pxToPt as _,
   getParagraphLength as a,
-  Show as a$,
+  CaretOverlay as a$,
   buildCanvasTableLayout as a0,
   resolveFloatingObjectRect as a1,
   getTextBoxFloatingGeometry as a2,
@@ -38182,33 +38614,33 @@ export {
   DEFAULT_FONT_SIZE_PX as a7,
   isDoubleUnderlineStyle as a8,
   isWavyUnderlineStyle as a9,
-  formatFontSizePt as aA,
-  listKindForTag as aB,
-  isParagraphTag as aC,
-  collectInlineRuns as aD,
-  parseParagraphStyle as aE,
-  t as aF,
-  preciseFontModeVersion as aG,
-  isPreciseFontModeEnabled as aH,
-  togglePreciseFontMode as aI,
-  nextFontSizePt as aJ,
-  previousFontSizePt as aK,
-  fontSizePtToPx as aL,
-  createDefaultToolbarPreset as aM,
-  defaultMenuItems as aN,
-  MenuRegistry as aO,
-  createToolbarRegistry as aP,
-  Editor as aQ,
-  resolveCommandRef as aR,
-  commandRefName as aS,
-  InlineShell as aT,
-  BalloonShell as aU,
-  DocumentShell as aV,
-  createMemo as aW,
-  getCaretRectFromSnapshot as aX,
-  getParagraphRectFromSnapshot as aY,
-  createComponent as aZ,
-  CaretOverlay as a_,
+  parseFontSizePtToPx as aA,
+  formatFontSizePt as aB,
+  listKindForTag as aC,
+  isParagraphTag as aD,
+  collectInlineRuns as aE,
+  parseParagraphStyle as aF,
+  t as aG,
+  preciseFontModeVersion as aH,
+  isPreciseFontModeEnabled as aI,
+  togglePreciseFontMode as aJ,
+  nextFontSizePt as aK,
+  previousFontSizePt as aL,
+  fontSizePtToPx as aM,
+  createDefaultToolbarPreset as aN,
+  defaultMenuItems as aO,
+  MenuRegistry as aP,
+  createToolbarRegistry as aQ,
+  Editor as aR,
+  resolveCommandRef as aS,
+  commandRefName as aT,
+  InlineShell as aU,
+  BalloonShell as aV,
+  DocumentShell as aW,
+  createMemo as aX,
+  getCaretRectFromSnapshot as aY,
+  getParagraphRectFromSnapshot as aZ,
+  createComponent as a_,
   underlineStyleLineWidthPx as aa,
   underlineStyleDashArray as ab,
   getListLabelInset as ac,
@@ -38224,98 +38656,99 @@ export {
   projectDocumentLayout as am,
   getPageHeaderZoneTop as an,
   getPageBodyTop as ao,
-  findFootnoteReference as ap,
-  FOOTNOTE_MARKER_GUTTER_PX as aq,
-  resolveImporterForFile as ar,
-  createEditorStateFromDocument as as,
-  getDocumentParagraphsCanonical as at,
-  getToolbarStyleState as au,
-  STANDARD_FONT_SIZES_PT as av,
-  fontSizePxToPt as aw,
-  probeLocalFontFamilies as ax,
-  createInitialEditorState as ay,
-  parseFontSizePtToPx as az,
+  getPageColumnRects as ap,
+  findFootnoteReference as aq,
+  FOOTNOTE_MARKER_GUTTER_PX as ar,
+  resolveImporterForFile as as,
+  createEditorStateFromDocument as at,
+  getDocumentParagraphsCanonical as au,
+  getToolbarStyleState as av,
+  STANDARD_FONT_SIZES_PT as aw,
+  fontSizePxToPt as ax,
+  probeLocalFontFamilies as ay,
+  createInitialEditorState as az,
   createEditorRun as b,
-  RIBBON_TAB_DEFINITIONS as b$,
-  createRenderEffect as b0,
-  style as b1,
-  setAttribute as b2,
-  setStyleProperty as b3,
-  memo as b4,
-  template as b5,
-  insert as b6,
-  use as b7,
-  addEventListener as b8,
-  Dialog as b9,
-  applyStoredPreciseFontPreference as bA,
-  getWelcomeSeen as bB,
-  isLocalFontAccessSupported as bC,
-  EDITOR_SCROLL_PADDING_PX as bD,
-  Toolbar as bE,
-  OasisEditorLoading as bF,
-  createEditorLogger as bG,
-  getCachedCanvasImage as bH,
-  registerDomStatsSurface as bI,
-  Button as bJ,
-  Checkbox as bK,
-  ColorPicker as bL,
-  CommandRegistry as bM,
-  DEFAULT_PALETTE as bN,
-  DialogFooter as bO,
-  FloatingActionButton as bP,
-  GridPicker as bQ,
-  IconButton as bR,
-  Menu as bS,
-  OASIS_BUILTIN_COMMANDS as bT,
-  OASIS_MENU_ITEMS as bU,
-  OASIS_TOOLBAR_ITEMS as bV,
-  OasisEditorAppLazy as bW,
-  OasisEditorContainer as bX,
-  PluginCollection as bY,
-  Popover as bZ,
-  RIBBON_TABS as b_,
-  delegateEvents as ba,
-  className as bb,
-  For as bc,
-  UNDERLINE_STYLE_OPTIONS as bd,
-  Tabs as be,
-  measureParagraphMinContentWidthPx as bf,
-  getEditableBlocksForZone as bg,
-  findParagraphLocation as bh,
-  createSectionBoundaryParagraph as bi,
-  normalizePageSettings as bj,
-  DEFAULT_EDITOR_PAGE_SETTINGS as bk,
-  markStart as bl,
-  markEnd as bm,
-  getParagraphEntries as bn,
-  getParagraphById as bo,
-  PluginUiHost as bp,
-  OasisEditorEditor as bq,
-  perfTimer as br,
-  OasisBrandMark as bs,
-  setPreciseFontPreference as bt,
-  setWelcomeSeen as bu,
-  enablePreciseFontMode as bv,
-  createOasisEditorClient as bw,
-  setLocale as bx,
-  startLongTaskObserver as by,
-  installGlobalReport as bz,
+  RIBBON_TABS as b$,
+  Show as b0,
+  createRenderEffect as b1,
+  style as b2,
+  setAttribute as b3,
+  setStyleProperty as b4,
+  memo as b5,
+  template as b6,
+  insert as b7,
+  use as b8,
+  addEventListener as b9,
+  installGlobalReport as bA,
+  applyStoredPreciseFontPreference as bB,
+  getWelcomeSeen as bC,
+  isLocalFontAccessSupported as bD,
+  EDITOR_SCROLL_PADDING_PX as bE,
+  Toolbar as bF,
+  OasisEditorLoading as bG,
+  createEditorLogger as bH,
+  getCachedCanvasImage as bI,
+  registerDomStatsSurface as bJ,
+  Button as bK,
+  Checkbox as bL,
+  ColorPicker as bM,
+  CommandRegistry as bN,
+  DEFAULT_PALETTE as bO,
+  DialogFooter as bP,
+  FloatingActionButton as bQ,
+  GridPicker as bR,
+  IconButton as bS,
+  Menu as bT,
+  OASIS_BUILTIN_COMMANDS as bU,
+  OASIS_MENU_ITEMS as bV,
+  OASIS_TOOLBAR_ITEMS as bW,
+  OasisEditorAppLazy as bX,
+  OasisEditorContainer as bY,
+  PluginCollection as bZ,
+  Popover as b_,
+  Dialog as ba,
+  delegateEvents as bb,
+  className as bc,
+  For as bd,
+  UNDERLINE_STYLE_OPTIONS as be,
+  Tabs as bf,
+  measureParagraphMinContentWidthPx as bg,
+  getEditableBlocksForZone as bh,
+  findParagraphLocation as bi,
+  createSectionBoundaryParagraph as bj,
+  normalizePageSettings as bk,
+  DEFAULT_EDITOR_PAGE_SETTINGS as bl,
+  markStart as bm,
+  markEnd as bn,
+  getParagraphEntries as bo,
+  getParagraphById as bp,
+  PluginUiHost as bq,
+  OasisEditorEditor as br,
+  perfTimer as bs,
+  OasisBrandMark as bt,
+  setPreciseFontPreference as bu,
+  setWelcomeSeen as bv,
+  enablePreciseFontMode as bw,
+  createOasisEditorClient as bx,
+  setLocale as by,
+  startLongTaskObserver as bz,
   createEditorParagraphFromRuns as c,
-  Select as c0,
-  SelectField as c1,
-  Separator as c2,
-  SidePanel as c3,
-  SidePanelBody as c4,
-  SidePanelFooter as c5,
-  SidePanelHeader as c6,
-  SplitButton as c7,
-  TextField as c8,
-  Button$1 as c9,
-  createEditorCommandBus as ca,
-  createOasisEditor as cb,
-  createOasisEditorContainer as cc,
-  mount as cd,
-  registerToolbarRenderer as ce,
+  RIBBON_TAB_DEFINITIONS as c0,
+  Select as c1,
+  SelectField as c2,
+  Separator as c3,
+  SidePanel as c4,
+  SidePanelBody as c5,
+  SidePanelFooter as c6,
+  SidePanelHeader as c7,
+  SplitButton as c8,
+  TextField as c9,
+  Button$1 as ca,
+  createEditorCommandBus as cb,
+  createOasisEditor as cc,
+  createOasisEditorContainer as cd,
+  mount as ce,
+  registerToolbarRenderer as cf,
   getDocumentSections as d,
   createEditorStyledRun as e,
   getParagraphText as f,