oasis-editor 0.0.20 → 0.0.21

package/dist/{OasisEditorApp-YuR1PFAE.js → OasisEditorApp-D-O4XHvu.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as startLongTaskObserver, bA as installGlobalReport, bB as applyStoredPreciseFontPreference, bC as getWelcomeSeen, bD as isLocalFontAccessSupported, bE as EDITOR_SCROLL_PADDING_PX, bF as Toolbar, bG as OasisEditorLoading, bH as createEditorLogger, bI as getCachedCanvasImage, bJ as registerDomStatsSurface } from "./index-CBXD1ygJ.js";
+import { n as normalizeSelection, g as getParagraphs, c as createEditorParagraphFromRuns, a as getParagraphLength, b as createEditorRun, d as getDocumentSections, e as createEditorStyledRun, f as getParagraphText, h as getActiveZone, i as getActiveSectionIndex, p as positionToParagraphOffset, j as paragraphOffsetToPosition, k as clampPosition, l as findParagraphIndex, m as createCollapsedSelection, o as isSelectionCollapsed, q as createEditorParagraph, r as getBlockParagraphs, s as findParagraphTableLocation, t as buildTableCellLayout, u as createEditorTableCell, v as createEditorTable, w as createEditorTableRow, x as underlineStyleToCssDecorationStyle, y as resolveImageSrc, z as createEditorFootnote, A as createFootnoteReferenceRun, B as renumberFootnotes, C as iterateFootnoteReferenceRuns, D as getFootnoteDisplayMarker, E as createSignal, F as createEffect, G as onCleanup, H as buildCanvasLayoutSnapshot, I as on, J as onMount, K as debounce, L as unwrap, M as getDocumentParagraphs, N as getDocumentSectionsCanonical, O as createEditorDocument, P as getPageContentWidth, Q as getDocumentPageSettings, R as getTableCellContentWidthForParagraph, S as resolveResizedDimensions, T as resolveTextBoxRenderHeight, U as resolveEffectiveParagraphStyle, V as resolveEffectiveTextStyleForParagraph, W as iterateEndnoteReferenceRuns, X as JSZip, Y as imageContentTypeDefaults, Z as imageExtensionFromMime, _ as pxToPt$1, $ as buildSegmentTable, a0 as buildCanvasTableLayout, a1 as resolveFloatingObjectRect, a2 as getTextBoxFloatingGeometry, a3 as getPresetPathSegments, a4 as projectBlocksLayout, a5 as textStyleToFontSizePt, a6 as PX_PER_POINT, a7 as DEFAULT_FONT_SIZE_PX, a8 as isDoubleUnderlineStyle, a9 as isWavyUnderlineStyle, aa as underlineStyleLineWidthPx, ab as underlineStyleDashArray, ac as getListLabelInset, ad as getParagraphBorderInsets, ae as normalizeFamily, af as ROBOTO_FONT_FILES, ag as loadFontAsset, ah as OFFICE_COMPAT_FONT_FAMILIES, ai as buildSfnt, aj as defaultFontDecoderRegistry, ak as SfntFontProgram, al as collectPdfFontFamilies, am as projectDocumentLayout, an as getPageHeaderZoneTop, ao as getPageBodyTop, ap as getPageColumnRects, aq as findFootnoteReference, ar as FOOTNOTE_MARKER_GUTTER_PX, as as resolveImporterForFile, at as createEditorStateFromDocument, au as getDocumentParagraphsCanonical, av as getToolbarStyleState, aw as STANDARD_FONT_SIZES_PT, ax as fontSizePxToPt, ay as probeLocalFontFamilies, az as createInitialEditorState, aA as parseFontSizePtToPx, aB as formatFontSizePt, aC as listKindForTag, aD as isParagraphTag, aE as collectInlineRuns, aF as parseParagraphStyle, aG as t, aH as preciseFontModeVersion, aI as isPreciseFontModeEnabled, aJ as togglePreciseFontMode, aK as nextFontSizePt, aL as previousFontSizePt, aM as fontSizePtToPx, aN as createDefaultToolbarPreset, aO as defaultMenuItems, aP as MenuRegistry, aQ as createToolbarRegistry, aR as Editor, aS as resolveCommandRef, aT as commandRefName, aU as InlineShell, aV as BalloonShell, aW as DocumentShell, aX as createMemo, aY as getCaretRectFromSnapshot, aZ as getParagraphRectFromSnapshot, a_ as createComponent, a$ as CaretOverlay, b0 as Show, b1 as createRenderEffect, b2 as style, b3 as setAttribute, b4 as setStyleProperty, b5 as memo, b6 as template, b7 as insert, b8 as use, b9 as addEventListener, ba as Dialog, bb as delegateEvents, bc as className, bd as For, be as UNDERLINE_STYLE_OPTIONS, bf as Tabs, bg as measureParagraphMinContentWidthPx, bh as getEditableBlocksForZone, bi as findParagraphLocation, bj as createSectionBoundaryParagraph, bk as normalizePageSettings, bl as DEFAULT_EDITOR_PAGE_SETTINGS, bm as markStart, bn as markEnd, bo as getParagraphEntries, bp as getParagraphById, bq as PluginUiHost, br as OasisEditorEditor, bs as perfTimer, bt as OasisBrandMark, bu as setPreciseFontPreference, bv as setWelcomeSeen, bw as enablePreciseFontMode, bx as createOasisEditorClient, by as setLocale, bz as startLongTaskObserver, bA as installGlobalReport, bB as applyStoredPreciseFontPreference, bC as getWelcomeSeen, bD as isLocalFontAccessSupported, bE as EDITOR_SCROLL_PADDING_PX, bF as Toolbar, bG as OasisEditorLoading, bH as createEditorLogger, bI as getCachedCanvasImage, bJ as registerDomStatsSurface } from "./index-BmpiQ2A0.js";
 function getSelectedObjectRun(state, predicate) {
   const normalized = normalizeSelection(state);
   if (normalized.isCollapsed || normalized.startIndex !== normalized.endIndex || normalized.endParagraphOffset - normalized.startParagraphOffset !== 1) {
@@ -41841,6 +41841,7 @@ function useEditorRuntimePlugins(options) {
         tab: item.tab ?? "plugins",
         group: item.group ?? "general",
         row: item.row ?? 1,
+        ribbonSize: item.ribbonSize,
         order: item.order
       };
       toolbarRegistry.register(contributed);

package/dist/core/plugin.d.ts

@@ -2,7 +2,7 @@ import { JSX } from 'solid-js';
 import { EditorState } from './model.js';
 import { Editor } from './Editor.js';
 import { CommandRef } from './commands/CommandRef.js';
-import { RibbonRow, RibbonTabId } from '../ui/components/Toolbar/schema/items.js';
+import { RibbonRow, RibbonSize, RibbonTabId } from '../ui/components/Toolbar/schema/items.js';
 
 export type Unsubscribe = () => void;
 export interface OasisCommandContext {
@@ -47,6 +47,7 @@ export interface PluginAction {
     tab?: RibbonTabId;
     group?: string;
     row?: RibbonRow;
+    ribbonSize?: RibbonSize;
     order?: number;
 }
 export interface PluginMenuItem extends PluginAction {

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

@@ -2366,7 +2366,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$y = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$m = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$z = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$m = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const variant = () => props.variant ?? "overlay";
   const pct = () => {
@@ -2375,7 +2375,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$y(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$z(), _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"
@@ -2438,7 +2438,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-YuR1PFAE.js").then((m) => {
+    import("./OasisEditorApp-D-O4XHvu.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -4511,9 +4511,9 @@ class MenuRegistry {
   }
 }
 const defaultMenuRegistry = new MenuRegistry();
-var _tmpl$$Q = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$x = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$l = /* @__PURE__ */ template(`<i>`);
+var _tmpl$$Q = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$y = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$l = /* @__PURE__ */ template(`<i>`);
 const FootnoteIcon = () => _tmpl$$Q();
-const SpecialIndentFirstLineIcon = () => _tmpl$2$x();
+const SpecialIndentFirstLineIcon = () => _tmpl$2$y();
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon,
   specialIndentFirstLine: SpecialIndentFirstLineIcon
@@ -4878,7 +4878,7 @@ const defaultMenuItems = [
   }
 ];
 defaultMenuItems.forEach((item) => defaultMenuRegistry.register(item));
-var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$f = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$e = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
+var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$x = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$f = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$e = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
 function Menubar(props) {
   const [activeMenu, setActiveMenu] = createSignal(null);
   const menuItems = () => (props.registry ?? defaultMenuRegistry).getItems();
@@ -4971,7 +4971,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$4 = _tmpl$2$w();
+            var _el$4 = _tmpl$2$x();
             insert(_el$4, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -17160,7 +17160,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$N = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$d = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$d = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
   const [items, setItems] = createSignal([]);
@@ -17245,7 +17245,7 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$v();
+        var _el$6 = _tmpl$2$w();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
@@ -17302,7 +17302,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
 function ToolbarOverflowManager(props) {
   const [overflowCount, setOverflowCount] = createSignal(0);
   const [menuOpen, setMenuOpen] = createSignal(false);
@@ -17457,7 +17457,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$u();
+        var _el$7 = _tmpl$2$v();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -17533,12 +17533,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$L = /* @__PURE__ */ template(`<span>`), _tmpl$2$t = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<span>`), _tmpl$2$u = /* @__PURE__ */ template(`<button type=button>`);
 function Button$1(props) {
-  const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "aria-label", "class", "classList"]);
+  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$t();
+    var _el$ = _tmpl$2$u();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -17547,6 +17547,7 @@ function Button$1(props) {
         return {
           "oasis-editor-tool-button-active": local.active,
           "oasis-editor-tool-button-wide": local.wide,
+          "oasis-editor-tool-button-ribbon-large": local.ribbonSize === "large",
           ...local.classList
         };
       },
@@ -17725,12 +17726,12 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$J = /* @__PURE__ */ template(`<div>`), _tmpl$2$s = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$i = /* @__PURE__ */ template(`<i>`), _tmpl$4$d = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$c = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$6 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$J = /* @__PURE__ */ template(`<div>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$i = /* @__PURE__ */ template(`<i>`), _tmpl$4$d = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$c = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$6 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
 function Menu(props) {
   const [open, setOpen] = createSignal(false);
   const ariaLabel = () => props.tooltip || props.label || "";
   return (() => {
-    var _el$ = _tmpl$2$s();
+    var _el$ = _tmpl$2$t();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -17777,13 +17778,14 @@ function Menu(props) {
           }
         }), null);
         createRenderEffect((_p$) => {
-          var _v$ = !!(props.active || api.open), _v$2 = props.disabled, _v$3 = props.tooltip, _v$4 = ariaLabel(), _v$5 = api.open, _v$6 = props.testId;
+          var _v$ = !!(props.active || api.open), _v$2 = !!(props.ribbonSize === "large"), _v$3 = props.disabled, _v$4 = props.tooltip, _v$5 = ariaLabel(), _v$6 = api.open, _v$7 = props.testId;
           _v$ !== _p$.e && _el$3.classList.toggle("oasis-editor-tool-button-active", _p$.e = _v$);
-          _v$2 !== _p$.t && (_el$3.disabled = _p$.t = _v$2);
-          _v$3 !== _p$.a && setAttribute(_el$3, "title", _p$.a = _v$3);
-          _v$4 !== _p$.o && setAttribute(_el$3, "aria-label", _p$.o = _v$4);
-          _v$5 !== _p$.i && setAttribute(_el$3, "aria-expanded", _p$.i = _v$5);
-          _v$6 !== _p$.n && setAttribute(_el$3, "data-testid", _p$.n = _v$6);
+          _v$2 !== _p$.t && _el$3.classList.toggle("oasis-editor-tool-button-ribbon-large", _p$.t = _v$2);
+          _v$3 !== _p$.a && (_el$3.disabled = _p$.a = _v$3);
+          _v$4 !== _p$.o && setAttribute(_el$3, "title", _p$.o = _v$4);
+          _v$5 !== _p$.i && setAttribute(_el$3, "aria-label", _p$.i = _v$5);
+          _v$6 !== _p$.n && setAttribute(_el$3, "aria-expanded", _p$.n = _v$6);
+          _v$7 !== _p$.s && setAttribute(_el$3, "data-testid", _p$.s = _v$7);
           return _p$;
         }, {
           e: void 0,
@@ -17791,7 +17793,8 @@ function Menu(props) {
           a: void 0,
           o: void 0,
           i: void 0,
-          n: void 0
+          n: void 0,
+          s: void 0
         });
         return _el$3;
       })(),
@@ -17919,7 +17922,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$F = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$r = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$5 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$s = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$5 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -17984,7 +17987,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$r(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$s(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -18107,7 +18110,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$E = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$E = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$b = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
   const [hover, setHover] = createSignal({
@@ -18219,7 +18222,7 @@ function GridPicker(props) {
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$q();
+          var _el$3 = _tmpl$2$r();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -18319,7 +18322,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$D = /* @__PURE__ */ template(`<option value>`), _tmpl$2$p = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<option value>`), _tmpl$2$q = /* @__PURE__ */ template(`<option>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -18346,6 +18349,9 @@ function RenderButton(props) {
     get wide() {
       return props.item.wide;
     },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get active() {
       return b.active();
     },
@@ -18373,6 +18379,9 @@ function RenderToggle(props) {
     get wide() {
       return props.item.wide;
     },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get active() {
       return b.active();
     },
@@ -18412,6 +18421,9 @@ function RenderMenu(props) {
     get hideChevron() {
       return props.item.hideChevron;
     },
+    get ribbonSize() {
+      return props.item.ribbonSize;
+    },
     get panelClass() {
       return props.item.panelClass;
     },
@@ -18501,7 +18513,7 @@ function RenderSelect(props) {
           return props.item.options(props.api);
         },
         children: (option) => (() => {
-          var _el$2 = _tmpl$2$p();
+          var _el$2 = _tmpl$2$q();
           insert(_el$2, () => option.label);
           createRenderEffect(() => _el$2.value = option.value);
           return _el$2;
@@ -18646,7 +18658,15 @@ function ToolbarItemRenderer(props) {
         }
       })
     }));
-    createRenderEffect((_$p) => setStyleProperty(_el$, "display", binding.visible() ? "flex" : "none"));
+    createRenderEffect((_p$) => {
+      var _v$ = !!("ribbonSize" in props.item && props.item.ribbonSize === "large"), _v$2 = binding.visible() ? "flex" : "none";
+      _v$ !== _p$.e && _el$.classList.toggle("oasis-editor-toolbar-item-ribbon-large", _p$.e = _v$);
+      _v$2 !== _p$.t && setStyleProperty(_el$, "display", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
     return _el$;
   })();
 }
@@ -18742,8 +18762,12 @@ function normalizeRibbonGroup(group) {
 function normalizeRibbonRow(row) {
   return row === 2 ? 2 : DEFAULT_RIBBON_ROW;
 }
+function isLargeRibbonItem(item) {
+  return "ribbonSize" in item && item.ribbonSize === "large";
+}
 function ribbonGroupLabel(group) {
-  return t(GROUP_LABEL_KEYS[group] ?? group);
+  const key = GROUP_LABEL_KEYS[group];
+  return key ? t(key) : group;
 }
 function buildRibbonGroups(items, tab) {
   const groups = /* @__PURE__ */ new Map();
@@ -18760,17 +18784,22 @@ function buildRibbonGroups(items, tab) {
       group = {
         id: groupId,
         label: ribbonGroupLabel(groupId),
+        largeItems: [],
         rows: { 1: [], 2: [] },
         order: groupOrder
       };
       groups.set(groupId, group);
     }
     group.order = Math.min(group.order, groupOrder);
-    group.rows[row].push(item);
+    if (isLargeRibbonItem(item)) {
+      group.largeItems.push(item);
+    } else {
+      group.rows[row].push(item);
+    }
   });
   return Array.from(groups.values()).sort((a, b) => a.order - b.order);
 }
-var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$o = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$p = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
 function RibbonTabs(props) {
   const tabs = RIBBON_TAB_DEFINITIONS;
   const moveTab = (current, delta) => {
@@ -18783,7 +18812,7 @@ function RibbonTabs(props) {
     insert(_el$, createComponent(For, {
       each: tabs,
       children: (tab) => (() => {
-        var _el$2 = _tmpl$2$o();
+        var _el$2 = _tmpl$2$p();
         _el$2.$$keydown = (event) => {
           if (event.key === "ArrowRight") {
             event.preventDefault();
@@ -18843,11 +18872,31 @@ function RibbonRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$z = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows></div><div class=oasis-editor-ribbon-group-label>`);
+var _tmpl$$z = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$o = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows><div class=oasis-editor-ribbon-normal-rows></div></div><div class=oasis-editor-ribbon-group-label>`);
 function RibbonGroup(props) {
   return (() => {
-    var _el$ = _tmpl$$z(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    insert(_el$2, createComponent(RibbonRow, {
+    var _el$ = _tmpl$2$o(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$2.nextSibling;
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return props.group.largeItems.length > 0;
+      },
+      get children() {
+        var _el$3 = _tmpl$$z();
+        insert(_el$3, createComponent(For, {
+          get each() {
+            return props.group.largeItems;
+          },
+          children: (item) => createComponent(ToolbarItemRenderer, {
+            item,
+            get api() {
+              return props.api;
+            }
+          })
+        }));
+        return _el$3;
+      }
+    }), _el$4);
+    insert(_el$4, createComponent(RibbonRow, {
       get items() {
         return props.group.rows[1];
       },
@@ -18855,7 +18904,7 @@ function RibbonGroup(props) {
         return props.api;
       }
     }), null);
-    insert(_el$2, createComponent(RibbonRow, {
+    insert(_el$4, createComponent(RibbonRow, {
       get items() {
         return props.group.rows[2];
       },
@@ -18863,7 +18912,7 @@ function RibbonGroup(props) {
         return props.api;
       }
     }), null);
-    insert(_el$3, () => props.group.label);
+    insert(_el$5, () => props.group.label);
     createRenderEffect((_p$) => {
       var _v$ = props.group.id, _v$2 = props.group.label;
       _v$ !== _p$.e && setAttribute(_el$, "data-ribbon-group", _p$.e = _v$);
@@ -37580,11 +37629,13 @@ function SectionGroup(props) {
   const api = props.api;
   return createComponent(Menu, {
     icon: "layout-template",
+    get label() {
+      return t("section.orientation");
+    },
     testId: "editor-toolbar-section-dropdown",
     get tooltip() {
       return t("section.pageSetup");
     },
-    hideChevron: true,
     panelClass: "oasis-editor-toolbar-panel",
     keepMounted: true,
     get children() {
@@ -38487,11 +38538,13 @@ function createDefaultToolbarPreset() {
   items.push({
     type: "custom",
     id: "editor-toolbar-margins",
+    ribbonSize: "large",
     render: (api) => MarginsGroup({ api })
   });
   items.push({
     type: "custom",
     id: "editor-toolbar-section",
+    ribbonSize: "large",
     render: (api) => SectionGroup({ api })
   });
   return withDefaultRibbonPlacement(items);
@@ -38535,6 +38588,7 @@ const OASIS_TOOLBAR_ITEMS = {
   lineSpacing: "editor-toolbar-line-spacing-control",
   metrics: "editor-toolbar-metrics",
   table: "editor-toolbar-table",
+  margins: "editor-toolbar-margins",
   section: "editor-toolbar-section"
 };
 const OASIS_MENU_ITEMS = {