oasis-editor 0.0.87 → 0.0.88

package/dist/{index-DFKc0jbc.js → index-Ds5uOUe8.js}

@@ -1495,7 +1495,7 @@ const en = {
   "toolbar.formatBullet": "Bullet",
   "toolbar.moreTools": "More tools",
   // Style
-  "toolbar.style": "Paragraph Style",
+  "toolbar.style": "Styles",
   "toolbar.fontFamily": "Font Family",
   "toolbar.font": "Font",
   "toolbar.fontSize": "Font Size",
@@ -1953,7 +1953,7 @@ const ptBR = {
   "toolbar.formatBullet": "Marcador",
   "toolbar.moreTools": "Mais ferramentas",
   // Style
-  "toolbar.style": "Estilo de Parágrafo",
+  "toolbar.style": "Estilos",
   "toolbar.fontFamily": "Família da Fonte",
   "toolbar.font": "Fonte",
   "toolbar.fontSize": "Tamanho da Fonte",
@@ -2384,14 +2384,14 @@ function I18nProvider(props) {
   });
 }
 const oasisMarkBase64 = "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";
-var _tmpl$$R = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$S = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
 const OASIS_MARK_DATA_URI = `data:image/webp;base64,${oasisMarkBase64}`;
 const MARK_ASPECT = 3 / 4;
 function OasisBrandMark(props) {
   const height = () => props.height ?? 64;
   const width = () => Math.round(height() * MARK_ASPECT);
   return (() => {
-    var _el$ = _tmpl$$R();
+    var _el$ = _tmpl$$S();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2408,7 +2408,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$Q = /* @__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$n = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$A = /* @__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$o = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const t = useI18n();
   const variant = () => props.variant ?? "overlay";
@@ -2418,7 +2418,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$z(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$A(), _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"
@@ -2429,10 +2429,10 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$Q();
+        var _el$6 = _tmpl$$R();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
-          return () => _c$() ? _tmpl$3$n() : `${pct()}%`;
+          return () => _c$() ? _tmpl$3$o() : `${pct()}%`;
         })());
         return _el$6;
       }
@@ -2483,7 +2483,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-CE15GH_N.js").then((m) => {
+    import("./OasisEditorApp-Bx4I4GCm.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -3957,6 +3957,8 @@ const DEFAULT_EDITOR_STYLES = {
     id: "normal",
     name: "Normal",
     type: "paragraph",
+    qFormat: true,
+    uiPriority: 0,
     paragraphStyle: {
       spacingAfter: 8,
       lineHeight: 1.15
@@ -3971,6 +3973,7 @@ const DEFAULT_EDITOR_STYLES = {
     id: "header",
     name: "Header",
     type: "paragraph",
+    semiHidden: true,
     basedOn: "normal",
     nextStyle: "header",
     paragraphStyle: {
@@ -3981,6 +3984,7 @@ const DEFAULT_EDITOR_STYLES = {
     id: "footer",
     name: "Footer",
     type: "paragraph",
+    semiHidden: true,
     basedOn: "normal",
     nextStyle: "footer",
     paragraphStyle: {
@@ -3991,6 +3995,8 @@ const DEFAULT_EDITOR_STYLES = {
     id: "heading1",
     name: "Heading 1",
     type: "paragraph",
+    qFormat: true,
+    uiPriority: 10,
     basedOn: "normal",
     nextStyle: "normal",
     paragraphStyle: {
@@ -4007,6 +4013,8 @@ const DEFAULT_EDITOR_STYLES = {
     id: "heading2",
     name: "Heading 2",
     type: "paragraph",
+    qFormat: true,
+    uiPriority: 11,
     basedOn: "normal",
     nextStyle: "normal",
     paragraphStyle: {
@@ -4023,6 +4031,8 @@ const DEFAULT_EDITOR_STYLES = {
     id: "heading3",
     name: "Heading 3",
     type: "paragraph",
+    qFormat: true,
+    uiPriority: 12,
     basedOn: "normal",
     nextStyle: "normal",
     paragraphStyle: {
@@ -4039,6 +4049,7 @@ const DEFAULT_EDITOR_STYLES = {
     id: "footnoteText",
     name: "Footnote Text",
     type: "paragraph",
+    semiHidden: true,
     basedOn: "normal",
     nextStyle: "footnoteText",
     paragraphStyle: {
@@ -4053,6 +4064,7 @@ const DEFAULT_EDITOR_STYLES = {
     id: "footnoteReference",
     name: "Footnote Reference",
     type: "character",
+    semiHidden: true,
     basedOn: "normal",
     textStyle: {
       superscript: true
@@ -4062,6 +4074,8 @@ const DEFAULT_EDITOR_STYLES = {
     id: "Caption",
     name: "Caption",
     type: "paragraph",
+    qFormat: true,
+    uiPriority: 35,
     basedOn: "normal",
     nextStyle: "normal",
     paragraphStyle: {
@@ -4657,6 +4671,7 @@ const OASIS_BUILTIN_COMMANDS = [
   "setHighlight",
   "setTextShading",
   "setStyleId",
+  "setCharacterStyleId",
   "setUnderlineStyle",
   "documentStyles",
   "print",
@@ -4726,9 +4741,9 @@ function mount(target, props = {}) {
     unmount: () => client.dispose()
   });
 }
-var _tmpl$$P = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$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$m = /* @__PURE__ */ template(`<i>`);
-const FootnoteIcon = () => _tmpl$$P();
-const SpecialIndentFirstLineIcon = () => _tmpl$2$y();
+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$z = /* @__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$n = /* @__PURE__ */ template(`<i>`);
+const FootnoteIcon = () => _tmpl$$Q();
+const SpecialIndentFirstLineIcon = () => _tmpl$2$z();
 const CUSTOM_ICONS = {
   footnote: FootnoteIcon,
   specialIndentFirstLine: SpecialIndentFirstLineIcon
@@ -4743,7 +4758,7 @@ function ToolIcon(props) {
     },
     get fallback() {
       return (() => {
-        var _el$3 = _tmpl$3$m();
+        var _el$3 = _tmpl$3$n();
         createRenderEffect(() => setAttribute(_el$3, "data-lucide", props.name));
         return _el$3;
       })();
@@ -4751,7 +4766,7 @@ function ToolIcon(props) {
     children: (render2) => render2()()
   });
 }
-var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$x = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$l = /* @__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$y = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$m = /* @__PURE__ */ template(`<div class=oasis-menubar-menu><div class=oasis-menubar-button role=menuitem aria-haspopup=true>`), _tmpl$4$g = /* @__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 t = useI18n();
   const [activeMenu, setActiveMenu] = createSignal(null);
@@ -4819,13 +4834,13 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$O();
+    var _el$ = _tmpl$$P();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
       },
       children: (topLevel) => (() => {
-        var _el$2 = _tmpl$3$l(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$3$m(), _el$3 = _el$2.firstChild;
         _el$2.addEventListener("mouseenter", () => {
           if (activeMenu() && activeMenu() !== topLevel.id) {
             setActiveMenu(topLevel.id);
@@ -4845,7 +4860,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$4 = _tmpl$2$x();
+            var _el$4 = _tmpl$2$y();
             insert(_el$4, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -4885,7 +4900,7 @@ function MenuNode(props) {
   } = props;
   const isSeparator = (_a = node.item) == null ? void 0 : _a.separator;
   if (isSeparator) {
-    return _tmpl$4$f();
+    return _tmpl$4$g();
   }
   const hasChildren = node.children.length > 0;
   const [showSub, setShowSub] = createSignal(false);
@@ -4973,10 +4988,10 @@ function MenuNode(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$N(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$O(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -15841,7 +15856,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$M = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$k = /* @__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$x = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$f = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$d = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const t = useI18n();
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
@@ -15910,13 +15925,13 @@ function OutlinePanel(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$3$k(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$3$l(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$2, createComponent(Show, {
       get when() {
         return !collapsed();
       },
       get children() {
-        var _el$3 = _tmpl$$M();
+        var _el$3 = _tmpl$$N();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -15927,14 +15942,14 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$w();
+        var _el$6 = _tmpl$2$x();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
           },
           get fallback() {
             return (() => {
-              var _el$7 = _tmpl$4$e();
+              var _el$7 = _tmpl$4$f();
               insert(_el$7, () => t("outline.empty"));
               return _el$7;
             })();
@@ -15984,7 +15999,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$v = /* @__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$w = /* @__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);
@@ -16128,7 +16143,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$L(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
+    var _el$ = _tmpl$$M(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
     var _ref$ = containerRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : containerRef = _el$;
     var _ref$2 = moreMeasureRef;
@@ -16140,7 +16155,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$v();
+        var _el$7 = _tmpl$2$w();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -16216,12 +16231,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$K = /* @__PURE__ */ template(`<span>`), _tmpl$2$u = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<span>`), _tmpl$2$v = /* @__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$u();
+    var _el$ = _tmpl$2$v();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -16258,7 +16273,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$K();
+        var _el$2 = _tmpl$$L();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -16340,7 +16355,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$J = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$K = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -16357,7 +16372,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$J();
+    var _el$ = _tmpl$$K();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -16409,12 +16424,12 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$I = /* @__PURE__ */ template(`<div>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$j = /* @__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$u = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$k = /* @__PURE__ */ template(`<i>`), _tmpl$4$e = /* @__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$t();
+    var _el$ = _tmpl$2$u();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -16437,7 +16452,7 @@ function Menu(props) {
             return props.icon;
           },
           get children() {
-            var _el$4 = _tmpl$3$j();
+            var _el$4 = _tmpl$3$k();
             createRenderEffect(() => setAttribute(_el$4, "data-lucide", props.icon));
             return _el$4;
           }
@@ -16447,7 +16462,7 @@ function Menu(props) {
             return props.label;
           },
           get children() {
-            var _el$5 = _tmpl$4$d();
+            var _el$5 = _tmpl$4$e();
             insert(_el$5, () => props.label);
             return _el$5;
           }
@@ -16482,7 +16497,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$I();
+        var _el$2 = _tmpl$$J();
         _el$2.$$click = (event) => {
           const el = event.target;
           if (el.closest("button") && !el.closest(".oasis-editor-tool-button-dropdown") && !el.closest(".oasis-editor-toolbar-list-options")) {
@@ -16497,7 +16512,7 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$H = /* @__PURE__ */ template(`<select>`);
+var _tmpl$$I = /* @__PURE__ */ template(`<select>`);
 function Select(props) {
   let selectRef;
   const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value"]);
@@ -16513,7 +16528,7 @@ function Select(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$$H();
+    var _el$ = _tmpl$$I();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -16540,15 +16555,15 @@ function Select(props) {
     return _el$;
   })();
 }
-var _tmpl$$G = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$H = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$G();
+    var _el$ = _tmpl$$H();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$F = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
+var _tmpl$$G = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
 function SplitButton(props) {
   return createComponent(Popover, {
     get open() {
@@ -16567,7 +16582,7 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$F(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$G(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       use((el) => api.ref(el), _el$);
       _el$2.$$click = () => props.onMain();
       insert(_el$2, () => props.mainContent);
@@ -16605,7 +16620,7 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$E = /* @__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$i = /* @__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$t = /* @__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$j = /* @__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$d = /* @__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);
@@ -16670,7 +16685,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$s(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$t(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -16680,7 +16695,7 @@ function ColorPicker(props) {
               return _tmpl$8$1();
             },
             get children() {
-              return _tmpl$$E();
+              return _tmpl$$F();
             }
           }));
           insert(_el$4, clearLabel);
@@ -16688,7 +16703,7 @@ function ColorPicker(props) {
           return _el$;
         }
       }), (() => {
-        var _el$5 = _tmpl$3$i(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        var _el$5 = _tmpl$3$j(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
         insert(_el$6, () => props.themeColorsLabel);
         insert(_el$7, createComponent(For, {
           get each() {
@@ -16728,7 +16743,7 @@ function ColorPicker(props) {
         }));
         return _el$5;
       })(), (() => {
-        var _el$8 = _tmpl$4$c(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
+        var _el$8 = _tmpl$4$d(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
         insert(_el$9, () => props.standardColorsLabel);
         insert(_el$0, createComponent(For, {
           get each() {
@@ -16793,7 +16808,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$D = /* @__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$h = /* @__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$s = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$c = /* @__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 t = useI18n();
   const [isOpen, setIsOpen] = createSignal(false);
@@ -16868,7 +16883,7 @@ function GridPicker(props) {
     return h.row === 0 || h.col === 0 ? t("toolbar.table") : `${h.row} × ${h.col}`;
   };
   return (() => {
-    var _el$ = _tmpl$3$h();
+    var _el$ = _tmpl$3$i();
     insert(_el$, createComponent(Popover, {
       get open() {
         return isOpen();
@@ -16880,7 +16895,7 @@ function GridPicker(props) {
         col: 0
       }),
       trigger: (api) => (() => {
-        var _el$4 = _tmpl$4$b(), _el$5 = _el$4.firstChild;
+        var _el$4 = _tmpl$4$c(), _el$5 = _el$4.firstChild;
         _el$4.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$4);
         createRenderEffect((_p$) => {
@@ -16902,11 +16917,11 @@ function GridPicker(props) {
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$D();
+          var _el$2 = _tmpl$$E();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$r();
+          var _el$3 = _tmpl$2$s();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -17006,6 +17021,174 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
+var _tmpl$$D = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$h = /* @__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$b = /* @__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);
+  return applicable.filter((style2) => !hasQuickStyles || style2.qFormat === true).map((style2, index) => ({
+    style: style2,
+    index
+  })).sort((a, b) => (a.style.uiPriority ?? Number.MAX_SAFE_INTEGER) - (b.style.uiPriority ?? Number.MAX_SAFE_INTEGER) || a.index - b.index).map(({
+    style: style2
+  }) => style2);
+}
+function previewStyle(style2) {
+  const fontSize = Math.min(28, Math.max(12, style2.fontSize ?? 14));
+  return {
+    "font-family": style2.fontFamily,
+    "font-size": `${fontSize}px`,
+    color: style2.color,
+    "font-weight": style2.bold ? "700" : "400",
+    "font-style": style2.italic ? "italic" : "normal"
+  };
+}
+function StyleGallery(props) {
+  const [open, setOpen] = createSignal(false);
+  const panelTestId = `${props.item.testId ?? props.item.id}-panel`;
+  const expandTestId = `${props.item.testId ?? props.item.id}-expand`;
+  const styles = createMemo(() => getQuickStyles(props.item.styles(props.api)));
+  const paragraphStyleId = () => String(props.api.commands.state(props.item.paragraphCommand).value ?? "");
+  const characterStyleId = () => String(props.api.commands.state(props.item.characterCommand).value ?? "");
+  createEffect(() => {
+    if (!open()) return;
+    queueMicrotask(() => {
+      const panel = document.querySelector(`[data-testid="${panelTestId}"]`);
+      const target = (panel == null ? void 0 : panel.querySelector(".oasis-editor-style-gallery-card-active")) ?? (panel == null ? void 0 : panel.querySelector(".oasis-editor-style-gallery-card"));
+      target == null ? void 0 : target.focus();
+    });
+  });
+  const isActive = (style2) => style2.type === "character" ? characterStyleId() === style2.id : paragraphStyleId() === style2.id;
+  const apply = (style2) => {
+    const command = style2.type === "character" ? props.item.characterCommand : props.item.paragraphCommand;
+    if (props.api.commands.canExecute(command)) {
+      props.api.commands.execute(command, style2.id);
+      setOpen(false);
+      props.api.focusEditor();
+    }
+  };
+  const onPanelKeyDown = (event) => {
+    var _a;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      setOpen(false);
+      window.setTimeout(() => {
+        var _a2;
+        return (_a2 = document.querySelector(`[data-testid="${expandTestId}"]`)) == null ? void 0 : _a2.focus();
+      }, 0);
+      return;
+    }
+    const buttons = Array.from(event.currentTarget.querySelectorAll(".oasis-editor-style-gallery-card"));
+    const current = buttons.indexOf(document.activeElement);
+    if (current < 0 || buttons.length === 0) return;
+    const renderedColumns = getComputedStyle(event.currentTarget).gridTemplateColumns.split(" ").filter(Boolean).length;
+    const columns = renderedColumns > 0 ? renderedColumns : 6;
+    const moves = {
+      ArrowLeft: current - 1,
+      ArrowRight: current + 1,
+      ArrowUp: current - columns,
+      ArrowDown: current + columns,
+      Home: 0,
+      End: buttons.length - 1
+    };
+    const next = moves[event.key];
+    if (next === void 0) return;
+    event.preventDefault();
+    (_a = buttons[Math.min(buttons.length - 1, Math.max(0, next))]) == null ? void 0 : _a.focus();
+  };
+  const cards = () => createComponent(For, {
+    get each() {
+      return styles();
+    },
+    children: (style$1) => (() => {
+      var _el$ = _tmpl$$D(), _el$2 = _el$.firstChild;
+      _el$.$$click = () => apply(style$1);
+      insert(_el$2, () => style$1.name);
+      createRenderEffect((_p$) => {
+        var _v$ = !!isActive(style$1), _v$2 = previewStyle(style$1), _v$3 = style$1.name, _v$4 = isActive(style$1), _v$5 = style$1.id;
+        _v$ !== _p$.e && _el$.classList.toggle("oasis-editor-style-gallery-card-active", _p$.e = _v$);
+        _p$.t = style(_el$, _v$2, _p$.t);
+        _v$3 !== _p$.a && setAttribute(_el$, "title", _p$.a = _v$3);
+        _v$4 !== _p$.o && setAttribute(_el$, "aria-selected", _p$.o = _v$4);
+        _v$5 !== _p$.i && setAttribute(_el$, "data-style-id", _p$.i = _v$5);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0
+      });
+      return _el$;
+    })()
+  });
+  return createComponent(Popover, {
+    get open() {
+      return open();
+    },
+    onOpenChange: setOpen,
+    placement: "bottom-end",
+    panelClass: "oasis-editor-style-gallery-panel",
+    panelRole: "listbox",
+    panelTestId,
+    trigger: (popover) => (() => {
+      var _el$4 = _tmpl$3$h(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+      var _ref$ = popover.ref;
+      typeof _ref$ === "function" ? use(_ref$, _el$4) : popover.ref = _el$4;
+      insert(_el$4, createComponent(Select, {
+        "class": "oasis-editor-style-gallery-compact",
+        get value() {
+          return characterStyleId() || paragraphStyleId();
+        },
+        get ["data-testid"]() {
+          return props.item.testId;
+        },
+        get tooltip() {
+          return props.api.t("toolbar.style");
+        },
+        onChange: (event) => {
+          const style2 = styles().find((candidate) => candidate.id === event.currentTarget.value);
+          if (style2) apply(style2);
+        },
+        get children() {
+          return createComponent(For, {
+            get each() {
+              return styles();
+            },
+            children: (style2) => (() => {
+              var _el$8 = _tmpl$4$b();
+              insert(_el$8, () => style2.name);
+              createRenderEffect(() => _el$8.value = style2.id);
+              return _el$8;
+            })()
+          });
+        }
+      }), _el$5);
+      insert(_el$6, cards);
+      _el$7.$$click = () => popover.toggle();
+      setAttribute(_el$7, "data-testid", expandTestId);
+      createRenderEffect((_p$) => {
+        var _v$6 = props.api.t("toolbar.style"), _v$7 = props.api.t("toolbar.style"), _v$8 = popover.open;
+        _v$6 !== _p$.e && setAttribute(_el$7, "title", _p$.e = _v$6);
+        _v$7 !== _p$.t && setAttribute(_el$7, "aria-label", _p$.t = _v$7);
+        _v$8 !== _p$.a && setAttribute(_el$7, "aria-expanded", _p$.a = _v$8);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0
+      });
+      return _el$4;
+    })(),
+    get children() {
+      var _el$3 = _tmpl$2$r();
+      _el$3.$$keydown = onPanelKeyDown;
+      insert(_el$3, cards);
+      return _el$3;
+    }
+  });
+}
+delegateEvents(["click", "keydown"]);
 var _tmpl$$C = /* @__PURE__ */ template(`<option value>`), _tmpl$2$q = /* @__PURE__ */ template(`<option>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
@@ -17206,6 +17389,16 @@ function RenderSelect(props) {
     }
   });
 }
+function RenderStyleGallery(props) {
+  return createComponent(StyleGallery, {
+    get item() {
+      return props.item;
+    },
+    get api() {
+      return props.api;
+    }
+  });
+}
 function RenderColorPicker(props) {
   const [lastValue, setLastValue] = createSignal(props.item.defaultValue);
   const b = bindItem(props.item, props.api);
@@ -17307,6 +17500,7 @@ const TOOLBAR_RENDERERS = {
   split: RenderSplit,
   menu: RenderMenu,
   select: RenderSelect,
+  styleGallery: RenderStyleGallery,
   colorPicker: RenderColorPicker,
   gridPicker: RenderGridPicker,
   separator: RenderSeparator,
@@ -21410,6 +21604,7 @@ function getToolbarStyleState(state) {
     textEffect: resolveUniformStyleValue(styles, "textEffect"),
     link: resolveUniformStyleValue(styles, "link"),
     styleId: resolveUniformParagraphStyleValue(paragraphStyles, "styleId"),
+    characterStyleId: resolveUniformStyleValue(styles, "styleId"),
     align: resolveUniformParagraphStyleValue(paragraphStyles, "align"),
     lineHeight: resolveUniformParagraphStyleValue(
       paragraphStyles,
@@ -32350,6 +32545,15 @@ function parseImportedStyles(stylesXml, theme) {
       getFirstChildByTagNameNS(styleElement, WORD_NS, "next"),
       "val"
     ) ?? void 0;
+    const qFormat = parseOnOffProperty(styleElement, "qFormat");
+    const semiHidden = parseOnOffProperty(styleElement, "semiHidden");
+    const unhideWhenUsed = parseOnOffProperty(styleElement, "unhideWhenUsed");
+    const rawUiPriority = getAttributeValue(
+      getFirstChildByTagNameNS(styleElement, WORD_NS, "uiPriority"),
+      "val"
+    );
+    const parsedUiPriority = rawUiPriority === null ? NaN : Number(rawUiPriority);
+    const uiPriority = Number.isInteger(parsedUiPriority) && parsedUiPriority >= 0 ? parsedUiPriority : void 0;
     const paragraphStyle = withDocxImplicitSingleLineHeight(
       parseParagraphStyle$1(
         getFirstChildByTagNameNS(styleElement, WORD_NS, "pPr")
@@ -32428,6 +32632,10 @@ function parseImportedStyles(stylesXml, theme) {
       type,
       basedOn,
       nextStyle,
+      qFormat,
+      uiPriority,
+      semiHidden,
+      unhideWhenUsed,
       paragraphStyle: type === "paragraph" && isDefaultParagraph ? mergeStyles(defaultParagraphStyle, paragraphStyle) : paragraphStyle,
       textStyle: type === "paragraph" && isDefaultParagraph ? mergeStyles(defaultTextStyle, textStyle) : textStyle,
       tableStyle
@@ -35633,7 +35841,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-C94l6-O5.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-BcELKms0.js", import.meta.url).href,
         import.meta.url
       ),
       {
@@ -38451,7 +38659,7 @@ function LineSpacingDialog(props) {
     const num = Number(value);
     return Number.isFinite(num) ? num : null;
   };
-  const previewStyle = createMemo(() => {
+  const previewStyle2 = createMemo(() => {
     const lh = parseNumber(lineHeight());
     return {
       "line-height": lh !== null && lh > 0 ? String(lh) : void 0
@@ -38509,7 +38717,7 @@ function LineSpacingDialog(props) {
         insert(_el$11, () => t("lineSpacing.preview"));
         insert(_el$12, () => t("lineSpacing.previewText"), _el$13);
         insert(_el$12, () => t("lineSpacing.previewText"), null);
-        createRenderEffect((_$p) => style(_el$12, previewStyle(), _$p));
+        createRenderEffect((_$p) => style(_el$12, previewStyle2(), _$p));
         return _el$10;
       })()];
     }
@@ -39263,7 +39471,6 @@ const fontSizeOptions = (api) => {
   if (Number.isFinite(current) && current > 0) values.add(current);
   return Array.from(values).sort((a, b) => a - b).map((n) => ({ value: String(n), label: String(n) }));
 };
-const styleOptions = (api) => documentStyles(api).map((s) => ({ value: s.id, label: s.name }));
 const ALIGN_BUTTONS = [
   {
     command: "alignLeft",
@@ -39455,13 +39662,14 @@ function createDefaultToolbarPreset(t) {
   });
   items.push({ type: "separator", id: "sep-history" });
   items.push({
-    type: "select",
+    type: "styleGallery",
     id: "editor-toolbar-style",
     testId: "editor-toolbar-style",
-    width: "wide",
     tooltipKey: "toolbar.style",
-    command: "setStyleId",
-    options: styleOptions
+    ribbonSize: "large",
+    styles: documentStyles,
+    paragraphCommand: "setStyleId",
+    characterCommand: "setCharacterStyleId"
   });
   items.push({
     type: "select",
@@ -40063,7 +40271,7 @@ export {
   getRunFieldChar as ay,
   getRunFieldInstruction as az,
   createEditorStateFromDocument as b,
-  createTranslator as b$,
+  I18nProvider as b$,
   SfntFontProgram as b0,
   collectPdfFontFamilies as b1,
   projectDocumentLayout as b2,
@@ -40080,27 +40288,27 @@ export {
   getHeadingLevel as bD,
   preciseFontModeVersion as bE,
   isPreciseFontModeEnabled as bF,
-  togglePreciseFontMode as bG,
-  nextFontSizePt as bH,
-  previousFontSizePt as bI,
-  fontSizePtToPx as bJ,
-  createDefaultToolbarPreset as bK,
-  MenuRegistry as bL,
-  createToolbarRegistry as bM,
-  Editor as bN,
-  resolveCommandRef as bO,
-  commandRefName as bP,
-  createOasisEditorClient as bQ,
-  createEditorZoom as bR,
-  startLongTaskObserver as bS,
-  installGlobalReport as bT,
-  applyStoredPreciseFontPreference as bU,
-  getWelcomeSeen as bV,
-  isLocalFontAccessSupported as bW,
-  EDITOR_SCROLL_PADDING_PX as bX,
-  Toolbar as bY,
-  OasisEditorLoading as bZ,
-  I18nProvider as b_,
+  resolveNamedTextStyle as bG,
+  togglePreciseFontMode as bH,
+  nextFontSizePt as bI,
+  previousFontSizePt as bJ,
+  fontSizePtToPx as bK,
+  createDefaultToolbarPreset as bL,
+  MenuRegistry as bM,
+  createToolbarRegistry as bN,
+  Editor as bO,
+  resolveCommandRef as bP,
+  commandRefName as bQ,
+  createOasisEditorClient as bR,
+  createEditorZoom as bS,
+  startLongTaskObserver as bT,
+  installGlobalReport as bU,
+  applyStoredPreciseFontPreference as bV,
+  getWelcomeSeen as bW,
+  isLocalFontAccessSupported as bX,
+  EDITOR_SCROLL_PADDING_PX as bY,
+  Toolbar as bZ,
+  OasisEditorLoading as b_,
   getDocumentSectionsCanonical as ba,
   getDocumentParagraphsCanonical as bb,
   getDocumentParagraphs as bc,
@@ -40128,42 +40336,44 @@ export {
   getParagraphById as by,
   createEditorFootnote as bz,
   createSignal as c,
-  createEditorLogger as c0,
-  registerDomStatsSurface as c1,
-  Button as c2,
-  Checkbox as c3,
-  ColorPicker as c4,
-  CommandRegistry as c5,
-  DEFAULT_PALETTE as c6,
-  DialogFooter as c7,
-  FloatingActionButton as c8,
-  GridPicker as c9,
-  IconButton as ca,
-  Menu as cb,
-  OASIS_BUILTIN_COMMANDS as cc,
-  OASIS_MENU_ITEMS as cd,
-  OASIS_TOOLBAR_ITEMS as ce,
-  OasisEditorAppLazy as cf,
-  OasisEditorContainer as cg,
-  PluginCollection as ch,
-  Popover as ci,
-  RIBBON_TABS as cj,
-  Select as ck,
-  SelectField as cl,
-  Separator as cm,
-  SidePanel as cn,
-  SidePanelBody as co,
-  SidePanelFooter as cp,
-  SidePanelHeader as cq,
-  SplitButton as cr,
-  TextField as cs,
-  Button$1 as ct,
-  buildRibbonTabDefinitions as cu,
-  createEditorCommandBus as cv,
-  createOasisEditor as cw,
-  createOasisEditorContainer as cx,
-  mount as cy,
-  registerToolbarRenderer as cz,
+  createTranslator as c0,
+  createEditorLogger as c1,
+  registerDomStatsSurface as c2,
+  Button as c3,
+  Checkbox as c4,
+  ColorPicker as c5,
+  CommandRegistry as c6,
+  DEFAULT_PALETTE as c7,
+  DialogFooter as c8,
+  FloatingActionButton as c9,
+  mount as cA,
+  registerToolbarRenderer as cB,
+  GridPicker as ca,
+  IconButton as cb,
+  Menu as cc,
+  OASIS_BUILTIN_COMMANDS as cd,
+  OASIS_MENU_ITEMS as ce,
+  OASIS_TOOLBAR_ITEMS as cf,
+  OasisEditorAppLazy as cg,
+  OasisEditorContainer as ch,
+  PluginCollection as ci,
+  Popover as cj,
+  RIBBON_TABS as ck,
+  Select as cl,
+  SelectField as cm,
+  Separator as cn,
+  SidePanel as co,
+  SidePanelBody as cp,
+  SidePanelFooter as cq,
+  SidePanelHeader as cr,
+  SplitButton as cs,
+  StyleGallery as ct,
+  TextField as cu,
+  Button$1 as cv,
+  buildRibbonTabDefinitions as cw,
+  createEditorCommandBus as cx,
+  createOasisEditor as cy,
+  createOasisEditorContainer as cz,
   createInitialEditorState as d,
   createEditorParagraphFromRuns as e,
   fontSizePxToPt as f,