oasis-editor 0.0.129 → 0.0.131

package/dist/{index-XyL0Hpf4.js → index-BXo_oqOC.js}

@@ -2562,14 +2562,14 @@ function I18nProvider(props) {
   });
 }
 const oasisMarkBase64 = "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";
-var _tmpl$$10 = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$11 = /* @__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$$10();
+    var _el$ = _tmpl$$11();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2586,7 +2586,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$$ = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$C = /* @__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$q = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$10 = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$D = /* @__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 +2596,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$C(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$D(), _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,10 +2607,10 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$$();
+        var _el$6 = _tmpl$$10();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
-          return () => _c$() ? _tmpl$3$q() : `${pct()}%`;
+          return () => _c$() ? _tmpl$3$r() : `${pct()}%`;
         })());
         return _el$6;
       }
@@ -2661,7 +2661,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-CDBzb0Eg.js").then((m) => {
+    import("./OasisEditorApp-Dn2I2b-M.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -5248,9 +5248,9 @@ function mount(target, props = {}) {
     unmount: () => client.dispose()
   });
 }
-var _tmpl$$_ = /* @__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$B = /* @__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$p = /* @__PURE__ */ template(`<i>`);
-const FootnoteIcon = () => _tmpl$$_();
-const SpecialIndentFirstLineIcon = () => _tmpl$2$B();
+var _tmpl$$$ = /* @__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$C = /* @__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$$$();
+const SpecialIndentFirstLineIcon = () => _tmpl$2$C();
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon,
   specialIndentFirstLine: SpecialIndentFirstLineIcon
@@ -5265,7 +5265,7 @@ function ToolIcon(props) {
     },
     get fallback() {
       return (() => {
-        var _el$3 = _tmpl$3$p();
+        var _el$3 = _tmpl$3$q();
         createRenderEffect(() => setAttribute(_el$3, "data-lucide", props.name));
         return _el$3;
       })();
@@ -5273,11 +5273,11 @@ function ToolIcon(props) {
     children: (render2) => render2()()
   });
 }
-var _tmpl$$Z = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$_ = /* @__PURE__ */ template(`<button>`);
 function SurfaceButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "variant", "size", "active", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$Z();
+    var _el$ = _tmpl$$_();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -5338,7 +5338,7 @@ function Text$1(props) {
     }
   }));
 }
