oasis-editor 0.0.134 → 0.0.135

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

@@ -1840,6 +1840,7 @@ const en = {
   "ribbon.group.cellSize": "Cell Size",
   "ribbon.group.alignment": "Alignment",
   "ribbon.group.size": "Size",
+  "ribbon.group.imageStyles": "Picture Styles",
   // Image format (contextual tab)
   "image.crop": "Crop",
   "image.height": "Height",
@@ -1852,6 +1853,20 @@ const en = {
   "image.cropRatio.2x3": "2:3",
   "image.cropRatio.3x4": "3:4",
   "image.cropRatio.9x16": "9:16",
+  "image.border": "Picture Border",
+  "image.borderNone": "No Outline",
+  "image.borderMoreColors": "More Outline Colors...",
+  "image.borderWeight": "Weight",
+  "image.borderDashes": "Dashes",
+  "image.borderDash.solid": "Solid",
+  "image.borderDash.sysDot": "Round Dot",
+  "image.borderDash.sysDash": "Square Dot",
+  "image.borderDash.dot": "Dot",
+  "image.borderDash.dash": "Dash",
+  "image.borderDash.dashDot": "Dash Dot",
+  "image.borderDash.lgDash": "Long Dash",
+  "image.borderDash.lgDashDot": "Long Dash Dot",
+  "image.borderDash.lgDashDotDot": "Long Dash Dot Dot",
   // Export
   "toolbar.exportDocx": "Export DOCX",
   "toolbar.exportPdf": "Export PDF",
@@ -2401,6 +2416,7 @@ const ptBR = {
   "ribbon.group.cellSize": "Tamanho da Célula",
   "ribbon.group.alignment": "Alinhamento",
   "ribbon.group.size": "Tamanho",
+  "ribbon.group.imageStyles": "Estilos de Imagem",
   // Image format (contextual tab)
   "image.crop": "Cortar",
   "image.height": "Altura",
@@ -2413,6 +2429,20 @@ const ptBR = {
   "image.cropRatio.2x3": "2:3",
   "image.cropRatio.3x4": "3:4",
   "image.cropRatio.9x16": "9:16",
+  "image.border": "Borda de Imagem",
+  "image.borderNone": "Sem Contorno",
+  "image.borderMoreColors": "Mais Cores de Contorno...",
+  "image.borderWeight": "Espessura",
+  "image.borderDashes": "Traços",
+  "image.borderDash.solid": "Sólido",
+  "image.borderDash.sysDot": "Ponto Redondo",
+  "image.borderDash.sysDash": "Ponto Quadrado",
+  "image.borderDash.dot": "Pontilhado",
+  "image.borderDash.dash": "Tracejado",
+  "image.borderDash.dashDot": "Traço e Ponto",
+  "image.borderDash.lgDash": "Traço Longo",
+  "image.borderDash.lgDashDot": "Traço Longo e Ponto",
+  "image.borderDash.lgDashDotDot": "Traço Longo e Dois Pontos",
   // Export
   "toolbar.exportDocx": "Exportar DOCX",
   "toolbar.exportPdf": "Exportar PDF",
@@ -2590,14 +2620,14 @@ function I18nProvider(props) {
   });
 }
 const oasisMarkBase64 = "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";
-var _tmpl$$15 = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$18 = /* @__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$$15();
+    var _el$ = _tmpl$$18();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2614,7 +2644,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$14 = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$F = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$r = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$17 = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$I = /* @__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$u = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const t = useI18n();
   const variant = () => props.variant ?? "overlay";
@@ -2624,7 +2654,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$F(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$I(), _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"
@@ -2635,10 +2665,10 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$14();
+        var _el$6 = _tmpl$$17();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
-          return () => _c$() ? _tmpl$3$r() : `${pct()}%`;
+          return () => _c$() ? _tmpl$3$u() : `${pct()}%`;
         })());
         return _el$6;
       }
@@ -2689,7 +2719,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-B2f15Gpe.js").then((m) => {
+    import("./OasisEditorApp-207_qEC4.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -5222,6 +5252,7 @@ const OASIS_BUILTIN_COMMANDS = [
   "imageHeightCm",
   "imageCrop",
   "imageCropAspect",
+  "imageBorder",
   "outdent",
   "indent",
   "togglePageBreakBefore",
@@ -5292,10 +5323,10 @@ function mount(target, props = {}) {
     unmount: () => client.dispose()
   });
 }
-var _tmpl$$13 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg aria-hidden=true>`), _tmpl$2$E = /* @__PURE__ */ template(`<svg><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</svg>`, false, true, false), _tmpl$3$q = /* @__PURE__ */ template(`<svg><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1</svg>`, false, true, false), _tmpl$4$i = /* @__PURE__ */ template(`<svg><g><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25></svg>`, false, true, false), _tmpl$5$b = /* @__PURE__ */ template(`<svg><polyline points="4 7 7 4 10 7"></svg>`, false, true, false), _tmpl$6$8 = /* @__PURE__ */ template(`<svg><line x1=7 y1=4 x2=7 y2=20></svg>`, false, true, false), _tmpl$7$3 = /* @__PURE__ */ template(`<svg><polyline points="4 17 7 20 10 17"></svg>`, false, true, false), _tmpl$8$2 = /* @__PURE__ */ template(`<svg><line x1=13 y1=6 x2=21 y2=6></svg>`, false, true, false), _tmpl$9$1 = /* @__PURE__ */ template(`<svg><line x1=13 y1=12 x2=21 y2=12></svg>`, false, true, false), _tmpl$0$1 = /* @__PURE__ */ template(`<svg><line x1=13 y1=18 x2=21 y2=18></svg>`, false, true, false), _tmpl$1$1 = /* @__PURE__ */ template(`<svg><polyline points="20 6 9 17 4 12"></svg>`, false, true, false), _tmpl$10 = /* @__PURE__ */ template(`<i>`);
+var _tmpl$$16 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg aria-hidden=true>`), _tmpl$2$H = /* @__PURE__ */ template(`<svg><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</svg>`, false, true, false), _tmpl$3$t = /* @__PURE__ */ template(`<svg><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1</svg>`, false, true, false), _tmpl$4$k = /* @__PURE__ */ template(`<svg><g><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25></svg>`, false, true, false), _tmpl$5$c = /* @__PURE__ */ template(`<svg><polyline points="4 7 7 4 10 7"></svg>`, false, true, false), _tmpl$6$9 = /* @__PURE__ */ template(`<svg><line x1=7 y1=4 x2=7 y2=20></svg>`, false, true, false), _tmpl$7$4 = /* @__PURE__ */ template(`<svg><polyline points="4 17 7 20 10 17"></svg>`, false, true, false), _tmpl$8$2 = /* @__PURE__ */ template(`<svg><line x1=13 y1=6 x2=21 y2=6></svg>`, false, true, false), _tmpl$9 = /* @__PURE__ */ template(`<svg><line x1=13 y1=12 x2=21 y2=12></svg>`, false, true, false), _tmpl$0 = /* @__PURE__ */ template(`<svg><line x1=13 y1=18 x2=21 y2=18></svg>`, false, true, false), _tmpl$1 = /* @__PURE__ */ template(`<svg><polyline points="20 6 9 17 4 12"></svg>`, false, true, false), _tmpl$10 = /* @__PURE__ */ template(`<i>`);
 function SvgIcon(props) {
   return (() => {
-    var _el$ = _tmpl$$13();
+    var _el$ = _tmpl$$16();
     insert(_el$, () => props.children);
     createRenderEffect((_p$) => {
       var _v$ = props.width ?? 24, _v$2 = props.height ?? 24, _v$3 = props.viewBox ?? "0 0 24 24", _v$4 = props.fill ?? "none", _v$5 = props.stroke, _v$6 = props["stroke-width"], _v$7 = props["stroke-linecap"], _v$8 = props["stroke-linejoin"], _v$9 = props.class;
@@ -5326,13 +5357,13 @@ function SvgIcon(props) {
 const FootnoteIcon = () => createComponent(SvgIcon, {
   fill: "none",
   get children() {
-    return [_tmpl$2$E(), _tmpl$3$q()];
+    return [_tmpl$2$H(), _tmpl$3$t()];
   }
 });
 const SpecialIndentFirstLineIcon = () => createComponent(SvgIcon, {
   fill: "currentColor",
   get children() {
-    return _tmpl$4$i();
+    return _tmpl$4$k();
   }
 });
 const LineSpacingIcon = () => createComponent(SvgIcon, {
@@ -5343,7 +5374,7 @@ const LineSpacingIcon = () => createComponent(SvgIcon, {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   get children() {
-    return [_tmpl$5$b(), _tmpl$6$8(), _tmpl$7$3(), _tmpl$8$2(), _tmpl$9$1(), _tmpl$0$1()];
+    return [_tmpl$5$c(), _tmpl$6$9(), _tmpl$7$4(), _tmpl$8$2(), _tmpl$9(), _tmpl$0()];
   }
 });
 const CheckIcon = (props) => createComponent(SvgIcon, {
@@ -5360,7 +5391,7 @@ const CheckIcon = (props) => createComponent(SvgIcon, {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   get children() {
-    return _tmpl$1$1();
+    return _tmpl$1();
   }
 });
 const CUSTOM_ICONS = {
@@ -5386,11 +5417,11 @@ function ToolIcon(props) {
     children: (render2) => render2()()
   });
 }
-var _tmpl$$12 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$15 = /* @__PURE__ */ template(`<button>`);
 function SurfaceButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "variant", "size", "active", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$12();
+    var _el$ = _tmpl$$15();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -5451,7 +5482,7 @@ function Text$1(props) {
     }
   }));
 }
-var _tmpl$$11 = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$D = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$p = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$h = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$a = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$7 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
+var _tmpl$$14 = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$G = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$s = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$b = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
 function Menubar(props) {
   const t = useI18n();
   const [activeMenu, setActiveMenu] = createSignal(null);
@@ -5519,13 +5550,13 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$11();
+    var _el$ = _tmpl$$14();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
       },
       children: (topLevel) => (() => {
-        var _el$2 = _tmpl$3$p();
+        var _el$2 = _tmpl$3$s();
         _el$2.addEventListener("mouseenter", () => {
           if (activeMenu() && activeMenu() !== topLevel.id) {
             setActiveMenu(topLevel.id);
@@ -5560,7 +5591,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$3 = _tmpl$2$D();
+            var _el$3 = _tmpl$2$G();
             insert(_el$3, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -5591,7 +5622,7 @@ function MenuNode(props) {
   } = props;
   const isSeparator = (_a = node.item) == null ? void 0 : _a.separator;
   if (isSeparator) {
-    return _tmpl$4$h();
+    return _tmpl$4$j();
   }
   const hasChildren = node.children.length > 0;
   const [showSub, setShowSub] = createSignal(false);
@@ -5667,14 +5698,14 @@ function MenuNode(props) {
       }), createComponent(Show, {
         when: hasChildren,
         get children() {
-          return _tmpl$5$a();
+          return _tmpl$5$b();
         }
       }), createComponent(Show, {
         get when() {
           return showSub() && hasChildren;
         },
         get children() {
-          var _el$6 = _tmpl$6$7();
+          var _el$6 = _tmpl$6$8();
           insert(_el$6, createComponent(For, {
             get each() {
               return node.children;
@@ -5693,10 +5724,10 @@ function MenuNode(props) {
     }
   });
 }
-var _tmpl$$10 = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$13 = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$10(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$13(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -5791,7 +5822,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$$ = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$C = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$o = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$g = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$12 = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$F = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$r = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$i = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const t = useI18n();
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
@@ -5862,13 +5893,13 @@ function OutlinePanel(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$3$o(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$3$r(), _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$$$();
+        var _el$3 = _tmpl$$12();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -5879,14 +5910,14 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$C();
+        var _el$6 = _tmpl$2$F();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
           },
           get fallback() {
             return (() => {
-              var _el$7 = _tmpl$4$g();
+              var _el$7 = _tmpl$4$i();
               insert(_el$7, () => t("outline.empty"));
               return _el$7;
             })();
@@ -5897,7 +5928,7 @@ function OutlinePanel(props) {
                 return items();
               },
               children: (item) => (() => {
-                var _el$8 = _tmpl$5$9();
+                var _el$8 = _tmpl$5$a();
                 _el$8.$$click = () => props.onNavigate(item.anchor);
                 insert(_el$8, () => item.text);
                 createRenderEffect((_p$) => {
@@ -5936,7 +5967,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$_ = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$B = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$11 = /* @__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$E = /* @__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);
@@ -6080,7 +6111,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$_(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
+    var _el$ = _tmpl$$11(), _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;
@@ -6092,7 +6123,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$B();
+        var _el$7 = _tmpl$2$E();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -6168,12 +6199,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$Z = /* @__PURE__ */ template(`<span>`), _tmpl$2$A = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$10 = /* @__PURE__ */ template(`<span>`), _tmpl$2$D = /* @__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$A();
+    var _el$ = _tmpl$2$D();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -6210,7 +6241,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$Z();
+        var _el$2 = _tmpl$$10();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -6292,7 +6323,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$Y = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$$ = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -6309,7 +6340,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$Y();
+    var _el$ = _tmpl$$$();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -6361,20 +6392,20 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$X = /* @__PURE__ */ template(`<i data-lucide=chevron-down>`);
+var _tmpl$$_ = /* @__PURE__ */ template(`<i data-lucide=chevron-down>`);
 function DropdownChevron(props) {
   return (() => {
-    var _el$ = _tmpl$$X();
+    var _el$ = _tmpl$$_();
     createRenderEffect(() => className(_el$, `oasis-editor-dropdown-chevron${props.class ? ` ${props.class}` : ""}`));
     return _el$;
   })();
 }
-var _tmpl$$W = /* @__PURE__ */ template(`<div>`), _tmpl$2$z = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$n = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$4$f = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$Z = /* @__PURE__ */ template(`<div>`), _tmpl$2$C = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$q = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$4$h = /* @__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$z();
+    var _el$ = _tmpl$2$C();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
@@ -6389,7 +6420,7 @@ function Menu(props) {
       },
       onPanelMouseLeave: void 0,
       trigger: (api) => (() => {
-        var _el$3 = _tmpl$4$f();
+        var _el$3 = _tmpl$4$h();
         _el$3.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$3);
         insert(_el$3, createComponent(Show, {
@@ -6409,7 +6440,7 @@ function Menu(props) {
             return props.label;
           },
           get children() {
-            var _el$4 = _tmpl$3$n();
+            var _el$4 = _tmpl$3$q();
             insert(_el$4, () => props.label);
             return _el$4;
           }
@@ -6444,7 +6475,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$W();
+        var _el$2 = _tmpl$$Z();
         _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")) {
@@ -6459,7 +6490,7 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$V = /* @__PURE__ */ template(`<select>`), _tmpl$2$y = /* @__PURE__ */ template(`<span class=oasis-editor-tool-select-ribbon-large-label>`), _tmpl$3$m = /* @__PURE__ */ template(`<div class=oasis-editor-tool-select-ribbon-large-wrap>`);
+var _tmpl$$Y = /* @__PURE__ */ template(`<select>`), _tmpl$2$B = /* @__PURE__ */ template(`<span class=oasis-editor-tool-select-ribbon-large-label>`), _tmpl$3$p = /* @__PURE__ */ template(`<div class=oasis-editor-tool-select-ribbon-large-wrap>`);
 function Select(props) {
   let selectRef;
   const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value", "label", "ribbonSize"]);
@@ -6475,7 +6506,7 @@ function Select(props) {
     }
   });
   const select = () => (() => {
-    var _el$ = _tmpl$$V();
+    var _el$ = _tmpl$$Y();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -6510,13 +6541,13 @@ function Select(props) {
       return select();
     },
     get children() {
-      var _el$2 = _tmpl$3$m();
+      var _el$2 = _tmpl$3$p();
       insert(_el$2, createComponent(Show, {
         get when() {
           return local.label;
         },
         get children() {
-          var _el$3 = _tmpl$2$y();
+          var _el$3 = _tmpl$2$B();
           insert(_el$3, () => local.label);
           return _el$3;
         }
@@ -6526,15 +6557,15 @@ function Select(props) {
     }
   });
 }
-var _tmpl$$U = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$X = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$U();
+    var _el$ = _tmpl$$X();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$T = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu>`);
+var _tmpl$$W = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu>`);
 function SplitButton(props) {
   return createComponent(Popover, {
     get open() {
@@ -6553,7 +6584,7 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$T(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$W(), _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);
@@ -6594,7 +6625,85 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$S = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$x = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$6 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<span>`), _tmpl$9 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$0 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$V = /* @__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$2$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$3$o = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$4$g = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+const normalize = (value) => value.trim().toLowerCase();
+function ColorGrids(props) {
+  return [(() => {
+    var _el$ = _tmpl$$V(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    insert(_el$2, () => props.themeColorsLabel);
+    insert(_el$3, createComponent(For, {
+      get each() {
+        return props.palette.themeColors;
+      },
+      children: (theme) => (() => {
+        var _el$7 = _tmpl$3$o();
+        insert(_el$7, createComponent(For, {
+          get each() {
+            return theme.values;
+          },
+          children: (color) => (() => {
+            var _el$8 = _tmpl$4$g();
+            _el$8.$$click = () => props.onPick(color);
+            _el$8.addEventListener("blur", () => props.onPreview(null));
+            _el$8.addEventListener("focus", () => props.onPreview(color));
+            _el$8.addEventListener("mouseenter", () => props.onPreview(color));
+            setStyleProperty(_el$8, "background-color", color);
+            createRenderEffect((_p$) => {
+              var _v$ = !!(props.activeColor === normalize(color)), _v$2 = `${theme.name} ${color}`, _v$3 = `${theme.name} ${color}`, _v$4 = `${props.testId}-theme-swatch-${color.replace("#", "")}`;
+              _v$ !== _p$.e && _el$8.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$);
+              _v$2 !== _p$.t && setAttribute(_el$8, "title", _p$.t = _v$2);
+              _v$3 !== _p$.a && setAttribute(_el$8, "aria-label", _p$.a = _v$3);
+              _v$4 !== _p$.o && setAttribute(_el$8, "data-testid", _p$.o = _v$4);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0
+            });
+            return _el$8;
+          })()
+        }));
+        return _el$7;
+      })()
+    }));
+    return _el$;
+  })(), (() => {
+    var _el$4 = _tmpl$2$A(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+    insert(_el$5, () => props.standardColorsLabel);
+    insert(_el$6, createComponent(For, {
+      get each() {
+        return props.palette.standardColors;
+      },
+      children: (swatch) => (() => {
+        var _el$9 = _tmpl$4$g();
+        _el$9.$$click = () => props.onPick(swatch.value);
+        _el$9.addEventListener("blur", () => props.onPreview(null));
+        _el$9.addEventListener("focus", () => props.onPreview(swatch.value));
+        _el$9.addEventListener("mouseenter", () => props.onPreview(swatch.value));
+        createRenderEffect((_p$) => {
+          var _v$5 = !!(props.activeColor === normalize(swatch.value)), _v$6 = swatch.value, _v$7 = swatch.name, _v$8 = swatch.name, _v$9 = `${props.testId}-standard-swatch-${swatch.value.replace("#", "")}`;
+          _v$5 !== _p$.e && _el$9.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$5);
+          _v$6 !== _p$.t && setStyleProperty(_el$9, "background-color", _p$.t = _v$6);
+          _v$7 !== _p$.a && setAttribute(_el$9, "title", _p$.a = _v$7);
+          _v$8 !== _p$.o && setAttribute(_el$9, "aria-label", _p$.o = _v$8);
+          _v$9 !== _p$.i && setAttribute(_el$9, "data-testid", _p$.i = _v$9);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0
+        });
+        return _el$9;
+      })()
+    }));
+    return _el$4;
+  })()];
+}
+delegateEvents(["click"]);
+var _tmpl$$U = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$z = /* @__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$n = /* @__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$4$f = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$5$9 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span>`), _tmpl$7$3 = /* @__PURE__ */ template(`<i data-lucide=slash>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -6641,27 +6750,27 @@ function ColorPicker(props) {
     },
     get mainContent() {
       return [(() => {
-        var _el$13 = _tmpl$7$2(), _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
+        var _el$9 = _tmpl$5$9(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
         createRenderEffect((_p$) => {
           var _v$3 = props.icon, _v$4 = !displayColor(), _v$5 = displayColor() ?? void 0;
-          _v$3 !== _p$.e && setAttribute(_el$14, "data-lucide", _p$.e = _v$3);
-          _v$4 !== _p$.t && _el$15.classList.toggle("oasis-editor-color-split-indicator-empty", _p$.t = _v$4);
-          _v$5 !== _p$.a && setStyleProperty(_el$15, "background-color", _p$.a = _v$5);
+          _v$3 !== _p$.e && setAttribute(_el$0, "data-lucide", _p$.e = _v$3);
+          _v$4 !== _p$.t && _el$1.classList.toggle("oasis-editor-color-split-indicator-empty", _p$.t = _v$4);
+          _v$5 !== _p$.a && setStyleProperty(_el$1, "background-color", _p$.a = _v$5);
           return _p$;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
         });
-        return _el$13;
+        return _el$9;
       })(), createComponent(Show, {
         get when() {
           return props.label;
         },
         get children() {
-          var _el$16 = _tmpl$8$1();
-          insert(_el$16, () => props.label);
-          return _el$16;
+          var _el$10 = _tmpl$6$7();
+          insert(_el$10, () => props.label);
+          return _el$10;
         }
       })];
     },
@@ -6671,122 +6780,68 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$x(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$z(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
               return props.kind === "color";
             },
             get fallback() {
-              return _tmpl$9();
+              return _tmpl$7$3();
             },
             get children() {
-              return _tmpl$$S();
+              return _tmpl$$U();
             }
           }));
           insert(_el$4, clearLabel);
           createRenderEffect(() => setAttribute(_el$, "data-testid", `${props.testId}-clear`));
           return _el$;
         }
-      }), (() => {
-        var _el$5 = _tmpl$3$l(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
-        insert(_el$6, () => props.themeColorsLabel);
-        insert(_el$7, createComponent(For, {
-          get each() {
-            return props.palette.themeColors;
-          },
-          children: (theme) => (() => {
-            var _el$18 = _tmpl$0();
-            insert(_el$18, createComponent(For, {
-              get each() {
-                return theme.values;
-              },
-              children: (color) => (() => {
-                var _el$19 = _tmpl$1();
-                _el$19.$$click = () => applyColor(color);
-                _el$19.addEventListener("blur", () => setPreviewColor(null));
-                _el$19.addEventListener("focus", () => setPreviewColor(color));
-                _el$19.addEventListener("mouseenter", () => setPreviewColor(color));
-                setStyleProperty(_el$19, "background-color", color);
-                createRenderEffect((_p$) => {
-                  var _v$6 = !!(activeColor() === normalizeColor(color)), _v$7 = `${theme.name} ${color}`, _v$8 = `${theme.name} ${color}`, _v$9 = `${props.testId}-theme-swatch-${color.replace("#", "")}`;
-                  _v$6 !== _p$.e && _el$19.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$6);
-                  _v$7 !== _p$.t && setAttribute(_el$19, "title", _p$.t = _v$7);
-                  _v$8 !== _p$.a && setAttribute(_el$19, "aria-label", _p$.a = _v$8);
-                  _v$9 !== _p$.o && setAttribute(_el$19, "data-testid", _p$.o = _v$9);
-                  return _p$;
-                }, {
-                  e: void 0,
-                  t: void 0,
-                  a: void 0,
-                  o: void 0
-                });
-                return _el$19;
-              })()
-            }));
-            return _el$18;
-          })()
-        }));
-        return _el$5;
-      })(), (() => {
-        var _el$8 = _tmpl$4$e(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
-        insert(_el$9, () => props.standardColorsLabel);
-        insert(_el$0, createComponent(For, {
-          get each() {
-            return props.palette.standardColors;
-          },
-          children: (swatch) => (() => {
-            var _el$20 = _tmpl$1();
-            _el$20.$$click = () => applyColor(swatch.value);
-            _el$20.addEventListener("blur", () => setPreviewColor(null));
-            _el$20.addEventListener("focus", () => setPreviewColor(swatch.value));
-            _el$20.addEventListener("mouseenter", () => setPreviewColor(swatch.value));
-            createRenderEffect((_p$) => {
-              var _v$0 = !!(activeColor() === normalizeColor(swatch.value)), _v$1 = swatch.value, _v$10 = swatch.name, _v$11 = swatch.name, _v$12 = `${props.testId}-standard-swatch-${swatch.value.replace("#", "")}`;
-              _v$0 !== _p$.e && _el$20.classList.toggle("oasis-editor-color-swatch-active", _p$.e = _v$0);
-              _v$1 !== _p$.t && setStyleProperty(_el$20, "background-color", _p$.t = _v$1);
-              _v$10 !== _p$.a && setAttribute(_el$20, "title", _p$.a = _v$10);
-              _v$11 !== _p$.o && setAttribute(_el$20, "aria-label", _p$.o = _v$11);
-              _v$12 !== _p$.i && setAttribute(_el$20, "data-testid", _p$.i = _v$12);
-              return _p$;
-            }, {
-              e: void 0,
-              t: void 0,
-              a: void 0,
-              o: void 0,
-              i: void 0
-            });
-            return _el$20;
-          })()
-        }));
-        return _el$8;
-      })(), createComponent(Show, {
+      }), createComponent(ColorGrids, {
+        get palette() {
+          return props.palette;
+        },
+        get themeColorsLabel() {
+          return props.themeColorsLabel;
+        },
+        get standardColorsLabel() {
+          return props.standardColorsLabel;
+        },
+        get activeColor() {
+          return activeColor();
+        },
+        get testId() {
+          return props.testId;
+        },
+        onPreview: setPreviewColor,
+        onPick: applyColor
+      }), createComponent(Show, {
         get when() {
           return props.palette.allowCustom ?? true;
         },
         get children() {
           return [(() => {
-            var _el$1 = _tmpl$5$8(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
-            _el$1.$$click = () => customColorInputRef == null ? void 0 : customColorInputRef.click();
-            insert(_el$11, () => props.moreColorsLabel);
-            createRenderEffect(() => setAttribute(_el$1, "data-testid", `${props.testId}-more-colors`));
-            return _el$1;
+            var _el$5 = _tmpl$3$n(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+            _el$5.$$click = () => customColorInputRef == null ? void 0 : customColorInputRef.click();
+            insert(_el$7, () => props.moreColorsLabel);
+            createRenderEffect(() => setAttribute(_el$5, "data-testid", `${props.testId}-more-colors`));
+            return _el$5;
           })(), (() => {
-            var _el$12 = _tmpl$6$6();
-            _el$12.$$input = (event) => applyColor(event.currentTarget.value);
+            var _el$8 = _tmpl$4$f();
+            _el$8.$$input = (event) => applyColor(event.currentTarget.value);
             var _ref$ = customColorInputRef;
-            typeof _ref$ === "function" ? use(_ref$, _el$12) : customColorInputRef = _el$12;
+            typeof _ref$ === "function" ? use(_ref$, _el$8) : customColorInputRef = _el$8;
             createRenderEffect((_p$) => {
               var _v$ = `${props.testId}-custom-input`, _v$2 = props.moreColorsLabel;
-              _v$ !== _p$.e && setAttribute(_el$12, "data-testid", _p$.e = _v$);
-              _v$2 !== _p$.t && setAttribute(_el$12, "aria-label", _p$.t = _v$2);
+              _v$ !== _p$.e && setAttribute(_el$8, "data-testid", _p$.e = _v$);
+              _v$2 !== _p$.t && setAttribute(_el$8, "aria-label", _p$.t = _v$2);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            createRenderEffect(() => _el$12.value = displayColor() || directApplyColor());
-            return _el$12;
+            createRenderEffect(() => _el$8.value = displayColor() || directApplyColor());
+            return _el$8;
           })()];
         }
       })];
@@ -6794,7 +6849,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$w = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$d = /* @__PURE__ */ template(`<span>`), _tmpl$5$7 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button>`), _tmpl$6$5 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$T = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$y = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$m = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$e = /* @__PURE__ */ template(`<span>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button>`), _tmpl$6$6 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const t = useI18n();
   const [isOpen, setIsOpen] = createSignal(false);
