oasis-editor 0.0.7 → 0.0.9

package/dist/{index-BGcbqj0Q.js → index-D1GDOw-0.js}

@@ -2174,14 +2174,14 @@ function t(key, params = []) {
   return template2;
 }
 const oasisMarkBase64 = "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";
-var _tmpl$$M = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$Q = /* @__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$$M();
+    var _el$ = _tmpl$$Q();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2198,7 +2198,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$v = /* @__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$k = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$w = /* @__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$k = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const variant = () => props.variant ?? "overlay";
   const pct = () => {
@@ -2207,7 +2207,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$v(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$w(), _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"
@@ -2218,7 +2218,7 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$L();
+        var _el$6 = _tmpl$$P();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
           return () => _c$() ? _tmpl$3$k() : `${pct()}%`;
@@ -2270,7 +2270,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-Ck4oFAf-.js").then((m) => {
+    import("./OasisEditorApp-kUhRrsHZ.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -4279,8 +4279,8 @@ class MenuRegistry {
   }
 }
 const defaultMenuRegistry = new MenuRegistry();
-var _tmpl$$K = /* @__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$u = /* @__PURE__ */ template(`<i>`);
-const FootnoteIcon = () => _tmpl$$K();
+var _tmpl$$O = /* @__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$v = /* @__PURE__ */ template(`<i>`);
+const FootnoteIcon = () => _tmpl$$O();
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon
 };
@@ -4294,7 +4294,7 @@ function ToolIcon(props) {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$u();
+        var _el$2 = _tmpl$2$v();
         createRenderEffect(() => setAttribute(_el$2, "data-lucide", props.name));
         return _el$2;
       })();
@@ -4616,7 +4616,7 @@ const defaultMenuItems = [
   }
 ];
 defaultMenuItems.forEach((item) => defaultMenuRegistry.register(item));