-var _tmpl$$Y = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$A = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$o = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$d = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
+var _tmpl$$Z = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$B = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$p = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$d = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
 function Menubar(props) {
   const t = useI18n();
   const [activeMenu, setActiveMenu] = createSignal(null);
@@ -5406,13 +5406,13 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$Y();
+    var _el$ = _tmpl$$Z();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
       },
       children: (topLevel) => (() => {
-        var _el$2 = _tmpl$3$o();
+        var _el$2 = _tmpl$3$p();
         _el$2.addEventListener("mouseenter", () => {
           if (activeMenu() && activeMenu() !== topLevel.id) {
             setActiveMenu(topLevel.id);
@@ -5447,7 +5447,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$3 = _tmpl$2$A();
+            var _el$3 = _tmpl$2$B();
             insert(_el$3, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -5561,7 +5561,7 @@ function MenuNode(props) {
           return showSub() && hasChildren;
         },
         get children() {
-          var _el$6 = _tmpl$6$8();
+          var _el$6 = _tmpl$6$9();
           insert(_el$6, createComponent(For, {
             get each() {
               return node.children;
@@ -5580,10 +5580,10 @@ function MenuNode(props) {
     }
   });
 }
-var _tmpl$$X = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$Y = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$X(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$Y(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -5678,7 +5678,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$W = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$z = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$n = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$i = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$X = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$A = /* @__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$i = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const t = useI18n();
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
@@ -5749,13 +5749,13 @@ function OutlinePanel(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$3$n(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$3$o(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(Show, {
       get when() {
         return !collapsed();
       },
       get children() {
-        var _el$3 = _tmpl$$W();
+        var _el$3 = _tmpl$$X();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -5766,7 +5766,7 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$z();
+        var _el$6 = _tmpl$2$A();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
@@ -5823,7 +5823,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$V = /* @__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$y = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$W = /* @__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$z = /* @__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);
@@ -5967,7 +5967,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$V(), _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$$W(), _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;
@@ -5979,7 +5979,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$y();
+        var _el$7 = _tmpl$2$z();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -6055,12 +6055,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$U = /* @__PURE__ */ template(`<span>`), _tmpl$2$x = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$V = /* @__PURE__ */ template(`<span>`), _tmpl$2$y = /* @__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$x();
+    var _el$ = _tmpl$2$y();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -6097,7 +6097,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$U();
+        var _el$2 = _tmpl$$V();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -6179,7 +6179,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$T = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$U = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -6196,7 +6196,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$T();
+    var _el$ = _tmpl$$U();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -6248,12 +6248,12 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$S = /* @__PURE__ */ template(`<div>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$m = /* @__PURE__ */ template(`<i>`), _tmpl$4$h = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$b = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$7 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$T = /* @__PURE__ */ template(`<div>`), _tmpl$2$x = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$n = /* @__PURE__ */ template(`<i>`), _tmpl$4$h = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$b = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$8 = /* @__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$w();
+    var _el$ = _tmpl$2$x();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -6268,7 +6268,7 @@ function Menu(props) {
       },
       onPanelMouseLeave: void 0,
       trigger: (api) => (() => {
-        var _el$3 = _tmpl$6$7();
+        var _el$3 = _tmpl$6$8();
         _el$3.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$3);
         insert(_el$3, createComponent(Show, {
@@ -6276,7 +6276,7 @@ function Menu(props) {
             return props.icon;
           },
           get children() {
-            var _el$4 = _tmpl$3$m();
+            var _el$4 = _tmpl$3$n();
             createRenderEffect(() => setAttribute(_el$4, "data-lucide", props.icon));
             return _el$4;
           }
@@ -6321,7 +6321,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$S();
+        var _el$2 = _tmpl$$T();
         _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")) {
@@ -6336,10 +6336,10 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$R = /* @__PURE__ */ template(`<select>`);
+var _tmpl$$S = /* @__PURE__ */ template(`<select>`), _tmpl$2$w = /* @__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"]);
+  const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value", "label", "ribbonSize"]);
   const ariaLabel = () => local["aria-label"] || local.tooltip || "";
   createEffect(() => {
     const nextValue = local.value;
@@ -6351,8 +6351,8 @@ function Select(props) {
       selectRef.value = serialized;
     }
   });
-  return (() => {
-    var _el$ = _tmpl$$R();
+  const select = () => (() => {
+    var _el$ = _tmpl$$S();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -6362,7 +6362,8 @@ function Select(props) {
       get classList() {
         return {
           "oasis-editor-tool-select-wide": local.wide,
-          "oasis-editor-tool-select-small": local.small
+          "oasis-editor-tool-select-small": local.small,
+          "oasis-editor-tool-select-ribbon-large": local.ribbonSize === "large"
         };
       },
       get title() {
@@ -6378,16 +6379,39 @@ function Select(props) {
     insert(_el$, () => others.children);
     return _el$;
   })();
+  return createComponent(Show, {
+    get when() {
+      return local.ribbonSize === "large";
+    },
+    get fallback() {
+      return select();
+    },
+    get children() {
+      var _el$2 = _tmpl$3$m();
+      insert(_el$2, createComponent(Show, {
+        get when() {
+          return local.label;
+        },
+        get children() {
+          var _el$3 = _tmpl$2$w();
+          insert(_el$3, () => local.label);
+          return _el$3;
+        }
+      }), null);
+      insert(_el$2, select, null);
+      return _el$2;
+    }
+  });
 }
-var _tmpl$$Q = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$Q();
+    var _el$ = _tmpl$$R();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$P = /* @__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$$Q = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
 function SplitButton(props) {
   return createComponent(Popover, {
     get open() {
@@ -6406,23 +6430,24 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$P(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$Q(), _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();
       createRenderEffect((_p$) => {
-        var _v$ = props.rootClass ?? "oasis-editor-color-split", _v$2 = !!(props.rootActive ?? api.open), _v$3 = props.tooltip, _v$4 = props.mainTestId, _v$5 = props.mainAriaLabel ?? props.tooltip, _v$6 = props.mainPressed, _v$7 = !!api.open, _v$8 = props.menuTestId, _v$9 = props.menuAriaLabel ?? `${props.tooltip ?? ""} menu`, _v$0 = api.open;
+        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$);
         _v$2 !== _p$.t && _el$.classList.toggle("oasis-editor-color-split-active", _p$.t = _v$2);
-        _v$3 !== _p$.a && setAttribute(_el$, "title", _p$.a = _v$3);
-        _v$4 !== _p$.o && setAttribute(_el$2, "data-testid", _p$.o = _v$4);
-        _v$5 !== _p$.i && setAttribute(_el$2, "aria-label", _p$.i = _v$5);
-        _v$6 !== _p$.n && setAttribute(_el$2, "aria-pressed", _p$.n = _v$6);
-        _v$7 !== _p$.s && _el$3.classList.toggle("oasis-editor-color-split-open", _p$.s = _v$7);
-        _v$8 !== _p$.h && setAttribute(_el$3, "data-testid", _p$.h = _v$8);
-        _v$9 !== _p$.r && setAttribute(_el$3, "aria-label", _p$.r = _v$9);
-        _v$0 !== _p$.d && setAttribute(_el$3, "aria-expanded", _p$.d = _v$0);
+        _v$3 !== _p$.a && _el$.classList.toggle("oasis-editor-color-split-ribbon-large", _p$.a = _v$3);
+        _v$4 !== _p$.o && setAttribute(_el$, "title", _p$.o = _v$4);
+        _v$5 !== _p$.i && setAttribute(_el$2, "data-testid", _p$.i = _v$5);
+        _v$6 !== _p$.n && setAttribute(_el$2, "aria-label", _p$.n = _v$6);
+        _v$7 !== _p$.s && setAttribute(_el$2, "aria-pressed", _p$.s = _v$7);
+        _v$8 !== _p$.h && _el$3.classList.toggle("oasis-editor-color-split-open", _p$.h = _v$8);
+        _v$9 !== _p$.r && setAttribute(_el$3, "data-testid", _p$.r = _v$9);
+        _v$0 !== _p$.d && setAttribute(_el$3, "aria-label", _p$.d = _v$0);
+        _v$1 !== _p$.l && setAttribute(_el$3, "aria-expanded", _p$.l = _v$1);
         return _p$;
       }, {
         e: void 0,
@@ -6434,7 +6459,8 @@ function SplitButton(props) {
         s: void 0,
         h: void 0,
         r: void 0,
-        d: void 0
+        d: void 0,
+        l: void 0
       });
       return _el$;
     })(),
@@ -6444,7 +6470,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$O = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$v = /* @__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$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$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(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$P = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$v = /* @__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$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$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>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -6470,6 +6496,9 @@ function ColorPicker(props) {
     get tooltip() {
       return props.tooltip;
     },
+    get ribbonSize() {
+      return props.ribbonSize;
+    },
     panelClass: "oasis-editor-color-menu",
     panelRole: "menu",
     onPanelMouseLeave: () => setPreviewColor(null),
@@ -6487,7 +6516,7 @@ function ColorPicker(props) {
       return `${props.tooltip} menu`;
     },
     get mainContent() {
-      return (() => {
+      return [(() => {
         var _el$13 = _tmpl$7$2(), _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
         createRenderEffect((_p$) => {
           var _v$3 = props.icon, _v$4 = !displayColor(), _v$5 = displayColor() ?? void 0;
@@ -6501,7 +6530,16 @@ function ColorPicker(props) {
           a: void 0
         });
         return _el$13;
-      })();
+      })(), createComponent(Show, {
+        get when() {
+          return props.label;
+        },
+        get children() {
+          var _el$16 = _tmpl$8$1();
+          insert(_el$16, () => props.label);
+          return _el$16;
+        }
+      })];
     },
     get children() {
       return [createComponent(Show, {
@@ -6516,10 +6554,10 @@ function ColorPicker(props) {
               return props.kind === "color";
             },
             get fallback() {
-              return _tmpl$8$1();
+              return _tmpl$9();
             },
             get children() {
-              return _tmpl$$O();
+              return _tmpl$$P();
             }
           }));
           insert(_el$4, clearLabel);
@@ -6534,24 +6572,24 @@ function ColorPicker(props) {
             return props.palette.themeColors;
           },
           children: (theme) => (() => {
-            var _el$17 = _tmpl$9();
-            insert(_el$17, createComponent(For, {
+            var _el$18 = _tmpl$0();
+            insert(_el$18, createComponent(For, {
               get each() {
                 return theme.values;
               },
               children: (color) => (() => {
-                var _el$18 = _tmpl$0();
-                _el$18.$$click = () => applyColor(color);
-                _el$18.addEventListener("blur", () => setPreviewColor(null));
-                _el$18.addEventListener("focus", () => setPreviewColor(color));
-                _el$18.addEventListener("mouseenter", () => setPreviewColor(color));
-                setStyleProperty(_el$18, "background-color", color);
+                var _el$19 = _tmpl$1();
+                _el$19.$$click = () => applyColor(color);
+                _el$19.addEventListener("blur", () => setPreviewColor(null));
+                _el$19.addEventListener("focus", () => setPreviewColor(color));
+                _el$19.addEventListener("mouseenter", () => setPreviewColor(color));
+                setStyleProperty(_el$19, "background-color", color);
                 createRenderEffect((_p$) => {
                   var _v$6 = !!(activeColor() === normalizeColor(color)), _v$7 = `${theme.name} ${color}`, _v$8 = `${theme.name} ${color}`, _v$9 = `${props.testId}-theme-swatch-${color.replace("#", "")}`;
-                  _v$6 !== _p$.e && _el$18.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$6);
-                  _v$7 !== _p$.t && setAttribute(_el$18, "title", _p$.t = _v$7);
-                  _v$8 !== _p$.a && setAttribute(_el$18, "aria-label", _p$.a = _v$8);
-                  _v$9 !== _p$.o && setAttribute(_el$18, "data-testid", _p$.o = _v$9);
+                  _v$6 !== _p$.e && _el$19.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$6);
+                  _v$7 !== _p$.t && setAttribute(_el$19, "title", _p$.t = _v$7);
+                  _v$8 !== _p$.a && setAttribute(_el$19, "aria-label", _p$.a = _v$8);
+                  _v$9 !== _p$.o && setAttribute(_el$19, "data-testid", _p$.o = _v$9);
                   return _p$;
                 }, {
                   e: void 0,
@@ -6559,10 +6597,10 @@ function ColorPicker(props) {
                   a: void 0,
                   o: void 0
                 });
-                return _el$18;
+                return _el$19;
               })()
             }));
-            return _el$17;
+            return _el$18;
           })()
         }));
         return _el$5;
@@ -6574,18 +6612,18 @@ function ColorPicker(props) {
             return props.palette.standardColors;
           },
           children: (swatch) => (() => {
-            var _el$19 = _tmpl$0();
-            _el$19.$$click = () => applyColor(swatch.value);
-            _el$19.addEventListener("blur", () => setPreviewColor(null));
-            _el$19.addEventListener("focus", () => setPreviewColor(swatch.value));
-            _el$19.addEventListener("mouseenter", () => setPreviewColor(swatch.value));
+            var _el$20 = _tmpl$1();
+            _el$20.$$click = () => applyColor(swatch.value);
+            _el$20.addEventListener("blur", () => setPreviewColor(null));
+            _el$20.addEventListener("focus", () => setPreviewColor(swatch.value));
+            _el$20.addEventListener("mouseenter", () => setPreviewColor(swatch.value));
             createRenderEffect((_p$) => {
               var _v$0 = !!(activeColor() === normalizeColor(swatch.value)), _v$1 = swatch.value, _v$10 = swatch.name, _v$11 = swatch.name, _v$12 = `${props.testId}-standard-swatch-${swatch.value.replace("#", "")}`;
-              _v$0 !== _p$.e && _el$19.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$0);
-              _v$1 !== _p$.t && setStyleProperty(_el$19, "background-color", _p$.t = _v$1);
-              _v$10 !== _p$.a && setAttribute(_el$19, "title", _p$.a = _v$10);
-              _v$11 !== _p$.o && setAttribute(_el$19, "aria-label", _p$.o = _v$11);
-              _v$12 !== _p$.i && setAttribute(_el$19, "data-testid", _p$.i = _v$12);
+              _v$0 !== _p$.e && _el$20.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$0);
+              _v$1 !== _p$.t && setStyleProperty(_el$20, "background-color", _p$.t = _v$1);
+              _v$10 !== _p$.a && setAttribute(_el$20, "title", _p$.a = _v$10);
+              _v$11 !== _p$.o && setAttribute(_el$20, "aria-label", _p$.o = _v$11);
+              _v$12 !== _p$.i && setAttribute(_el$20, "data-testid", _p$.i = _v$12);
               return _p$;
             }, {
               e: void 0,
@@ -6594,7 +6632,7 @@ function ColorPicker(props) {
               o: void 0,
               i: void 0
             });
-            return _el$19;
+            return _el$20;
           })()
         }));
         return _el$8;
@@ -6610,7 +6648,7 @@ function ColorPicker(props) {
             createRenderEffect(() => setAttribute(_el$1, "data-testid", `${props.testId}-more-colors`));
             return _el$1;
           })(), (() => {
-            var _el$12 = _tmpl$6$6();
+            var _el$12 = _tmpl$6$7();
             _el$12.$$input = (event) => applyColor(event.currentTarget.value);
             var _ref$ = customColorInputRef;
             typeof _ref$ === "function" ? use(_ref$, _el$12) : customColorInputRef = _el$12;
@@ -6632,7 +6670,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$f = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$f = /* @__PURE__ */ template(`<span>`), _tmpl$5$9 = /* @__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>`);
 function GridPicker(props) {
   const t = useI18n();
   const [isOpen, setIsOpen] = createSignal(false);
@@ -6719,29 +6757,41 @@ function GridPicker(props) {
         col: 0
       }),
       trigger: (api) => (() => {
-        var _el$4 = _tmpl$4$f(), _el$5 = _el$4.firstChild;
+        var _el$4 = _tmpl$5$9(), _el$5 = _el$4.firstChild;
         _el$4.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$4);
+        insert(_el$4, createComponent(Show, {
+          get when() {
+            return props.label;
+          },
+          get children() {
+            var _el$6 = _tmpl$4$f();
+            insert(_el$6, () => props.label);
+            return _el$6;
+          }
+        }), null);
         createRenderEffect((_p$) => {
-          var _v$3 = !!api.open, _v$4 = tooltip(), _v$5 = tooltip(), _v$6 = props.testId, _v$7 = icon();
+          var _v$3 = !!api.open, _v$4 = !!(props.ribbonSize === "large"), _v$5 = tooltip(), _v$6 = tooltip(), _v$7 = props.testId, _v$8 = icon();
           _v$3 !== _p$.e && _el$4.classList.toggle("oasis-editor-tool-button-active", _p$.e = _v$3);
-          _v$4 !== _p$.t && setAttribute(_el$4, "title", _p$.t = _v$4);
-          _v$5 !== _p$.a && setAttribute(_el$4, "aria-label", _p$.a = _v$5);
-          _v$6 !== _p$.o && setAttribute(_el$4, "data-testid", _p$.o = _v$6);
-          _v$7 !== _p$.i && setAttribute(_el$5, "data-lucide", _p$.i = _v$7);
+          _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
+          i: void 0,
+          n: void 0
         });
         return _el$4;
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$N();
+          var _el$2 = _tmpl$$O();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
@@ -6755,17 +6805,17 @@ function GridPicker(props) {
                 return cols();
               },
               children: (c) => (() => {
-                var _el$6 = _tmpl$5$9();
-                _el$6.$$click = () => selectGridSize(r, c);
-                _el$6.$$mousedown = (event) => event.preventDefault();
-                _el$6.addEventListener("mouseenter", () => setHover({
+                var _el$7 = _tmpl$6$6();
+                _el$7.$$click = () => selectGridSize(r, c);
+                _el$7.$$mousedown = (event) => event.preventDefault();
+                _el$7.addEventListener("mouseenter", () => setHover({
                   row: r,
                   col: c
                 }));
-                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;
+                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;
               })()
             })
           }));
@@ -6845,7 +6895,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$M = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$t = /* @__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$e = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$t = /* @__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$e = /* @__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);
@@ -6925,7 +6975,7 @@ function StyleGallery(props) {
       return styles();
     },
     children: (style$1) => (() => {
-      var _el$ = _tmpl$$M(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$N(), _el$2 = _el$.firstChild;
       _el$.$$click = () => apply(style$1);
       insert(_el$2, () => style$1.name);
       createRenderEffect((_p$) => {
@@ -7013,7 +7063,7 @@ function StyleGallery(props) {
   });
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$L = /* @__PURE__ */ template(`<option value>`), _tmpl$2$s = /* @__PURE__ */ template(`<option>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<option value>`), _tmpl$2$s = /* @__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);
@@ -7188,6 +7238,12 @@ function RenderSelect(props) {
     get tooltip() {
       return resolveTooltip(props.item, props.api);
     },
+    get label() {
+      return resolveLabel(props.item, props.api);
+    },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     onChange,
     get children() {
       return [createComponent(Show, {
@@ -7195,7 +7251,7 @@ function RenderSelect(props) {
           return props.item.placeholder !== void 0;
         },
         get children() {
-          var _el$ = _tmpl$$L();
+          var _el$ = _tmpl$$M();
           insert(_el$, () => props.item.placeholder);
           return _el$;
         }
@@ -7249,6 +7305,12 @@ function RenderColorPicker(props) {
     get tooltip() {
       return resolveTooltip(props.item, props.api) ?? "";
     },
+    get label() {
+      return resolveLabel(props.item, props.api);
+    },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get testId() {
       return props.item.testId ?? props.item.id;
     },
@@ -7290,6 +7352,12 @@ function RenderGridPicker(props) {
     get icon() {
       return props.item.iconName;
     },
+    get label() {
+      return resolveLabel(props.item, props.api);
+    },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get maxRows() {
       return props.item.maxRows;
     },
@@ -7801,7 +7869,7 @@ function resolveResponsiveRibbonGroups(groups, availableWidth, measurements = {}
     allocatedWidth: allocatedWidths.get(group.id)
   }));
 }
-var _tmpl$$K = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$r = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$r = /* @__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) => {
@@ -7811,7 +7879,7 @@ function RibbonTabs(props) {
     if (next) props.setActiveTab(next.id);
   };
   return (() => {
-    var _el$ = _tmpl$$K();
+    var _el$ = _tmpl$$L();
     insert(_el$, createComponent(For, {
       get each() {
         return tabs();
@@ -7862,10 +7930,10 @@ function RibbonTabs(props) {
   })();
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$J = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
+var _tmpl$$K = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
 function RibbonRow(props) {
   return (() => {
-    var _el$ = _tmpl$$J();
+    var _el$ = _tmpl$$K();
     insert(_el$, createComponent(For, {
       get each() {
         return props.items;
@@ -7880,7 +7948,7 @@ function RibbonRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$I = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$q = /* @__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$d = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-collapsed-items>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows>`);
+var _tmpl$$J = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$q = /* @__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$d = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-collapsed-items>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows>`);
 function groupItems(group) {
   return [...group.largeItems, ...group.rows[1], ...group.rows[2]];
 }
@@ -7945,7 +8013,7 @@ function RibbonGroup(props) {
               return props.group.largeItems.length > 0;
             },
             get children() {
-              var _el$3 = _tmpl$$I();
+              var _el$3 = _tmpl$$J();
               insert(_el$3, createComponent(For, {
                 get each() {
                   return props.group.largeItems;
@@ -8006,7 +8074,7 @@ function RibbonGroup(props) {
     return _el$;
   })();
 }
-var _tmpl$$H = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
+var _tmpl$$I = /* @__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({});
@@ -8051,7 +8119,7 @@ function RibbonPanel(props) {
     requestAnimationFrame(measureGroups);
   });
   return (() => {
-    var _el$ = _tmpl$$H();
+    var _el$ = _tmpl$$I();
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
     insert(_el$, createComponent(For, {
@@ -8077,7 +8145,7 @@ function RibbonPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$G = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
+var _tmpl$$H = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$p = /* @__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());
@@ -8117,7 +8185,7 @@ function Toolbar(props) {
     })
   });
   return (() => {
-    var _el$ = _tmpl$$G();
+    var _el$ = _tmpl$$H();
     _el$.$$mousedown = (event) => {
       if (shouldAllowNativeMouseDown(event.target)) {
         return;
@@ -18760,11 +18828,11 @@ function buildCanvasTableLayout(options) {
     unsupported: Array.from(new Set(unsupported))
   };
 }
-var _tmpl$$F = /* @__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$$G = /* @__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$$F(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$G(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     insert(_el$3, () => t("metric.pageBreak") || "Page Break");
     return _el$;
   })();
@@ -22333,7 +22401,7 @@ function createCanvasPageRenderer(options) {
     }
   };
 }
-var _tmpl$$E = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$o = /* @__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$c = /* @__PURE__ */ template(`<div class=oasis-editor-table-revision-hit style=position:absolute;pointer-events:auto;background:transparent>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$o = /* @__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$c = /* @__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) {
@@ -22393,7 +22461,7 @@ function CanvasEditorSurface(props) {
     return layout;
   });
   return (() => {
-    var _el$ = _tmpl$$E();
+    var _el$ = _tmpl$$F();
     insert(_el$, createComponent(Index, {
       get each() {
         return documentLayout().pages;
@@ -22927,7 +22995,7 @@ function computeRulerTicks(pageWidth, contentLeft, unit) {
   pushSide(-1);
   return ticks;
 }
-var _tmpl$$D = /* @__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$n = /* @__PURE__ */ template(`<div>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
+var _tmpl$$E = /* @__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$n = /* @__PURE__ */ template(`<div>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
 function getActivePageSettings(state) {
   var _a;
   const idx = getActiveSectionIndex(state);
@@ -23133,7 +23201,7 @@ function HorizontalRuler(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$D(), _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$$E(), _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, {
@@ -23230,10 +23298,10 @@ function HorizontalRuler(props) {
   })();
 }
 delegateEvents(["pointerdown"]);
-var _tmpl$$C = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
 function CaretOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$C();
+    var _el$ = _tmpl$$D();
     createRenderEffect((_p$) => {
       var _v$ = !!props.active, _v$2 = {
         left: `${props.left}px`,
@@ -23254,10 +23322,10 @@ function CaretOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$B = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$m = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
+var _tmpl$$C = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$m = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
 function SelectionOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$B();
+    var _el$ = _tmpl$$C();
     insert(_el$, createComponent(Index, {
       get each() {
         return props.boxes;
@@ -23283,7 +23351,7 @@ function SelectionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$A = /* @__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$$B = /* @__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 {
@@ -23298,7 +23366,7 @@ function RevisionOverlay(props) {
     return "Alterado por";
   };
   return (() => {
-    var _el$ = _tmpl$$A(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$$B(), _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);
@@ -23316,7 +23384,7 @@ function RevisionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$z = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$l = /* @__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$b = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$7 = /* @__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$$A = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$l = /* @__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$b = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$7 = /* @__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(() => {
@@ -23343,7 +23411,7 @@ function CommentHighlightOverlay(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$z();
+    var _el$ = _tmpl$$A();
     insert(_el$, createComponent(For, {
       get each() {
         return props.boxes();
@@ -23449,7 +23517,7 @@ function useSurfaceRect(surfaceRef) {
   });
   return { rect, tick, refresh };
 }
-var _tmpl$$y = /* @__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$$z = /* @__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();
@@ -23507,7 +23575,7 @@ function FloatingTableToolbar(props) {
         return document.body;
       },
       get children() {
-        var _el$ = _tmpl$$y(), _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$$z(), _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",
@@ -23667,7 +23735,7 @@ function FloatingTableToolbar(props) {
   });
 }
 delegateEvents(["mousedown"]);
-var _tmpl$$x = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$k = /* @__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$a = /* @__PURE__ */ template(`<svg><polygon points="20,8 26,14 20,20 14,14"fill=#1a73e8></svg>`, false, true, false), _tmpl$5$6 = /* @__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$$y = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$k = /* @__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$a = /* @__PURE__ */ template(`<svg><polygon points="20,8 26,14 20,20 14,14"fill=#1a73e8></svg>`, false, true, false), _tmpl$5$6 = /* @__PURE__ */ template(`<svg viewBox="0 0 40 32"fill=none aria-hidden=true>`), _tmpl$6$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-anchor data-testid=editor-layout-options-anchor><svg viewBox="0 0 24 24"fill=none aria-hidden=true><rect x=3 y=4 width=10 height=10 rx=1.5 fill=#1a73e8></rect><rect x=3 y=17 width=18 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=5 width=6 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=9 width=6 height=2 rx=1 fill=#9aa0a6>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-layout-options-popup data-testid=editor-layout-options-popup><div class=oasis-editor-layout-options-popup-header><span class=oasis-editor-layout-options-title></span><button type=button class=oasis-editor-layout-options-close>×</button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid><button type=button class=oasis-editor-layout-options-cell data-testid=editor-layout-options-inline><svg viewBox="0 0 40 32"fill=none aria-hidden=true><rect x=4 y=7 width=9 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=4 width=11 height=11 rx=1.5 fill=#1a73e8></rect><rect x=28 y=7 width=8 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=20 width=32 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=26 width=32 height=2 rx=1 fill=#9aa0a6></rect></svg></button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid></div><div class=oasis-editor-layout-options-radios><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position></label><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-cell>`);
 const WRAP_OPTIONS = [{
   preset: "square",
   labelKey: "layoutOptions.square"
@@ -23689,7 +23757,7 @@ const WRAP_OPTIONS = [{
 }];
 function WrapIcon(props) {
   const line = (x, y, w) => (() => {
-    var _el$ = _tmpl$$x();
+    var _el$ = _tmpl$$y();
     setAttribute(_el$, "x", x);
     setAttribute(_el$, "y", y);
     setAttribute(_el$, "width", w);
@@ -38304,7 +38372,7 @@ function resolveResizedDimensions(geometry, deltaX, deltaY, preserveAspectRatio,
   nextHeight = clamp(nextWidth / aspectRatio, MIN_RESIZE_SIZE_PX);
   return { width: nextWidth, height: nextHeight };
 }
-var _tmpl$$w = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$j = /* @__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$$x = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$j = /* @__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$j();
@@ -38338,7 +38406,7 @@ function ResizeHandlesOverlay(props) {
             return props.onRotateStart;
           },
           get children() {
-            var _el$2 = _tmpl$$w();
+            var _el$2 = _tmpl$$x();
             _el$2.$$mousedown = (event) => {
               var _a;
               if (!props.box()) {
@@ -38379,6 +38447,38 @@ function ResizeHandlesOverlay(props) {
   })();
 }
 delegateEvents(["mousedown"]);
+var _tmpl$$w = /* @__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$$w(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      _el$2.$$mousedown = (event) => {
+        props.onMoveStart(event);
+      };
+      _el$3.$$mousedown = (event) => {
+        props.onResizeStart(event);
+      };
+      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$, "left", _p$.e = _v$);
+        _v$2 !== _p$.t && setStyleProperty(_el$, "top", _p$.t = _v$2);
+        _v$3 !== _p$.a && setStyleProperty(_el$, "width", _p$.a = _v$3);
+        _v$4 !== _p$.o && setStyleProperty(_el$, "height", _p$.o = _v$4);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0
+      });
+      return _el$;
+    })()
+  });
+}
+delegateEvents(["mousedown"]);
 const ZOOM_MIN = 50;
 const ZOOM_MAX = 200;
 const ZOOM_STEP = 10;
@@ -38513,6 +38613,7 @@ function OasisEditorEditor(props) {
   };
   const selectedImage = createMemo(() => overlays().selectedImageBox());
   const selectedTextBox = createMemo(() => overlays().selectedTextBoxBox());
+  const selectedTable = createMemo(() => overlays().selectedTableBox());
   const commentsById = createMemo(() => {
     var _a;
     return ((_a = props.state().document.comments) == null ? void 0 : _a.items) ?? {};
@@ -38631,6 +38732,9 @@ function OasisEditorEditor(props) {
       get onTableDragHandleMouseDown() {
         return surfaceHandlers().onTableDragHandleMouseDown;
       },
+      get onTableCornerResizeHandleMouseDown() {
+        return surfaceHandlers().onTableCornerResizeHandleMouseDown;
+      },
       get onRevisionMouseEnter() {
         return surfaceHandlers().onRevisionMouseEnter;
       },
@@ -38724,6 +38828,22 @@ function OasisEditorEditor(props) {
         surfaceHandlers().onTextBoxRotateHandleMouseDown(textBox.paragraphId, textBox.startOffset, event);
       }
     }), _el$5);
+    insert(_el$4, createComponent(TableHandlesOverlay, {
+      box: selectedTable,
+      get readOnly() {
+        return Boolean(layout().readOnly);
+      },
+      onMoveStart: (event) => {
+        const table = selectedTable();
+        if (!table) return;
+        surfaceHandlers().onTableDragHandleMouseDown(table.tableId, event);
+      },
+      onResizeStart: (event) => {
+        const table = selectedTable();
+        if (!table) return;
+        surfaceHandlers().onTableCornerResizeHandleMouseDown(table.tableId, event);
+      }
+    }), _el$5);
     insert(_el$4, createComponent(Show, {
       get when() {
         return memo(() => !!overlays().toolbarHost)() && overlays().showFloatingTableToolbar;
@@ -43787,6 +43907,8 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-insert-image",
     iconName: "image",
     tooltipKey: "toolbar.image",
+    labelKey: "toolbar.image",
+    ribbonSize: "large",
     command: "insertImage"
   });
   items.push({
@@ -43795,6 +43917,8 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-insert-shape",
     iconName: "shapes",
     tooltipKey: "toolbar.shapes",
+    labelKey: "toolbar.shapes",
+    ribbonSize: "large",
     panelClass: "oasis-editor-shape-gallery-panel",
     content: {
       kind: "custom",
@@ -43806,6 +43930,8 @@ function createDefaultToolbarPreset(t) {
     id: "editor-toolbar-insert-table",
     testId: "editor-toolbar-insert-table",
     tooltipKey: "toolbar.table",
+    labelKey: "toolbar.table",
+    ribbonSize: "large",
     command: "insertTable"
   });
   items.push({
@@ -43814,7 +43940,9 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-link",
     iconName: "link",
     command: "link",
-    tooltip: `${t("toolbar.link")} (${mod}+K)`
+    tooltip: `${t("toolbar.link")} (${mod}+K)`,
+    labelKey: "toolbar.link",
+    ribbonSize: "large"
   });
   items.push({
     type: "button",
@@ -43822,7 +43950,9 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-unlink",
     iconName: "unlink",
     command: "unlink",
-    tooltipKey: "toolbar.unlink"
+    tooltipKey: "toolbar.unlink",
+    labelKey: "toolbar.unlink",
+    ribbonSize: "large"
   });
   items.push({
     type: "button",
@@ -43830,7 +43960,9 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-footnote",
     iconName: "footnote",
     command: "insertFootnote",
-    tooltip: `${t("toolbar.footnote")} (${mod}+Alt+F)`
+    tooltip: `${t("toolbar.footnote")} (${mod}+Alt+F)`,
+    labelKey: "toolbar.footnote",
+    ribbonSize: "large"
   });
   items.push({
     type: "button",
@@ -43838,6 +43970,8 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-image-alt",
     iconName: "file-text",
     tooltipKey: "toolbar.alt",
+    labelKey: "toolbar.alt",
+    ribbonSize: "large",
     command: "editImageAlt",
     isVisible: (api) => api.commands.state("editImageAlt").isEnabled
   });
@@ -43847,6 +43981,8 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-image-caption",
     iconName: "subtitles",
     tooltipKey: "toolbar.imageCaption",
+    labelKey: "toolbar.imageCaption",
+    ribbonSize: "large",
     command: "insertImageCaption",
     isVisible: (api) => api.commands.state("insertImageCaption").isEnabled
   });
@@ -43949,6 +44085,7 @@ function createDefaultToolbarPreset(t) {
   items.push({
     type: "custom",
     id: "editor-toolbar-metrics",
+    ribbonSize: "large",
     render: (api) => MetricGroup({ api })
   });
   items.push({ type: "separator", id: "sep-metrics" });
@@ -43959,7 +44096,9 @@ function createDefaultToolbarPreset(t) {
       testId: spec.id,
       iconName: spec.icon,
       command: spec.command,
-      tooltipKey: spec.tooltipKey
+      tooltipKey: spec.tooltipKey,
+      labelKey: spec.tooltipKey,
+      ribbonSize: "large"
     });
   }
   for (const spec of TABLE_DESIGN_TOGGLES) {
@@ -43969,7 +44108,8 @@ function createDefaultToolbarPreset(t) {
       testId: spec.id,
       command: spec.command,
       labelKey: spec.labelKey,
-      tooltipKey: spec.labelKey
+      tooltipKey: spec.labelKey,
+      ribbonSize: "large"
     });
   }
   items.push({
@@ -43979,7 +44119,9 @@ function createDefaultToolbarPreset(t) {
     kind: "shading",
     command: "tableCellShading",
     defaultValue: "#f1f5f9",
-    tooltipKey: "table.cellColor"
+    tooltipKey: "table.cellColor",
+    labelKey: "table.cellColor",
+    ribbonSize: "large"
   });
   items.push({
     type: "button",
@@ -43987,7 +44129,9 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-tbl-borders",
     iconName: "frame",
     command: "tableCellBorders",
-    tooltipKey: "table.applyBorders"
+    tooltipKey: "table.applyBorders",
+    labelKey: "table.applyBorders",
+    ribbonSize: "large"
   });
   items.push({
     type: "button",
@@ -43995,13 +44139,17 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-tbl-no-borders",
     iconName: "square",
     command: "tableCellNoBorders",
-    tooltipKey: "table.removeBorders"
+    tooltipKey: "table.removeBorders",
+    labelKey: "table.removeBorders",
+    ribbonSize: "large"
   });
   items.push({
     type: "select",
     id: "editor-toolbar-tbl-style",
     testId: "editor-toolbar-tbl-style",
     tooltipKey: "table.tableStyle",
+    labelKey: "table.tableStyle",
+    ribbonSize: "large",
     placeholder: t("table.tableStyle"),
     width: "wide",
     command: "setTableStyle",
@@ -44013,7 +44161,9 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-tbl-distribute-rows",
     iconName: "rows",
     command: "tableDistributeRows",
-    tooltipKey: "table.distributeRows"
+    tooltipKey: "table.distributeRows",
+    labelKey: "table.distributeRows",
+    ribbonSize: "large"
   });
   items.push({
     type: "button",
@@ -44021,7 +44171,9 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-tbl-distribute-cols",
     iconName: "columns",
     command: "tableDistributeColumns",
-    tooltipKey: "table.distributeColumns"
+    tooltipKey: "table.distributeColumns",
+    labelKey: "table.distributeColumns",
+    ribbonSize: "large"
   });
   items.push({
     type: "toggle",
@@ -44030,7 +44182,8 @@ function createDefaultToolbarPreset(t) {
     iconName: "move-horizontal",
     command: "tableToggleAutoFit",
     labelKey: "table.autoFit",
-    tooltipKey: "table.autoFit"
+    tooltipKey: "table.autoFit",
+    ribbonSize: "large"
   });
   items.push({
     type: "custom",
@@ -44196,8 +44349,8 @@ export {
   Show as ac,
   createRenderEffect as ad,
   style as ae,
-  setAttribute as af,
-  setStyleProperty as ag,
+  setStyleProperty as af,
+  setAttribute as ag,
   memo as ah,
   template as ai,
   Button as aj,