@@ -6869,7 +6924,7 @@ function GridPicker(props) {
     return h.row === 0 || h.col === 0 ? t("toolbar.table") : `${h.row} × ${h.col}`;
   };
   return (() => {
-    var _el$ = _tmpl$3$k();
+    var _el$ = _tmpl$3$m();
     insert(_el$, createComponent(Popover, {
       get open() {
         return isOpen();
@@ -6881,7 +6936,7 @@ function GridPicker(props) {
         col: 0
       }),
       trigger: (api) => (() => {
-        var _el$4 = _tmpl$5$7();
+        var _el$4 = _tmpl$5$8();
         _el$4.$$click = () => api.toggle();
         use((el) => api.ref(el), _el$4);
         insert(_el$4, createComponent(ToolIcon, {
@@ -6894,7 +6949,7 @@ function GridPicker(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;
           }
@@ -6918,11 +6973,11 @@ function GridPicker(props) {
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$R();
+          var _el$2 = _tmpl$$T();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$w();
+          var _el$3 = _tmpl$2$y();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -6932,7 +6987,7 @@ function GridPicker(props) {
                 return cols();
               },
               children: (c) => (() => {
-                var _el$6 = _tmpl$6$5();
+                var _el$6 = _tmpl$6$6();
                 _el$6.$$click = () => selectGridSize(r, c);
                 _el$6.$$mousedown = (event) => event.preventDefault();
                 _el$6.addEventListener("mouseenter", () => setHover({
@@ -7022,7 +7077,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$Q = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery><div class=oasis-editor-style-gallery-ribbon><div class=oasis-editor-style-gallery-strip role=listbox></div><button type=button class=oasis-editor-style-gallery-expand aria-haspopup=listbox>`), _tmpl$4$c = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$S = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$x = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery><div class=oasis-editor-style-gallery-ribbon><div class=oasis-editor-style-gallery-strip role=listbox></div><button type=button class=oasis-editor-style-gallery-expand aria-haspopup=listbox>`), _tmpl$4$d = /* @__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);
@@ -7102,7 +7157,7 @@ function StyleGallery(props) {
       return styles();
     },
     children: (style$1) => (() => {
-      var _el$ = _tmpl$$Q(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$S(), _el$2 = _el$.firstChild;
       _el$.$$click = () => apply(style$1);
       insert(_el$2, () => style$1.name);
       createRenderEffect((_p$) => {
@@ -7133,7 +7188,7 @@ function StyleGallery(props) {
     panelRole: "listbox",
     panelTestId,
     trigger: (popover) => (() => {
-      var _el$4 = _tmpl$3$j(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+      var _el$4 = _tmpl$3$l(), _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, {
@@ -7157,7 +7212,7 @@ function StyleGallery(props) {
               return styles();
             },
             children: (style2) => (() => {
-              var _el$8 = _tmpl$4$c();
+              var _el$8 = _tmpl$4$d();
               insert(_el$8, () => style2.name);
               createRenderEffect(() => _el$8.value = style2.id);
               return _el$8;
@@ -7183,7 +7238,7 @@ function StyleGallery(props) {
       return _el$4;
     })(),
     get children() {
-      var _el$3 = _tmpl$2$v();
+      var _el$3 = _tmpl$2$x();
       _el$3.$$keydown = onPanelKeyDown;
       insert(_el$3, cards);
       return _el$3;
@@ -7191,6 +7246,354 @@ function StyleGallery(props) {
   });
 }
 delegateEvents(["click", "keydown"]);
+var _tmpl$$R = /* @__PURE__ */ template(`<span class=oasis-editor-wide-menu-button-indicator>`), _tmpl$2$w = /* @__PURE__ */ template(`<span class=oasis-editor-wide-menu-button-icon>`), _tmpl$3$k = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-wide-menu-button"aria-haspopup=menu><span class=oasis-editor-wide-menu-button-label>`);
+function WideMenuButton(props) {
+  return createComponent(Popover, {
+    get open() {
+      return props.open;
+    },
+    get onOpenChange() {
+      return props.onOpenChange;
+    },
+    panelRole: "menu",
+    get panelClass() {
+      return `oasis-editor-color-menu ${props.panelClass ?? ""}`;
+    },
+    trigger: (api) => (() => {
+      var _el$ = _tmpl$3$k(), _el$4 = _el$.firstChild;
+      _el$.$$click = () => api.toggle();
+      use((el) => api.ref(el), _el$);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return props.icon;
+        },
+        get children() {
+          var _el$2 = _tmpl$2$w();
+          insert(_el$2, createComponent(ToolIcon, {
+            get name() {
+              return props.icon;
+            }
+          }), null);
+          insert(_el$2, createComponent(Show, {
+            get when() {
+              return props.indicatorColor !== void 0;
+            },
+            get children() {
+              var _el$3 = _tmpl$$R();
+              createRenderEffect((_p$) => {
+                var _v$ = !props.indicatorColor, _v$2 = props.indicatorColor ?? "";
+                _v$ !== _p$.e && _el$3.classList.toggle("oasis-editor-wide-menu-button-indicator-empty", _p$.e = _v$);
+                _v$2 !== _p$.t && setStyleProperty(_el$3, "background-color", _p$.t = _v$2);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0
+              });
+              return _el$3;
+            }
+          }), null);
+          return _el$2;
+        }
+      }), _el$4);
+      insert(_el$4, () => props.label);
+      insert(_el$, createComponent(DropdownChevron, {}), null);
+      createRenderEffect((_p$) => {
+        var _v$3 = !!(props.active || api.open), _v$4 = props.disabled, _v$5 = props.tooltip ?? props.label, _v$6 = props.tooltip ?? props.label, _v$7 = api.open, _v$8 = props.testId;
+        _v$3 !== _p$.e && _el$.classList.toggle("oasis-editor-tool-button-active", _p$.e = _v$3);
+        _v$4 !== _p$.t && (_el$.disabled = _p$.t = _v$4);
+        _v$5 !== _p$.a && setAttribute(_el$, "title", _p$.a = _v$5);
+        _v$6 !== _p$.o && setAttribute(_el$, "aria-label", _p$.o = _v$6);
+        _v$7 !== _p$.i && setAttribute(_el$, "aria-expanded", _p$.i = _v$7);
+        _v$8 !== _p$.n && setAttribute(_el$, "data-testid", _p$.n = _v$8);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0,
+        n: void 0
+      });
+      return _el$;
+    })(),
+    get children() {
+      return props.children;
+    }
+  });
+}
+delegateEvents(["click"]);
+const LINE_DASH_PATTERN_PT = {
+  solid: [],
+  dot: [0.75, 2.25],
+  sysDot: [0.75, 0.75],
+  dash: [3.75, 2.25],
+  sysDash: [2.25, 2.25],
+  dashDot: [3.75, 2.25, 0.75, 2.25],
+  lgDash: [6, 2.25],
+  lgDashDot: [6, 2.25, 0.75, 2.25],
+  lgDashDotDot: [6, 2.25, 0.75, 2.25, 0.75, 2.25]
+};
+const DASH_VALUES = new Set(
+  Object.keys(LINE_DASH_PATTERN_PT)
+);
+function parseLineDash(value) {
+  return value && DASH_VALUES.has(value) ? value : void 0;
+}
+function lineDashPatternPt(dash) {
+  return LINE_DASH_PATTERN_PT[dash ?? "solid"];
+}
+const PICTURE_BORDER_WEIGHTS_PT = [
+  0.25,
+  0.5,
+  0.75,
+  1,
+  1.5,
+  2.25,
+  3,
+  4.5,
+  6
+];
+function formatBorderWeight(widthPt) {
+  const whole = Math.floor(widthPt);
+  const fraction = widthPt - whole;
+  const glyph = fraction === 0.25 ? "¼" : fraction === 0.5 ? "½" : fraction === 0.75 ? "¾" : "";
+  if (!glyph) {
+    return String(whole);
+  }
+  return whole === 0 ? glyph : `${whole}${glyph}`;
+}
+const PICTURE_BORDER_DASH_OPTIONS = [
+  { value: "solid", labelKey: "image.borderDash.solid" },
+  { value: "sysDot", labelKey: "image.borderDash.sysDot" },
+  { value: "sysDash", labelKey: "image.borderDash.sysDash" },
+  { value: "dot", labelKey: "image.borderDash.dot" },
+  { value: "dash", labelKey: "image.borderDash.dash" },
+  { value: "dashDot", labelKey: "image.borderDash.dashDot" },
+  { value: "lgDash", labelKey: "image.borderDash.lgDash" },
+  { value: "lgDashDot", labelKey: "image.borderDash.lgDashDot" },
+  { value: "lgDashDotDot", labelKey: "image.borderDash.lgDashDotDot" }
+];
+function dashPreviewArray(dash) {
+  const pattern = lineDashPatternPt(dash);
+  return pattern.length > 0 ? pattern.join(" ") : void 0;
+}
+var _tmpl$$Q = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch><i data-lucide=slash></i></span><span>`), _tmpl$2$v = /* @__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$3$j = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-editor-picture-border-flyout role=menu>`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=oasis-editor-picture-border-submenu-row><button type=button class="oasis-editor-color-menu-action oasis-editor-picture-border-submenu-trigger"role=menuitem aria-haspopup=menu><span class=oasis-editor-color-menu-action-swatch><i data-lucide=minus></i></span><span></span><i data-lucide=chevron-right class=oasis-editor-dropdown-chevron>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=oasis-editor-picture-border-submenu-row><button type=button class="oasis-editor-color-menu-action oasis-editor-picture-border-submenu-trigger"role=menuitem aria-haspopup=menu><span class=oasis-editor-color-menu-action-swatch><i data-lucide=align-justify></i></span><span></span><i data-lucide=chevron-right class=oasis-editor-dropdown-chevron>`), _tmpl$7$2 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-picture-border-option role=menuitemradio><span class=oasis-editor-picture-border-preview></span><span class=oasis-editor-picture-border-option-label>`), _tmpl$8$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-picture-border-option role=menuitemradio><svg class=oasis-editor-picture-border-preview-svg viewBox="0 0 48 4"aria-hidden=true><line x1=0 y1=2 x2=48 y2=2 stroke=currentColor stroke-width=1.5></line></svg><span class=oasis-editor-picture-border-option-label>`);
+function PictureBorderPicker(props) {
+  const [open, setOpen] = createSignal(false);
+  const [submenu, setSubmenu] = createSignal(null);
+  let customColorInputRef;
+  const activeColor = () => {
+    var _a;
+    return ((_a = props.border) == null ? void 0 : _a.color.toLowerCase()) ?? "";
+  };
+  const close = () => {
+    setOpen(false);
+    setSubmenu(null);
+  };
+  const apply = (patch) => {
+    props.onApply(patch);
+    close();
+  };
+  const toggleSubmenu = (next) => {
+    setSubmenu((current) => current === next ? null : next);
+  };
+  return createComponent(WideMenuButton, {
+    get open() {
+      return open();
+    },
+    onOpenChange: (next) => {
+      if (next) setOpen(true);
+      else close();
+    },
+    icon: "square",
+    get label() {
+      return props.label;
+    },
+    get tooltip() {
+      return props.label;
+    },
+    get testId() {
+      return props.testId;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get indicatorColor() {
+      var _a;
+      return ((_a = props.border) == null ? void 0 : _a.color) ?? null;
+    },
+    panelClass: "oasis-editor-picture-border-menu",
+    get children() {
+      return [createComponent(ColorGrids, {
+        get palette() {
+          return props.palette;
+        },
+        get themeColorsLabel() {
+          return props.themeColorsLabel;
+        },
+        get standardColorsLabel() {
+          return props.standardColorsLabel;
+        },
+        get activeColor() {
+          return activeColor();
+        },
+        get testId() {
+          return props.testId;
+        },
+        onPreview: () => void 0,
+        onPick: (color) => apply({
+          color
+        })
+      }), (() => {
+        var _el$ = _tmpl$$Q(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        _el$.$$click = () => apply({
+          color: null
+        });
+        insert(_el$3, () => props.noOutlineLabel);
+        createRenderEffect(() => setAttribute(_el$, "data-testid", `${props.testId}-none`));
+        return _el$;
+      })(), (() => {
+        var _el$4 = _tmpl$2$v(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+        _el$4.$$click = () => customColorInputRef == null ? void 0 : customColorInputRef.click();
+        insert(_el$6, () => props.moreColorsLabel);
+        createRenderEffect(() => setAttribute(_el$4, "data-testid", `${props.testId}-more-colors`));
+        return _el$4;
+      })(), (() => {
+        var _el$7 = _tmpl$3$j();
+        _el$7.$$input = (event) => apply({
+          color: event.currentTarget.value
+        });
+        var _ref$ = customColorInputRef;
+        typeof _ref$ === "function" ? use(_ref$, _el$7) : customColorInputRef = _el$7;
+        createRenderEffect((_p$) => {
+          var _v$ = `${props.testId}-custom-input`, _v$2 = props.moreColorsLabel;
+          _v$ !== _p$.e && setAttribute(_el$7, "data-testid", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$7, "aria-label", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        createRenderEffect(() => {
+          var _a;
+          return _el$7.value = ((_a = props.border) == null ? void 0 : _a.color) ?? "#000000";
+        });
+        return _el$7;
+      })(), (() => {
+        var _el$8 = _tmpl$5$7(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+        _el$9.$$click = () => toggleSubmenu("weight");
+        insert(_el$1, () => props.weightLabel);
+        insert(_el$8, createComponent(Show, {
+          get when() {
+            return submenu() === "weight";
+          },
+          get children() {
+            var _el$10 = _tmpl$4$c();
+            insert(_el$10, createComponent(For, {
+              each: PICTURE_BORDER_WEIGHTS_PT,
+              children: (widthPt) => {
+                const isActive = () => {
+                  var _a;
+                  return ((_a = props.border) == null ? void 0 : _a.widthPt) === widthPt;
+                };
+                return (() => {
+                  var _el$16 = _tmpl$7$2(), _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling;
+                  _el$16.$$click = () => apply({
+                    widthPt
+                  });
+                  setStyleProperty(_el$17, "border-bottom-width", `${widthPt}pt`);
+                  insert(_el$18, () => `${formatBorderWeight(widthPt)} pt`);
+                  createRenderEffect((_p$) => {
+                    var _v$9 = !!isActive(), _v$0 = isActive(), _v$1 = `${props.testId}-weight-${widthPt}`;
+                    _v$9 !== _p$.e && _el$16.classList.toggle("oasis-editor-picture-border-option-active", _p$.e = _v$9);
+                    _v$0 !== _p$.t && setAttribute(_el$16, "aria-checked", _p$.t = _v$0);
+                    _v$1 !== _p$.a && setAttribute(_el$16, "data-testid", _p$.a = _v$1);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0
+                  });
+                  return _el$16;
+                })();
+              }
+            }));
+            return _el$10;
+          }
+        }), null);
+        createRenderEffect((_p$) => {
+          var _v$3 = !!(submenu() === "weight"), _v$4 = `${props.testId}-weight`, _v$5 = submenu() === "weight";
+          _v$3 !== _p$.e && _el$9.classList.toggle("oasis-editor-picture-border-submenu-open", _p$.e = _v$3);
+          _v$4 !== _p$.t && setAttribute(_el$9, "data-testid", _p$.t = _v$4);
+          _v$5 !== _p$.a && setAttribute(_el$9, "aria-expanded", _p$.a = _v$5);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        return _el$8;
+      })(), (() => {
+        var _el$11 = _tmpl$6$5(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
+        _el$12.$$click = () => toggleSubmenu("dashes");
+        insert(_el$14, () => props.dashesLabel);
+        insert(_el$11, createComponent(Show, {
+          get when() {
+            return submenu() === "dashes";
+          },
+          get children() {
+            var _el$15 = _tmpl$4$c();
+            insert(_el$15, createComponent(For, {
+              get each() {
+                return props.dashOptions;
+              },
+              children: (option) => {
+                const isActive = () => props.border !== null && (props.border.dash ?? "solid") === option.value;
+                return (() => {
+                  var _el$19 = _tmpl$8$1(), _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling;
+                  _el$19.$$click = () => apply({
+                    dash: option.value
+                  });
+                  insert(_el$22, () => option.label);
+                  createRenderEffect((_p$) => {
+                    var _v$10 = !!isActive(), _v$11 = isActive(), _v$12 = `${props.testId}-dash-${option.value}`, _v$13 = option.label, _v$14 = dashPreviewArray(option.value);
+                    _v$10 !== _p$.e && _el$19.classList.toggle("oasis-editor-picture-border-option-active", _p$.e = _v$10);
+                    _v$11 !== _p$.t && setAttribute(_el$19, "aria-checked", _p$.t = _v$11);
+                    _v$12 !== _p$.a && setAttribute(_el$19, "data-testid", _p$.a = _v$12);
+                    _v$13 !== _p$.o && setAttribute(_el$19, "title", _p$.o = _v$13);
+                    _v$14 !== _p$.i && setAttribute(_el$21, "stroke-dasharray", _p$.i = _v$14);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0,
+                    o: void 0,
+                    i: void 0
+                  });
+                  return _el$19;
+                })();
+              }
+            }));
+            return _el$15;
+          }
+        }), null);
+        createRenderEffect((_p$) => {
+          var _v$6 = !!(submenu() === "dashes"), _v$7 = `${props.testId}-dashes`, _v$8 = submenu() === "dashes";
+          _v$6 !== _p$.e && _el$12.classList.toggle("oasis-editor-picture-border-submenu-open", _p$.e = _v$6);
+          _v$7 !== _p$.t && setAttribute(_el$12, "data-testid", _p$.t = _v$7);
+          _v$8 !== _p$.a && setAttribute(_el$12, "aria-expanded", _p$.a = _v$8);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        return _el$11;
+      })()];
+    }
+  });
+}
+delegateEvents(["click", "input"]);
 var _tmpl$$P = /* @__PURE__ */ template(`<option value>`), _tmpl$2$u = /* @__PURE__ */ template(`<option>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
@@ -7433,6 +7836,53 @@ function RenderColorPicker(props) {
     onApply: apply
   });
 }
+function RenderPictureBorder(props) {
+  const b = bindItem(props.item, props.api);
+  return createComponent(PictureBorderPicker, {
+    get border() {
+      return b.value() ?? null;
+    },
+    get palette() {
+      return props.item.palette ?? DEFAULT_PALETTE;
+    },
+    get disabled() {
+      return b.disabled();
+    },
+    get testId() {
+      return props.item.testId ?? props.item.id;
+    },
+    get label() {
+      return resolveLabel(props.item, props.api) ?? props.api.t("image.border");
+    },
+    get noOutlineLabel() {
+      return props.api.t("image.borderNone");
+    },
+    get moreColorsLabel() {
+      return props.api.t("image.borderMoreColors");
+    },
+    get weightLabel() {
+      return props.api.t("image.borderWeight");
+    },
+    get dashesLabel() {
+      return props.api.t("image.borderDashes");
+    },
+    get themeColorsLabel() {
+      return props.api.t("toolbar.themeColors");
+    },
+    get standardColorsLabel() {
+      return props.api.t("toolbar.standardColors");
+    },
+    get dashOptions() {
+      return PICTURE_BORDER_DASH_OPTIONS.map((option) => ({
+        value: option.value,
+        label: props.api.t(option.labelKey)
+      }));
+    },
+    onApply: (patch) => {
+      props.api.commands.execute(props.item.command, patch);
+    }
+  });
+}
 function RenderGridPicker(props) {
   const onSelect = (rows, cols) => {
     props.api.commands.execute(props.item.command, {
@@ -7492,6 +7942,7 @@ const TOOLBAR_RENDERERS = {
   select: RenderSelect,
   styleGallery: RenderStyleGallery,
   colorPicker: RenderColorPicker,
+  pictureBorder: RenderPictureBorder,
   gridPicker: RenderGridPicker,
   separator: RenderSeparator,
   group: RenderGroup,
@@ -7602,7 +8053,8 @@ const GROUP_LABEL_KEYS = {
   merge: "ribbon.group.merge",
   cellSize: "ribbon.group.cellSize",
   alignment: "ribbon.group.alignment",
-  size: "ribbon.group.size"
+  size: "ribbon.group.size",
+  imageStyles: "ribbon.group.imageStyles"
 };
 function isRibbonTabVisible(id, api) {
   const gatingCommand = CONTEXTUAL_TABS[id];
@@ -7657,7 +8109,8 @@ const RIBBON_GROUP_ORDER = {
     alignment: 50
   },
   imageFormat: {
-    size: 10
+    imageStyles: 10,
+    size: 20
   },
   plugins: {
     general: 10
@@ -7736,6 +8189,7 @@ const RIBBON_GROUP_RESIZE_DEFAULTS = {
     alignment: { priority: 50, collapsedIcon: "align-left" }
   },
   imageFormat: {
+    imageStyles: { priority: 30, collapsedIcon: "square" },
     size: { priority: 40, collapsedIcon: "crop" }
   },
   plugins: {
@@ -21371,7 +21825,33 @@ function clamp01(value) {
   if (!Number.isFinite(value) || value < 0) return 0;
   return value > 1 ? 1 : value;
 }
+function strokeImageBorder(ctx, border, x, y, width, height, rotation) {
+  ctx.save();
+  ctx.translate(x + width / 2, y + height / 2);
+  if (rotation) ctx.rotate(rotation * DEG_TO_RAD$1);
+  ctx.strokeStyle = border.color;
+  ctx.lineWidth = Math.max(1, (border.widthPt ?? 1) * PX_PER_POINT);
+  ctx.setLineDash(
+    lineDashPatternPt(border.dash).map((value) => value * PX_PER_POINT)
+  );
+  ctx.strokeRect(-width / 2, -height / 2, width, height);
+  ctx.restore();
+}
 function drawImageFragment(ctx, img, image, x, y) {
+  drawImageContent(ctx, img, image, x, y);
+  if (image.border) {
+    strokeImageBorder(
+      ctx,
+      image.border,
+      x,
+      y,
+      image.width,
+      image.height,
+      image.rotation
+    );
+  }
+}
+function drawImageContent(ctx, img, image, x, y) {
   const { width, height, crop, fillMode, rotation, flipH, flipV } = image;
   const hasTransform = Boolean(rotation) || Boolean(flipH) || Boolean(flipV);
   if (fillMode === "tile") {
@@ -35598,6 +36078,39 @@ function parseFillMode(picPic) {
   }
   return void 0;
 }
+function parseImageBorder(drawing) {
+  var _a, _b;
+  const picPic = findElementDeep(drawing, "pic");
+  const spPr = picPic && findElementDeep(picPic, "spPr");
+  if (!spPr) {
+    return void 0;
+  }
+  for (let index = 0; index < spPr.childNodes.length; index += 1) {
+    const node = spPr.childNodes[index];
+    if ((node == null ? void 0 : node.nodeType) !== 1) continue;
+    const el = node;
+    if (el.localName !== "ln") continue;
+    const color = normalizeHexColor(
+      (_a = findElementDeep(el, "srgbClr")) == null ? void 0 : _a.getAttribute("val")
+    );
+    if (!color) {
+      return void 0;
+    }
+    const border = { color };
+    const width = parseOptionalInt(el.getAttribute("w"));
+    if (width !== void 0) {
+      border.widthPt = roundTo(width / EMU_PER_PT, 2);
+    }
+    const dash = parseLineDash(
+      (_b = findElementDeep(el, "prstDash")) == null ? void 0 : _b.getAttribute("val")
+    );
+    if (dash) {
+      border.dash = dash;
+    }
+    return border;
+  }
+  return void 0;
+}
 function parseXfrm(picPic) {
   const xfrm = findElementDeep(picPic, "xfrm");
   if (!xfrm) {
@@ -35642,6 +36155,7 @@ async function parseDrawingImage(drawing, zip, relsMap, assets) {
   const alt = docPr ? getAttributeValue(docPr, "descr") ?? getAttributeValue(docPr, "title") : null;
   const crop = parseSrcRect(drawing);
   const fillMode = parseFillMode(drawing);
+  const border = parseImageBorder(drawing);
   const xfrm = parseXfrm(drawing);
   const floating = (container == null ? void 0 : container.kind) === "anchor" ? parseFloatingLayout(container.element) : void 0;
   const wrapPolygon = (container == null ? void 0 : container.kind) === "anchor" ? parseWrapPolygon(container.element) : void 0;
@@ -35651,6 +36165,7 @@ async function parseDrawingImage(drawing, zip, relsMap, assets) {
     ...alt !== null ? { alt } : {},
     ...crop ? { crop } : {},
     ...fillMode ? { fillMode } : {},
+    ...border ? { border } : {},
     ...xfrm.rotation !== void 0 ? { rotation: xfrm.rotation } : {},
     ...xfrm.flipH ? { flipH: true } : {},
     ...xfrm.flipV ? { flipV: true } : {},
@@ -37782,7 +38297,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-CCwhxVSR.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-B0cSSI12.js", import.meta.url).href,
         import.meta.url
       ),
       {
@@ -43500,6 +44015,11 @@ const RIBBON_PLACEMENTS = {
   "editor-toolbar-image-crop": { tab: "imageFormat", group: "size", row: 1 },
   "editor-toolbar-image-height": { tab: "imageFormat", group: "size", row: 1 },
   "editor-toolbar-image-width": { tab: "imageFormat", group: "size", row: 2 },
+  "editor-toolbar-image-border": {
+    tab: "imageFormat",
+    group: "imageStyles",
+    row: 1
+  },
   "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 },
@@ -44267,6 +44787,15 @@ function createDefaultToolbarPreset(t) {
     testId: "editor-toolbar-image-width",
     render: (api) => ImageSizeField({ api, dimension: "width" })
   });
+  items.push({
+    type: "pictureBorder",
+    id: "editor-toolbar-image-border",
+    testId: "editor-toolbar-image-border",
+    command: "imageBorder",
+    labelKey: "image.border",
+    tooltipKey: "image.border",
+    ribbonSize: "large"
+  });
   for (const button of ALIGN_BUTTONS) {
     items.push({
       type: "toggle",
@@ -44651,7 +45180,7 @@ export {
   FormField as ay,
   Checkbox as az,
   getPageBodyTop as b,
-  getDocumentSectionsCanonical as b$,
+  roundTo as b$,
   resolveEffectiveParagraphStyle as b0,
   resolveEffectiveTextStyleForParagraph as b1,
   EMU_PER_PT as b2,
@@ -44662,33 +45191,33 @@ export {
   getRunEndnoteReference as b7,
   iterateFootnoteReferenceRuns as b8,
   iterateEndnoteReferenceRuns as b9,
-  resolveOpenTypeFeatureTags as bA,
-  resolveDecorationLineY as bB,
-  DOUBLE_STRIKE_OFFSET_PX as bC,
-  resolveListLabel as bD,
-  getListLabelInset as bE,
-  getAlignedListLabelInset as bF,
-  getParagraphBorderInsets as bG,
-  buildSegmentTable as bH,
-  buildCanvasTableLayout as bI,
-  resolveCanvasTableWidth as bJ,
-  resolveFloatingTableRect as bK,
-  paragraphBetweenBorderMatches as bL,
-  normalizeFamily as bM,
-  ROBOTO_FONT_FILES as bN,
-  loadFontAsset as bO,
-  OFFICE_COMPAT_FONT_FAMILIES as bP,
-  BinaryReader as bQ,
-  buildSfnt as bR,
-  defaultFontDecoderRegistry as bS,
-  SfntFontProgram as bT,
-  collectPdfFontFamilies as bU,
-  outlineFrom as bV,
-  getPageHeaderZoneTop as bW,
-  getPageColumnRects as bX,
-  findFootnoteReference as bY,
-  resolveImporterForFile as bZ,
-  roundTo as b_,
+  TEXT_BASELINE_RATIO as bA,
+  resolveOpenTypeFeatureTags as bB,
+  resolveDecorationLineY as bC,
+  DOUBLE_STRIKE_OFFSET_PX as bD,
+  resolveListLabel as bE,
+  getListLabelInset as bF,
+  getAlignedListLabelInset as bG,
+  getParagraphBorderInsets as bH,
+  buildSegmentTable as bI,
+  buildCanvasTableLayout as bJ,
+  resolveCanvasTableWidth as bK,
+  resolveFloatingTableRect as bL,
+  paragraphBetweenBorderMatches as bM,
+  normalizeFamily as bN,
+  ROBOTO_FONT_FILES as bO,
+  loadFontAsset as bP,
+  OFFICE_COMPAT_FONT_FAMILIES as bQ,
+  BinaryReader as bR,
+  buildSfnt as bS,
+  defaultFontDecoderRegistry as bT,
+  SfntFontProgram as bU,
+  collectPdfFontFamilies as bV,
+  outlineFrom as bW,
+  getPageHeaderZoneTop as bX,
+  getPageColumnRects as bY,
+  findFootnoteReference as bZ,
+  resolveImporterForFile as b_,
   imageContentTypeDefaults as ba,
   getRunFieldChar as bb,
   getRunFieldInstruction as bc,
@@ -44700,120 +45229,121 @@ export {
   getTextBoxFloatingGeometry as bi,
   getPresetPathSegments as bj,
   buildListLabels as bk,
-  DEFAULT_FONT_SIZE_PX as bl,
-  resolveGradientAxis as bm,
-  isDoubleUnderlineStyle as bn,
-  isWavyUnderlineStyle as bo,
-  underlineStyleLineWidthPx as bp,
-  WAVY_UNDERLINE_WAVELENGTH_PX as bq,
-  WAVY_UNDERLINE_AMPLITUDE_PX as br,
-  DOUBLE_UNDERLINE_OFFSET_PX as bs,
-  underlineStyleDashArray as bt,
-  EMPHASIS_GLYPH as bu,
-  rgb255ToHex as bv,
-  getImageFloatingGeometry as bw,
-  textStyleToFontSizePt as bx,
-  resolveTextAlignmentBaselineOffset as by,
-  TEXT_BASELINE_RATIO as bz,
+  lineDashPatternPt as bl,
+  DEFAULT_FONT_SIZE_PX as bm,
+  resolveGradientAxis as bn,
+  isDoubleUnderlineStyle as bo,
+  isWavyUnderlineStyle as bp,
+  underlineStyleLineWidthPx as bq,
+  WAVY_UNDERLINE_WAVELENGTH_PX as br,
+  WAVY_UNDERLINE_AMPLITUDE_PX as bs,
+  DOUBLE_UNDERLINE_OFFSET_PX as bt,
+  underlineStyleDashArray as bu,
+  EMPHASIS_GLYPH as bv,
+  rgb255ToHex as bw,
+  getImageFloatingGeometry as bx,
+  textStyleToFontSizePt as by,
+  resolveTextAlignmentBaselineOffset as bz,
   getPageContentWidth as c,
-  ActionRow as c$,
-  getDocumentParagraphsCanonical as c0,
-  getDocumentParagraphs as c1,
-  PX_PER_CM as c2,
-  getDocumentPageSettings as c3,
-  getTableCellContentWidthForParagraph as c4,
-  layoutMetricsEpoch as c5,
-  bumpLayoutMetricsEpoch as c6,
-  createCanvasLayoutSnapshotProvider as c7,
-  on as c8,
-  debounce as c9,
-  isPreciseFontModeEnabled as cA,
-  getHeadingLevel as cB,
-  togglePreciseFontMode as cC,
-  nextFontSizePt as cD,
-  previousFontSizePt as cE,
-  fontSizePtToPx as cF,
-  resolveNamedTextStyle as cG,
-  createDefaultToolbarPreset as cH,
-  MenuRegistry as cI,
-  createToolbarRegistry as cJ,
-  Editor as cK,
-  resolveCommandRef as cL,
-  commandRefName as cM,
-  createOasisEditorClient as cN,
-  createEditorZoom as cO,
-  startLongTaskObserver as cP,
-  installGlobalReport as cQ,
-  applyStoredPreciseFontPreference as cR,
-  getWelcomeSeen as cS,
-  isLocalFontAccessSupported as cT,
-  EDITOR_SCROLL_PADDING_PX as cU,
-  Toolbar as cV,
-  OasisEditorLoading as cW,
-  I18nProvider as cX,
-  createTranslator as cY,
-  registerDomStatsSurface as cZ,
-  createEditorLogger as c_,
-  unwrap as ca,
-  perfTimer as cb,
-  getRunTextBox as cc,
-  createEditorDocument as cd,
-  resolveResizedDimensions as ce,
-  axisSignForDirection as cf,
-  clamp as cg,
-  MIN_RESIZE_SIZE_PX as ch,
-  resolveTextBoxRenderHeight as ci,
-  getToolbarStyleState as cj,
-  VERTICAL_HIT_WEIGHT as ck,
-  getCachedCanvasImage as cl,
-  measureParagraphMinContentWidthPx as cm,
-  getEditableBlocksForZone as cn,
-  findParagraphLocation as co,
-  createSectionBoundaryParagraph as cp,
-  normalizePageSettings as cq,
-  DEFAULT_EDITOR_PAGE_SETTINGS as cr,
-  markStart as cs,
-  markEnd as ct,
-  getParagraphEntries as cu,
-  getParagraphById as cv,
-  createEditorFootnote as cw,
-  createFootnoteReferenceRun as cx,
-  renumberFootnotes as cy,
-  preciseFontModeVersion as cz,
+  createEditorLogger as c$,
+  getDocumentSectionsCanonical as c0,
+  getDocumentParagraphsCanonical as c1,
+  getDocumentParagraphs as c2,
+  PX_PER_CM as c3,
+  getDocumentPageSettings as c4,
+  getTableCellContentWidthForParagraph as c5,
+  layoutMetricsEpoch as c6,
+  bumpLayoutMetricsEpoch as c7,
+  createCanvasLayoutSnapshotProvider as c8,
+  on as c9,
+  preciseFontModeVersion as cA,
+  isPreciseFontModeEnabled as cB,
+  getHeadingLevel as cC,
+  togglePreciseFontMode as cD,
+  nextFontSizePt as cE,
+  previousFontSizePt as cF,
+  fontSizePtToPx as cG,
+  resolveNamedTextStyle as cH,
+  createDefaultToolbarPreset as cI,
+  MenuRegistry as cJ,
+  createToolbarRegistry as cK,
+  Editor as cL,
+  resolveCommandRef as cM,
+  commandRefName as cN,
+  createOasisEditorClient as cO,
+  createEditorZoom as cP,
+  startLongTaskObserver as cQ,
+  installGlobalReport as cR,
+  applyStoredPreciseFontPreference as cS,
+  getWelcomeSeen as cT,
+  isLocalFontAccessSupported as cU,
+  EDITOR_SCROLL_PADDING_PX as cV,
+  Toolbar as cW,
+  OasisEditorLoading as cX,
+  I18nProvider as cY,
+  createTranslator as cZ,
+  registerDomStatsSurface as c_,
+  debounce as ca,
+  unwrap as cb,
+  perfTimer as cc,
+  getRunTextBox as cd,
+  createEditorDocument as ce,
+  resolveResizedDimensions as cf,
+  axisSignForDirection as cg,
+  clamp as ch,
+  MIN_RESIZE_SIZE_PX as ci,
+  resolveTextBoxRenderHeight as cj,
+  getToolbarStyleState as ck,
+  VERTICAL_HIT_WEIGHT as cl,
+  getCachedCanvasImage as cm,
+  measureParagraphMinContentWidthPx as cn,
+  getEditableBlocksForZone as co,
+  findParagraphLocation as cp,
+  createSectionBoundaryParagraph as cq,
+  normalizePageSettings as cr,
+  DEFAULT_EDITOR_PAGE_SETTINGS as cs,
+  markStart as ct,
+  markEnd as cu,
+  getParagraphEntries as cv,
+  getParagraphById as cw,
+  createEditorFootnote as cx,
+  createFootnoteReferenceRun as cy,
+  renumberFootnotes as cz,
   domTextMeasurer as d,
-  ColorPicker as d0,
-  CommandRegistry as d1,
-  DEFAULT_PALETTE as d2,
-  DialogFooter as d3,
-  FieldRow as d4,
-  FloatingActionButton as d5,
-  GridPicker as d6,
-  Heading as d7,
-  IconButton as d8,
-  Menu as d9,
-  OASIS_BUILTIN_COMMANDS as da,
-  OASIS_MENU_ITEMS as db,
-  OASIS_TOOLBAR_ITEMS as dc,
-  OasisEditorAppLazy as dd,
-  OasisEditorContainer as de,
-  PluginCollection as df,
-  Popover as dg,
-  RIBBON_TABS as dh,
-  Select as di,
-  Separator as dj,
-  SidePanel as dk,
-  SidePanelBody as dl,
-  SidePanelFooter as dm,
-  SidePanelHeader as dn,
-  SplitButton as dp,
-  StyleGallery as dq,
-  Button$1 as dr,
-  buildRibbonTabDefinitions as ds,
-  createEditorCommandBus as dt,
-  createOasisEditor as du,
-  createOasisEditorContainer as dv,
-  mount as dw,
-  registerToolbarRenderer as dx,
+  ActionRow as d0,
+  ColorPicker as d1,
+  CommandRegistry as d2,
+  DEFAULT_PALETTE as d3,
+  DialogFooter as d4,
+  FieldRow as d5,
+  FloatingActionButton as d6,
+  GridPicker as d7,
+  Heading as d8,
+  IconButton as d9,
+  Menu as da,
+  OASIS_BUILTIN_COMMANDS as db,
+  OASIS_MENU_ITEMS as dc,
+  OASIS_TOOLBAR_ITEMS as dd,
+  OasisEditorAppLazy as de,
+  OasisEditorContainer as df,
+  PluginCollection as dg,
+  Popover as dh,
+  RIBBON_TABS as di,
+  Select as dj,
+  Separator as dk,
+  SidePanel as dl,
+  SidePanelBody as dm,
+  SidePanelFooter as dn,
+  SidePanelHeader as dp,
+  SplitButton as dq,
+  StyleGallery as dr,
+  Button$1 as ds,
+  buildRibbonTabDefinitions as dt,
+  createEditorCommandBus as du,
+  createOasisEditor as dv,
+  createOasisEditorContainer as dw,
+  mount as dx,
+  registerToolbarRenderer as dy,
   estimateTableBlockHeight as e,
   getParagraphText as f,
   getProjectedParagraphBlockHeight as g,