oasis-editor 0.0.132 → 0.0.134

package/dist/{index-DEBNBBUG.js → index-ogn0S9F3.js}

@@ -1815,6 +1815,7 @@ const en = {
   "ribbon.tab.view": "View",
   "ribbon.tab.tableDesign": "Table Design",
   "ribbon.tab.tableLayout": "Table Layout",
+  "ribbon.tab.imageFormat": "Picture Format",
   "ribbon.tab.plugins": "Plugins",
   "ribbon.tab.ai": "AI",
   // Ribbon groups
@@ -1838,6 +1839,19 @@ const en = {
   "ribbon.group.merge": "Merge",
   "ribbon.group.cellSize": "Cell Size",
   "ribbon.group.alignment": "Alignment",
+  "ribbon.group.size": "Size",
+  // Image format (contextual tab)
+  "image.crop": "Crop",
+  "image.height": "Height",
+  "image.width": "Width",
+  "image.cropReset": "Reset crop",
+  "image.cropRatio.square": "1:1",
+  "image.cropRatio.16x9": "16:9",
+  "image.cropRatio.4x3": "4:3",
+  "image.cropRatio.3x2": "3:2",
+  "image.cropRatio.2x3": "2:3",
+  "image.cropRatio.3x4": "3:4",
+  "image.cropRatio.9x16": "9:16",
   // Export
   "toolbar.exportDocx": "Export DOCX",
   "toolbar.exportPdf": "Export PDF",
@@ -2362,6 +2376,7 @@ const ptBR = {
   "ribbon.tab.view": "Exibir",
   "ribbon.tab.tableDesign": "Design da Tabela",
   "ribbon.tab.tableLayout": "Layout da Tabela",
+  "ribbon.tab.imageFormat": "Formato da Imagem",
   "ribbon.tab.plugins": "Plugins",
   "ribbon.tab.ai": "IA",
   // Ribbon groups
@@ -2385,6 +2400,19 @@ const ptBR = {
   "ribbon.group.merge": "Mesclar",
   "ribbon.group.cellSize": "Tamanho da Célula",
   "ribbon.group.alignment": "Alinhamento",
+  "ribbon.group.size": "Tamanho",
+  // Image format (contextual tab)
+  "image.crop": "Cortar",
+  "image.height": "Altura",
+  "image.width": "Largura",
+  "image.cropReset": "Redefinir corte",
+  "image.cropRatio.square": "1:1",
+  "image.cropRatio.16x9": "16:9",
+  "image.cropRatio.4x3": "4:3",
+  "image.cropRatio.3x2": "3:2",
+  "image.cropRatio.2x3": "2:3",
+  "image.cropRatio.3x4": "3:4",
+  "image.cropRatio.9x16": "9:16",
   // Export
   "toolbar.exportDocx": "Exportar DOCX",
   "toolbar.exportPdf": "Exportar PDF",
@@ -2562,14 +2590,14 @@ function I18nProvider(props) {
   });
 }
 const oasisMarkBase64 = "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";
-var _tmpl$$13 = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$15 = /* @__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$$13();
+    var _el$ = _tmpl$$15();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2586,7 +2614,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$12 = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$E = /* @__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$r = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$14 = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$F = /* @__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$r = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const t = useI18n();
   const variant = () => props.variant ?? "overlay";
@@ -2596,7 +2624,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$E(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$F(), _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"
@@ -2607,7 +2635,7 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$12();
+        var _el$6 = _tmpl$$14();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
           return () => _c$() ? _tmpl$3$r() : `${pct()}%`;
@@ -2661,7 +2689,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-D-v1-Asf.js").then((m) => {
+    import("./OasisEditorApp-B2f15Gpe.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -5189,6 +5217,11 @@ const OASIS_BUILTIN_COMMANDS = [
   "insertImage",
   "editImageAlt",
   "insertImageCaption",
+  "imageContext",
+  "imageWidthCm",
+  "imageHeightCm",
+  "imageCrop",
+  "imageCropAspect",
   "outdent",
   "indent",
   "togglePageBreakBefore",
@@ -5259,12 +5292,81 @@ function mount(target, props = {}) {
     unmount: () => client.dispose()
   });
 }
-var _tmpl$$11 = /* @__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$D = /* @__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$q = /* @__PURE__ */ template(`<i>`);
-const FootnoteIcon = () => _tmpl$$11();
-const SpecialIndentFirstLineIcon = () => _tmpl$2$D();
+var _tmpl$$13 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg aria-hidden=true>`), _tmpl$2$E = /* @__PURE__ */ template(`<svg><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</svg>`, false, true, false), _tmpl$3$q = /* @__PURE__ */ template(`<svg><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1</svg>`, false, true, false), _tmpl$4$i = /* @__PURE__ */ template(`<svg><g><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></svg>`, false, true, false), _tmpl$5$b = /* @__PURE__ */ template(`<svg><polyline points="4 7 7 4 10 7"></svg>`, false, true, false), _tmpl$6$8 = /* @__PURE__ */ template(`<svg><line x1=7 y1=4 x2=7 y2=20></svg>`, false, true, false), _tmpl$7$3 = /* @__PURE__ */ template(`<svg><polyline points="4 17 7 20 10 17"></svg>`, false, true, false), _tmpl$8$2 = /* @__PURE__ */ template(`<svg><line x1=13 y1=6 x2=21 y2=6></svg>`, false, true, false), _tmpl$9$1 = /* @__PURE__ */ template(`<svg><line x1=13 y1=12 x2=21 y2=12></svg>`, false, true, false), _tmpl$0$1 = /* @__PURE__ */ template(`<svg><line x1=13 y1=18 x2=21 y2=18></svg>`, false, true, false), _tmpl$1$1 = /* @__PURE__ */ template(`<svg><polyline points="20 6 9 17 4 12"></svg>`, false, true, false), _tmpl$10 = /* @__PURE__ */ template(`<i>`);
+function SvgIcon(props) {
+  return (() => {
+    var _el$ = _tmpl$$13();
+    insert(_el$, () => props.children);
+    createRenderEffect((_p$) => {
+      var _v$ = props.width ?? 24, _v$2 = props.height ?? 24, _v$3 = props.viewBox ?? "0 0 24 24", _v$4 = props.fill ?? "none", _v$5 = props.stroke, _v$6 = props["stroke-width"], _v$7 = props["stroke-linecap"], _v$8 = props["stroke-linejoin"], _v$9 = props.class;
+      _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$, "height", _p$.t = _v$2);
+      _v$3 !== _p$.a && setAttribute(_el$, "viewBox", _p$.a = _v$3);
+      _v$4 !== _p$.o && setAttribute(_el$, "fill", _p$.o = _v$4);
+      _v$5 !== _p$.i && setAttribute(_el$, "stroke", _p$.i = _v$5);
+      _v$6 !== _p$.n && setAttribute(_el$, "stroke-width", _p$.n = _v$6);
+      _v$7 !== _p$.s && setAttribute(_el$, "stroke-linecap", _p$.s = _v$7);
+      _v$8 !== _p$.h && setAttribute(_el$, "stroke-linejoin", _p$.h = _v$8);
+      _v$9 !== _p$.r && setAttribute(_el$, "class", _p$.r = _v$9);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0,
+      r: void 0
+    });
+    return _el$;
+  })();
+}
+const FootnoteIcon = () => createComponent(SvgIcon, {
+  fill: "none",
+  get children() {
+    return [_tmpl$2$E(), _tmpl$3$q()];
+  }
+});
+const SpecialIndentFirstLineIcon = () => createComponent(SvgIcon, {
+  fill: "currentColor",
+  get children() {
+    return _tmpl$4$i();
+  }
+});
+const LineSpacingIcon = () => createComponent(SvgIcon, {
+  width: 18,
+  height: 18,
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  get children() {
+    return [_tmpl$5$b(), _tmpl$6$8(), _tmpl$7$3(), _tmpl$8$2(), _tmpl$9$1(), _tmpl$0$1()];
+  }
+});
+const CheckIcon = (props) => createComponent(SvgIcon, {
+  get width() {
+    return props.size ?? 14;
+  },
+  get height() {
+    return props.size ?? 14;
+  },
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2.5,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  get children() {
+    return _tmpl$1$1();
+  }
+});
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon,
-  specialIndentFirstLine: SpecialIndentFirstLineIcon
+  specialIndentFirstLine: SpecialIndentFirstLineIcon,
+  lineSpacing: LineSpacingIcon
 };
 function getCustomIcon(name) {
   return name ? CUSTOM_ICONS[name] : void 0;
@@ -5276,19 +5378,19 @@ function ToolIcon(props) {
     },
     get fallback() {
       return (() => {
-        var _el$3 = _tmpl$3$q();
-        createRenderEffect(() => setAttribute(_el$3, "data-lucide", props.name));
-        return _el$3;
+        var _el$10 = _tmpl$10();
+        createRenderEffect(() => setAttribute(_el$10, "data-lucide", props.name));
+        return _el$10;
       })();
     },
     children: (render2) => render2()()
   });
 }
-var _tmpl$$10 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$12 = /* @__PURE__ */ template(`<button>`);
 function SurfaceButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "variant", "size", "active", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$10();
+    var _el$ = _tmpl$$12();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -5349,7 +5451,7 @@ function Text$1(props) {
     }
   }));
 }
-var _tmpl$$$ = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$C = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$p = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$i = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$c = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
+var _tmpl$$11 = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$D = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$p = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$h = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$a = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$7 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
 function Menubar(props) {
   const t = useI18n();
   const [activeMenu, setActiveMenu] = createSignal(null);
@@ -5417,7 +5519,7 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$$();
+    var _el$ = _tmpl$$11();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
@@ -5458,7 +5560,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$3 = _tmpl$2$C();
+            var _el$3 = _tmpl$2$D();
             insert(_el$3, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -5489,7 +5591,7 @@ function MenuNode(props) {
   } = props;
   const isSeparator = (_a = node.item) == null ? void 0 : _a.separator;
   if (isSeparator) {
-    return _tmpl$4$i();
+    return _tmpl$4$h();
   }
   const hasChildren = node.children.length > 0;
   const [showSub, setShowSub] = createSignal(false);
@@ -5565,14 +5667,14 @@ function MenuNode(props) {
       }), createComponent(Show, {
         when: hasChildren,
         get children() {
-          return _tmpl$5$c();
+          return _tmpl$5$a();
         }
       }), createComponent(Show, {
         get when() {
           return showSub() && hasChildren;
         },
         get children() {
-          var _el$6 = _tmpl$6$9();
+          var _el$6 = _tmpl$6$7();
           insert(_el$6, createComponent(For, {
             get each() {
               return node.children;
@@ -5591,10 +5693,10 @@ function MenuNode(props) {
     }
   });
 }
-var _tmpl$$_ = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$10 = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$_(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$10(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -5689,7 +5791,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$Z = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$B = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$o = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$h = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$$ = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$C = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$o = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$g = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const t = useI18n();
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
@@ -5766,7 +5868,7 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$3 = _tmpl$$Z();
+        var _el$3 = _tmpl$$$();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -5777,14 +5879,14 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$B();
+        var _el$6 = _tmpl$2$C();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
           },
           get fallback() {
             return (() => {
-              var _el$7 = _tmpl$4$h();
+              var _el$7 = _tmpl$4$g();
               insert(_el$7, () => t("outline.empty"));
               return _el$7;
             })();
@@ -5795,7 +5897,7 @@ function OutlinePanel(props) {
                 return items();
               },
               children: (item) => (() => {
-                var _el$8 = _tmpl$5$b();
+                var _el$8 = _tmpl$5$9();
                 _el$8.$$click = () => props.onNavigate(item.anchor);
                 insert(_el$8, () => item.text);
                 createRenderEffect((_p$) => {
@@ -5834,7 +5936,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$Y = /* @__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$A = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$_ = /* @__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$B = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
 function ToolbarOverflowManager(props) {
   const t = useI18n();
   const [overflowCount, setOverflowCount] = createSignal(0);
@@ -5978,7 +6080,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$Y(), _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$$_(), _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;
@@ -5990,7 +6092,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$A();
+        var _el$7 = _tmpl$2$B();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -6066,12 +6168,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$X = /* @__PURE__ */ template(`<span>`), _tmpl$2$z = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$Z = /* @__PURE__ */ template(`<span>`), _tmpl$2$A = /* @__PURE__ */ template(`<button type=button>`);
 function Button$1(props) {
   const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "ribbonSize", "aria-label", "class", "classList"]);
   const ariaLabel = () => local["aria-label"] || local.tooltip || local.label || "";
   return (() => {
-    var _el$ = _tmpl$2$z();
+    var _el$ = _tmpl$2$A();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -6108,7 +6210,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$X();
+        var _el$2 = _tmpl$$Z();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -6190,7 +6292,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$W = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$Y = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -6207,7 +6309,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$W();
+    var _el$ = _tmpl$$Y();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -6259,12 +6361,20 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$V = /* @__PURE__ */ template(`<div>`), _tmpl$2$y = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$n = /* @__PURE__ */ template(`<i>`), _tmpl$4$g = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$a = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$8 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$X = /* @__PURE__ */ template(`<i data-lucide=chevron-down>`);
+function DropdownChevron(props) {
+  return (() => {
+    var _el$ = _tmpl$$X();
+    createRenderEffect(() => className(_el$, `oasis-editor-dropdown-chevron${props.class ? ` ${props.class}` : ""}`));
+    return _el$;
+  })();
+}
+var _tmpl$$W = /* @__PURE__ */ template(`<div>`), _tmpl$2$z = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$n = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$4$f = /* @__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$y();
+    var _el$ = _tmpl$2$z();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -6279,7 +6389,7 @@ function Menu(props) {
       },
       onPanelMouseLeave: void 0,
       trigger: (api) => (() => {
-        var _el$3 = _tmpl$6$8();
+        var _el$3 = _tmpl$4$f();
         _el$3.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$3);
         insert(_el$3, createComponent(Show, {
@@ -6287,9 +6397,11 @@ function Menu(props) {
             return props.icon;
           },
           get children() {
-            var _el$4 = _tmpl$3$n();
-            createRenderEffect(() => setAttribute(_el$4, "data-lucide", props.icon));
-            return _el$4;
+            return createComponent(ToolIcon, {
+              get name() {
+                return props.icon;
+              }
+            });
           }
         }), null);
         insert(_el$3, createComponent(Show, {
@@ -6297,9 +6409,9 @@ function Menu(props) {
             return props.label;
           },
           get children() {
-            var _el$5 = _tmpl$4$g();
-            insert(_el$5, () => props.label);
-            return _el$5;
+            var _el$4 = _tmpl$3$n();
+            insert(_el$4, () => props.label);
+            return _el$4;
           }
         }), null);
         insert(_el$3, createComponent(Show, {
@@ -6307,7 +6419,7 @@ function Menu(props) {
             return !props.hideChevron;
           },
           get children() {
-            return _tmpl$5$a();
+            return createComponent(DropdownChevron, {});
           }
         }), null);
         createRenderEffect((_p$) => {
@@ -6332,7 +6444,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$V();
+        var _el$2 = _tmpl$$W();
         _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")) {
@@ -6347,7 +6459,7 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$U = /* @__PURE__ */ template(`<select>`), _tmpl$2$x = /* @__PURE__ */ template(`<span class=oasis-editor-tool-select-ribbon-large-label>`), _tmpl$3$m = /* @__PURE__ */ template(`<div class=oasis-editor-tool-select-ribbon-large-wrap>`);
+var _tmpl$$V = /* @__PURE__ */ template(`<select>`), _tmpl$2$y = /* @__PURE__ */ template(`<span class=oasis-editor-tool-select-ribbon-large-label>`), _tmpl$3$m = /* @__PURE__ */ template(`<div class=oasis-editor-tool-select-ribbon-large-wrap>`);
 function Select(props) {
   let selectRef;
   const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value", "label", "ribbonSize"]);
@@ -6363,7 +6475,7 @@ function Select(props) {
     }
   });
   const select = () => (() => {
-    var _el$ = _tmpl$$U();
+    var _el$ = _tmpl$$V();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -6404,7 +6516,7 @@ function Select(props) {
           return local.label;
         },
         get children() {
-          var _el$3 = _tmpl$2$x();
+          var _el$3 = _tmpl$2$y();
           insert(_el$3, () => local.label);
           return _el$3;
         }
@@ -6414,15 +6526,15 @@ function Select(props) {
     }
   });
 }
-var _tmpl$$T = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$U = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$T();
+    var _el$ = _tmpl$$U();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$S = /* @__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$$T = /* @__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>`);
 function SplitButton(props) {
   return createComponent(Popover, {
     get open() {
@@ -6441,11 +6553,12 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$S(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$T(), _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);
       _el$3.$$click = () => api.toggle();
+      insert(_el$3, createComponent(DropdownChevron, {}));
       createRenderEffect((_p$) => {
         var _v$ = props.rootClass ?? "oasis-editor-color-split", _v$2 = !!(props.rootActive ?? api.open), _v$3 = !!(props.ribbonSize === "large"), _v$4 = props.tooltip, _v$5 = props.mainTestId, _v$6 = props.mainAriaLabel ?? props.tooltip, _v$7 = props.mainPressed, _v$8 = !!api.open, _v$9 = props.menuTestId, _v$0 = props.menuAriaLabel ?? `${props.tooltip ?? ""} menu`, _v$1 = api.open;
         _v$ !== _p$.e && className(_el$, _p$.e = _v$);
@@ -6481,7 +6594,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$R = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$w = /* @__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$l = /* @__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$f = /* @__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$9 = /* @__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$7 = /* @__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(`<span>`), _tmpl$9 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$0 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$S = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$x = /* @__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$l = /* @__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$e = /* @__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$8 = /* @__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$6 = /* @__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(`<span>`), _tmpl$9 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$0 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$1 = /* @__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);
@@ -6558,7 +6671,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$w(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$x(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -6568,7 +6681,7 @@ function ColorPicker(props) {
               return _tmpl$9();
             },
             get children() {
-              return _tmpl$$R();
+              return _tmpl$$S();
             }
           }));
           insert(_el$4, clearLabel);
@@ -6616,7 +6729,7 @@ function ColorPicker(props) {
         }));
         return _el$5;
       })(), (() => {
-        var _el$8 = _tmpl$4$f(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
+        var _el$8 = _tmpl$4$e(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
         insert(_el$9, () => props.standardColorsLabel);
         insert(_el$0, createComponent(For, {
           get each() {
@@ -6653,13 +6766,13 @@ function ColorPicker(props) {
         },
         get children() {
           return [(() => {
-            var _el$1 = _tmpl$5$9(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+            var _el$1 = _tmpl$5$8(), _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$7();
+            var _el$12 = _tmpl$6$6();
             _el$12.$$input = (event) => applyColor(event.currentTarget.value);
             var _ref$ = customColorInputRef;
             typeof _ref$ === "function" ? use(_ref$, _el$12) : customColorInputRef = _el$12;
@@ -6681,7 +6794,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$Q = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$e = /* @__PURE__ */ template(`<span>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$6$6 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$d = /* @__PURE__ */ template(`<span>`), _tmpl$5$7 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const t = useI18n();
   const [isOpen, setIsOpen] = createSignal(false);
@@ -6768,45 +6881,48 @@ function GridPicker(props) {
         col: 0
       }),
       trigger: (api) => (() => {
-        var _el$4 = _tmpl$5$8(), _el$5 = _el$4.firstChild;
+        var _el$4 = _tmpl$5$7();
         _el$4.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$4);
+        insert(_el$4, createComponent(ToolIcon, {
+          get name() {
+            return icon();
+          }
+        }), null);
         insert(_el$4, createComponent(Show, {
           get when() {
             return props.label;
           },
           get children() {
-            var _el$6 = _tmpl$4$e();
-            insert(_el$6, () => props.label);
-            return _el$6;
+            var _el$5 = _tmpl$4$d();
+            insert(_el$5, () => props.label);
+            return _el$5;
           }
         }), null);
         createRenderEffect((_p$) => {
-          var _v$3 = !!api.open, _v$4 = !!(props.ribbonSize === "large"), _v$5 = tooltip(), _v$6 = tooltip(), _v$7 = props.testId, _v$8 = icon();
+          var _v$3 = !!api.open, _v$4 = !!(props.ribbonSize === "large"), _v$5 = tooltip(), _v$6 = tooltip(), _v$7 = props.testId;
           _v$3 !== _p$.e && _el$4.classList.toggle("oasis-editor-tool-button-active", _p$.e = _v$3);
           _v$4 !== _p$.t && _el$4.classList.toggle("oasis-editor-tool-button-ribbon-large", _p$.t = _v$4);
           _v$5 !== _p$.a && setAttribute(_el$4, "title", _p$.a = _v$5);
           _v$6 !== _p$.o && setAttribute(_el$4, "aria-label", _p$.o = _v$6);
           _v$7 !== _p$.i && setAttribute(_el$4, "data-testid", _p$.i = _v$7);
-          _v$8 !== _p$.n && setAttribute(_el$5, "data-lucide", _p$.n = _v$8);
           return _p$;
         }, {
           e: void 0,
           t: void 0,
           a: void 0,
           o: void 0,
-          i: void 0,
-          n: void 0
+          i: void 0
         });
         return _el$4;
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$Q();
+          var _el$2 = _tmpl$$R();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$v();
+          var _el$3 = _tmpl$2$w();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -6816,17 +6932,17 @@ function GridPicker(props) {
                 return cols();
               },
               children: (c) => (() => {
-                var _el$7 = _tmpl$6$6();
-                _el$7.$$click = () => selectGridSize(r, c);
-                _el$7.$$mousedown = (event) => event.preventDefault();
-                _el$7.addEventListener("mouseenter", () => setHover({
+                var _el$6 = _tmpl$6$5();
+                _el$6.$$click = () => selectGridSize(r, c);
+                _el$6.$$mousedown = (event) => event.preventDefault();
+                _el$6.addEventListener("mouseenter", () => setHover({
                   row: r,
                   col: c
                 }));
-                setAttribute(_el$7, "data-testid", `editor-toolbar-table-grid-${r}x${c}`);
-                setAttribute(_el$7, "aria-label", `${r} × ${c}`);
-                createRenderEffect(() => _el$7.classList.toggle("oasis-editor-table-grid-picker-cell-active", !!(r <= hover().row && c <= hover().col)));
-                return _el$7;
+                setAttribute(_el$6, "data-testid", `editor-toolbar-table-grid-${r}x${c}`);
+                setAttribute(_el$6, "aria-label", `${r} × ${c}`);
+                createRenderEffect(() => _el$6.classList.toggle("oasis-editor-table-grid-picker-cell-active", !!(r <= hover().row && c <= hover().col)));
+                return _el$6;
               })()
             })
           }));
@@ -6906,7 +7022,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$P = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery><div class=oasis-editor-style-gallery-ribbon><div class=oasis-editor-style-gallery-strip role=listbox></div><button type=button class=oasis-editor-style-gallery-expand aria-haspopup=listbox><i data-lucide=chevron-down>`), _tmpl$4$d = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$Q = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery><div class=oasis-editor-style-gallery-ribbon><div class=oasis-editor-style-gallery-strip role=listbox></div><button type=button class=oasis-editor-style-gallery-expand aria-haspopup=listbox>`), _tmpl$4$c = /* @__PURE__ */ template(`<option>`);
 function getQuickStyles(styles) {
   const applicable = styles.filter((style2) => style2.type !== "table" && (!style2.semiHidden || style2.unhideWhenUsed && style2.isUsed));
   const hasQuickStyles = applicable.some((style2) => style2.qFormat === true);
@@ -6986,7 +7102,7 @@ function StyleGallery(props) {
       return styles();
     },
     children: (style$1) => (() => {
-      var _el$ = _tmpl$$P(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$Q(), _el$2 = _el$.firstChild;
       _el$.$$click = () => apply(style$1);
       insert(_el$2, () => style$1.name);
       createRenderEffect((_p$) => {
@@ -7041,7 +7157,7 @@ function StyleGallery(props) {
               return styles();
             },
             children: (style2) => (() => {
-              var _el$8 = _tmpl$4$d();
+              var _el$8 = _tmpl$4$c();
               insert(_el$8, () => style2.name);
               createRenderEffect(() => _el$8.value = style2.id);
               return _el$8;
@@ -7052,6 +7168,7 @@ function StyleGallery(props) {
       insert(_el$6, cards);
       _el$7.$$click = () => popover.toggle();
       setAttribute(_el$7, "data-testid", expandTestId);
+      insert(_el$7, createComponent(DropdownChevron, {}));
       createRenderEffect((_p$) => {
         var _v$6 = props.api.t("toolbar.style"), _v$7 = props.api.t("toolbar.style"), _v$8 = popover.open;
         _v$6 !== _p$.e && setAttribute(_el$7, "title", _p$.e = _v$6);
@@ -7066,7 +7183,7 @@ function StyleGallery(props) {
       return _el$4;
     })(),
     get children() {
-      var _el$3 = _tmpl$2$u();
+      var _el$3 = _tmpl$2$v();
       _el$3.$$keydown = onPanelKeyDown;
       insert(_el$3, cards);
       return _el$3;
@@ -7074,7 +7191,7 @@ function StyleGallery(props) {
   });
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$O = /* @__PURE__ */ template(`<option value>`), _tmpl$2$t = /* @__PURE__ */ template(`<option>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
+var _tmpl$$P = /* @__PURE__ */ template(`<option value>`), _tmpl$2$u = /* @__PURE__ */ template(`<option>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -7089,37 +7206,7 @@ function renderMenuContent(content, api) {
     })
   });
 }
-function RenderButton(props) {
-  const b = bindItem(props.item, props.api);
-  return createComponent(Button$1, {
-    get icon() {
-      return props.item.iconName;
-    },
-    get label() {
-      return resolveLabel(props.item, props.api);
-    },
-    get wide() {
-      return props.item.wide;
-    },
-    get ribbonSize() {
-      return props.item.ribbonSize;
-    },
-    get active() {
-      return b.active();
-    },
-    get disabled() {
-      return b.disabled();
-    },
-    get ["data-testid"]() {
-      return props.item.testId;
-    },
-    get tooltip() {
-      return resolveTooltip(props.item, props.api);
-    },
-    onClick: () => runItem(props.item, props.api)
-  });
-}
-function RenderToggle(props) {
+function RenderActionButton(props) {
   const b = bindItem(props.item, props.api);
   return createComponent(Button$1, {
     get icon() {
@@ -7262,7 +7349,7 @@ function RenderSelect(props) {
           return props.item.placeholder !== void 0;
         },
         get children() {
-          var _el$ = _tmpl$$O();
+          var _el$ = _tmpl$$P();
           insert(_el$, () => props.item.placeholder);
           return _el$;
         }
@@ -7271,7 +7358,7 @@ function RenderSelect(props) {
           return props.item.options(props.api);
         },
         children: (option) => (() => {
-          var _el$2 = _tmpl$2$t();
+          var _el$2 = _tmpl$2$u();
           insert(_el$2, () => option.label);
           createRenderEffect(() => _el$2.value = option.value);
           return _el$2;
@@ -7398,8 +7485,8 @@ function RenderCustom(props) {
   return props.item.render(props.api);
 }
 const TOOLBAR_RENDERERS = {
-  button: RenderButton,
-  toggle: RenderToggle,
+  button: RenderActionButton,
+  toggle: RenderActionButton,
   split: RenderSplit,
   menu: RenderMenu,
   select: RenderSelect,
@@ -7469,12 +7556,14 @@ const RIBBON_TABS = [
   "view",
   "tableDesign",
   "tableLayout",
+  "imageFormat",
   "plugins",
   "ai"
 ];
 const CONTEXTUAL_TABS = {
   tableDesign: "tableContext",
-  tableLayout: "tableContext"
+  tableLayout: "tableContext",
+  imageFormat: "imageContext"
 };
 const TAB_LABEL_KEYS = {
   file: "ribbon.tab.file",
@@ -7488,6 +7577,7 @@ const TAB_LABEL_KEYS = {
   view: "ribbon.tab.view",
   tableDesign: "ribbon.tab.tableDesign",
   tableLayout: "ribbon.tab.tableLayout",
+  imageFormat: "ribbon.tab.imageFormat",
   plugins: "ribbon.tab.plugins",
   ai: "ribbon.tab.ai"
 };
@@ -7511,7 +7601,8 @@ const GROUP_LABEL_KEYS = {
   rowsColumns: "ribbon.group.rowsColumns",
   merge: "ribbon.group.merge",
   cellSize: "ribbon.group.cellSize",
-  alignment: "ribbon.group.alignment"
+  alignment: "ribbon.group.alignment",
+  size: "ribbon.group.size"
 };
 function isRibbonTabVisible(id, api) {
   const gatingCommand = CONTEXTUAL_TABS[id];
@@ -7565,6 +7656,9 @@ const RIBBON_GROUP_ORDER = {
     cellSize: 40,
     alignment: 50
   },
+  imageFormat: {
+    size: 10
+  },
   plugins: {
     general: 10
   }
@@ -7641,6 +7735,9 @@ const RIBBON_GROUP_RESIZE_DEFAULTS = {
     cellSize: { priority: 40, collapsedIcon: "move-horizontal" },
     alignment: { priority: 50, collapsedIcon: "align-left" }
   },
+  imageFormat: {
+    size: { priority: 40, collapsedIcon: "crop" }
+  },
   plugins: {
     general: { priority: 50, collapsedIcon: "plug" }
   }
@@ -7880,7 +7977,7 @@ function resolveResponsiveRibbonGroups(groups, availableWidth, measurements = {}
     allocatedWidth: allocatedWidths.get(group.id)
   }));
 }
-var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$s = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$t = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
 function RibbonTabs(props) {
   const tabs = createMemo(() => buildRibbonTabDefinitions(props.api.t, props.api));
   const moveTab = (current, delta) => {
@@ -7890,13 +7987,13 @@ function RibbonTabs(props) {
     if (next) props.setActiveTab(next.id);
   };
   return (() => {
-    var _el$ = _tmpl$$N();
+    var _el$ = _tmpl$$O();
     insert(_el$, createComponent(For, {
       get each() {
         return tabs();
       },
       children: (tab) => (() => {
-        var _el$2 = _tmpl$2$s();
+        var _el$2 = _tmpl$2$t();
         _el$2.$$keydown = (event) => {
           if (event.key === "ArrowRight") {
             event.preventDefault();
@@ -7941,10 +8038,10 @@ function RibbonTabs(props) {
   })();
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
 function RibbonRow(props) {
   return (() => {
-    var _el$ = _tmpl$$M();
+    var _el$ = _tmpl$$N();
     insert(_el$, createComponent(For, {
       get each() {
         return props.items;
@@ -7959,7 +8056,7 @@ function RibbonRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows><div class=oasis-editor-ribbon-normal-rows>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-label>`), _tmpl$4$c = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group>`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-collapsed-items>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$s = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows><div class=oasis-editor-ribbon-normal-rows>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-label>`), _tmpl$4$b = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group>`), _tmpl$5$6 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-collapsed-items>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows>`);
 function groupItems(group) {
   return [...group.largeItems, ...group.rows[1], ...group.rows[2]];
 }
@@ -7970,14 +8067,14 @@ function groupStyle(group) {
 }
 function RibbonGroup(props) {
   return (() => {
-    var _el$ = _tmpl$4$c();
+    var _el$ = _tmpl$4$b();
     insert(_el$, createComponent(Show, {
       get when() {
         return props.group.resizeState !== "collapsed";
       },
       get fallback() {
         return [(() => {
-          var _el$6 = _tmpl$6$5();
+          var _el$6 = _tmpl$6$4();
           insert(_el$6, createComponent(Menu, {
             get icon() {
               return props.group.resizePolicy.collapsedIcon;
@@ -7994,7 +8091,7 @@ function RibbonGroup(props) {
             ribbonSize: "large",
             panelClass: "oasis-editor-ribbon-collapsed-menu",
             get children() {
-              var _el$7 = _tmpl$5$7();
+              var _el$7 = _tmpl$5$6();
               insert(_el$7, createComponent(For, {
                 get each() {
                   return groupItems(props.group);
@@ -8018,13 +8115,13 @@ function RibbonGroup(props) {
       },
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$2$r(), _el$4 = _el$2.firstChild;
+          var _el$2 = _tmpl$2$s(), _el$4 = _el$2.firstChild;
           insert(_el$2, createComponent(Show, {
             get when() {
               return props.group.largeItems.length > 0;
             },
             get children() {
-              var _el$3 = _tmpl$$L();
+              var _el$3 = _tmpl$$M();
               insert(_el$3, createComponent(For, {
                 get each() {
                   return props.group.largeItems;
@@ -8085,7 +8182,7 @@ function RibbonGroup(props) {
     return _el$;
   })();
 }
-var _tmpl$$K = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
 function RibbonPanel(props) {
   const [availableWidth, setAvailableWidth] = createSignal(null);
   const [measurements, setMeasurements] = createSignal({});
@@ -8130,7 +8227,7 @@ function RibbonPanel(props) {
     requestAnimationFrame(measureGroups);
   });
   return (() => {
-    var _el$ = _tmpl$$K();
+    var _el$ = _tmpl$$L();
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
     insert(_el$, createComponent(For, {
@@ -8156,21 +8253,31 @@ function RibbonPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$J = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
+var _tmpl$$K = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$r = /* @__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, useI18n());
   const [version2, setVersion2] = createSignal(0);
   const [activeTab, setActiveTab] = createSignal("home");
-  const CONTEXTUAL_TABLE_TABS = ["tableDesign", "tableLayout"];
-  createEffect((prevInside) => {
-    const inside = api.commands.state("tableContext").isActive;
-    if (inside && prevInside === false) {
-      setActiveTab("tableDesign");
-    } else if (!inside && CONTEXTUAL_TABLE_TABS.includes(activeTab())) {
+  const CONTEXTUAL_TAB_ENTRIES = Object.entries(CONTEXTUAL_TABS);
+  createEffect((prev) => {
+    const current = /* @__PURE__ */ new Map();
+    for (const [, command] of CONTEXTUAL_TAB_ENTRIES) {
+      if (!current.has(command)) {
+        current.set(command, api.commands.state(command).isActive);
+      }
+    }
+    for (const [tab, command] of CONTEXTUAL_TAB_ENTRIES) {
+      if ((current.get(command) ?? false) && !((prev == null ? void 0 : prev.get(command)) ?? false)) {
+        setActiveTab(tab);
+        break;
+      }
+    }
+    const activeCommand = CONTEXTUAL_TABS[activeTab()];
+    if (activeCommand && !(current.get(activeCommand) ?? false)) {
       setActiveTab("home");
     }
-    return inside;
+    return current;
   });
   onMount(() => {
     const unsubscribe = props.registry.onChange(() => setVersion2((v) => v + 1));
@@ -8196,7 +8303,7 @@ function Toolbar(props) {
     })
   });
   return (() => {
-    var _el$ = _tmpl$$J();
+    var _el$ = _tmpl$$K();
     _el$.$$mousedown = (event) => {
       if (shouldAllowNativeMouseDown(event.target)) {
         return;
@@ -8218,7 +8325,7 @@ function Toolbar(props) {
           return renderItems();
         }
       }) : (() => {
-        var _el$2 = _tmpl$2$q();
+        var _el$2 = _tmpl$2$r();
         insert(_el$2, renderItems);
         return _el$2;
       })();
@@ -18856,11 +18963,11 @@ function buildCanvasTableLayout(options) {
     unsupported: Array.from(new Set(unsupported))
   };
 }
-var _tmpl$$I = /* @__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$$J = /* @__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) {
   const t = useI18n();
   return (() => {
-    var _el$ = _tmpl$$I(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$J(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     insert(_el$3, () => t("metric.pageBreak") || "Page Break");
     return _el$;
   })();
@@ -22433,7 +22540,7 @@ function createCanvasPageRenderer(options) {
     }
   };
 }
-var _tmpl$$H = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=oasis-editor-table-revision-hit style=position:absolute;pointer-events:auto;background:transparent>`);
+var _tmpl$$I = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=oasis-editor-table-revision-hit style=position:absolute;pointer-events:auto;background:transparent>`);
 const surfaceLogger = createEditorLogger("canvas-surface");
 function checkBrowserFonts(families) {
   if (typeof document === "undefined" || !document.fonts) {
@@ -22493,7 +22600,7 @@ function CanvasEditorSurface(props) {
     return layout;
   });
   return (() => {
-    var _el$ = _tmpl$$H();
+    var _el$ = _tmpl$$I();
     insert(_el$, createComponent(Index, {
       get each() {
         return documentLayout().pages;
@@ -22505,7 +22612,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$p();
+          var _el$2 = _tmpl$2$q();
           insert(_el$2, createComponent(Show, {
             when: index > 0,
             get children() {
@@ -22647,7 +22754,7 @@ function CanvasPage(props) {
         return revisionCells();
       },
       children: (revision) => (() => {
-        var _el$5 = _tmpl$4$b();
+        var _el$5 = _tmpl$4$a();
         addEventListener(_el$5, "mousedown", props.onSurfaceMouseDown, true);
         _el$5.addEventListener("mouseleave", (event) => {
           var _a;
@@ -23027,7 +23134,7 @@ function computeRulerTicks(pageWidth, contentLeft, unit) {
   pushSide(-1);
   return ticks;
 }
-var _tmpl$$G = /* @__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$o = /* @__PURE__ */ template(`<div>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
+var _tmpl$$H = /* @__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$p = /* @__PURE__ */ template(`<div>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
 function getActivePageSettings(state) {
   var _a;
   const idx = getActiveSectionIndex(state);
@@ -23233,7 +23340,7 @@ function HorizontalRuler(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$G(), _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$$H(), _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, {
@@ -23241,7 +23348,7 @@ function HorizontalRuler(props) {
         return ticks();
       },
       children: (tick) => [(() => {
-        var _el$11 = _tmpl$2$o();
+        var _el$11 = _tmpl$2$p();
         createRenderEffect((_p$) => {
           var _v$27 = `oasis-editor-horizontal-ruler-tick oasis-editor-horizontal-ruler-tick-${tick.kind}`, _v$28 = `${sx(tick.x)}px`;
           _v$27 !== _p$.e && className(_el$11, _p$.e = _v$27);
@@ -23330,10 +23437,10 @@ function HorizontalRuler(props) {
   })();
 }
 delegateEvents(["pointerdown"]);
-var _tmpl$$F = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
+var _tmpl$$G = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
 function CaretOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$F();
+    var _el$ = _tmpl$$G();
     createRenderEffect((_p$) => {
       var _v$ = !!props.active, _v$2 = {
         left: `${props.left}px`,
@@ -23354,16 +23461,16 @@ function CaretOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$E = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$n = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$o = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
 function SelectionOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$E();
+    var _el$ = _tmpl$$F();
     insert(_el$, createComponent(Index, {
       get each() {
         return props.boxes;
       },
       children: (box) => (() => {
-        var _el$2 = _tmpl$2$n();
+        var _el$2 = _tmpl$2$o();
         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$);
@@ -23383,7 +23490,7 @@ function SelectionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$D = /* @__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$$E = /* @__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 {
@@ -23398,7 +23505,7 @@ function RevisionOverlay(props) {
     return "Alterado por";
   };
   return (() => {
-    var _el$ = _tmpl$$D(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$$E(), _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);
@@ -23416,7 +23523,7 @@ function RevisionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$C = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$m = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$e = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$a = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$6 = /* @__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$$D = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$n = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$e = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$9 = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$5 = /* @__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(() => {
@@ -23443,13 +23550,13 @@ function CommentHighlightOverlay(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$C();
+    var _el$ = _tmpl$$D();
     insert(_el$, createComponent(For, {
       get each() {
         return props.boxes();
       },
       children: (box) => (() => {
-        var _el$2 = _tmpl$2$m();
+        var _el$2 = _tmpl$2$n();
         _el$2.$$click = () => setActiveCommentId(box.commentId);
         _el$2.addEventListener("mouseenter", () => setActiveCommentId(box.commentId));
         createRenderEffect((_p$) => {
@@ -23481,7 +23588,7 @@ function CommentHighlightOverlay(props) {
           const comment = activeComment();
           const anchor = popupAnchor();
           return (() => {
-            var _el$3 = _tmpl$5$6(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$8 = _el$4.nextSibling;
+            var _el$3 = _tmpl$5$5(), _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, {
@@ -23499,7 +23606,7 @@ function CommentHighlightOverlay(props) {
                 return comment.resolved;
               },
               get children() {
-                return _tmpl$4$a();
+                return _tmpl$4$9();
               }
             }), null);
             insert(_el$8, () => comment.text);
@@ -23549,7 +23656,7 @@ function useSurfaceRect(surfaceRef) {
   });
   return { rect, tick, refresh };
 }
-var _tmpl$$B = /* @__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$$C = /* @__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 t = useI18n();
   const host = () => props.host();
@@ -23607,7 +23714,7 @@ function FloatingTableToolbar(props) {
         return document.body;
       },
       get children() {
-        var _el$ = _tmpl$$B(), _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$$C(), _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",
@@ -23767,7 +23874,7 @@ function FloatingTableToolbar(props) {
   });
 }
 delegateEvents(["mousedown"]);
-var _tmpl$$A = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$l = /* @__PURE__ */ template(`<svg><rect rx=1.5></svg>`, false, true, false), _tmpl$3$d = /* @__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$5 = /* @__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>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$m = /* @__PURE__ */ template(`<svg><rect rx=1.5></svg>`, false, true, false), _tmpl$3$d = /* @__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$4 = /* @__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>`);
 const WRAP_OPTIONS = [{
   preset: "square",
   labelKey: "layoutOptions.square"
@@ -23789,14 +23896,14 @@ const WRAP_OPTIONS = [{
 }];
 function WrapIcon(props) {
   const line = (x, y, w) => (() => {
-    var _el$ = _tmpl$$A();
+    var _el$ = _tmpl$$B();
     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$l();
+    var _el$2 = _tmpl$2$m();
     setAttribute(_el$2, "x", x);
     setAttribute(_el$2, "y", y);
     setAttribute(_el$2, "width", w);
@@ -23805,7 +23912,7 @@ function WrapIcon(props) {
     return _el$2;
   })();
   return (() => {
-    var _el$3 = _tmpl$5$5();
+    var _el$3 = _tmpl$5$4();
     insert(_el$3, createComponent(Show, {
       get when() {
         return props.preset === "square";
@@ -23827,7 +23934,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$9()];
+        return [memo(() => line(4, 6, 32)), memo(() => line(4, 12, 9)), memo(() => line(27, 12, 9)), memo(() => line(4, 18, 32)), _tmpl$4$8()];
       }
     }), null);
     insert(_el$3, createComponent(Show, {
@@ -23897,7 +24004,7 @@ function FloatingLayoutOptions(props) {
       },
       get children() {
         return [(() => {
-          var _el$6 = _tmpl$6$4();
+          var _el$6 = _tmpl$6$3();
           _el$6.$$click = () => setOpen((value) => !value);
           _el$6.$$mousedown = (event) => event.preventDefault();
           createRenderEffect((_p$) => {
@@ -38315,10 +38422,10 @@ function resolveResizedDimensions(geometry, deltaX, deltaY, preserveAspectRatio,
   nextHeight = clamp(nextWidth / aspectRatio, MIN_RESIZE_SIZE_PX);
   return { width: nextWidth, height: nextHeight };
 }
-var _tmpl$$z = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$k = /* @__PURE__ */ template(`<div aria-hidden=true style=transform-origin:center>`), _tmpl$3$c = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-resize-handle tabindex=-1 type=button>`);
+var _tmpl$$A = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$l = /* @__PURE__ */ template(`<div aria-hidden=true style=transform-origin:center>`), _tmpl$3$c = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-resize-handle tabindex=-1 type=button>`);
 function ResizeHandlesOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$2$k();
+    var _el$ = _tmpl$2$l();
     _el$.$$mousedown = (event) => {
       if (props.readOnly || !props.box() || !props.onBodyMouseDown) {
         return;
@@ -38349,7 +38456,7 @@ function ResizeHandlesOverlay(props) {
             return props.onRotateStart;
           },
           get children() {
-            var _el$2 = _tmpl$$z();
+            var _el$2 = _tmpl$$A();
             _el$2.$$mousedown = (event) => {
               var _a;
               if (!props.box()) {
@@ -38390,14 +38497,14 @@ function ResizeHandlesOverlay(props) {
   })();
 }
 delegateEvents(["mousedown"]);
-var _tmpl$$y = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-table-handles-overlay><button aria-hidden=true class=oasis-editor-table-move-handle tabindex=-1 type=button></button><button aria-hidden=true class=oasis-editor-table-resize-corner tabindex=-1 type=button>`);
+var _tmpl$$z = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-table-handles-overlay><button aria-hidden=true class=oasis-editor-table-move-handle tabindex=-1 type=button></button><button aria-hidden=true class=oasis-editor-table-resize-corner tabindex=-1 type=button>`);
 function TableHandlesOverlay(props) {
   return createComponent(Show, {
     get when() {
       return memo(() => !!!props.readOnly)() && props.box();
     },
     children: (box) => (() => {
-      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;
       _el$2.$$mousedown = (event) => {
         props.onMoveStart(event);
       };
@@ -38437,7 +38544,7 @@ function createEditorZoom(initial = ZOOM_DEFAULT) {
   const zoomFactor = createMemo(() => zoomPercent() / 100);
   return { zoomPercent, setZoomPercent, adjustZoom, zoomFactor };
 }
-var _tmpl$$x = /* @__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$2$j = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>`), _tmpl$3$b = /* @__PURE__ */ template(`<span class=oasis-editor-import-error-icon>`);
+var _tmpl$$y = /* @__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$2$k = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>`), _tmpl$3$b = /* @__PURE__ */ template(`<span class=oasis-editor-import-error-icon>`);
 function EditorImportProgressOverlay(props) {
   const t = useI18n();
   return createComponent(Show, {
@@ -38449,7 +38556,7 @@ function EditorImportProgressOverlay(props) {
       const isDone = progress().phase === "done";
       const isError = progress().phase === "error";
       return (() => {
-        var _el$ = _tmpl$$x(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
+        var _el$ = _tmpl$$y(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
         _el$.classList.toggle("oasis-editor-import-overlay-done", !!isDone);
         _el$.classList.toggle("oasis-editor-import-overlay-error", !!isError);
         setAttribute(_el$, "aria-busy", !isDone && !isError);
@@ -38462,7 +38569,7 @@ function EditorImportProgressOverlay(props) {
         _el$6.classList.toggle("oasis-editor-import-progress-bar-done", !!isDone);
         _el$6.classList.toggle("oasis-editor-import-progress-bar-error", !!isError);
         insert(_el$7, isDone ? (() => {
-          var _el$8 = _tmpl$2$j();
+          var _el$8 = _tmpl$2$k();
           insert(_el$8, () => t("import.phase.done"));
           return _el$8;
         })() : isError ? (() => {
@@ -38484,11 +38591,11 @@ function EditorImportProgressOverlay(props) {
     }
   });
 }
-var _tmpl$$w = /* @__PURE__ */ template(`<div class=oasis-editor-statusbar data-testid=editor-statusbar><div class="oasis-editor-statusbar-group oasis-editor-statusbar-start"><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></div><div class="oasis-editor-statusbar-group oasis-editor-statusbar-end"><div class=oasis-editor-statusbar-zoom data-testid=editor-statusbar-zoom-control><button type=button class=oasis-editor-zoom-button>−</button><input class=oasis-editor-zoom-slider type=range><button type=button class=oasis-editor-zoom-button>+</button><span class="oasis-editor-statusbar-item oasis-editor-zoom-value"data-testid=editor-statusbar-zoom>%`), _tmpl$2$i = /* @__PURE__ */ template(`<span>`);
+var _tmpl$$x = /* @__PURE__ */ template(`<div class=oasis-editor-statusbar data-testid=editor-statusbar><div class="oasis-editor-statusbar-group oasis-editor-statusbar-start"><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></div><div class="oasis-editor-statusbar-group oasis-editor-statusbar-end"><div class=oasis-editor-statusbar-zoom data-testid=editor-statusbar-zoom-control><button type=button class=oasis-editor-zoom-button>−</button><input class=oasis-editor-zoom-slider type=range><button type=button class=oasis-editor-zoom-button>+</button><span class="oasis-editor-statusbar-item oasis-editor-zoom-value"data-testid=editor-statusbar-zoom>%`), _tmpl$2$j = /* @__PURE__ */ template(`<span>`);
 function EditorStatusBar(props) {
   const t = useI18n();
   return (() => {
-    var _el$ = _tmpl$$w(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _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$$x(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _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$3, () => t("status.words", [props.wordCount()]));
     insert(_el$4, () => t("status.characters", [props.characterCount()]));
     insert(_el$5, () => t("status.page", [props.currentPage(), props.totalPages()]));
@@ -38511,7 +38618,7 @@ function EditorStatusBar(props) {
           return createComponent(Show, {
             when: key,
             get children() {
-              var _el$11 = _tmpl$2$i();
+              var _el$11 = _tmpl$2$j();
               insert(_el$11, () => t(key));
               createRenderEffect(() => className(_el$11, `oasis-editor-statusbar-item oasis-editor-persistence-status oasis-editor-status-${status.replace("...", "ing").replace(".", "")}`));
               return _el$11;
@@ -38544,7 +38651,7 @@ function EditorStatusBar(props) {
   })();
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$v = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-zoom-sizer><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content style="position:absolute;top:0px;transform-origin:top left"><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>`);
+var _tmpl$$w = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-zoom-sizer><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content style="position:absolute;top:0px;transform-origin:top left"><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>`);
 function OasisEditorEditor(props) {
   const layout = () => props.layout;
   const overlays = () => props.overlays;
@@ -38661,6 +38768,10 @@ function OasisEditorEditor(props) {
     return pageIndex === -1 ? 1 : pageIndex + 1;
   };
   const selectedImage = createMemo(() => overlays().selectedImageBox());
+  const imageCropMode = () => {
+    var _a, _b;
+    return ((_b = (_a = overlays()).imageCropMode) == null ? void 0 : _b.call(_a)) ?? false;
+  };
   const selectedTextBox = createMemo(() => overlays().selectedTextBoxBox());
   const selectedTable = createMemo(() => overlays().selectedTableBox());
   const commentsById = createMemo(() => {
@@ -38672,7 +38783,7 @@ function OasisEditorEditor(props) {
     queueMicrotask(recomputeViewportPageIndex);
   });
   return (() => {
-    var _el$ = _tmpl$$v(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
+    var _el$ = _tmpl$$w(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!layout().showHorizontalRuler)() && overlays().toolbarHost;
@@ -38826,32 +38937,60 @@ function OasisEditorEditor(props) {
         });
       }
     }), _el$5);
-    insert(_el$4, createComponent(ResizeHandlesOverlay, {
-      box: selectedImage,
-      get readOnly() {
-        return Boolean(layout().readOnly);
-      },
-      variantClass: "oasis-editor-image-selection-overlay",
-      rotation: () => {
-        var _a;
-        return ((_a = selectedImage()) == null ? void 0 : _a.rotation) ?? 0;
-      },
-      onResizeStart: (direction, event) => {
-        const image = selectedImage();
-        if (!image) return;
-        event.preventDefault();
-        event.stopPropagation();
-        surfaceHandlers().onImageResizeHandleMouseDown(image.paragraphId, image.startOffset, direction, event);
+    insert(_el$4, createComponent(Show, {
+      get when() {
+        return imageCropMode();
       },
-      onRotateStart: (event) => {
-        const image = selectedImage();
-        if (!image) return;
-        surfaceHandlers().onImageRotateHandleMouseDown(image.paragraphId, image.startOffset, event);
+      get fallback() {
+        return createComponent(ResizeHandlesOverlay, {
+          box: selectedImage,
+          get readOnly() {
+            return Boolean(layout().readOnly);
+          },
+          variantClass: "oasis-editor-image-selection-overlay",
+          rotation: () => {
+            var _a;
+            return ((_a = selectedImage()) == null ? void 0 : _a.rotation) ?? 0;
+          },
+          onResizeStart: (direction, event) => {
+            const image = selectedImage();
+            if (!image) return;
+            event.preventDefault();
+            event.stopPropagation();
+            surfaceHandlers().onImageResizeHandleMouseDown(image.paragraphId, image.startOffset, direction, event);
+          },
+          onRotateStart: (event) => {
+            const image = selectedImage();
+            if (!image) return;
+            surfaceHandlers().onImageRotateHandleMouseDown(image.paragraphId, image.startOffset, event);
+          },
+          onBodyMouseDown: (event) => {
+            const image = selectedImage();
+            if (!image) return;
+            surfaceHandlers().onImageMouseDown(image.paragraphId, image.startOffset, event);
+          }
+        });
       },
-      onBodyMouseDown: (event) => {
-        const image = selectedImage();
-        if (!image) return;
-        surfaceHandlers().onImageMouseDown(image.paragraphId, image.startOffset, event);
+      get children() {
+        return createComponent(ResizeHandlesOverlay, {
+          box: selectedImage,
+          get readOnly() {
+            return Boolean(layout().readOnly);
+          },
+          variantClass: "oasis-editor-image-crop-overlay",
+          rotation: () => {
+            var _a;
+            return ((_a = selectedImage()) == null ? void 0 : _a.rotation) ?? 0;
+          },
+          onResizeStart: (direction, event) => {
+            var _a, _b;
+            const image = selectedImage();
+            if (!image) return;
+            event.preventDefault();
+            event.stopPropagation();
+            (_b = (_a = surfaceHandlers()).onImageCropHandleMouseDown) == null ? void 0 : _b.call(_a, image.paragraphId, image.startOffset, direction, event);
+          }
+        });
       }
     }), _el$5);
     insert(_el$4, createComponent(ResizeHandlesOverlay, {
@@ -39755,11 +39894,11 @@ function createCanvasLayoutSnapshotProvider() {
     }
   };
 }
-var _tmpl$$u = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$v = /* @__PURE__ */ template(`<button>`);
 function FloatingActionButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "active", "class", "classList"]);
   return (() => {
-    var _el$ = _tmpl$$u();
+    var _el$ = _tmpl$$v();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -39788,7 +39927,7 @@ function FloatingActionButton(props) {
     return _el$;
   })();
 }
-var _tmpl$$t = /* @__PURE__ */ template(`<aside>`), _tmpl$2$h = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$u = /* @__PURE__ */ template(`<aside>`), _tmpl$2$i = /* @__PURE__ */ template(`<div>`);
 function SidePanel(props) {
   const [local, others] = splitProps(props, ["mode", "width", "class", "classList", "children", "style"]);
   const width = () => {
@@ -39798,7 +39937,7 @@ function SidePanel(props) {
     return local.width ?? "360px";
   };
   return (() => {
-    var _el$ = _tmpl$$t();
+    var _el$ = _tmpl$$u();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel ${local.class ?? ""}`;
@@ -39823,7 +39962,7 @@ function SidePanel(props) {
 function SidePanelHeader(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$2 = _tmpl$2$h();
+    var _el$2 = _tmpl$2$i();
     spread(_el$2, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-header ${local.class ?? ""}`;
@@ -39836,7 +39975,7 @@ function SidePanelHeader(props) {
 function SidePanelBody(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$3 = _tmpl$2$h();
+    var _el$3 = _tmpl$2$i();
     spread(_el$3, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-body ${local.class ?? ""}`;
@@ -39849,7 +39988,7 @@ function SidePanelBody(props) {
 function SidePanelFooter(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$4 = _tmpl$2$h();
+    var _el$4 = _tmpl$2$i();
     spread(_el$4, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-footer ${local.class ?? ""}`;
@@ -39859,11 +39998,11 @@ function SidePanelFooter(props) {
     return _el$4;
   })();
 }
-var _tmpl$$s = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$t = /* @__PURE__ */ template(`<button>`);
 function IconButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "active", "variant", "size", "class", "classList"]);
   return (() => {
-    var _el$ = _tmpl$$s();
+    var _el$ = _tmpl$$t();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -39894,7 +40033,7 @@ function IconButton(props) {
     return _el$;
   })();
 }
-var _tmpl$$r = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-floating-actions>`), _tmpl$2$g = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-ui-host><div class=oasis-editor-plugin-ui-main>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-overlay>`), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-title>`);
+var _tmpl$$s = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-floating-actions>`), _tmpl$2$h = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-ui-host><div class=oasis-editor-plugin-ui-main>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-overlay>`), _tmpl$4$7 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-title>`);
 const EMPTY_SNAPSHOT = {
   floatingActions: [],
   sidePanels: [],
@@ -39926,7 +40065,7 @@ function PluginUiHost(props) {
       return groupActionsByPlacement(actions());
     },
     children: (group) => (() => {
-      var _el$ = _tmpl$$r();
+      var _el$ = _tmpl$$s();
       insert(_el$, createComponent(For, {
         get each() {
           return group.actions;
@@ -39955,7 +40094,7 @@ function PluginUiHost(props) {
     })()
   });
   return (() => {
-    var _el$2 = _tmpl$2$g(), _el$3 = _el$2.firstChild;
+    var _el$2 = _tmpl$2$h(), _el$3 = _el$2.firstChild;
     insert(_el$3, resolvedChildren);
     insert(_el$2, createComponent(Show, {
       get when() {
@@ -40019,7 +40158,7 @@ function renderPanel(editor, panel, t) {
       return [createComponent(SidePanelHeader, {
         get children() {
           return [(() => {
-            var _el$5 = _tmpl$4$8();
+            var _el$5 = _tmpl$4$7();
             insert(_el$5, createComponent(Show, {
               get when() {
                 return panel.icon;
@@ -40078,7 +40217,7 @@ function groupActionsByPlacement(actions) {
     actions: groupActions
   }));
 }
-var _tmpl$$q = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage>`);
+var _tmpl$$r = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage>`);
 function DocumentShell(props) {
   let surfaceEl;
   let viewportEl;
@@ -40205,7 +40344,7 @@ function DocumentShell(props) {
       return props.runtimeEditor;
     },
     get children() {
-      var _el$ = _tmpl$$q(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$r(), _el$2 = _el$.firstChild;
       insert(_el$, createComponent(Show, {
         get when() {
           return memo(() => !!props.showChrome)() && props.showOutline;
@@ -40270,10 +40409,10 @@ function DocumentShell(props) {
     }
   })];
 }
-var _tmpl$$p = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$f = /* @__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$$q = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$g = /* @__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$f();
+    var _el$ = _tmpl$2$g();
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!props.showChrome)() && props.showToolbar;
@@ -40300,7 +40439,7 @@ function InlineShell(props) {
         return props.runtimeEditor;
       },
       get children() {
-        var _el$2 = _tmpl$$p(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$$q(), _el$3 = _el$2.firstChild;
         insert(_el$3, createComponent(OasisEditorEditor, {
           state: () => props.state,
           get layout() {
@@ -40340,16 +40479,16 @@ function InlineShell(props) {
     return _el$;
   })();
 }
-var _tmpl$$o = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=oasis-balloon-shell>`);
+var _tmpl$$p = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$f = /* @__PURE__ */ template(`<div class=oasis-balloon-shell>`);
 function BalloonShell(props) {
   return (() => {
-    var _el$ = _tmpl$2$e();
+    var _el$ = _tmpl$2$f();
     insert(_el$, createComponent(PluginUiHost, {
       get editor() {
         return props.runtimeEditor;
       },
       get children() {
-        var _el$2 = _tmpl$$o(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$$p(), _el$3 = _el$2.firstChild;
         insert(_el$3, createComponent(OasisEditorEditor, {
           state: () => props.state,
           get layout() {
@@ -40389,7 +40528,7 @@ function BalloonShell(props) {
     return _el$;
   })();
 }
-var _tmpl$$n = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer data-testid=editor-dialog-footer>`), _tmpl$2$d = /* @__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$$o = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer data-testid=editor-dialog-footer>`), _tmpl$2$e = /* @__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) {
   const t = useI18n();
   let dialogRef;
@@ -40414,7 +40553,7 @@ function Dialog(props) {
       return props.isOpen;
     },
     get children() {
-      var _el$ = _tmpl$2$d(), _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$e(), _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();
@@ -40431,7 +40570,7 @@ function Dialog(props) {
           return props.footer;
         },
         get children() {
-          var _el$7 = _tmpl$$n();
+          var _el$7 = _tmpl$$o();
           insert(_el$7, () => props.footer);
           return _el$7;
         }
@@ -40460,7 +40599,7 @@ function Dialog(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$m = /* @__PURE__ */ template(`<div><div class=oasis-editor-tabs-list role=tablist>`), _tmpl$2$c = /* @__PURE__ */ template(`<button type=button role=tab class=oasis-editor-tabs-tab>`), _tmpl$3$9 = /* @__PURE__ */ template(`<div role=tabpanel class=oasis-editor-tabs-panel>`);
+var _tmpl$$n = /* @__PURE__ */ template(`<div><div class=oasis-editor-tabs-list role=tablist>`), _tmpl$2$d = /* @__PURE__ */ template(`<button type=button role=tab class=oasis-editor-tabs-tab>`), _tmpl$3$9 = /* @__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) {
@@ -40511,7 +40650,7 @@ function Tabs(props) {
     selectItem(findEnabledItem(items(), currentIndex + direction, direction), true);
   };
   return (() => {
-    var _el$ = _tmpl$$m(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$n(), _el$2 = _el$.firstChild;
     _el$2.$$keydown = handleKeyDown;
     insert(_el$2, createComponent(For, {
       get each() {
@@ -40521,7 +40660,7 @@ function Tabs(props) {
         const tabId = `${baseId}-${item.id}-tab`;
         const panelId = `${baseId}-${item.id}-panel`;
         return (() => {
-          var _el$3 = _tmpl$2$c();
+          var _el$3 = _tmpl$2$d();
           _el$3.$$click = () => selectItem(item);
           use((element) => {
             tabRefs[index()] = element;
@@ -40588,12 +40727,12 @@ function Tabs(props) {
   })();
 }
 delegateEvents(["keydown", "click"]);
-var _tmpl$$l = /* @__PURE__ */ template(`<button><span class=oasis-editor-ui-button-label>`);
+var _tmpl$$m = /* @__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$$l(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$m(), _el$2 = _el$.firstChild;
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -40673,11 +40812,11 @@ function StatusText(props) {
     }
   }, others));
 }
-var _tmpl$$k = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$l = /* @__PURE__ */ template(`<div>`);
 function ActionRow(props) {
   const [local, others] = splitProps(props, ["align", "wrap", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$k();
+    var _el$ = _tmpl$$l();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-action-row ${local.class ?? ""}`;
@@ -40733,7 +40872,7 @@ function mergeStyles(...styles) {
   }
   return Object.assign({}, ...objectStyles);
 }
-var _tmpl$$j = /* @__PURE__ */ template(`<span class=oasis-editor-ui-stack-divider-item aria-hidden=true>`);
+var _tmpl$$k = /* @__PURE__ */ template(`<span class=oasis-editor-ui-stack-divider-item aria-hidden=true>`);
 function childArray(value) {
   if (Array.isArray(value)) return value;
   if (value === null || value === void 0 || value === false) return [];
@@ -40773,7 +40912,7 @@ function Stack(props) {
             return memo(() => index() > 0)() && local.divider;
           },
           get children() {
-            var _el$ = _tmpl$$j();
+            var _el$ = _tmpl$$k();
             insert(_el$, () => renderDivider(index()));
             return _el$;
           }
@@ -40852,14 +40991,14 @@ function Grid(props) {
     }
   }));
 }
-var _tmpl$$i = /* @__PURE__ */ template(`<label>`), _tmpl$2$b = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$j = /* @__PURE__ */ template(`<label>`), _tmpl$2$c = /* @__PURE__ */ template(`<div>`);
 function FormField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "for", "description", "error", "labelClass", "class", "classList", "children"]);
   const descriptionId = () => local.for ?? `${fallbackId}-description`;
   const errorId = () => local.for ?? `${fallbackId}-error`;
   return (() => {
-    var _el$ = _tmpl$2$b();
+    var _el$ = _tmpl$2$c();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-field ${local.class ?? ""}`;
@@ -40873,7 +41012,7 @@ function FormField(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$i();
+        var _el$2 = _tmpl$$j();
         insert(_el$2, () => local.label);
         createRenderEffect((_p$) => {
           var _v$ = `oasis-editor-ui-field-label ${local.labelClass ?? ""}`, _v$2 = local.for;
@@ -40924,7 +41063,7 @@ function FormField(props) {
     return _el$;
   })();
 }
-var _tmpl$$h = /* @__PURE__ */ template(`<span>`), _tmpl$2$a = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$7 = /* @__PURE__ */ template(`<label><input>`);
+var _tmpl$$i = /* @__PURE__ */ template(`<span>`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$6 = /* @__PURE__ */ template(`<label><input>`);
 function TextField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "onChange", "class", "classList", "id"]);
@@ -40932,13 +41071,13 @@ function TextField(props) {
   const descriptionId = () => `${id()}-description`;
   const errorId = () => `${id()}-error`;
   return (() => {
-    var _el$ = _tmpl$4$7(), _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$$h();
+        var _el$2 = _tmpl$$i();
         insert(_el$2, () => local.label);
         createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-label ${local.labelClass ?? ""}`));
         return _el$2;
@@ -40967,7 +41106,7 @@ function TextField(props) {
         return local.description;
       },
       get children() {
-        var _el$4 = _tmpl$2$a();
+        var _el$4 = _tmpl$2$b();
         insert(_el$4, () => local.description);
         createRenderEffect(() => setAttribute(_el$4, "id", descriptionId()));
         return _el$4;
@@ -40999,7 +41138,7 @@ function TextField(props) {
   })();
 }
 delegateEvents(["input"]);
-var _tmpl$$g = /* @__PURE__ */ template(`<textarea>`);
+var _tmpl$$h = /* @__PURE__ */ template(`<textarea>`);
 function TextAreaField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "onChange", "class", "id"]);
@@ -41025,7 +41164,7 @@ function TextAreaField(props) {
       return local.error;
     },
     get children() {
-      var _el$ = _tmpl$$g();
+      var _el$ = _tmpl$$h();
       _el$.$$input = (event) => {
         var _a;
         return (_a = local.onChange) == null ? void 0 : _a.call(local, event.currentTarget.value);
@@ -41061,7 +41200,7 @@ function ColorField(props) {
     }
   }, others));
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$9 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$3$7 = /* @__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$$g = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$a = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$3$7 = /* @__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"]);
@@ -41091,7 +41230,7 @@ function Checkbox(props) {
         return local.description;
       },
       get children() {
-        var _el$5 = _tmpl$$f();
+        var _el$5 = _tmpl$$g();
         insert(_el$5, () => local.description);
         createRenderEffect(() => setAttribute(_el$5, "id", descriptionId()));
         return _el$5;
@@ -41102,7 +41241,7 @@ function Checkbox(props) {
         return local.error;
       },
       get children() {
-        var _el$6 = _tmpl$2$9();
+        var _el$6 = _tmpl$2$a();
         insert(_el$6, () => local.error);
         createRenderEffect(() => setAttribute(_el$6, "id", errorId()));
         return _el$6;
@@ -41120,7 +41259,7 @@ function Checkbox(props) {
     return _el$;
   })();
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<span>`), _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$6 = /* @__PURE__ */ template(`<label><select>`), _tmpl$5$4 = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<span>`), _tmpl$2$9 = /* @__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><select>`), _tmpl$5$3 = /* @__PURE__ */ template(`<option>`);
 function SelectField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "options", "onChange", "class", "classList", "id", "value"]);
@@ -41129,13 +41268,13 @@ function SelectField(props) {
   const descriptionId = () => `${id()}-description`;
   const errorId = () => `${id()}-error`;
   return (() => {
-    var _el$ = _tmpl$4$6(), _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$$e();
+        var _el$2 = _tmpl$$f();
         insert(_el$2, () => local.label);
         createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-label ${local.labelClass ?? ""}`));
         return _el$2;
@@ -41168,7 +41307,7 @@ function SelectField(props) {
         return local.options;
       },
       children: (option) => (() => {
-        var _el$6 = _tmpl$5$4();
+        var _el$6 = _tmpl$5$3();
         insert(_el$6, () => option.label);
         createRenderEffect((_p$) => {
           var _v$4 = option.disabled, _v$5 = option.value === currentValue();
@@ -41188,7 +41327,7 @@ function SelectField(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;
@@ -41234,7 +41373,7 @@ function NumberField(props) {
     }
   }, others));
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$7 = /* @__PURE__ */ template(`<label><input type=radio class=oasis-editor-ui-radio-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`), _tmpl$3$5 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$4$5 = /* @__PURE__ */ template(`<div role=radiogroup>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$8 = /* @__PURE__ */ template(`<label><input type=radio class=oasis-editor-ui-radio-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`), _tmpl$3$5 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$4$4 = /* @__PURE__ */ template(`<div role=radiogroup>`);
 const RadioGroupCtx = createContext();
 function Radio(props) {
   const fallbackId = createUniqueId();
@@ -41245,7 +41384,7 @@ function Radio(props) {
   const checked = () => group ? group.value() === local.value : Boolean(local.checked);
   const disabled = () => Boolean(local.disabled) || (group ? group.disabled() : false);
   return (() => {
-    var _el$ = _tmpl$2$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+    var _el$ = _tmpl$2$8(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
     _el$2.addEventListener("change", (event) => {
       var _a;
       if (group) group.onSelect(local.value);
@@ -41277,7 +41416,7 @@ function Radio(props) {
         return local.description;
       },
       get children() {
-        var _el$5 = _tmpl$$d();
+        var _el$5 = _tmpl$$e();
         insert(_el$5, () => local.description);
         createRenderEffect(() => setAttribute(_el$5, "id", descriptionId()));
         return _el$5;
@@ -41309,7 +41448,7 @@ function RadioGroup(props) {
   return createComponent(RadioGroupCtx.Provider, {
     value: ctx,
     get children() {
-      var _el$6 = _tmpl$4$5();
+      var _el$6 = _tmpl$4$4();
       insert(_el$6, createComponent(Show, {
         get when() {
           return props.label;
@@ -41362,7 +41501,7 @@ function RadioGroup(props) {
     }
   });
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div>`);
 const ALIGN_MAP = {
   start: "flex-start",
   center: "center",
@@ -41372,7 +41511,7 @@ const ALIGN_MAP = {
 function FieldRow(props) {
   const [local, others] = splitProps(props, ["align", "class", "style", "children"]);
   return (() => {
-    var _el$ = _tmpl$$c();
+    var _el$ = _tmpl$$d();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-field-row ${local.class ?? ""}`;
@@ -41388,11 +41527,11 @@ function FieldRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$b = /* @__PURE__ */ template(`<legend>`), _tmpl$2$6 = /* @__PURE__ */ template(`<fieldset>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<legend>`), _tmpl$2$7 = /* @__PURE__ */ template(`<fieldset>`);
 function FieldGroup(props) {
   const [local, others] = splitProps(props, ["legend", "legendClass", "class", "children"]);
   return (() => {
-    var _el$ = _tmpl$2$6();
+    var _el$ = _tmpl$2$7();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-field-group ${local.class ?? ""}`;
@@ -41403,7 +41542,7 @@ function FieldGroup(props) {
         return local.legend;
       },
       get children() {
-        var _el$2 = _tmpl$$b();
+        var _el$2 = _tmpl$$c();
         insert(_el$2, () => local.legend);
         createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-group-legend ${local.legendClass ?? ""}`));
         return _el$2;
@@ -41413,11 +41552,11 @@ function FieldGroup(props) {
     return _el$;
   })();
 }
-var _tmpl$$a = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-toggle-chip-input><span class=oasis-editor-ui-toggle-chip-label>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-toggle-chip-input><span class=oasis-editor-ui-toggle-chip-label>`);
 function ToggleChip(props) {
   const [local, others] = splitProps(props, ["label", "labelStyle", "onChange", "class", "checked"]);
   return (() => {
-    var _el$ = _tmpl$$a(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     _el$2.addEventListener("change", (event) => {
       var _a;
       return (_a = local.onChange) == null ? void 0 : _a.call(local, event.currentTarget.checked);
@@ -41442,11 +41581,11 @@ function ToggleChip(props) {
     return _el$;
   })();
 }
-var _tmpl$$9 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div>`);
 function DialogFooter(props) {
   const [local, others] = splitProps(props, ["align", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$9();
+    var _el$ = _tmpl$$a();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-dialog-footer ${local.class ?? ""}`;
@@ -41702,7 +41841,7 @@ const UNDERLINE_STYLE_OPTIONS = [
     }
   }
 ];
-var _tmpl$$8 = /* @__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$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$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$3 = /* @__PURE__ */ template(`<span class=oasis-editor-underline-menu-stroke>`);
+var _tmpl$$9 = /* @__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$3 = /* @__PURE__ */ template(`<span class="oasis-editor-underline-menu-stroke oasis-editor-underline-menu-stroke-svg">`), _tmpl$5$2 = /* @__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>`);
 const mod$1 = /Mac/i.test(navigator.userAgent) ? "⌘" : "Ctrl";
 const TEST_ID = "editor-toolbar-underline";
 function UnderlineControl(props) {
@@ -41760,7 +41899,7 @@ function UnderlineControl(props) {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$8(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        var _el$ = _tmpl$$9(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
         _el$.$$click = () => {
           removeUnderline();
           setOpen(false);
@@ -41768,13 +41907,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$2(), _el$9 = _el$8.firstChild, _el$1 = _el$9.nextSibling;
               _el$8.$$click = () => {
                 applyUnderlineStyle(option.value);
                 setOpen(false);
@@ -41785,7 +41924,7 @@ function UnderlineControl(props) {
                 },
                 get fallback() {
                   return (() => {
-                    var _el$10 = _tmpl$6$3();
+                    var _el$10 = _tmpl$6$2();
                     createRenderEffect((_$p) => style(_el$10, option.preview.borderStyle === "wavy" ? void 0 : {
                       "border-bottom-style": option.preview.borderStyle,
                       "border-bottom-width": option.preview.borderBottomWidth ?? "1px"
@@ -41794,7 +41933,7 @@ function UnderlineControl(props) {
                   })();
                 },
                 get children() {
-                  var _el$0 = _tmpl$4$4();
+                  var _el$0 = _tmpl$4$3();
                   createRenderEffect(() => _el$0.innerHTML = option.preview.svg);
                   return _el$0;
                 }
@@ -41823,7 +41962,7 @@ function UnderlineControl(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$7 = /* @__PURE__ */ template(`<option value=decimal>`), _tmpl$2$4 = /* @__PURE__ */ template(`<option value=lowerLetter>`), _tmpl$3$3 = /* @__PURE__ */ template(`<option value=upperLetter>`), _tmpl$4$3 = /* @__PURE__ */ template(`<option value=lowerRoman>`), _tmpl$5$2 = /* @__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>`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<option value=decimal>`), _tmpl$2$5 = /* @__PURE__ */ template(`<option value=lowerLetter>`), _tmpl$3$3 = /* @__PURE__ */ template(`<option value=upperLetter>`), _tmpl$4$2 = /* @__PURE__ */ template(`<option value=lowerRoman>`), _tmpl$5$1 = /* @__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>`);
 function ListOptionsControl(props) {
   const t = useI18n();
   const api = props.api;
@@ -41845,11 +41984,11 @@ function ListOptionsControl(props) {
         },
         get children() {
           return [(() => {
-            var _el$4 = _tmpl$$7();
+            var _el$4 = _tmpl$$8();
             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;
           })(), (() => {
@@ -41857,15 +41996,15 @@ function ListOptionsControl(props) {
             insert(_el$6, () => t("toolbar.formatUpperLetter"));
             return _el$6;
           })(), (() => {
-            var _el$7 = _tmpl$4$3();
+            var _el$7 = _tmpl$4$2();
             insert(_el$7, () => t("toolbar.formatLowerRoman"));
             return _el$7;
           })(), (() => {
-            var _el$8 = _tmpl$5$2();
+            var _el$8 = _tmpl$5$1();
             insert(_el$8, () => t("toolbar.formatUpperRoman"));
             return _el$8;
           })(), (() => {
-            var _el$9 = _tmpl$6$2();
+            var _el$9 = _tmpl$6$1();
             insert(_el$9, () => t("toolbar.formatBullet"));
             return _el$9;
           })()];
@@ -41883,7 +42022,7 @@ function parseNumber(value) {
   const parsed = Number(value);
   return Number.isFinite(parsed) ? parsed : null;
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-line-spacing-dialog-preview><br>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-line-spacing-dialog-preview><br>`);
 function LineSpacingDialog(props) {
   const t = useI18n();
   const [lineHeight, setLineHeight] = createSignal(null);
@@ -42014,7 +42153,7 @@ function LineSpacingDialog(props) {
           return t("lineSpacing.preview");
         },
         get children() {
-          var _el$ = _tmpl$$6(), _el$2 = _el$.firstChild;
+          var _el$ = _tmpl$$7(), _el$2 = _el$.firstChild;
           insert(_el$, () => t("lineSpacing.previewText"), _el$2);
           insert(_el$, () => t("lineSpacing.previewText"), null);
           createRenderEffect((_$p) => style(_el$, previewStyle2(), _$p));
@@ -42024,7 +42163,7 @@ function LineSpacingDialog(props) {
     }
   });
 }
-var _tmpl$$5 = /* @__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$2 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$2 = /* @__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>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<div class=oasis-editor-line-spacing-menu-separator role=separator>`), _tmpl$2$4 = /* @__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$2 = /* @__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);
@@ -42038,7 +42177,6 @@ function toStr(value) {
 function LineSpacingButton(props) {
   const t = useI18n();
   const api = props.api;
-  const [isOpen, setIsOpen] = createSignal(false);
   const [dialogOpen, setDialogOpen] = createSignal(false);
   const [dialogInitial, setDialogInitial] = createSignal({
     lineHeight: "",
@@ -42051,11 +42189,9 @@ function LineSpacingButton(props) {
     const num = Number(raw);
     return Number.isFinite(num) ? num : null;
   });
-  const close = () => setIsOpen(false);
   const applyPreset = (value) => {
     api.commands.execute("setLineHeight", value);
     api.focusEditor();
-    close();
   };
   const openDialog = () => {
     setDialogInitial({
@@ -42064,7 +42200,6 @@ function LineSpacingButton(props) {
       spacingAfter: toStr(api.commands.state("setSpacingAfter").value)
     });
     setDialogOpen(true);
-    close();
   };
   const handleDialogApply = (values, original) => {
     const originalLH = original.lineHeight ? Number(original.lineHeight) : null;
@@ -42081,105 +42216,83 @@ function LineSpacingButton(props) {
     }
     api.focusEditor();
   };
-  return (() => {
-    var _el$ = _tmpl$3$2();
-    insert(_el$, createComponent(Popover, {
-      get open() {
-        return isOpen();
-      },
-      onOpenChange: setIsOpen,
-      panelRole: "menu",
-      panelClass: "oasis-editor-toolbar-dropdown-menu oasis-editor-line-spacing-menu",
-      trigger: (popover) => (() => {
-        var _el$6 = _tmpl$4$2();
-        _el$6.$$click = () => popover.toggle();
-        use((el) => popover.ref(el), _el$6);
-        createRenderEffect((_p$) => {
-          var _v$ = !!popover.open, _v$2 = t("metric.lineSpacing"), _v$3 = t("metric.lineSpacing"), _v$4 = popover.open;
-          _v$ !== _p$.e && _el$6.classList.toggle("oasis-editor-tool-button-active", _p$.e = _v$);
-          _v$2 !== _p$.t && setAttribute(_el$6, "title", _p$.t = _v$2);
-          _v$3 !== _p$.a && setAttribute(_el$6, "aria-label", _p$.a = _v$3);
-          _v$4 !== _p$.o && setAttribute(_el$6, "aria-expanded", _p$.o = _v$4);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0,
-          o: void 0
-        });
-        return _el$6;
-      })(),
-      get children() {
-        return [createComponent(For, {
-          each: PRESET_VALUES,
-          children: (value) => {
-            const label = formatPreset(value);
-            const isActive = () => {
-              const lh = currentLineHeight();
-              return lh !== null && approxEqual(lh, value);
-            };
-            return (() => {
-              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$1();
-                }
-              }));
-              insert(_el$0, label);
-              createRenderEffect((_p$) => {
-                var _v$5 = !!isActive(), _v$6 = isActive(), _v$7 = `editor-toolbar-line-spacing-${label.replace(".", "_")}`, _v$8 = t("metric.lineSpacingOption", [label]);
-                _v$5 !== _p$.e && _el$7.classList.toggle("oasis-editor-line-spacing-item-active", _p$.e = _v$5);
-                _v$6 !== _p$.t && setAttribute(_el$7, "aria-checked", _p$.t = _v$6);
-                _v$7 !== _p$.a && setAttribute(_el$7, "data-testid", _p$.a = _v$7);
-                _v$8 !== _p$.o && setAttribute(_el$7, "title", _p$.o = _v$8);
-                return _p$;
-              }, {
-                e: void 0,
-                t: void 0,
-                a: void 0,
-                o: void 0
-              });
-              return _el$7;
-            })();
-          }
-        }), _tmpl$$5(), (() => {
-          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;
-        })()];
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return dialogOpen();
-      },
-      get children() {
-        return createComponent(Portal, {
-          get children() {
-            return createComponent(LineSpacingDialog, {
-              get isOpen() {
-                return dialogOpen();
-              },
-              get initial() {
-                return dialogInitial();
+  return [createComponent(Menu, {
+    icon: "lineSpacing",
+    testId: "editor-toolbar-line-spacing",
+    get tooltip() {
+      return t("metric.lineSpacing");
+    },
+    panelClass: "oasis-editor-line-spacing-menu",
+    get children() {
+      return [createComponent(For, {
+        each: PRESET_VALUES,
+        children: (value) => {
+          const label = formatPreset(value);
+          const isActive = () => {
+            const lh = currentLineHeight();
+            return lh !== null && approxEqual(lh, value);
+          };
+          return (() => {
+            var _el$5 = _tmpl$3$2(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+            _el$5.$$click = () => applyPreset(value);
+            insert(_el$6, createComponent(Show, {
+              get when() {
+                return isActive();
               },
-              onClose: () => setDialogOpen(false),
-              onApply: handleDialogApply
+              get children() {
+                return createComponent(CheckIcon, {
+                  size: 14
+                });
+              }
+            }));
+            insert(_el$7, label);
+            createRenderEffect((_p$) => {
+              var _v$ = !!isActive(), _v$2 = isActive(), _v$3 = `editor-toolbar-line-spacing-${label.replace(".", "_")}`, _v$4 = t("metric.lineSpacingOption", [label]);
+              _v$ !== _p$.e && _el$5.classList.toggle("oasis-editor-line-spacing-item-active", _p$.e = _v$);
+              _v$2 !== _p$.t && setAttribute(_el$5, "aria-checked", _p$.t = _v$2);
+              _v$3 !== _p$.a && setAttribute(_el$5, "data-testid", _p$.a = _v$3);
+              _v$4 !== _p$.o && setAttribute(_el$5, "title", _p$.o = _v$4);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0
             });
-          }
-        });
-      }
-    }), null);
-    return _el$;
-  })();
+            return _el$5;
+          })();
+        }
+      }), _tmpl$$6(), (() => {
+        var _el$2 = _tmpl$2$4(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        _el$2.$$click = openDialog;
+        insert(_el$4, () => t("metric.lineSpacingOptions"));
+        return _el$2;
+      })()];
+    }
+  }), createComponent(Show, {
+    get when() {
+      return dialogOpen();
+    },
+    get children() {
+      return createComponent(Portal, {
+        get children() {
+          return createComponent(LineSpacingDialog, {
+            get isOpen() {
+              return dialogOpen();
+            },
+            get initial() {
+              return dialogInitial();
+            },
+            onClose: () => setDialogOpen(false),
+            onApply: handleDialogApply
+          });
+        }
+      });
+    }
+  })];
 }
 delegateEvents(["click"]);
-var _tmpl$$4 = /* @__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>`);
+var _tmpl$$5 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-panel-grid>`);
 const numValue = (api, command) => {
   const value = api.commands.state(command).value;
   return value == null ? "" : String(value);
@@ -42198,7 +42311,7 @@ function MetricGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$4();
+        var _el$ = _tmpl$$5();
         insert(_el$, createComponent(Button$1, {
           icon: "file-up",
           get active() {
@@ -42223,7 +42336,7 @@ function MetricGroup(props) {
         }), null);
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$2$2();
+        var _el$2 = _tmpl$2$3();
         insert(_el$2, createComponent(NumberField, {
           "class": "oasis-editor-tool-metric",
           labelClass: "oasis-editor-tool-metric-label",
@@ -42325,7 +42438,7 @@ function MetricGroup(props) {
     }
   });
 }
-var _tmpl$$3 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`);
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`);
 function SectionGroup(props) {
   const t = useI18n();
   const api = props.api;
@@ -42342,7 +42455,7 @@ function SectionGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$3();
+        var _el$ = _tmpl$$4();
         insert(_el$, createComponent(Button$1, {
           icon: "rectangle-vertical",
           get active() {
@@ -42373,7 +42486,7 @@ function SectionGroup(props) {
         }), null);
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$$3();
+        var _el$2 = _tmpl$$4();
         insert(_el$2, createComponent(Button$1, {
           icon: "scissors",
           "data-testid": "editor-toolbar-section-break-next",
@@ -42455,7 +42568,7 @@ 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$$2 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-list>`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-form>`), _tmpl$3$1 = /* @__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$1 = /* @__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>`);
+var _tmpl$$3 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-list>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-form>`), _tmpl$3$1 = /* @__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$1 = /* @__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"
@@ -42525,7 +42638,7 @@ function MarginsGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$2();
+        var _el$ = _tmpl$$3();
         insert(_el$, createComponent(For, {
           each: MARGIN_PRESETS,
           children: (preset) => (() => {
@@ -42556,7 +42669,7 @@ function MarginsGroup(props) {
             return showCustom();
           },
           get children() {
-            var _el$6 = _tmpl$2$1();
+            var _el$6 = _tmpl$2$2();
             insert(_el$6, createComponent(For, {
               each: FIELDS,
               children: (field) => (() => {
@@ -43085,7 +43198,7 @@ function shapeLabel(preset, locale) {
   var _a;
   return ((_a = SHAPE_LABELS[preset]) == null ? void 0 : _a[locale]) ?? preset;
 }
-var _tmpl$$1 = /* @__PURE__ */ template(`<svg class=oasis-editor-shape-thumb viewBox="0 0 22 22"width=22 height=22 aria-hidden=true><path stroke=currentColor stroke-width=1 stroke-linejoin=round stroke-linecap=round vector-effect=non-scaling-stroke>`);
+var _tmpl$$2 = /* @__PURE__ */ template(`<svg class=oasis-editor-shape-thumb viewBox="0 0 22 22"width=22 height=22 aria-hidden=true><path stroke=currentColor stroke-width=1 stroke-linejoin=round stroke-linecap=round vector-effect=non-scaling-stroke>`);
 const PREVIEW_W = 22;
 const PREVIEW_H = 22;
 const PREVIEW_PAD = 2;
@@ -43116,7 +43229,7 @@ function ShapeThumbnail(props) {
   const d = () => presetToSvgPath(props.preset, PREVIEW_PAD, PREVIEW_PAD, PREVIEW_W - PREVIEW_PAD * 2, PREVIEW_H - PREVIEW_PAD * 2);
   const strokeOnly = () => STROKE_ONLY_PRESETS.has(props.preset);
   return (() => {
-    var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$2(), _el$2 = _el$.firstChild;
     createRenderEffect((_p$) => {
       var _v$ = d(), _v$2 = strokeOnly() ? "none" : "currentColor", _v$3 = strokeOnly() ? void 0 : "0.18";
       _v$ !== _p$.e && setAttribute(_el$2, "d", _p$.e = _v$);
@@ -43157,7 +43270,7 @@ function pushRecentShape(preset) {
   }
   return next;
 }
-var _tmpl$ = /* @__PURE__ */ template(`<button type=button class=oasis-editor-shape-gallery-tile>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-section-header>`), _tmpl$3 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-grid>`), _tmpl$4 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery>`);
+var _tmpl$$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-shape-gallery-tile>`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-section-header>`), _tmpl$3 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-grid>`), _tmpl$4 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery>`);
 function ShapeGallery(props) {
   const t = useI18n();
   const locale = () => t("locale.id") === "en" ? "en" : "pt-BR";
@@ -43168,7 +43281,7 @@ function ShapeGallery(props) {
     props.api.focusEditor();
   };
   const Tile = (tileProps) => (() => {
-    var _el$ = _tmpl$();
+    var _el$ = _tmpl$$1();
     _el$.$$click = () => insert$1(tileProps.preset);
     insert(_el$, createComponent(ShapeThumbnail, {
       get preset() {
@@ -43196,7 +43309,7 @@ function ShapeGallery(props) {
       },
       get children() {
         return [(() => {
-          var _el$3 = _tmpl$2();
+          var _el$3 = _tmpl$2$1();
           insert(_el$3, () => t("toolbar.shapes.recentlyUsed"));
           return _el$3;
         })(), (() => {
@@ -43216,7 +43329,7 @@ function ShapeGallery(props) {
     insert(_el$2, createComponent(For, {
       each: SHAPE_CATEGORIES,
       children: (category) => [(() => {
-        var _el$5 = _tmpl$2();
+        var _el$5 = _tmpl$2$1();
         insert(_el$5, () => t(category.headerKey));
         return _el$5;
       })(), (() => {
@@ -43236,6 +43349,109 @@ function ShapeGallery(props) {
   })();
 }
 delegateEvents(["click"]);
+var _tmpl$ = /* @__PURE__ */ template(`<div class=oasis-editor-image-size-field><div class=oasis-editor-image-size-icon aria-hidden=true>`), _tmpl$2 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel oasis-editor-image-crop-menu"><div class=oasis-editor-toolbar-panel-separator role=separator></div><div class=oasis-editor-image-crop-ratios>`);
+function cmValue(api, command) {
+  const value = api.commands.state(command).value;
+  return typeof value === "number" ? value.toFixed(2) : "";
+}
+function ImageSizeField(props) {
+  const t = useI18n();
+  const command = props.dimension === "height" ? "imageHeightCm" : "imageWidthCm";
+  const labelKey = props.dimension === "height" ? "image.height" : "image.width";
+  const icon = props.dimension === "height" ? "move-vertical" : "move-horizontal";
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    insert(_el$2, createComponent(ToolIcon, {
+      name: icon
+    }));
+    insert(_el$, createComponent(NumberField, {
+      "class": "oasis-editor-tool-metric oasis-editor-image-size-metric",
+      labelClass: "oasis-editor-tool-metric-label",
+      get title() {
+        return t(labelKey);
+      },
+      get label() {
+        return t(labelKey);
+      },
+      controlClass: "oasis-editor-tool-number",
+      get ["data-testid"]() {
+        return `editor-toolbar-image-${props.dimension}`;
+      },
+      min: "0.1",
+      step: "0.1",
+      get value() {
+        return cmValue(props.api, command);
+      },
+      onChange: (value) => {
+        props.api.commands.execute(command, value == null ? "" : String(value));
+      }
+    }), null);
+    return _el$;
+  })();
+}
+const CROP_ASPECT_PRESETS = [{
+  id: "reset",
+  labelKey: "image.cropReset"
+}, {
+  id: "1:1",
+  labelKey: "image.cropRatio.square"
+}, {
+  id: "16:9",
+  labelKey: "image.cropRatio.16x9"
+}, {
+  id: "4:3",
+  labelKey: "image.cropRatio.4x3"
+}, {
+  id: "3:2",
+  labelKey: "image.cropRatio.3x2"
+}, {
+  id: "2:3",
+  labelKey: "image.cropRatio.2x3"
+}, {
+  id: "3:4",
+  labelKey: "image.cropRatio.3x4"
+}, {
+  id: "9:16",
+  labelKey: "image.cropRatio.9x16"
+}];
+function ImageCropMenu(props) {
+  const t = useI18n();
+  return (() => {
+    var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+    insert(_el$3, createComponent(Button$1, {
+      icon: "crop",
+      get active() {
+        return props.api.commands.state("imageCrop").isActive;
+      },
+      "data-testid": "editor-toolbar-image-crop-toggle",
+      onClick: () => {
+        props.api.commands.execute("imageCrop");
+      },
+      get label() {
+        return t("image.crop");
+      },
+      get tooltip() {
+        return t("image.crop");
+      }
+    }), _el$4);
+    insert(_el$5, createComponent(For, {
+      each: CROP_ASPECT_PRESETS,
+      children: (preset) => createComponent(Button$1, {
+        "class": "oasis-editor-image-crop-ratio",
+        get label() {
+          return t(preset.labelKey);
+        },
+        get ["data-testid"]() {
+          return `editor-toolbar-image-crop-${preset.id}`;
+        },
+        onClick: () => {
+          props.api.commands.execute("imageCropAspect", preset.id);
+        }
+      })
+    }));
+    return _el$3;
+  })();
+}
 const RIBBON_PLACEMENTS = {
   "editor-toolbar-file-dropdown": { tab: "file", group: "document", row: 1 },
   "sep-file": { tab: "file", group: "document", row: 1 },
@@ -43281,6 +43497,9 @@ const RIBBON_PLACEMENTS = {
     row: 1
   },
   "sep-insert": { tab: "insert", group: "accessibility", row: 2 },
+  "editor-toolbar-image-crop": { tab: "imageFormat", group: "size", row: 1 },
+  "editor-toolbar-image-height": { tab: "imageFormat", group: "size", row: 1 },
+  "editor-toolbar-image-width": { tab: "imageFormat", group: "size", row: 2 },
   "editor-toolbar-align-left": { tab: "home", group: "paragraph", row: 2 },
   "editor-toolbar-align-center": { tab: "home", group: "paragraph", row: 2 },
   "editor-toolbar-align-right": { tab: "home", group: "paragraph", row: 2 },
@@ -44024,6 +44243,30 @@ function createDefaultToolbarPreset(t) {
     isVisible: (api) => api.commands.state("insertImageCaption").isEnabled
   });
   items.push({ type: "separator", id: "sep-insert" });
+  items.push({
+    type: "menu",
+    id: "editor-toolbar-image-crop",
+    testId: "editor-toolbar-image-crop",
+    iconName: "crop",
+    tooltipKey: "image.crop",
+    labelKey: "image.crop",
+    ribbonSize: "large",
+    isActive: (api) => api.commands.state("imageCrop").isActive,
+    panelClass: "oasis-editor-image-crop-panel",
+    content: { kind: "custom", render: (api) => ImageCropMenu({ api }) }
+  });
+  items.push({
+    type: "custom",
+    id: "editor-toolbar-image-height",
+    testId: "editor-toolbar-image-height",
+    render: (api) => ImageSizeField({ api, dimension: "height" })
+  });
+  items.push({
+    type: "custom",
+    id: "editor-toolbar-image-width",
+    testId: "editor-toolbar-image-width",
+    render: (api) => ImageSizeField({ api, dimension: "width" })
+  });
   for (const button of ALIGN_BUTTONS) {
     items.push({
       type: "toggle",
@@ -44343,7 +44586,7 @@ export {
   underlineStyleToCssDecorationStyle as Z,
   resolveImageSrc as _,
   getPageBodyBottom as a,
-  resolveEffectiveParagraphStyle as a$,
+  TABLE_BORDER_EDGE_KEYS as a$,
   isParagraphTag as a0,
   collectInlineRuns as a1,
   parseParagraphStyle as a2,
@@ -44368,19 +44611,19 @@ export {
   delegateEvents as aL,
   onMount as aM,
   onCleanup as aN,
-  use as aO,
-  PluginUiHost as aP,
-  OasisEditorEditor as aQ,
-  OasisBrandMark as aR,
-  setPreciseFontPreference as aS,
-  setWelcomeSeen as aT,
-  enablePreciseFontMode as aU,
-  TWIPS_PER_POINT as aV,
-  PX_PER_INCH as aW,
-  TWIPS_PER_INCH as aX,
-  normalizeHex6 as aY,
-  TABLE_CONDITIONAL_FLAG_ATTRIBUTES as aZ,
-  TABLE_BORDER_EDGE_KEYS as a_,
+  CheckIcon as aO,
+  use as aP,
+  PluginUiHost as aQ,
+  OasisEditorEditor as aR,
+  OasisBrandMark as aS,
+  setPreciseFontPreference as aT,
+  setWelcomeSeen as aU,
+  enablePreciseFontMode as aV,
+  TWIPS_PER_POINT as aW,
+  PX_PER_INCH as aX,
+  TWIPS_PER_INCH as aY,
+  normalizeHex6 as aZ,
+  TABLE_CONDITIONAL_FLAG_ATTRIBUTES as a_,
   createComponent as aa,
   CaretOverlay as ab,
   Show as ac,
@@ -44408,164 +44651,169 @@ export {
   FormField as ay,
   Checkbox as az,
   getPageBodyTop as b,
-  getDocumentParagraphsCanonical as b$,
-  resolveEffectiveTextStyleForParagraph as b0,
-  EMU_PER_PT as b1,
-  OOXML_ROTATION_UNITS as b2,
-  OOXML_PERCENT_DENOMINATOR as b3,
-  parseHexColorToRgb255 as b4,
-  EMU_PER_PX as b5,
-  getRunEndnoteReference as b6,
-  iterateFootnoteReferenceRuns as b7,
-  iterateEndnoteReferenceRuns as b8,
-  imageContentTypeDefaults as b9,
-  resolveDecorationLineY as bA,
-  DOUBLE_STRIKE_OFFSET_PX as bB,
-  resolveListLabel as bC,
-  getListLabelInset as bD,
-  getAlignedListLabelInset as bE,
-  getParagraphBorderInsets as bF,
-  buildSegmentTable as bG,
-  buildCanvasTableLayout as bH,
-  resolveCanvasTableWidth as bI,
-  resolveFloatingTableRect as bJ,
-  paragraphBetweenBorderMatches as bK,
-  normalizeFamily as bL,
-  ROBOTO_FONT_FILES as bM,
-  loadFontAsset as bN,
-  OFFICE_COMPAT_FONT_FAMILIES as bO,
-  BinaryReader as bP,
-  buildSfnt as bQ,
-  defaultFontDecoderRegistry as bR,
-  SfntFontProgram as bS,
-  collectPdfFontFamilies as bT,
-  outlineFrom as bU,
-  getPageHeaderZoneTop as bV,
-  getPageColumnRects as bW,
-  findFootnoteReference as bX,
-  resolveImporterForFile as bY,
-  roundTo as bZ,
-  getDocumentSectionsCanonical as b_,
-  getRunFieldChar as ba,
-  getRunFieldInstruction as bb,
-  createEditorRun as bc,
-  JSZip as bd,
-  imageExtensionFromMime as be,
-  pxToPt as bf,
-  resolveFloatingObjectRect as bg,
-  getTextBoxFloatingGeometry as bh,
-  getPresetPathSegments as bi,
-  buildListLabels as bj,
-  DEFAULT_FONT_SIZE_PX as bk,
-  resolveGradientAxis as bl,
-  isDoubleUnderlineStyle as bm,
-  isWavyUnderlineStyle as bn,
-  underlineStyleLineWidthPx as bo,
-  WAVY_UNDERLINE_WAVELENGTH_PX as bp,
-  WAVY_UNDERLINE_AMPLITUDE_PX as bq,
-  DOUBLE_UNDERLINE_OFFSET_PX as br,
-  underlineStyleDashArray as bs,
-  EMPHASIS_GLYPH as bt,
-  rgb255ToHex as bu,
-  getImageFloatingGeometry as bv,
-  textStyleToFontSizePt as bw,
-  resolveTextAlignmentBaselineOffset as bx,
-  TEXT_BASELINE_RATIO as by,
-  resolveOpenTypeFeatureTags as bz,
+  getDocumentSectionsCanonical as b$,
+  resolveEffectiveParagraphStyle as b0,
+  resolveEffectiveTextStyleForParagraph as b1,
+  EMU_PER_PT as b2,
+  OOXML_ROTATION_UNITS as b3,
+  OOXML_PERCENT_DENOMINATOR as b4,
+  parseHexColorToRgb255 as b5,
+  EMU_PER_PX as b6,
+  getRunEndnoteReference as b7,
+  iterateFootnoteReferenceRuns as b8,
+  iterateEndnoteReferenceRuns as b9,
+  resolveOpenTypeFeatureTags as bA,
+  resolveDecorationLineY as bB,
+  DOUBLE_STRIKE_OFFSET_PX as bC,
+  resolveListLabel as bD,
+  getListLabelInset as bE,
+  getAlignedListLabelInset as bF,
+  getParagraphBorderInsets as bG,
+  buildSegmentTable as bH,
+  buildCanvasTableLayout as bI,
+  resolveCanvasTableWidth as bJ,
+  resolveFloatingTableRect as bK,
+  paragraphBetweenBorderMatches as bL,
+  normalizeFamily as bM,
+  ROBOTO_FONT_FILES as bN,
+  loadFontAsset as bO,
+  OFFICE_COMPAT_FONT_FAMILIES as bP,
+  BinaryReader as bQ,
+  buildSfnt as bR,
+  defaultFontDecoderRegistry as bS,
+  SfntFontProgram as bT,
+  collectPdfFontFamilies as bU,
+  outlineFrom as bV,
+  getPageHeaderZoneTop as bW,
+  getPageColumnRects as bX,
+  findFootnoteReference as bY,
+  resolveImporterForFile as bZ,
+  roundTo as b_,
+  imageContentTypeDefaults as ba,
+  getRunFieldChar as bb,
+  getRunFieldInstruction as bc,
+  createEditorRun as bd,
+  JSZip as be,
+  imageExtensionFromMime as bf,
+  pxToPt as bg,
+  resolveFloatingObjectRect as bh,
+  getTextBoxFloatingGeometry as bi,
+  getPresetPathSegments as bj,
+  buildListLabels as bk,
+  DEFAULT_FONT_SIZE_PX as bl,
+  resolveGradientAxis as bm,
+  isDoubleUnderlineStyle as bn,
+  isWavyUnderlineStyle as bo,
+  underlineStyleLineWidthPx as bp,
+  WAVY_UNDERLINE_WAVELENGTH_PX as bq,
+  WAVY_UNDERLINE_AMPLITUDE_PX as br,
+  DOUBLE_UNDERLINE_OFFSET_PX as bs,
+  underlineStyleDashArray as bt,
+  EMPHASIS_GLYPH as bu,
+  rgb255ToHex as bv,
+  getImageFloatingGeometry as bw,
+  textStyleToFontSizePt as bx,
+  resolveTextAlignmentBaselineOffset as by,
+  TEXT_BASELINE_RATIO as bz,
   getPageContentWidth as c,
-  FieldRow as c$,
-  getDocumentParagraphs as c0,
-  getDocumentPageSettings as c1,
-  getTableCellContentWidthForParagraph as c2,
-  layoutMetricsEpoch as c3,
-  bumpLayoutMetricsEpoch as c4,
-  createCanvasLayoutSnapshotProvider as c5,
-  on as c6,
-  debounce as c7,
-  unwrap as c8,
-  perfTimer as c9,
-  fontSizePtToPx as cA,
-  resolveNamedTextStyle as cB,
-  createDefaultToolbarPreset as cC,
-  MenuRegistry as cD,
-  createToolbarRegistry as cE,
-  Editor as cF,
-  resolveCommandRef as cG,
-  commandRefName as cH,
-  createOasisEditorClient as cI,
-  createEditorZoom as cJ,
-  startLongTaskObserver as cK,
-  installGlobalReport as cL,
-  applyStoredPreciseFontPreference as cM,
-  getWelcomeSeen as cN,
-  isLocalFontAccessSupported as cO,
-  EDITOR_SCROLL_PADDING_PX as cP,
-  Toolbar as cQ,
-  OasisEditorLoading as cR,
-  I18nProvider as cS,
-  createTranslator as cT,
-  registerDomStatsSurface as cU,
-  createEditorLogger as cV,
-  ActionRow as cW,
-  ColorPicker as cX,
-  CommandRegistry as cY,
-  DEFAULT_PALETTE as cZ,
-  DialogFooter as c_,
-  getRunTextBox as ca,
-  createEditorDocument as cb,
-  resolveResizedDimensions as cc,
-  resolveTextBoxRenderHeight as cd,
-  getToolbarStyleState as ce,
-  VERTICAL_HIT_WEIGHT as cf,
-  getCachedCanvasImage as cg,
-  measureParagraphMinContentWidthPx as ch,
-  getEditableBlocksForZone as ci,
-  findParagraphLocation as cj,
-  createSectionBoundaryParagraph as ck,
-  normalizePageSettings as cl,
-  DEFAULT_EDITOR_PAGE_SETTINGS as cm,
-  markStart as cn,
-  markEnd as co,
-  getParagraphEntries as cp,
-  getParagraphById as cq,
-  createEditorFootnote as cr,
-  createFootnoteReferenceRun as cs,
-  renumberFootnotes as ct,
-  preciseFontModeVersion as cu,
-  isPreciseFontModeEnabled as cv,
-  getHeadingLevel as cw,
-  togglePreciseFontMode as cx,
-  nextFontSizePt as cy,
-  previousFontSizePt as cz,
+  ActionRow as c$,
+  getDocumentParagraphsCanonical as c0,
+  getDocumentParagraphs as c1,
+  PX_PER_CM as c2,
+  getDocumentPageSettings as c3,
+  getTableCellContentWidthForParagraph as c4,
+  layoutMetricsEpoch as c5,
+  bumpLayoutMetricsEpoch as c6,
+  createCanvasLayoutSnapshotProvider as c7,
+  on as c8,
+  debounce as c9,
+  isPreciseFontModeEnabled as cA,
+  getHeadingLevel as cB,
+  togglePreciseFontMode as cC,
+  nextFontSizePt as cD,
+  previousFontSizePt as cE,
+  fontSizePtToPx as cF,
+  resolveNamedTextStyle as cG,
+  createDefaultToolbarPreset as cH,
+  MenuRegistry as cI,
+  createToolbarRegistry as cJ,
+  Editor as cK,
+  resolveCommandRef as cL,
+  commandRefName as cM,
+  createOasisEditorClient as cN,
+  createEditorZoom as cO,
+  startLongTaskObserver as cP,
+  installGlobalReport as cQ,
+  applyStoredPreciseFontPreference as cR,
+  getWelcomeSeen as cS,
+  isLocalFontAccessSupported as cT,
+  EDITOR_SCROLL_PADDING_PX as cU,
+  Toolbar as cV,
+  OasisEditorLoading as cW,
+  I18nProvider as cX,
+  createTranslator as cY,
+  registerDomStatsSurface as cZ,
+  createEditorLogger as c_,
+  unwrap as ca,
+  perfTimer as cb,
+  getRunTextBox as cc,
+  createEditorDocument as cd,
+  resolveResizedDimensions as ce,
+  axisSignForDirection as cf,
+  clamp as cg,
+  MIN_RESIZE_SIZE_PX as ch,
+  resolveTextBoxRenderHeight as ci,
+  getToolbarStyleState as cj,
+  VERTICAL_HIT_WEIGHT as ck,
+  getCachedCanvasImage as cl,
+  measureParagraphMinContentWidthPx as cm,
+  getEditableBlocksForZone as cn,
+  findParagraphLocation as co,
+  createSectionBoundaryParagraph as cp,
+  normalizePageSettings as cq,
+  DEFAULT_EDITOR_PAGE_SETTINGS as cr,
+  markStart as cs,
+  markEnd as ct,
+  getParagraphEntries as cu,
+  getParagraphById as cv,
+  createEditorFootnote as cw,
+  createFootnoteReferenceRun as cx,
+  renumberFootnotes as cy,
+  preciseFontModeVersion as cz,
   domTextMeasurer as d,
-  FloatingActionButton as d0,
-  GridPicker as d1,
-  Heading as d2,
-  IconButton as d3,
-  Menu as d4,
-  OASIS_BUILTIN_COMMANDS as d5,
-  OASIS_MENU_ITEMS as d6,
-  OASIS_TOOLBAR_ITEMS as d7,
-  OasisEditorAppLazy as d8,
-  OasisEditorContainer as d9,
-  PluginCollection as da,
-  Popover as db,
-  RIBBON_TABS as dc,
-  Select as dd,
-  Separator as de,
-  SidePanel as df,
-  SidePanelBody as dg,
-  SidePanelFooter as dh,
-  SidePanelHeader as di,
-  SplitButton as dj,
-  StyleGallery as dk,
-  Button$1 as dl,
-  buildRibbonTabDefinitions as dm,
-  createEditorCommandBus as dn,
-  createOasisEditor as dp,
-  createOasisEditorContainer as dq,
-  mount as dr,
-  registerToolbarRenderer as ds,
+  ColorPicker as d0,
+  CommandRegistry as d1,
+  DEFAULT_PALETTE as d2,
+  DialogFooter as d3,
+  FieldRow as d4,
+  FloatingActionButton as d5,
+  GridPicker as d6,
+  Heading as d7,
+  IconButton as d8,
+  Menu as d9,
+  OASIS_BUILTIN_COMMANDS as da,
+  OASIS_MENU_ITEMS as db,
+  OASIS_TOOLBAR_ITEMS as dc,
+  OasisEditorAppLazy as dd,
+  OasisEditorContainer as de,
+  PluginCollection as df,
+  Popover as dg,
+  RIBBON_TABS as dh,
+  Select as di,
+  Separator as dj,
+  SidePanel as dk,
+  SidePanelBody as dl,
+  SidePanelFooter as dm,
+  SidePanelHeader as dn,
+  SplitButton as dp,
+  StyleGallery as dq,
+  Button$1 as dr,
+  buildRibbonTabDefinitions as ds,
+  createEditorCommandBus as dt,
+  createOasisEditor as du,
+  createOasisEditorContainer as dv,
+  mount as dw,
+  registerToolbarRenderer as dx,
   estimateTableBlockHeight as e,
   getParagraphText as f,
   getProjectedParagraphBlockHeight as g,