-var _tmpl$$J = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$c = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$c = /* @__PURE__ */ template(`<span class=oasis-menubar-item-icon aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=oasis-menubar-shortcut>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=oasis-menubar-item role=menuitem><span class=oasis-menubar-item-main><span>`);
 function Menubar(props) {
   const [activeMenu, setActiveMenu] = createSignal(null);
   const menuItems = () => (props.registry ?? defaultMenuRegistry).getItems();
@@ -4683,7 +4683,7 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$J();
+    var _el$ = _tmpl$$N();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
@@ -4709,7 +4709,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$4 = _tmpl$2$t();
+            var _el$4 = _tmpl$2$u();
             insert(_el$4, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -4836,10 +4836,10 @@ function MenuNode(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$I = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$I(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$M(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -16635,7 +16635,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$H = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$s = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
   const [items, setItems] = createSignal([]);
@@ -16709,7 +16709,7 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$3 = _tmpl$$H();
+        var _el$3 = _tmpl$$L();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -16720,7 +16720,7 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$s();
+        var _el$6 = _tmpl$2$t();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
@@ -16777,7 +16777,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$G = /* @__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$r = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$K = /* @__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$s = /* @__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);
@@ -16920,7 +16920,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$G(), _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$$K(), _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;
@@ -16932,7 +16932,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$r();
+        var _el$7 = _tmpl$2$s();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -17008,12 +17008,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$F = /* @__PURE__ */ template(`<span>`), _tmpl$2$q = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$J = /* @__PURE__ */ template(`<span>`), _tmpl$2$r = /* @__PURE__ */ template(`<button type=button>`);
 function Button$1(props) {
   const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "aria-label", "class", "classList"]);
   const ariaLabel = () => local["aria-label"] || local.tooltip || local.label || "";
   return (() => {
-    var _el$ = _tmpl$2$q();
+    var _el$ = _tmpl$2$r();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -17049,7 +17049,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$F();
+        var _el$2 = _tmpl$$J();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -17131,7 +17131,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$E = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$I = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -17148,7 +17148,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$E();
+    var _el$ = _tmpl$$I();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -17200,12 +17200,12 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$D = /* @__PURE__ */ template(`<div>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$h = /* @__PURE__ */ template(`<i>`), _tmpl$4$b = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$a = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$H = /* @__PURE__ */ template(`<div>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$h = /* @__PURE__ */ template(`<i>`), _tmpl$4$b = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$a = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__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$p();
+    var _el$ = _tmpl$2$q();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -17271,7 +17271,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$D();
+        var _el$2 = _tmpl$$H();
         _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")) {
@@ -17286,7 +17286,7 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$C = /* @__PURE__ */ template(`<select>`);
+var _tmpl$$G = /* @__PURE__ */ template(`<select>`);
 function Select(props) {
   let selectRef;
   const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value"]);
@@ -17302,7 +17302,7 @@ function Select(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$$C();
+    var _el$ = _tmpl$$G();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -17329,15 +17329,15 @@ function Select(props) {
     return _el$;
   })();
 }
-var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$B();
+    var _el$ = _tmpl$$F();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$A = /* @__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$$E = /* @__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() {
@@ -17356,7 +17356,7 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$A(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$E(), _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);
@@ -17394,7 +17394,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$z = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$o = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$4 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$p = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$4 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -17459,7 +17459,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$o(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$p(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -17469,7 +17469,7 @@ function ColorPicker(props) {
               return _tmpl$8$1();
             },
             get children() {
-              return _tmpl$$z();
+              return _tmpl$$D();
             }
           }));
           insert(_el$4, clearLabel);
@@ -17582,7 +17582,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$y = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$n = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$C = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$o = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
   const [hover, setHover] = createSignal({
@@ -17690,11 +17690,11 @@ function GridPicker(props) {
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$y();
+          var _el$2 = _tmpl$$C();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$n();
+          var _el$3 = _tmpl$2$o();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -17794,7 +17794,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$x = /* @__PURE__ */ template(`<i>`), _tmpl$2$m = /* @__PURE__ */ template(`<option value>`), _tmpl$3$e = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<i>`), _tmpl$2$n = /* @__PURE__ */ template(`<option value>`), _tmpl$3$e = /* @__PURE__ */ template(`<option>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -17926,7 +17926,7 @@ function RenderSplit(props) {
     panelRole: "menu",
     get mainContent() {
       return (() => {
-        var _el$ = _tmpl$$x();
+        var _el$ = _tmpl$$B();
         createRenderEffect(() => setAttribute(_el$, "data-lucide", props.item.iconName));
         return _el$;
       })();
@@ -17965,7 +17965,7 @@ function RenderSelect(props) {
           return props.item.placeholder !== void 0;
         },
         get children() {
-          var _el$2 = _tmpl$2$m();
+          var _el$2 = _tmpl$2$n();
           insert(_el$2, () => props.item.placeholder);
           return _el$2;
         }
@@ -18097,12 +18097,12 @@ function registerToolbarRenderer(type, component) {
 function resolveRenderer(type) {
   return TOOLBAR_RENDERERS[type] ?? customRenderers.get(type);
 }
-var _tmpl$$w = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
+var _tmpl$$A = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
 function ToolbarItemRenderer(props) {
   const binding = bindItem(props.item, props.api);
   const component = () => resolveRenderer(props.item.type);
   return (() => {
-    var _el$ = _tmpl$$w();
+    var _el$ = _tmpl$$A();
     insert(_el$, createComponent(Show, {
       get when() {
         return component();
@@ -18130,11 +18130,244 @@ function createToolbarApi(host) {
     focusEditor: () => host().focusEditor()
   };
 }
+const RIBBON_TABS = [
+  "file",
+  "home",
+  "insert",
+  "draw",
+  "layout",
+  "references",
+  "collaboration",
+  "protection",
+  "view",
+  "plugins",
+  "ai"
+];
+const TAB_LABELS = {
+  file: "File",
+  home: "Home",
+  insert: "Insert",
+  draw: "Draw",
+  layout: "Layout",
+  references: "References",
+  collaboration: "Collaboration",
+  protection: "Protection",
+  view: "View",
+  plugins: "Plugins",
+  ai: "AI"
+};
+const RIBBON_TAB_DEFINITIONS = RIBBON_TABS.map(
+  (id) => ({ id, label: TAB_LABELS[id] })
+);
+const DEFAULT_RIBBON_TAB = "plugins";
+const DEFAULT_RIBBON_GROUP = "general";
+const DEFAULT_RIBBON_ROW = 1;
+const RIBBON_GROUP_ORDER = {
+  file: {
+    document: 10
+  },
+  home: {
+    clipboard: 10,
+    font: 20,
+    paragraph: 30,
+    styles: 40
+  },
+  insert: {
+    illustrations: 10,
+    tables: 20,
+    links: 30,
+    footnotes: 40,
+    accessibility: 50
+  },
+  layout: {
+    paragraph: 10,
+    table: 20,
+    section: 30
+  },
+  references: {
+    footnotes: 10
+  },
+  plugins: {
+    general: 10
+  }
+};
+function normalizeRibbonTab(tab) {
+  return tab ?? DEFAULT_RIBBON_TAB;
+}
+function normalizeRibbonGroup(group) {
+  return (group == null ? void 0 : group.trim()) || DEFAULT_RIBBON_GROUP;
+}
+function normalizeRibbonRow(row) {
+  return row === 2 ? 2 : DEFAULT_RIBBON_ROW;
+}
+function ribbonGroupLabel(group) {
+  return group.split(/[-_\s]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function buildRibbonGroups(items, tab) {
+  const groups = /* @__PURE__ */ new Map();
+  const tabGroupOrder = RIBBON_GROUP_ORDER[tab] ?? {};
+  items.forEach((item, index) => {
+    if (normalizeRibbonTab(item.tab) !== tab) {
+      return;
+    }
+    const groupId = normalizeRibbonGroup(item.group);
+    const row = normalizeRibbonRow(item.row);
+    const groupOrder = tabGroupOrder[groupId] ?? item.order ?? index;
+    let group = groups.get(groupId);
+    if (!group) {
+      group = {
+        id: groupId,
+        label: ribbonGroupLabel(groupId),
+        rows: { 1: [], 2: [] },
+        order: groupOrder
+      };
+      groups.set(groupId, group);
+    }
+    group.order = Math.min(group.order, groupOrder);
+    group.rows[row].push(item);
+  });
+  return Array.from(groups.values()).sort((a, b) => a.order - b.order);
+}
+var _tmpl$$z = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$m = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+function RibbonTabs(props) {
+  const tabs = RIBBON_TAB_DEFINITIONS;
+  const moveTab = (current, delta) => {
+    const index = tabs.findIndex((tab) => tab.id === current);
+    const next = tabs[(index + delta + tabs.length) % tabs.length];
+    if (next) props.setActiveTab(next.id);
+  };
+  return (() => {
+    var _el$ = _tmpl$$z();
+    insert(_el$, createComponent(For, {
+      each: tabs,
+      children: (tab) => (() => {
+        var _el$2 = _tmpl$2$m();
+        _el$2.$$keydown = (event) => {
+          if (event.key === "ArrowRight") {
+            event.preventDefault();
+            moveTab(tab.id, 1);
+          } else if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            moveTab(tab.id, -1);
+          } else if (event.key === "Home") {
+            event.preventDefault();
+            props.setActiveTab(tabs[0].id);
+          } else if (event.key === "End") {
+            event.preventDefault();
+            props.setActiveTab(tabs[tabs.length - 1].id);
+          }
+        };
+        _el$2.$$click = () => props.setActiveTab(tab.id);
+        insert(_el$2, () => tab.label);
+        createRenderEffect((_p$) => {
+          var _v$ = !!(props.activeTab() === tab.id), _v$2 = props.activeTab() === tab.id, _v$3 = `oasis-editor-ribbon-panel-${tab.id}`, _v$4 = `oasis-editor-ribbon-tab-${tab.id}`, _v$5 = `editor-ribbon-tab-${tab.id}`, _v$6 = props.activeTab() === tab.id ? 0 : -1;
+          _v$ !== _p$.e && _el$2.classList.toggle("oasis-editor-ribbon-tab-active", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$2, "aria-selected", _p$.t = _v$2);
+          _v$3 !== _p$.a && setAttribute(_el$2, "aria-controls", _p$.a = _v$3);
+          _v$4 !== _p$.o && setAttribute(_el$2, "id", _p$.o = _v$4);
+          _v$5 !== _p$.i && setAttribute(_el$2, "data-testid", _p$.i = _v$5);
+          _v$6 !== _p$.n && setAttribute(_el$2, "tabindex", _p$.n = _v$6);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0,
+          n: void 0
+        });
+        return _el$2;
+      })()
+    }));
+    return _el$;
+  })();
+}
+delegateEvents(["click", "keydown"]);
+var _tmpl$$y = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
+function RibbonRow(props) {
+  return (() => {
+    var _el$ = _tmpl$$y();
+    insert(_el$, createComponent(For, {
+      get each() {
+        return props.items;
+      },
+      children: (item) => createComponent(ToolbarItemRenderer, {
+        item,
+        get api() {
+          return props.api;
+        }
+      })
+    }));
+    return _el$;
+  })();
+}
+var _tmpl$$x = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group><div class=oasis-editor-ribbon-group-rows></div><div class=oasis-editor-ribbon-group-label>`);
+function RibbonGroup(props) {
+  return (() => {
+    var _el$ = _tmpl$$x(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    insert(_el$2, createComponent(RibbonRow, {
+      get items() {
+        return props.group.rows[1];
+      },
+      get api() {
+        return props.api;
+      }
+    }), null);
+    insert(_el$2, createComponent(RibbonRow, {
+      get items() {
+        return props.group.rows[2];
+      },
+      get api() {
+        return props.api;
+      }
+    }), null);
+    insert(_el$3, () => 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$);
+      _v$2 !== _p$.t && setAttribute(_el$, "aria-label", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+}
+var _tmpl$$w = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
+function RibbonPanel(props) {
+  const groups = () => buildRibbonGroups(props.items(), props.activeTab());
+  return (() => {
+    var _el$ = _tmpl$$w();
+    insert(_el$, createComponent(For, {
+      get each() {
+        return groups();
+      },
+      children: (group) => createComponent(RibbonGroup, {
+        group,
+        get api() {
+          return props.api;
+        }
+      })
+    }));
+    createRenderEffect((_p$) => {
+      var _v$ = `oasis-editor-ribbon-panel-${props.activeTab()}`, _v$2 = `oasis-editor-ribbon-tab-${props.activeTab()}`;
+      _v$ !== _p$.e && setAttribute(_el$, "id", _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$, "aria-labelledby", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+}
 var _tmpl$$v = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$l = /* @__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);
   const [version2, setVersion2] = createSignal(0);
+  const [activeTab, setActiveTab] = createSignal("home");
   onMount(() => {
     const unsubscribe = props.registry.onChange(() => setVersion2((v) => v + 1));
     onCleanup(unsubscribe);
@@ -18147,6 +18380,7 @@ function Toolbar(props) {
     }
     return ordered;
   });
+  const view = () => props.view ?? "ribbon";
   const layout = () => props.layout ?? "overflow";
   const renderItems = () => createComponent(For, {
     get each() {
@@ -18166,8 +18400,15 @@ function Toolbar(props) {
       event.preventDefault();
     };
     insert(_el$, (() => {
-      var _c$ = memo(() => layout() === "overflow");
-      return () => _c$() ? createComponent(ToolbarOverflowManager, {
+      var _c$ = memo(() => view() === "ribbon");
+      return () => _c$() ? [createComponent(RibbonTabs, {
+        activeTab,
+        setActiveTab
+      }), createComponent(RibbonPanel, {
+        activeTab,
+        items,
+        api
+      })] : memo(() => layout() === "overflow")() ? createComponent(ToolbarOverflowManager, {
         get children() {
           return renderItems();
         }
@@ -18178,13 +18419,17 @@ function Toolbar(props) {
       })();
     })());
     createRenderEffect((_p$) => {
-      var _v$ = !!(layout() === "overflow"), _v$2 = !!(layout() === "wrap");
-      _v$ !== _p$.e && _el$.classList.toggle("oasis-editor-toolbar-layout-overflow", _p$.e = _v$);
-      _v$2 !== _p$.t && _el$.classList.toggle("oasis-editor-toolbar-layout-wrap", _p$.t = _v$2);
+      var _v$ = !!(view() === "ribbon"), _v$2 = !!(view() === "compact"), _v$3 = !!(layout() === "overflow"), _v$4 = !!(layout() === "wrap");
+      _v$ !== _p$.e && _el$.classList.toggle("oasis-editor-toolbar-view-ribbon", _p$.e = _v$);
+      _v$2 !== _p$.t && _el$.classList.toggle("oasis-editor-toolbar-view-compact", _p$.t = _v$2);
+      _v$3 !== _p$.a && _el$.classList.toggle("oasis-editor-toolbar-layout-overflow", _p$.a = _v$3);
+      _v$4 !== _p$.o && _el$.classList.toggle("oasis-editor-toolbar-layout-wrap", _p$.o = _v$4);
       return _p$;
     }, {
       e: void 0,
-      t: void 0
+      t: void 0,
+      a: void 0,
+      o: void 0
     });
     return _el$;
   })();
@@ -34658,28 +34903,14 @@ function DocumentShell(props) {
     get children() {
       return [createComponent(Show, {
         get when() {
-          return props.showTitleBar;
+          return props.toolbarView === "compact";
         },
-        get fallback() {
+        get children() {
           return createComponent(Show, {
             get when() {
-              return props.showMenubar;
+              return props.showTitleBar;
             },
-            get children() {
-              return createComponent(Menubar, {
-                get host() {
-                  return props.toolbarHost;
-                },
-                get registry() {
-                  return props.menuRegistry;
-                }
-              });
-            }
-          });
-        },
-        get children() {
-          return createComponent(TitleBar, {
-            get children() {
+            get fallback() {
               return createComponent(Show, {
                 get when() {
                   return props.showMenubar;
@@ -34695,6 +34926,27 @@ function DocumentShell(props) {
                   });
                 }
               });
+            },
+            get children() {
+              return createComponent(TitleBar, {
+                get children() {
+                  return createComponent(Show, {
+                    get when() {
+                      return props.showMenubar;
+                    },
+                    get children() {
+                      return createComponent(Menubar, {
+                        get host() {
+                          return props.toolbarHost;
+                        },
+                        get registry() {
+                          return props.menuRegistry;
+                        }
+                      });
+                    }
+                  });
+                }
+              });
             }
           });
         }
@@ -34711,7 +34963,10 @@ function DocumentShell(props) {
               return props.toolbarRegistry;
             },
             get showFileGroup() {
-              return !props.showMenubar;
+              return memo(() => props.toolbarView === "ribbon")() ? true : !props.showMenubar;
+            },
+            get view() {
+              return props.toolbarView;
             },
             get layout() {
               return props.toolbarLayout;
@@ -34797,6 +35052,12 @@ function InlineShell(props) {
           },
           get registry() {
             return props.toolbarRegistry;
+          },
+          get view() {
+            return props.toolbarView;
+          },
+          get layout() {
+            return props.toolbarLayout;
           }
         });
       }
@@ -36439,6 +36700,66 @@ const LIST_BUTTONS = [
     tooltipKey: "toolbar.numberedList"
   }
 ];
+const RIBBON_PLACEMENTS = {
+  "editor-toolbar-file-dropdown": { tab: "file", group: "document", row: 1 },
+  "sep-file": { tab: "file", group: "document", row: 1 },
+  "editor-toolbar-undo": { tab: "home", group: "clipboard", row: 1 },
+  "editor-toolbar-redo": { tab: "home", group: "clipboard", row: 2 },
+  "sep-history": { tab: "home", group: "clipboard", row: 2 },
+  "editor-toolbar-style": { tab: "home", group: "styles", row: 1 },
+  "editor-toolbar-font-family": { tab: "home", group: "font", row: 1 },
+  "editor-toolbar-font-size": { tab: "home", group: "font", row: 1 },
+  "editor-toolbar-color": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-highlight": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-text-shading": { tab: "home", group: "font", row: 2 },
+  "sep-style": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-bold": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-italic": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-underline-control": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-strike": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-superscript": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-subscript": { tab: "home", group: "font", row: 2 },
+  "sep-format": { tab: "home", group: "font", row: 2 },
+  "editor-toolbar-insert-image": { tab: "insert", group: "illustrations", row: 1 },
+  "editor-toolbar-insert-table": { tab: "insert", group: "tables", row: 1 },
+  "editor-toolbar-link": { tab: "insert", group: "links", row: 1 },
+  "editor-toolbar-unlink": { tab: "insert", group: "links", row: 2 },
+  "editor-toolbar-footnote": { tab: "references", group: "footnotes", row: 1 },
+  "editor-toolbar-image-alt": { tab: "insert", group: "accessibility", row: 2 },
+  "sep-insert": { tab: "insert", group: "accessibility", row: 2 },
+  "editor-toolbar-align-left": { tab: "home", group: "paragraph", row: 2 },
+  "editor-toolbar-align-center": { tab: "home", group: "paragraph", row: 2 },
+  "editor-toolbar-align-right": { tab: "home", group: "paragraph", row: 2 },
+  "editor-toolbar-align-justify": { tab: "home", group: "paragraph", row: 2 },
+  "editor-toolbar-list-bullet": { tab: "home", group: "paragraph", row: 1 },
+  "editor-toolbar-list-ordered": { tab: "home", group: "paragraph", row: 1 },
+  "editor-toolbar-list-outdent": { tab: "home", group: "paragraph", row: 1 },
+  "editor-toolbar-list-indent": { tab: "home", group: "paragraph", row: 1 },
+  "editor-toolbar-list-options": { tab: "home", group: "paragraph", row: 1 },
+  "editor-toolbar-line-spacing-control": { tab: "home", group: "paragraph", row: 2 },
+  "sep-paragraph": { tab: "home", group: "paragraph", row: 2 },
+  "editor-toolbar-metrics": { tab: "layout", group: "paragraph", row: 1 },
+  "sep-metrics": { tab: "layout", group: "paragraph", row: 2 },
+  "editor-toolbar-table": { tab: "layout", group: "table", row: 1 },
+  "sep-table": { tab: "layout", group: "table", row: 2 },
+  "editor-toolbar-section": { tab: "layout", group: "section", row: 1 }
+};
+function withDefaultRibbonPlacement(items) {
+  return items.map((item, index) => {
+    const placement = RIBBON_PLACEMENTS[item.id] ?? {
+      tab: "plugins",
+      group: item.group ?? "general",
+      row: 1
+    };
+    return {
+      ...item,
+      tab: item.tab ?? placement.tab,
+      group: placement.group,
+      row: item.row ?? placement.row,
+      order: item.order ?? index
+    };
+  });
+}
 function createDefaultToolbarPreset() {
   const items = [];
   items.push({
@@ -36528,37 +36849,6 @@ function createDefaultToolbarPreset() {
     command: "setFontSize",
     options: fontSizeOptions
   });
-  items.push({
-    type: "colorPicker",
-    id: "editor-toolbar-color",
-    testId: "editor-toolbar-color",
-    kind: "color",
-    iconName: "type",
-    defaultValue: "#111827",
-    tooltipKey: "toolbar.color",
-    command: "setColor"
-  });
-  items.push({
-    type: "colorPicker",
-    id: "editor-toolbar-highlight",
-    testId: "editor-toolbar-highlight",
-    kind: "highlight",
-    iconName: "highlighter",
-    defaultValue: "#fef08a",
-    tooltipKey: "toolbar.highlight",
-    command: "setHighlight"
-  });
-  items.push({
-    type: "colorPicker",
-    id: "editor-toolbar-text-shading",
-    testId: "editor-toolbar-text-shading",
-    kind: "shading",
-    iconName: "paint-bucket",
-    defaultValue: "#fef3c7",
-    tooltipKey: "toolbar.textShading",
-    command: "setTextShading"
-  });
-  items.push({ type: "separator", id: "sep-style" });
   items.push({
     type: "toggle",
     id: "editor-toolbar-bold",
@@ -36588,6 +36878,14 @@ function createDefaultToolbarPreset() {
     command: "strike",
     tooltipKey: "toolbar.strike"
   });
+  items.push({
+    type: "toggle",
+    id: "editor-toolbar-subscript",
+    testId: "editor-toolbar-subscript",
+    iconName: "subscript",
+    command: "subscript",
+    tooltipKey: "toolbar.subscript"
+  });
   items.push({
     type: "toggle",
     id: "editor-toolbar-superscript",
@@ -36596,15 +36894,38 @@ function createDefaultToolbarPreset() {
     command: "superscript",
     tooltipKey: "toolbar.superscript"
   });
+  items.push({ type: "separator", id: "sep-format" });
   items.push({
-    type: "toggle",
-    id: "editor-toolbar-subscript",
-    testId: "editor-toolbar-subscript",
-    iconName: "subscript",
-    command: "subscript",
-    tooltipKey: "toolbar.subscript"
+    type: "colorPicker",
+    id: "editor-toolbar-color",
+    testId: "editor-toolbar-color",
+    kind: "color",
+    iconName: "type",
+    defaultValue: "#111827",
+    tooltipKey: "toolbar.color",
+    command: "setColor"
+  });
+  items.push({
+    type: "colorPicker",
+    id: "editor-toolbar-highlight",
+    testId: "editor-toolbar-highlight",
+    kind: "highlight",
+    iconName: "highlighter",
+    defaultValue: "#fef08a",
+    tooltipKey: "toolbar.highlight",
+    command: "setHighlight"
   });
-  items.push({ type: "separator", id: "sep-format" });
+  items.push({
+    type: "colorPicker",
+    id: "editor-toolbar-text-shading",
+    testId: "editor-toolbar-text-shading",
+    kind: "shading",
+    iconName: "paint-bucket",
+    defaultValue: "#fef3c7",
+    tooltipKey: "toolbar.textShading",
+    command: "setTextShading"
+  });
+  items.push({ type: "separator", id: "sep-style" });
   items.push({
     type: "button",
     id: "editor-toolbar-insert-image",
@@ -36723,7 +37044,7 @@ function createDefaultToolbarPreset() {
     id: "editor-toolbar-section",
     render: (api) => SectionGroup({ api })
   });
-  return items;
+  return withDefaultRibbonPlacement(items);
 }
 const OASIS_TOOLBAR_ITEMS = {
   fileDropdown: "editor-toolbar-file-dropdown",
@@ -36894,7 +37215,7 @@ export {
   collectInlineRuns as ay,
   parseParagraphStyle as az,
   getParagraphLength as b,
-  Button$1 as b$,
+  SplitButton as b$,
   addEventListener as b0,
   Dialog as b1,
   delegateEvents as b2,
@@ -36923,15 +37244,15 @@ export {
   OasisEditorContainer as bP,
   PluginCollection as bQ,
   Popover as bR,
-  Select as bS,
-  SelectField as bT,
-  Separator as bU,
-  SidePanel as bV,
-  SidePanelBody as bW,
-  SidePanelFooter as bX,
-  SidePanelHeader as bY,
-  SplitButton as bZ,
-  TextField as b_,
+  RIBBON_TABS as bS,
+  RIBBON_TAB_DEFINITIONS as bT,
+  Select as bU,
+  SelectField as bV,
+  Separator as bW,
+  SidePanel as bX,
+  SidePanelBody as bY,
+  SidePanelFooter as bZ,
+  SidePanelHeader as b_,
   createSectionBoundaryParagraph as ba,
   normalizePageSettings as bb,
   DEFAULT_EDITOR_PAGE_SETTINGS as bc,
@@ -36959,11 +37280,13 @@ export {
   createEditorLogger as by,
   getCachedCanvasImage as bz,
   createEditorParagraphFromRuns as c,
-  createEditorCommandBus as c0,
-  createOasisEditor as c1,
-  createOasisEditorContainer as c2,
-  mount as c3,
-  registerToolbarRenderer as c4,
+  TextField as c0,
+  Button$1 as c1,
+  createEditorCommandBus as c2,
+  createOasisEditor as c3,
+  createOasisEditorContainer as c4,
+  mount as c5,
+  registerToolbarRenderer as c6,
   getParagraphText as d,
   getActiveZone as e,
   getDocumentSections as f,