@harbour-enterprises/superdoc 0.12.30 → 0.12.31-next.1

package/dist/superdoc.umd.js

@@ -30667,7 +30667,7 @@
         return;
       }
     }
-    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.30") {
+    static updateDocumentVersion(docx = this.convertedXml, version2 = "0.12.31-next.1") {
       const customLocation = "docProps/custom.xml";
       if (!docx[customLocation]) {
         docx[customLocation] = generateCustomXml();
@@ -31133,7 +31133,7 @@
   function generateCustomXml() {
     return DEFAULT_CUSTOM_XML;
   }
-  function generateSuperdocVersion(pid = 2, version2 = "0.12.30") {
+  function generateSuperdocVersion(pid = 2, version2 = "0.12.31-next.1") {
     return {
       type: "element",
       name: "property",
@@ -46478,6 +46478,9 @@
     pm.style.minHeight = "100%";
     pm.style.outline = "none";
     pm.style.border = "none";
+    pm.setAttribute("role", "textbox");
+    pm.setAttribute("aria-multiline", true);
+    pm.setAttribute("aria-label", `${type2} content area. Double click to start typing.`);
     return headerFooterEditor;
   };
   const broadcastEditorEvents = (editor, sectionEditor) => {
@@ -46499,13 +46502,16 @@
   const toggleHeaderFooterEditMode = (editor, focusedSectionEditor, isEditMode) => {
     editor.converter.headerEditors.forEach((item) => {
       item.editor.setEditable(isEditMode, false);
+      item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
     });
     editor.converter.footerEditors.forEach((item) => {
       item.editor.setEditable(isEditMode, false);
+      item.editor.view.dom.setAttribute("aria-readonly", !isEditMode);
     });
     if (isEditMode) {
       const pm = document.querySelector(".ProseMirror");
       pm.classList.add("header-footer-edit");
+      pm.setAttribute("aria-readonly", true);
     }
     if (focusedSectionEditor) {
       focusedSectionEditor.view.focus();
@@ -47693,6 +47699,16 @@
     initializeMetaMap(ydoc, editor);
     return Y.encodeStateAsUpdate(ydoc);
   };
+  const isHighContrastMode$1 = ref$1(false);
+  function useHighContrastMode$1() {
+    const setHighContrastMode = (value) => {
+      isHighContrastMode$1.value = value;
+    };
+    return {
+      isHighContrastMode: isHighContrastMode$1,
+      setHighContrastMode
+    };
+  }
   const _Editor = class _Editor2 extends EventEmitter$2 {
     /**
      * Create a new Editor instance
@@ -47785,6 +47801,8 @@
         }
       };
       let initMode = modes[this.options.mode] ?? modes.default;
+      const { setHighContrastMode } = useHighContrastMode$1();
+      this.setHighContrastMode = setHighContrastMode;
       initMode();
     }
     /**
@@ -48081,6 +48099,10 @@
       if (!proseMirror || !pageSize || !pageMargins) {
         return;
       }
+      proseMirror.setAttribute("role", "document");
+      proseMirror.setAttribute("aria-multiline", true);
+      proseMirror.setAttribute("aria-label", "Main content area, start typing to enter text.");
+      proseMirror.setAttribute("aria-description", "");
       element.style.width = pageSize.width + "in";
       element.style.minWidth = pageSize.width + "in";
       element.style.minHeight = pageSize.height + "in";
@@ -48332,7 +48354,7 @@
      * @returns {Object | void} Migration results
      */
     processCollaborationMigrations() {
-      console.debug("[checkVersionMigrations] Current editor version", "0.12.30");
+      console.debug("[checkVersionMigrations] Current editor version", "0.12.31-next.1");
       if (!this.options.ydoc) return;
       const metaMap = this.options.ydoc.getMap("meta");
       let docVersion = metaMap.get("version");
@@ -48696,6 +48718,7 @@
           toggleHeaderFooterEditMode(this, null, false);
           const pm = document.querySelector(".ProseMirror");
           pm.classList.remove("header-footer-edit");
+          pm.setAttribute("aria-readonly", false);
         }
       }
     });
@@ -49668,7 +49691,8 @@
       return {
         htmlAttributes: {
           class: "sd-ai-loader",
-          contentEditable: "false"
+          contentEditable: "false",
+          "aria-label": "AI loader node"
         }
       };
     },
@@ -49864,7 +49888,8 @@
     addAttributes() {
       return {
         attributes: {
-          rendered: false
+          rendered: false,
+          "aria-label": "Document node"
         }
       };
     }
@@ -49888,7 +49913,8 @@
     addAttributes() {
       return {
         attributes: {
-          rendered: false
+          rendered: false,
+          "aria-label": "Run node"
         }
       };
     }
@@ -49941,7 +49967,9 @@
     addOptions() {
       return {
         itemTypeName: "listItem",
-        htmlAttributes: {},
+        htmlAttributes: {
+          "aria-label": "Bullet list node"
+        },
         keepMarks: true,
         keepAttributes: false
       };
@@ -50232,7 +50260,9 @@
     addOptions() {
       return {
         itemTypeName: "listItem",
-        htmlAttributes: {},
+        htmlAttributes: {
+          "aria-label": "Ordered list node"
+        },
         keepMarks: true,
         keepAttributes: false,
         listStyleTypes: ["decimal", "lowerAlpha", "lowerRoman"]
@@ -50632,7 +50662,9 @@
     // to run listItem commands first
     addOptions() {
       return {
-        htmlAttributes: {},
+        htmlAttributes: {
+          "aria-label": "List item node"
+        },
         bulletListTypeName: "bulletList",
         orderedListTypeName: "orderedList"
       };
@@ -51154,7 +51186,9 @@
     addOptions() {
       return {
         levels: [1, 2, 3, 4, 5, 6],
-        htmlAttributes: {}
+        htmlAttributes: {
+          "aria-label": "Heading node"
+        }
       };
     },
     addAttributes() {
@@ -51215,7 +51249,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          contentEditable: "false"
+          contentEditable: "false",
+          "aria-label": "Comment range start node"
         }
       };
     },
@@ -51244,7 +51279,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          contentEditable: "false"
+          contentEditable: "false",
+          "aria-label": "Comment range end node"
         }
       };
     },
@@ -51272,7 +51308,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          contentEditable: "false"
+          contentEditable: "false",
+          "aria-label": "Comment reference node"
         }
       };
     },
@@ -51447,7 +51484,9 @@
       return {
         htmlAttributes: {
           contentEditable: "false",
-          lineBreakType: "page"
+          lineBreakType: "page",
+          "aria-hidden": "true",
+          "aria-label": "Hard break node"
         }
       };
     },
@@ -53805,7 +53844,9 @@
     tableRole: "table",
     addOptions() {
       return {
-        htmlAttributes: {},
+        htmlAttributes: {
+          "aria-label": "Table node"
+        },
         resizable: true,
         handleWidth: 5,
         cellMinWidth: 25,
@@ -54055,7 +54096,9 @@
     isolating: true,
     addOptions() {
       return {
-        htmlAttributes: {}
+        htmlAttributes: {
+          "aria-label": "Table head node"
+        }
       };
     },
     addAttributes() {
@@ -54095,7 +54138,9 @@
     tableRole: "row",
     addOptions() {
       return {
-        htmlAttributes: {}
+        htmlAttributes: {
+          "aria-label": "Table row node"
+        }
       };
     },
     addAttributes() {
@@ -54123,7 +54168,9 @@
     isolating: true,
     addOptions() {
       return {
-        htmlAttributes: {}
+        htmlAttributes: {
+          "aria-label": "Table cell node"
+        }
       };
     },
     addAttributes() {
@@ -54804,7 +54851,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          class: annotationClass
+          class: annotationClass,
+          "aria-label": "Field annotation node"
         },
         annotationClass,
         annotationContentClass,
@@ -55746,7 +55794,8 @@
       return {
         allowBase64: true,
         htmlAttributes: {
-          style: "display: inline-block;"
+          style: "display: inline-block;",
+          "aria-label": "Image node"
         }
       };
     },
@@ -55862,7 +55911,11 @@
     inline: true,
     addOptions() {
       return {
-        htmlAttributes: { style: "height: 0; width: 0;" }
+        htmlAttributes: {
+          style: "height: 0; width: 0;",
+          "aria-label": "Bookmark start node",
+          role: "link"
+        }
       };
     },
     addAttributes() {
@@ -55896,7 +55949,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          class: "sd-editor-mention"
+          class: "sd-editor-mention",
+          "aria-label": "Mention node"
         }
       };
     },
@@ -55934,7 +55988,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          "data-id": "auto-page-number"
+          "data-id": "auto-page-number",
+          "aria-label": "Page number node"
         }
       };
     },
@@ -55953,7 +56008,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          "data-id": "auto-total-pages"
+          "data-id": "auto-total-pages",
+          "aria-label": "Total page count node"
         }
       };
     },
@@ -55972,7 +56028,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          class: "sd-editor-shape-container"
+          class: "sd-editor-shape-container",
+          "aria-label": "Shape container node"
         }
       };
     },
@@ -56025,7 +56082,8 @@
     addOptions() {
       return {
         htmlAttributes: {
-          class: "sd-editor-shape-textbox"
+          class: "sd-editor-shape-textbox",
+          "aria-label": "Shape textbox node"
         }
       };
     },
@@ -56117,7 +56175,9 @@
     addOptions() {
       return {
         annotationClass: "sd-structured-content-tag",
-        htmlAttributes: {}
+        htmlAttributes: {
+          "aria-label": "Structured content node"
+        }
       };
     },
     parseDOM() {
@@ -59577,9 +59637,9 @@
   };
   const _hoisted_1$k = ["onClick", "onMouseenter"];
   const _hoisted_2$e = { key: 0 };
-  const _hoisted_3$c = { key: 0 };
+  const _hoisted_3$b = { key: 0 };
   const _hoisted_4$8 = { key: 1 };
-  const _hoisted_5$7 = { key: 1 };
+  const _hoisted_5$6 = { key: 1 };
   const _sfc_main$l = {
     __name: "Mentions",
     props: {
@@ -59652,9 +59712,9 @@
               class: normalizeClass(["user-row", { selected: activeUserIndex.value === index2 }])
             }, [
               user.name ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
-                user.name ? (openBlock(), createElementBlock("span", _hoisted_3$c, toDisplayString(user.name), 1)) : createCommentVNode("", true),
+                user.name ? (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(user.name), 1)) : createCommentVNode("", true),
                 user.name && user.email ? (openBlock(), createElementBlock("span", _hoisted_4$8, " (" + toDisplayString(user.email) + ")", 1)) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("div", _hoisted_5$7, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_5$6, [
                 createBaseVNode("span", null, toDisplayString(user.email), 1)
               ]))
             ], 42, _hoisted_1$k);
@@ -60965,15 +61025,16 @@
     }
   };
   const ToolbarButtonIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$5$2, [["__scopeId", "data-v-6d7523ab"]]);
-  const _hoisted_1$3$2 = ["data-item"];
-  const _hoisted_2$2$2 = {
+  const _hoisted_1$3$2 = ["role"];
+  const _hoisted_2$2$2 = ["data-item", "aria-label"];
+  const _hoisted_3$2$2 = {
     key: 1,
     class: "button-label"
   };
-  const _hoisted_3$2$2 = { key: 2 };
-  const _hoisted_4$7 = ["placeholder", "onKeydown", "id"];
-  const _hoisted_5$6 = ["placeholder", "onKeydown", "id"];
-  const _hoisted_6$3 = ["innerHTML"];
+  const _hoisted_4$7 = { key: 2 };
+  const _hoisted_5$5 = ["placeholder", "onKeydown", "id"];
+  const _hoisted_6$3 = ["placeholder", "onKeydown", "id"];
+  const _hoisted_7$3 = ["innerHTML"];
   const _sfc_main$4$2 = {
     __name: "ToolbarButton",
     props: {
@@ -61000,6 +61061,10 @@
       defaultLabel: {
         type: String,
         default: null
+      },
+      isOverflowItem: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["buttonClick", "textSubmit"],
@@ -61023,6 +61088,7 @@
       } = props.toolbarItem;
       const inlineTextInput = ref$1(props.defaultLabel);
       const inlineInput = ref$1(null);
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode$1();
       const handleClick2 = () => {
         if (hasInlineTextInput) {
           inlineInput.value?.focus();
@@ -61050,12 +61116,15 @@
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["toolbar-item", unref(attributes).className]),
-          style: normalizeStyle(getStyle.value)
+          style: normalizeStyle(getStyle.value),
+          role: __props.isOverflowItem ? "menuitem" : ""
         }, [
           createBaseVNode("div", {
             onClick: handleClick2,
-            class: normalizeClass(["toolbar-button", { active: unref(active), disabled: unref(disabled), narrow: __props.isNarrow, wide: __props.isWide, "has-inline-text-input": unref(hasInlineTextInput) }]),
-            "data-item": `btn-${unref(name) || ""}`
+            class: normalizeClass(["toolbar-button", { active: unref(active), disabled: unref(disabled), narrow: __props.isNarrow, wide: __props.isWide, "has-inline-text-input": unref(hasInlineTextInput), "high-contrast": unref(isHighContrastMode2) }]),
+            "data-item": `btn-${unref(name) || ""}`,
+            "aria-label": unref(attributes).ariaLabel,
+            role: "button"
           }, [
             unref(icon) ? (openBlock(), createBlock(ToolbarButtonIcon, {
               key: 0,
@@ -61064,8 +61133,8 @@
               icon: unref(icon),
               name: unref(name)
             }, null, 8, ["color", "icon", "name"])) : createCommentVNode("", true),
-            unref(label) && !unref(hideLabel) && !unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("div", _hoisted_2$2$2, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
-            unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("span", _hoisted_3$2$2, [
+            unref(label) && !unref(hideLabel) && !unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("div", _hoisted_3$2$2, toDisplayString(unref(label)), 1)) : createCommentVNode("", true),
+            unref(inlineTextInputVisible) ? (openBlock(), createElementBlock("span", _hoisted_4$7, [
               unref(name) === "fontSize" ? withDirectives((openBlock(), createElementBlock("input", {
                 key: 0,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inlineTextInput.value = $event),
@@ -61073,12 +61142,12 @@
                 placeholder: unref(label),
                 onKeydown: withKeys(withModifiers(handleInputSubmit, ["prevent"]), ["enter"]),
                 type: "text",
-                class: "button-text-input",
+                class: normalizeClass(["button-text-input", { "high-contrast": unref(isHighContrastMode2) }]),
                 id: "inlineTextInput-" + unref(name),
                 autoccomplete: "off",
                 ref_key: "inlineInput",
                 ref: inlineInput
-              }, null, 40, _hoisted_4$7)), [
+              }, null, 42, _hoisted_5$5)), [
                 [vModelText, inlineTextInput.value]
               ]) : withDirectives((openBlock(), createElementBlock("input", {
                 key: 1,
@@ -61091,7 +61160,7 @@
                 autoccomplete: "off",
                 ref_key: "inlineInput",
                 ref: inlineInput
-              }, null, 40, _hoisted_5$6)), [
+              }, null, 40, _hoisted_6$3)), [
                 [vModelText, inlineTextInput.value]
               ])
             ])) : createCommentVNode("", true),
@@ -61100,14 +61169,18 @@
               class: "dropdown-caret",
               innerHTML: caretIcon.value,
               style: normalizeStyle({ opacity: unref(disabled) ? 0.6 : 1 })
-            }, null, 12, _hoisted_6$3)) : createCommentVNode("", true)
-          ], 10, _hoisted_1$3$2)
-        ], 6);
+            }, null, 12, _hoisted_7$3)) : createCommentVNode("", true)
+          ], 10, _hoisted_2$2$2)
+        ], 14, _hoisted_1$3$2);
       };
     }
   };
-  const ToolbarButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$2, [["__scopeId", "data-v-62bb3747"]]);
-  const _hoisted_1$2$2 = { class: "toolbar-separator" };
+  const ToolbarButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$4$2, [["__scopeId", "data-v-6eb57404"]]);
+  const _hoisted_1$2$2 = {
+    class: "toolbar-separator",
+    role: "separator",
+    "aria-label": "Toolbar separator"
+  };
   const _sfc_main$3$2 = {
     __name: "ToolbarSeparator",
     props: {
@@ -61118,19 +61191,30 @@
     },
     emits: ["command"],
     setup(__props, { emit: __emit }) {
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode$1();
+      const getSeparatorColor = () => {
+        if (isHighContrastMode2.value) {
+          return "#000";
+        }
+        return "#dbdbdb";
+      };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$2$2, _cache[0] || (_cache[0] = [
-          createBaseVNode("div", { class: "separator-inner" }, null, -1)
-        ]));
+        return openBlock(), createElementBlock("div", _hoisted_1$2$2, [
+          createBaseVNode("div", {
+            class: "separator-inner",
+            style: normalizeStyle({ backgroundColor: getSeparatorColor() })
+          }, null, 4)
+        ]);
       };
     }
   };
-  const ToolbarSeparator = /* @__PURE__ */ _export_sfc$1(_sfc_main$3$2, [["__scopeId", "data-v-ac2ee4f9"]]);
+  const ToolbarSeparator = /* @__PURE__ */ _export_sfc$1(_sfc_main$3$2, [["__scopeId", "data-v-b240fc3a"]]);
   const _hoisted_1$1$2 = { class: "overflow-menu" };
   const _hoisted_2$1$2 = { class: "overflow-menu-trigger" };
   const _hoisted_3$1$2 = {
     key: 0,
-    class: "overflow-menu_items"
+    class: "overflow-menu_items",
+    role: "group"
   };
   const _sfc_main$2$2 = {
     __name: "OverflowMenu",
@@ -61168,16 +61252,17 @@
           ]),
           isDropdownOpened.value ? (openBlock(), createElementBlock("div", _hoisted_3$1$2, [
             createVNode(ButtonGroup, {
+              class: "superdoc-toolbar-overflow",
               "toolbar-items": __props.overflowItems,
-              onCommand: handleCommand,
-              class: "superdoc-toolbar-overflow"
+              "from-overflow": "",
+              onCommand: handleCommand
             }, null, 8, ["toolbar-items"])
           ])) : createCommentVNode("", true)
         ]);
       };
     }
   };
-  const OverflowMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$2, [["__scopeId", "data-v-ca29bf1d"]]);
+  const OverflowMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$2, [["__scopeId", "data-v-c637209b"]]);
   function plugin$1$1(options2) {
     let _bPrefix = ".";
     let _ePrefix = "__";
@@ -70510,7 +70595,7 @@ ${style2}
   });
   const _hoisted_1$j = { key: 0 };
   const _hoisted_2$d = { key: 0 };
-  const _hoisted_3$b = { key: 0 };
+  const _hoisted_3$a = { key: 0 };
   const _sfc_main$1$1 = {
     __name: "ButtonGroup",
     props: {
@@ -70525,6 +70610,10 @@ ${style2}
       position: {
         type: String,
         default: "left"
+      },
+      fromOverflow: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["command"],
@@ -70532,6 +70621,7 @@ ${style2}
       const emit2 = __emit;
       const props = __props;
       const currentItem = ref$1(null);
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode$1();
       const isMobile = window.matchMedia("(max-width: 768px)").matches;
       const styleMap = {
         left: {
@@ -70590,13 +70680,20 @@ ${style2}
           };
         });
       };
+      const getDropdownAttributes = (option, item) => {
+        return {
+          role: "menuitem",
+          ariaLabel: `${item.attributes.value.ariaLabel} - ${option.label}`
+        };
+      };
       const handleClickOutside = (e) => {
         closeDropdowns();
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", {
           style: normalizeStyle(getPositionStyle.value),
-          class: "button-group"
+          class: "button-group",
+          role: "group"
         }, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.toolbarItems, (item) => {
             return openBlock(), createElementBlock("div", {
@@ -70617,10 +70714,14 @@ ${style2}
                 show: item.expand.value,
                 size: "medium",
                 placement: "bottom-start",
-                class: "toolbar-button toolbar-dropdown sd-editor-toolbar-dropdown",
+                class: normalizeClass(["toolbar-button toolbar-dropdown sd-editor-toolbar-dropdown", { "high-contrast": unref(isHighContrastMode2) }]),
                 onSelect: (key, option) => handleSelect(item, option),
                 onClickoutside: handleClickOutside,
-                style: normalizeStyle(item.dropdownStyles.value)
+                style: normalizeStyle(item.dropdownStyles.value),
+                "menu-props": () => ({
+                  role: "menu"
+                }),
+                "node-props": (option) => getDropdownAttributes(option, item)
               }, {
                 default: withCtx(() => [
                   createVNode(unref(NTooltip), {
@@ -70644,7 +70745,7 @@ ${style2}
                   }, 1032, ["disabled"])
                 ]),
                 _: 2
-              }, 1032, ["options", "trigger", "show", "onSelect", "style"])) : isButton(item) ? (openBlock(), createBlock(unref(NTooltip), {
+              }, 1032, ["options", "trigger", "show", "class", "onSelect", "style", "node-props"])) : isButton(item) ? (openBlock(), createBlock(unref(NTooltip), {
                 key: 2,
                 trigger: "hover",
                 class: "sd-editor-toolbar-tooltip"
@@ -70652,14 +70753,15 @@ ${style2}
                 trigger: withCtx(() => [
                   createVNode(ToolbarButton, {
                     "toolbar-item": item,
+                    "is-overflow-item": __props.fromOverflow,
                     onTextSubmit: ($event) => handleToolbarButtonTextSubmit(item, $event),
                     onButtonClick: ($event) => handleToolbarButtonClick(item)
-                  }, null, 8, ["toolbar-item", "onTextSubmit", "onButtonClick"])
+                  }, null, 8, ["toolbar-item", "is-overflow-item", "onTextSubmit", "onButtonClick"])
                 ]),
                 default: withCtx(() => [
                   item.tooltip ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
                     createTextVNode(toDisplayString(item.tooltip) + " ", 1),
-                    item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_3$b, "(disabled)")) : createCommentVNode("", true)
+                    item.disabled.value ? (openBlock(), createElementBlock("span", _hoisted_3$a, "(disabled)")) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 2
@@ -70675,7 +70777,7 @@ ${style2}
       };
     }
   };
-  const ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-7751c4e5"]]);
+  const ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$1$1, [["__scopeId", "data-v-b09e5a20"]]);
   const _sfc_main$k = {
     __name: "Toolbar",
     emits: ["command", "toggle", "select"],
@@ -70720,7 +70822,9 @@ ${style2}
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", {
           class: "superdoc-toolbar",
-          key: unref(toolbarKey)
+          key: unref(toolbarKey),
+          role: "toolbar",
+          "aria-label": "Toolbar"
         }, [
           unref(showLeftSide) ? (openBlock(), createBlock(ButtonGroup, {
             key: 0,
@@ -70746,7 +70850,7 @@ ${style2}
       };
     }
   };
-  const Toolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-abd0fb95"]]);
+  const Toolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-2a400574"]]);
   const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
   const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
   async function baseInsightsFetch(payload, options2 = {}) {
@@ -70983,9 +71087,9 @@ ${style2}
   const paperPlane = '<!-- @note: includes color gradient for inline svg AI Writer -->\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->\n  <defs>\n    <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">\n      <stop offset="-20%" stop-color="rgba(218, 215, 118, 0.5)" />\n      <stop offset="30%" stop-color="rgb(191, 100, 100)" />\n      <stop offset="60%" stop-color="rgb(77, 82, 217)" />\n      <stop offset="150%" stop-color="rgb(255, 219, 102)" />\n    </linearGradient>\n  </defs>\n  <path fill="url(#gradient)" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"/>\n</svg>';
   const _hoisted_1$i = { class: "ai-user-input-field" };
   const _hoisted_2$c = ["innerHTML"];
-  const _hoisted_3$a = ["placeholder"];
+  const _hoisted_3$9 = ["placeholder"];
   const _hoisted_4$6 = { class: "ai-loader" };
-  const _hoisted_5$5 = ["innerHTML"];
+  const _hoisted_5$4 = ["innerHTML"];
   const _sfc_main$j = {
     __name: "AIWriter",
     props: {
@@ -71261,7 +71365,7 @@ ${style2}
               onInput: handleInput,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => promptText.value = $event),
               rows: "4"
-            }, null, 40, _hoisted_3$a), [
+            }, null, 40, _hoisted_3$9), [
               [vModelText, promptText.value]
             ])
           ]),
@@ -71271,7 +71375,7 @@ ${style2}
               class: "ai-textarea-icon ai-submit-button",
               onClick: withModifiers(handleSubmit, ["stop"]),
               innerHTML: unref(paperPlane)
-            }, null, 8, _hoisted_5$5)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_5$4)) : createCommentVNode("", true)
           ])
         ], 544);
       };
@@ -71606,71 +71710,80 @@ ${style2}
       onDeactivate
     };
   };
-  const _hoisted_1$b$1 = { class: "alignment-buttons" };
+  const _hoisted_1$b$1 = ["innerHTML"];
   const _hoisted_2$9$1 = ["innerHTML"];
-  const _hoisted_3$8 = ["innerHTML"];
+  const _hoisted_3$7$1 = ["innerHTML"];
   const _hoisted_4$3$1 = ["innerHTML"];
-  const _hoisted_5$3 = ["innerHTML"];
   const _sfc_main$c$1 = {
     __name: "AlignmentButtons",
     emits: ["select"],
     setup(__props, { emit: __emit }) {
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode$1();
       const emit2 = __emit;
       const select = (alignment2) => {
         emit2("select", alignment2);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$b$1, [
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(["alignment-buttons", { "high-contrast": unref(isHighContrastMode2) }])
+        }, [
           createBaseVNode("div", {
             class: "button-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => select("left")),
             innerHTML: unref(toolbarIcons).alignLeft,
-            "data-item": "btn-textAlign-option"
-          }, null, 8, _hoisted_2$9$1),
+            "data-item": "btn-textAlign-option",
+            role: "menuitem",
+            "aria-label": "Align left"
+          }, null, 8, _hoisted_1$b$1),
           createBaseVNode("div", {
             class: "button-icon",
             onClick: _cache[1] || (_cache[1] = ($event) => select("center")),
             innerHTML: unref(toolbarIcons).alignCenter,
-            "data-item": "btn-textAlign-option"
-          }, null, 8, _hoisted_3$8),
+            "data-item": "btn-textAlign-option",
+            role: "menuitem",
+            "aria-label": "Align center"
+          }, null, 8, _hoisted_2$9$1),
           createBaseVNode("div", {
             class: "button-icon",
             onClick: _cache[2] || (_cache[2] = ($event) => select("right")),
             innerHTML: unref(toolbarIcons).alignRight,
-            "data-item": "btn-textAlign-option"
-          }, null, 8, _hoisted_4$3$1),
+            "data-item": "btn-textAlign-option",
+            role: "menuitem",
+            "aria-label": "Align right"
+          }, null, 8, _hoisted_3$7$1),
           createBaseVNode("div", {
             class: "button-icon",
             onClick: _cache[3] || (_cache[3] = ($event) => select("justify")),
             innerHTML: unref(toolbarIcons).alignJustify,
-            "data-item": "btn-textAlign-option"
-          }, null, 8, _hoisted_5$3)
-        ]);
+            "data-item": "btn-textAlign-option",
+            role: "menuitem",
+            "aria-label": "Justify"
+          }, null, 8, _hoisted_4$3$1)
+        ], 2);
       };
     }
   };
-  const AlignmentButtons = /* @__PURE__ */ _export_sfc$1(_sfc_main$c$1, [["__scopeId", "data-v-932a4937"]]);
-  const _hoisted_1$a$1 = { class: "link-input-ctn" };
-  const _hoisted_2$8$1 = {
+  const AlignmentButtons = /* @__PURE__ */ _export_sfc$1(_sfc_main$c$1, [["__scopeId", "data-v-58d8a9bb"]]);
+  const _hoisted_1$a$1 = {
     key: 0,
     class: "link-title"
   };
-  const _hoisted_3$7$1 = {
+  const _hoisted_2$8$1 = {
     key: 1,
     class: "link-title"
   };
-  const _hoisted_4$2$1 = {
+  const _hoisted_3$6$1 = {
     key: 2,
     class: "link-title"
   };
-  const _hoisted_5$2$1 = { key: 3 };
-  const _hoisted_6$1$1 = { class: "input-row" };
-  const _hoisted_7$1$1 = ["innerHTML"];
-  const _hoisted_8$2 = ["onKeydown"];
-  const _hoisted_9$2 = ["innerHTML"];
-  const _hoisted_10$1 = { class: "input-row link-buttons" };
-  const _hoisted_11$1 = ["innerHTML"];
-  const _hoisted_12$1 = {
+  const _hoisted_4$2$1 = { key: 3 };
+  const _hoisted_5$2$1 = { class: "input-row" };
+  const _hoisted_6$1$1 = ["innerHTML"];
+  const _hoisted_7$2 = ["onKeydown"];
+  const _hoisted_8$2 = ["innerHTML"];
+  const _hoisted_9$2 = { class: "input-row link-buttons" };
+  const _hoisted_10$1 = ["innerHTML"];
+  const _hoisted_11$1 = {
     key: 4,
     class: "input-row go-to-anchor clickable"
   };
@@ -71703,6 +71816,7 @@ ${style2}
     setup(__props, { emit: __emit }) {
       const emit2 = __emit;
       const props = __props;
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode$1();
       const { proxy } = getCurrentInstance();
       const handleSubmit = () => {
         if (proxy?.$submit instanceof Function) proxy.$submit();
@@ -71753,16 +71867,19 @@ ${style2}
         if (props.showInput) focusInput();
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$a$1, [
-          !__props.href ? (openBlock(), createElementBlock("div", _hoisted_2$8$1, "Add link")) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_3$7$1, "Page anchor")) : (openBlock(), createElementBlock("div", _hoisted_4$2$1, "Edit link")),
-          __props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_5$2$1, [
-            createBaseVNode("div", _hoisted_6$1$1, [
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(["link-input-ctn", { "high-contrast": unref(isHighContrastMode2) }])
+        }, [
+          !__props.href ? (openBlock(), createElementBlock("div", _hoisted_1$a$1, "Add link")) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_2$8$1, "Page anchor")) : (openBlock(), createElementBlock("div", _hoisted_3$6$1, "Edit link")),
+          __props.showInput && !isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_4$2$1, [
+            createBaseVNode("div", _hoisted_5$2$1, [
               createBaseVNode("div", {
                 class: "input-icon",
                 innerHTML: unref(toolbarIcons).linkInput
-              }, null, 8, _hoisted_7$1$1),
+              }, null, 8, _hoisted_6$1$1),
               withDirectives(createBaseVNode("input", {
                 type: "text",
+                name: "link",
                 placeholder: "Type or paste a link",
                 class: normalizeClass({ error: urlError.value }),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rawUrl.value = $event),
@@ -71770,7 +71887,7 @@ ${style2}
                   withKeys(withModifiers(handleSubmit, ["stop", "prevent"]), ["enter"]),
                   _cache[1] || (_cache[1] = ($event) => urlError.value = false)
                 ]
-              }, null, 42, _hoisted_8$2), [
+              }, null, 42, _hoisted_7$2), [
                 [vModelText, rawUrl.value]
               ]),
               createBaseVNode("div", {
@@ -71778,9 +71895,9 @@ ${style2}
                 innerHTML: unref(toolbarIcons).openLink,
                 onClick: openLink,
                 "data-item": "btn-link-open"
-              }, null, 10, _hoisted_9$2)
+              }, null, 10, _hoisted_8$2)
             ]),
-            createBaseVNode("div", _hoisted_10$1, [
+            createBaseVNode("div", _hoisted_9$2, [
               __props.href ? (openBlock(), createElementBlock("button", {
                 key: 0,
                 class: "remove-btn",
@@ -71790,7 +71907,7 @@ ${style2}
                 createBaseVNode("div", {
                   class: "remove-btn__icon",
                   innerHTML: unref(toolbarIcons).removeLink
-                }, null, 8, _hoisted_11$1),
+                }, null, 8, _hoisted_10$1),
                 _cache[3] || (_cache[3] = createTextVNode(" Remove "))
               ])) : createCommentVNode("", true),
               showApply.value ? (openBlock(), createElementBlock("button", {
@@ -71800,23 +71917,22 @@ ${style2}
                 "data-item": "btn-link-apply"
               }, toDisplayString(getApplyText.value), 3)) : createCommentVNode("", true)
             ])
-          ])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+          ])) : isAnchor.value ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
             createBaseVNode("a", {
               onClick: _cache[2] || (_cache[2] = withModifiers((...args) => __props.goToAnchor && __props.goToAnchor(...args), ["stop", "prevent"]))
             }, "Go to " + toDisplayString(__props.href.startsWith("#_") ? __props.href.substring(2) : __props.href), 1)
           ])) : createCommentVNode("", true)
-        ]);
+        ], 2);
       };
     }
   };
-  const LinkInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$b$1, [["__scopeId", "data-v-04bac853"]]);
-  const _hoisted_1$9$1 = { class: "document-mode" };
-  const _hoisted_2$7$1 = ["onClick"];
-  const _hoisted_3$6$1 = { class: "document-mode-column icon-column" };
-  const _hoisted_4$1$1 = ["innerHTML"];
-  const _hoisted_5$1$1 = { class: "document-mode-column text-column" };
-  const _hoisted_6$2 = { class: "document-mode-type" };
-  const _hoisted_7$2 = { class: "document-mode-description" };
+  const LinkInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$b$1, [["__scopeId", "data-v-64aa14bc"]]);
+  const _hoisted_1$9$1 = ["onClick"];
+  const _hoisted_2$7$1 = { class: "document-mode-column icon-column" };
+  const _hoisted_3$5$1 = ["innerHTML"];
+  const _hoisted_4$1$1 = { class: "document-mode-column text-column" };
+  const _hoisted_5$1$1 = { class: "document-mode-type" };
+  const _hoisted_6$2 = { class: "document-mode-description" };
   const _sfc_main$a$1 = {
     __name: "DocumentMode",
     props: {
@@ -71827,34 +71943,38 @@ ${style2}
     emits: ["select"],
     setup(__props, { emit: __emit }) {
       const emit2 = __emit;
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode$1();
       const handleClick2 = (item) => {
         emit2("select", item);
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$9$1, [
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(["document-mode", { "high-contrast": unref(isHighContrastMode2) }])
+        }, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.options, (option) => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["option-item", { disabled: option.disabled }]),
               onClick: ($event) => handleClick2(option),
-              "data-item": "btn-documentMode-option"
+              "data-item": "btn-documentMode-option",
+              role: "menuitem"
             }, [
-              createBaseVNode("div", _hoisted_3$6$1, [
+              createBaseVNode("div", _hoisted_2$7$1, [
                 createBaseVNode("div", {
                   class: "icon-column__icon",
                   innerHTML: option.icon
-                }, null, 8, _hoisted_4$1$1)
+                }, null, 8, _hoisted_3$5$1)
               ]),
-              createBaseVNode("div", _hoisted_5$1$1, [
-                createBaseVNode("div", _hoisted_6$2, toDisplayString(option.label), 1),
-                createBaseVNode("div", _hoisted_7$2, toDisplayString(option.description), 1)
+              createBaseVNode("div", _hoisted_4$1$1, [
+                createBaseVNode("div", _hoisted_5$1$1, toDisplayString(option.label), 1),
+                createBaseVNode("div", _hoisted_6$2, toDisplayString(option.description), 1)
               ])
-            ], 10, _hoisted_2$7$1);
+            ], 10, _hoisted_1$9$1);
           }), 256))
-        ]);
+        ], 2);
       };
     }
   };
-  const DocumentMode = /* @__PURE__ */ _export_sfc$1(_sfc_main$a$1, [["__scopeId", "data-v-8afd7fbb"]]);
+  const DocumentMode = /* @__PURE__ */ _export_sfc$1(_sfc_main$a$1, [["__scopeId", "data-v-050d9d49"]]);
   const _hoisted_1$8$1 = {
     key: 0,
     class: "linked-style-buttons"
@@ -71897,9 +72017,9 @@ ${style2}
     }
   };
   const LinkedStyle = /* @__PURE__ */ _export_sfc$1(_sfc_main$9$1, [["__scopeId", "data-v-bf5a8c1e"]]);
-  const _hoisted_1$7$1 = ["onClick"];
+  const _hoisted_1$7$1 = ["aria-label", "onClick"];
   const _hoisted_2$5$1 = ["innerHTML"];
-  const _hoisted_3$5$1 = ["innerHTML"];
+  const _hoisted_3$4$1 = ["innerHTML"];
   const _sfc_main$8$1 = {
     __name: "IconGridRow",
     props: {
@@ -71936,12 +72056,15 @@ ${style2}
         return openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.icons, (row, rowIndex) => {
           return openBlock(), createElementBlock("div", {
             class: "option-row",
-            key: rowIndex
+            key: rowIndex,
+            role: "group"
           }, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(row, (option, optionIndex) => {
               return openBlock(), createElementBlock("div", {
                 class: "option",
                 key: optionIndex,
+                "aria-label": option.label,
+                role: "menuitem",
                 onClick: withModifiers(($event) => handleClick2(option), ["stop", "prevent"])
               }, [
                 createBaseVNode("div", {
@@ -71954,7 +72077,7 @@ ${style2}
                   class: "option__check",
                   innerHTML: unref(toolbarIcons).colorOptionCheck,
                   style: normalizeStyle(getCheckStyle(option.value, optionIndex))
-                }, null, 12, _hoisted_3$5$1)) : createCommentVNode("", true)
+                }, null, 12, _hoisted_3$4$1)) : createCommentVNode("", true)
               ], 8, _hoisted_1$7$1);
             }), 128))
           ]);
@@ -71962,11 +72085,11 @@ ${style2}
       };
     }
   };
-  const IconGridRow = /* @__PURE__ */ _export_sfc$1(_sfc_main$8$1, [["__scopeId", "data-v-6a2a9a40"]]);
+  const IconGridRow = /* @__PURE__ */ _export_sfc$1(_sfc_main$8$1, [["__scopeId", "data-v-d96a82fa"]]);
   const DropIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>\n';
   const _hoisted_1$6$1 = { class: "options-grid-wrap" };
   const _hoisted_2$4$1 = ["innerHTML"];
-  const _hoisted_3$4$1 = { class: "option-grid-ctn" };
+  const _hoisted_3$3$1 = { class: "option-grid-ctn" };
   const _sfc_main$7$1 = {
     __name: "IconGrid",
     props: {
@@ -71998,6 +72121,8 @@ ${style2}
           __props.hasNoneIcon ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "none-option",
+            role: "menuitem",
+            "aria-label": "Clear color selection",
             onClick: _cache[0] || (_cache[0] = ($event) => handleSelect("none"))
           }, [
             createBaseVNode("span", {
@@ -72006,7 +72131,7 @@ ${style2}
             }, null, 8, _hoisted_2$4$1),
             _cache[1] || (_cache[1] = createTextVNode(" None "))
           ])) : createCommentVNode("", true),
-          createBaseVNode("div", _hoisted_3$4$1, [
+          createBaseVNode("div", _hoisted_3$3$1, [
             createVNode(IconGridRow, {
               icons: __props.icons,
               "active-color": __props.activeColor,
@@ -72025,7 +72150,7 @@ ${style2}
       };
     }
   };
-  const IconGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$7$1, [["__scopeId", "data-v-47b783db"]]);
+  const IconGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$7$1, [["__scopeId", "data-v-9246bdef"]]);
   const closeDropdown$1 = (dropdown) => {
     dropdown.expand.value = false;
   };
@@ -72059,84 +72184,83 @@ ${style2}
   };
   const icons = [
     [
-      makeColorOption("#111111"),
-      makeColorOption("#333333"),
-      makeColorOption("#5C5C5C"),
-      makeColorOption("#858585"),
-      makeColorOption("#ADADAD"),
-      makeColorOption("#D6D6D6"),
-      makeColorOption("#FFFFFF")
+      makeColorOption("#111111", "black"),
+      makeColorOption("#333333", "dark gray"),
+      makeColorOption("#5C5C5C", "medium gray"),
+      makeColorOption("#858585", "light gray"),
+      makeColorOption("#ADADAD", "very light gray"),
+      makeColorOption("#D6D6D6", "transparent gray"),
+      makeColorOption("#FFFFFF", "white")
     ],
     [
-      makeColorOption("#860028"),
-      makeColorOption("#D2003F"),
-      makeColorOption("#DB3365"),
-      makeColorOption("#E4668C"),
-      makeColorOption("#ED99B2"),
-      makeColorOption("#F6CCD9"),
-      makeColorOption("#FF004D")
+      makeColorOption("#860028", "dark red"),
+      makeColorOption("#D2003F", "red"),
+      makeColorOption("#DB3365", "coral red"),
+      makeColorOption("#E4668C", "light red"),
+      makeColorOption("#ED99B2", "pale pink"),
+      makeColorOption("#F6CCD9", "transparent pink"),
+      makeColorOption("#FF004D", "bright pink")
     ],
     [
-      makeColorOption("#83015E"),
-      makeColorOption("#CD0194"),
-      makeColorOption("#D734A9"),
-      makeColorOption("#E167BF"),
-      makeColorOption("#EB99D4"),
-      makeColorOption("#F5CCEA"),
-      makeColorOption("#FF00A8")
+      makeColorOption("#83015E", "dark purple"),
+      makeColorOption("#CD0194", "purple"),
+      makeColorOption("#D734A9", "orchid"),
+      makeColorOption("#E167BF", "light purple"),
+      makeColorOption("#EB99D4", "lavender"),
+      makeColorOption("#F5CCEA", "transparent pink"),
+      makeColorOption("#FF00A8", "neon pink")
     ],
     [
-      makeColorOption("#8E220A"),
-      makeColorOption("#DD340F"),
-      makeColorOption("#E45C3F"),
-      makeColorOption("#EB856F"),
-      makeColorOption("#F1AE9F"),
-      makeColorOption("#F8D6CF"),
-      makeColorOption("#FF7A00")
+      makeColorOption("#8E220A", "maroon"),
+      makeColorOption("#DD340F", "red-orange"),
+      makeColorOption("#E45C3F", "burnt orange"),
+      makeColorOption("#EB856F", "peach"),
+      makeColorOption("#F1AE9F", "pale peach"),
+      makeColorOption("#F8D6CF", "transparent peach"),
+      makeColorOption("#FF7A00", "orange")
     ],
     [
-      makeColorOption("#947D02"),
-      makeColorOption("#E7C302"),
-      makeColorOption("#ECCF35"),
-      makeColorOption("#F1DB67"),
-      makeColorOption("#F5E79A"),
-      makeColorOption("#FAF3CC"),
-      makeColorOption("#FAFF09")
+      makeColorOption("#947D02", "olive"),
+      makeColorOption("#E7C302", "mustard yellow"),
+      makeColorOption("#ECCF35", "yellow"),
+      makeColorOption("#F1DB67", "light yellow"),
+      makeColorOption("#F5E79A", "very pale yellow"),
+      makeColorOption("#FAF3CC", "transparent yellow"),
+      makeColorOption("#FAFF09", "neon yellow")
     ],
     [
-      makeColorOption("#055432"),
-      makeColorOption("#07834F"),
-      makeColorOption("#399C72"),
-      makeColorOption("#6AB595"),
-      makeColorOption("#9CCDB9"),
-      makeColorOption("#CDE6DC"),
-      makeColorOption("#05F38F")
+      makeColorOption("#055432", "forest green"),
+      makeColorOption("#07834F", "green"),
+      makeColorOption("#399C72", "medium green"),
+      makeColorOption("#6AB595", "light green"),
+      makeColorOption("#9CCDB9", "mint"),
+      makeColorOption("#CDE6DC", "transparent mint"),
+      makeColorOption("#05F38F", "bright teal")
     ],
     [
-      makeColorOption("#063E7E"),
-      makeColorOption("#0A60C5"),
-      makeColorOption("#3B80D1"),
-      makeColorOption("#6CA0DC"),
-      makeColorOption("#9DBFE8"),
-      makeColorOption("#CEDFF3"),
-      makeColorOption("#21c8ce")
+      makeColorOption("#063E7E", "navy blue"),
+      makeColorOption("#0A60C5", "blue"),
+      makeColorOption("#3B80D1", "sky blue"),
+      makeColorOption("#6CA0DC", "cornflower blue"),
+      makeColorOption("#9DBFE8", "light blue"),
+      makeColorOption("#CEDFF3", "very light blue"),
+      makeColorOption("#21c8ce", "cyan")
     ],
     [
-      makeColorOption("#3E027A"),
-      makeColorOption("#6103BF"),
-      makeColorOption("#8136CC"),
-      makeColorOption("#A068D9"),
-      makeColorOption("#C09AE6"),
-      makeColorOption("#DFCDF2"),
-      makeColorOption("#A91DFF")
+      makeColorOption("#3E027A", "deep purple"),
+      makeColorOption("#6103BF", "indigo"),
+      makeColorOption("#8136CC", "violet"),
+      makeColorOption("#A068D9", "lavender pink"),
+      makeColorOption("#C09AE6", "light lilac"),
+      makeColorOption("#DFCDF2", "transparent lilac"),
+      makeColorOption("#A91DFF", "neon purple")
     ]
   ];
   const getAvailableColorOptions = () => {
     return icons.flat().map((item) => item.value);
   };
-  const _hoisted_1$5$1 = { class: "toolbar-table-grid-wrapper" };
-  const _hoisted_2$3$1 = ["data-cols", "data-rows", "onClick"];
-  const _hoisted_3$3$1 = { class: "toolbar-table-grid-value" };
+  const _hoisted_1$5$1 = ["data-cols", "data-rows", "onClick"];
+  const _hoisted_2$3$1 = ["aria-valuetext"];
   const _sfc_main$6$1 = {
     __name: "TableGrid",
     emits: ["select", "clickoutside"],
@@ -72144,6 +72268,7 @@ ${style2}
       const emit2 = __emit;
       const selectedRows = ref$1(0);
       const selectedCols = ref$1(0);
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode$1();
       const onTableGridMouseOver = (event) => {
         let target = event.target;
         let isGrid = !!target.dataset.grid;
@@ -72171,7 +72296,9 @@ ${style2}
         emit2("select", { cols, rows });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$5$1, [
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(["toolbar-table-grid-wrapper", { "high-contrast": unref(isHighContrastMode2) }])
+        }, [
           createBaseVNode("div", {
             class: "toolbar-table-grid",
             onMouseover: onTableGridMouseOver,
@@ -72187,22 +72314,25 @@ ${style2}
                     "data-rows": i2,
                     "data-item": "true",
                     onClick: withModifiers(($event) => handleClick2({ cols: n2, rows: i2 }), ["stop", "prevent"])
-                  }, null, 8, _hoisted_2$3$1);
+                  }, null, 8, _hoisted_1$5$1);
                 }), 64))
               ], 64);
             }), 64))
           ], 32),
-          createBaseVNode("div", _hoisted_3$3$1, toDisplayString(selectedRows.value) + " x " + toDisplayString(selectedCols.value), 1)
-        ]);
+          createBaseVNode("div", {
+            class: "toolbar-table-grid-value",
+            "aria-valuetext": `${selectedRows.value} x ${selectedCols.value}`
+          }, toDisplayString(selectedRows.value) + " x " + toDisplayString(selectedCols.value), 9, _hoisted_2$3$1)
+        ], 2);
       };
     }
   };
-  const TableGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$6$1, [["__scopeId", "data-v-06352ab9"]]);
+  const TableGrid = /* @__PURE__ */ _export_sfc$1(_sfc_main$6$1, [["__scopeId", "data-v-617bf152"]]);
   const _hoisted_1$4$1 = { class: "toolbar-table-actions" };
-  const _hoisted_2$2$1 = ["onClick", "data-item"];
+  const _hoisted_2$2$1 = ["onClick", "data-item", "ariaLabel"];
   const _hoisted_3$2$1 = { class: "toolbar-table-actions__icon" };
   const _hoisted_4$5 = ["innerHTML"];
-  const _hoisted_5$4 = { class: "toolbar-table-actions__label" };
+  const _hoisted_5$3 = { class: "toolbar-table-actions__label" };
   const _sfc_main$5$1 = {
     __name: "TableActions",
     props: {
@@ -72222,7 +72352,9 @@ ${style2}
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": option.bottomBorder }]),
               onClick: ($event) => handleClick2(option),
-              "data-item": option.props?.["data-item"] || ""
+              "data-item": option.props?.["data-item"] || "",
+              ariaLabel: option.props?.ariaLabel,
+              role: "menuitem"
             }, [
               createBaseVNode("div", _hoisted_3$2$1, [
                 createBaseVNode("div", {
@@ -72230,14 +72362,14 @@ ${style2}
                   innerHTML: option.icon
                 }, null, 8, _hoisted_4$5)
               ]),
-              createBaseVNode("div", _hoisted_5$4, toDisplayString(option.label), 1)
+              createBaseVNode("div", _hoisted_5$3, toDisplayString(option.label), 1)
             ], 10, _hoisted_2$2$1);
           }), 256))
         ]);
       };
     }
   };
-  const TableActions = /* @__PURE__ */ _export_sfc$1(_sfc_main$5$1, [["__scopeId", "data-v-fdbfb4b0"]]);
+  const TableActions = /* @__PURE__ */ _export_sfc$1(_sfc_main$5$1, [["__scopeId", "data-v-f82e859a"]]);
   const checkIconSvg$1 = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>\n';
   const _hoisted_1$3$1 = { class: "search-input-ctn" };
   const _hoisted_2$1$1 = { class: "row" };
@@ -72338,7 +72470,10 @@ ${style2}
       name: "bold",
       command: "toggleBold",
       icon: toolbarIcons2.bold,
-      tooltip: toolbarTexts2.bold
+      tooltip: toolbarTexts2.bold,
+      attributes: {
+        ariaLabel: "Bold"
+      }
     });
     const fontButton = useToolbarItem({
       type: "dropdown",
@@ -72353,6 +72488,9 @@ ${style2}
       isWide: true,
       style: { width: "116px" },
       suppressActiveHighlight: true,
+      attributes: {
+        ariaLabel: "Font family"
+      },
       options: [...toolbarFonts ? toolbarFonts : TOOLBAR_FONTS],
       onActivate: ({ fontFamily: fontFamily2 }) => {
         if (!fontFamily2) return;
@@ -72373,6 +72511,9 @@ ${style2}
       hasCaret: false,
       isWide: true,
       suppressActiveHighlight: true,
+      attributes: {
+        ariaLabel: "AI"
+      },
       options: [
         {
           type: "render",
@@ -72420,6 +72561,9 @@ ${style2}
       suppressActiveHighlight: true,
       isWide: true,
       command: "setFontSize",
+      attributes: {
+        ariaLabel: "Font size"
+      },
       options: [
         { label: "8", key: "8pt", props: { "data-item": "btn-fontSize-option" } },
         { label: "9", key: "9pt", props: { "data-item": "btn-fontSize-option" } },
@@ -72455,14 +72599,20 @@ ${style2}
       name: "italic",
       command: "toggleItalic",
       icon: toolbarIcons2.italic,
-      tooltip: toolbarTexts2.italic
+      tooltip: toolbarTexts2.italic,
+      attributes: {
+        ariaLabel: "Italic"
+      }
     });
     const underline = useToolbarItem({
       type: "button",
       name: "underline",
       command: "toggleUnderline",
       icon: toolbarIcons2.underline,
-      tooltip: toolbarTexts2.underline
+      tooltip: toolbarTexts2.underline,
+      attributes: {
+        ariaLabel: "Underline"
+      }
     });
     const highlight = useToolbarItem({
       type: "dropdown",
@@ -72475,6 +72625,9 @@ ${style2}
       command: "setHighlight",
       noArgumentCommand: "unsetHighlight",
       suppressActiveHighlight: true,
+      attributes: {
+        ariaLabel: "Highlight"
+      },
       options: [
         {
           key: "color",
@@ -72497,6 +72650,9 @@ ${style2}
       tooltip: toolbarTexts2.color,
       command: "setColor",
       suppressActiveHighlight: true,
+      attributes: {
+        ariaLabel: "Color"
+      },
       options: [
         {
           key: "color",
@@ -72517,6 +72673,9 @@ ${style2}
       tooltip: toolbarTexts2.search,
       group: "right",
       inputRef: searchRef,
+      attributes: {
+        ariaLabel: "Search"
+      },
       options: [
         {
           type: "render",
@@ -72542,6 +72701,9 @@ ${style2}
       markName: "link",
       icon: toolbarIcons2.link,
       tooltip: toolbarTexts2.link,
+      attributes: {
+        ariaLabel: "Link dropdown"
+      },
       options: [
         {
           type: "render",
@@ -72595,7 +72757,10 @@ ${style2}
       command: "startImageUpload",
       icon: toolbarIcons2.image,
       tooltip: toolbarTexts2.image,
-      disabled: false
+      disabled: false,
+      attributes: {
+        ariaLabel: "Image"
+      }
     });
     const tableItem = useToolbarItem({
       type: "dropdown",
@@ -72606,6 +72771,9 @@ ${style2}
       tooltip: toolbarTexts2.table,
       command: "insertTable",
       suppressActiveHighlight: true,
+      attributes: {
+        ariaLabel: "Table"
+      },
       options: [
         {
           key: "table",
@@ -72632,6 +72800,9 @@ ${style2}
       icon: toolbarIcons2.tableActions,
       hideLabel: true,
       disabled: true,
+      attributes: {
+        ariaLabel: "Table actions"
+      },
       options: [
         {
           type: "render",
@@ -72644,69 +72815,102 @@ ${style2}
         label: toolbarTexts2.addRowBefore,
         command: "addRowBefore",
         icon: toolbarIcons2.addRowBefore,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Add row before"
+        }
       },
       {
         label: toolbarTexts2.addRowAfter,
         command: "addRowAfter",
         icon: toolbarIcons2.addRowAfter,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Add row after"
+        }
       },
       {
         label: toolbarTexts2.addColumnBefore,
         command: "addColumnBefore",
         icon: toolbarIcons2.addColumnBefore,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Add column before"
+        }
       },
       {
         label: toolbarTexts2.addColumnAfter,
         command: "addColumnAfter",
         icon: toolbarIcons2.addColumnAfter,
         bottomBorder: true,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Add column after"
+        }
       },
       {
         label: toolbarTexts2.deleteRow,
         command: "deleteRow",
         icon: toolbarIcons2.deleteRow,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Delete row"
+        }
       },
       {
         label: toolbarTexts2.deleteColumn,
         command: "deleteColumn",
         icon: toolbarIcons2.deleteColumn,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Delete column"
+        }
       },
       {
         label: toolbarTexts2.deleteTable,
         command: "deleteTable",
         icon: toolbarIcons2.deleteTable,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Delete table"
+        }
       },
       {
         label: toolbarTexts2.transparentBorders,
         command: "deleteCellAndTableBorders",
         icon: toolbarIcons2.deleteBorders,
         bottomBorder: true,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Delete cell and table borders"
+        }
       },
       {
         label: toolbarTexts2.mergeCells,
         command: "mergeCells",
         icon: toolbarIcons2.mergeCells,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Merge cells"
+        }
       },
       {
         label: toolbarTexts2.splitCell,
         command: "splitCell",
         icon: toolbarIcons2.splitCell,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Split cells"
+        }
       },
       {
         label: toolbarTexts2.fixTables,
         command: "fixTables",
         icon: toolbarIcons2.fixTables,
-        props: { "data-item": "btn-tableActions-option" }
+        props: {
+          "data-item": "btn-tableActions-option",
+          ariaLabel: "Fix tables"
+        }
       }
     ];
     function renderTableActions(tableActionsItem2) {
@@ -72729,6 +72933,9 @@ ${style2}
       markName: "textAlign",
       labelAttr: "textAlign",
       suppressActiveHighlight: true,
+      attributes: {
+        ariaLabel: "Text align"
+      },
       options: [
         {
           type: "render",
@@ -72772,14 +72979,20 @@ ${style2}
       name: "list",
       command: "toggleBulletList",
       icon: toolbarIcons2.bulletList,
-      tooltip: toolbarTexts2.bulletList
+      tooltip: toolbarTexts2.bulletList,
+      attributes: {
+        ariaLabel: "Bullet list"
+      }
     });
     const numberedList = useToolbarItem({
       type: "button",
       name: "numberedlist",
       command: "toggleOrderedList",
       icon: toolbarIcons2.numberedList,
-      tooltip: toolbarTexts2.numberedList
+      tooltip: toolbarTexts2.numberedList,
+      attributes: {
+        ariaLabel: "Numbered list"
+      }
     });
     const indentLeft = useToolbarItem({
       type: "button",
@@ -72787,7 +73000,10 @@ ${style2}
       command: "decreaseTextIndent",
       icon: toolbarIcons2.indentLeft,
       tooltip: toolbarTexts2.indentLeft,
-      disabled: false
+      disabled: false,
+      attributes: {
+        ariaLabel: "Left indent"
+      }
     });
     const indentRight = useToolbarItem({
       type: "button",
@@ -72795,14 +73011,20 @@ ${style2}
       command: "increaseTextIndent",
       icon: toolbarIcons2.indentRight,
       tooltip: toolbarTexts2.indentRight,
-      disabled: false
+      disabled: false,
+      attributes: {
+        ariaLabel: "Right indent"
+      }
     });
     const overflow = useToolbarItem({
       type: "overflow",
       name: "overflow",
       command: "toggleOverflow",
       icon: toolbarIcons2.overflow,
-      disabled: false
+      disabled: false,
+      attributes: {
+        ariaLabel: "Overflow items"
+      }
     });
     const zoom = useToolbarItem({
       type: "dropdown",
@@ -72816,6 +73038,9 @@ ${style2}
       isWide: true,
       inlineTextInputVisible: false,
       hasInlineTextInput: true,
+      attributes: {
+        ariaLabel: "Zoom"
+      },
       options: [
         { label: "50%", key: 0.5, props: { "data-item": "btn-zoom-option" } },
         { label: "75%", key: 0.75, props: { "data-item": "btn-zoom-option" } },
@@ -72838,6 +73063,9 @@ ${style2}
       command: "undo",
       icon: toolbarIcons2.undo,
       group: "left",
+      attributes: {
+        ariaLabel: "Undo"
+      },
       onDeactivate: () => {
         undo2.disabled.value = !superToolbar.undoDepth;
       }
@@ -72850,6 +73078,9 @@ ${style2}
       command: "redo",
       icon: toolbarIcons2.redo,
       group: "left",
+      attributes: {
+        ariaLabel: "Redo"
+      },
       onDeactivate: () => {
         redo2.disabled.value = !superToolbar.redoDepth;
       }
@@ -72861,7 +73092,10 @@ ${style2}
       tooltip: toolbarTexts2.trackChanges,
       command: "toggleTrackChanges",
       icon: toolbarIcons2.trackChanges,
-      group: "left"
+      group: "left",
+      attributes: {
+        ariaLabel: "Track changes"
+      }
     });
     const acceptTrackedChangeBySelection = useToolbarItem({
       type: "button",
@@ -72870,7 +73104,10 @@ ${style2}
       tooltip: toolbarTexts2.trackChangesAccept,
       command: "acceptTrackedChangeBySelection",
       icon: toolbarIcons2.trackChangesAccept,
-      group: "left"
+      group: "left",
+      attributes: {
+        ariaLabel: "Accept tracked changes"
+      }
     });
     const rejectTrackedChangeOnSelection = useToolbarItem({
       type: "button",
@@ -72879,7 +73116,10 @@ ${style2}
       tooltip: toolbarTexts2.trackChangesReject,
       command: "rejectTrackedChangeOnSelection",
       icon: toolbarIcons2.trackChangesReject,
-      group: "left"
+      group: "left",
+      attributes: {
+        ariaLabel: "Reject tracked changes"
+      }
     });
     const toggleTrackChangesOriginal = useToolbarItem({
       type: "button",
@@ -72888,7 +73128,10 @@ ${style2}
       tooltip: toolbarTexts2.trackChangesOriginal,
       command: "toggleTrackChangesShowOriginal",
       icon: toolbarIcons2.trackChangesOriginal,
-      group: "left"
+      group: "left",
+      attributes: {
+        ariaLabel: "Toggle tracked changes show original"
+      }
     });
     const toggleTrackChangesFinal = useToolbarItem({
       type: "button",
@@ -72897,14 +73140,20 @@ ${style2}
       tooltip: toolbarTexts2.trackChangesFinal,
       command: "toggleTrackChangesShowFinal",
       icon: toolbarIcons2.trackChangesFinal,
-      group: "left"
+      group: "left",
+      attributes: {
+        ariaLabel: "Toggle tracked changes show final"
+      }
     });
     const clearFormatting = useToolbarItem({
       type: "button",
       name: "clearFormatting",
       command: "clearFormat",
       tooltip: toolbarTexts2.clearFormatting,
-      icon: toolbarIcons2.clearFormatting
+      icon: toolbarIcons2.clearFormatting,
+      attributes: {
+        ariaLabel: "Clear formatting"
+      }
     });
     [
       bold,
@@ -72920,7 +73169,10 @@ ${style2}
       name: "copyFormat",
       tooltip: toolbarTexts2.copyFormat,
       icon: toolbarIcons2.copyFormat,
-      command: "copyFormat"
+      command: "copyFormat",
+      attributes: {
+        ariaLabel: "Copy formatting"
+      }
     });
     const getDocumentOptionsAfterRole = (role2, documentOptions2) => {
       if (role2 === "editor") return documentOptions2;
@@ -72949,7 +73201,8 @@ ${style2}
       disabled: role !== "editor",
       attributes: {
         dropdownPosition: "right",
-        className: "toolbar-item--doc-mode"
+        className: "toolbar-item--doc-mode",
+        ariaLabel: "Document mode"
       },
       options: [
         {
@@ -72996,7 +73249,10 @@ ${style2}
       name: "pageBreakTool",
       command: "insertPageBreak",
       icon: toolbarIcons2.pageBreak,
-      tooltip: toolbarTexts2.pageBreak
+      tooltip: toolbarTexts2.pageBreak,
+      attributes: {
+        ariaLabel: "Page break"
+      }
     });
     const controlSizes = /* @__PURE__ */ new Map([
       ["separator", 20],
@@ -73014,7 +73270,10 @@ ${style2}
       name: "ruler",
       command: "toggleRuler",
       icon: toolbarIcons2.ruler,
-      tooltip: toolbarTexts2.ruler
+      tooltip: toolbarTexts2.ruler,
+      attributes: {
+        ariaLabel: "Ruler"
+      }
     });
     const selectedLinkedStyle = ref$1(null);
     const linkedStyles = useToolbarItem({
@@ -73030,7 +73289,8 @@ ${style2}
       suppressActiveHighlight: true,
       disabled: false,
       attributes: {
-        className: "toolbar-item--linked-styles"
+        className: "toolbar-item--linked-styles",
+        ariaLabel: "Linked styles"
       },
       options: [
         {
@@ -73077,6 +73337,9 @@ ${style2}
       command: "setLineHeight",
       dropdownValueKey: "key",
       selectedValue: "1",
+      attributes: {
+        ariaLabel: "Line height"
+      },
       options: [
         { label: "1,0", key: "1", icon: () => renderIcon("1", lineHeight2.selectedValue), props: { "data-item": "btn-lineHeight-option" } },
         { label: "1,15", key: "1.15", icon: () => renderIcon("1.15", lineHeight2.selectedValue), props: { "data-item": "btn-lineHeight-option" } },
@@ -74230,7 +74493,7 @@ ${style2}
     key: 1,
     class: "placeholder-editor"
   };
-  const _hoisted_3$9 = { class: "placeholder-title" };
+  const _hoisted_3$8 = { class: "placeholder-title" };
   const _sfc_main$2$1 = {
     __name: "SuperEditor",
     props: {
@@ -74394,11 +74657,12 @@ ${style2}
             createBaseVNode("div", {
               ref_key: "editorElem",
               ref: editorElem,
-              class: "editor-element super-editor__element"
+              class: "editor-element super-editor__element",
+              role: "presentation"
             }, null, 512)
           ], 544),
           !editorReady.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
-            createBaseVNode("div", _hoisted_3$9, [
+            createBaseVNode("div", _hoisted_3$8, [
               createVNode(unref(NSkeleton), {
                 text: "",
                 style: { "width": "60%" }
@@ -74446,7 +74710,7 @@ ${style2}
       };
     }
   };
-  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$1, [["__scopeId", "data-v-ff8f86f4"]]);
+  const SuperEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2$1, [["__scopeId", "data-v-f27b7c30"]]);
   const _hoisted_1$h = ["innerHTML"];
   const _sfc_main$i = {
     __name: "SuperInput",
@@ -87631,7 +87895,8 @@ ${style2}
           onClick: withModifiers(setFocus, ["stop", "prevent"]),
           style: normalizeStyle(getSidebarCommentStyle.value),
           ref_key: "commentDialogElement",
-          ref: commentDialogElement
+          ref: commentDialogElement,
+          role: "dialog"
         }, [
           shouldShowInternalExternal.value ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
             createVNode(InternalDropdown, {
@@ -87727,7 +87992,7 @@ ${style2}
       };
     }
   };
-  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-92061859"]]);
+  const CommentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ff48cd67"]]);
   const _hoisted_1$b = { class: "comments-list" };
   const _hoisted_2$6 = { key: 0 };
   const _hoisted_3$3 = { class: "comment-item" };
@@ -88895,6 +89160,16 @@ ${style2}
       handleAiToolClick
     };
   }
+  const isHighContrastMode = ref$1(false);
+  function useHighContrastMode() {
+    const setHighContrastMode = (value) => {
+      isHighContrastMode.value = value;
+    };
+    return {
+      isHighContrastMode,
+      setHighContrastMode
+    };
+  }
   const _hoisted_1 = ["innerHTML"];
   const _hoisted_2 = { class: "superdoc__document document" };
   const _hoisted_3 = {
@@ -88936,6 +89211,7 @@ ${style2}
       const { showAddComment, handleEditorLocationsUpdate, handleTrackedChangeUpdate } = commentsStore;
       const { proxy } = getCurrentInstance();
       commentsStore.proxy = proxy;
+      const { isHighContrastMode: isHighContrastMode2 } = useHighContrastMode();
       const layers = ref$1(null);
       const commentsLayer = ref$1(null);
       const toolsMenuPosition = reactive({ top: null, right: "-25px", zIndex: 101 });
@@ -89291,12 +89567,13 @@ ${style2}
       return (_ctx, _cache) => {
         const _directive_click_outside = resolveDirective("click-outside");
         return openBlock(), createElementBlock("div", {
-          class: normalizeClass(["superdoc", { "superdoc--with-sidebar": showCommentsSidebar.value }])
+          class: normalizeClass(["superdoc", { "superdoc--with-sidebar": showCommentsSidebar.value, "high-contrast": unref(isHighContrastMode2) }])
         }, [
           createBaseVNode("div", {
             class: "superdoc__layers layers",
             ref_key: "layers",
-            ref: layers
+            ref: layers,
+            role: "group"
           }, [
             showToolsFloatingMenu.value ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -89431,7 +89708,7 @@ ${style2}
       };
     }
   };
-  const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e620aa2b"]]);
+  const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fc218ba5"]]);
   const createSuperdocVueApp = () => {
     const app = createApp(App);
     const pinia = createPinia();
@@ -89439,7 +89716,8 @@ ${style2}
     app.directive("click-outside", vClickOutside);
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
-    return { app, pinia, superdocStore, commentsStore };
+    const highContrastModeStore = useHighContrastMode();
+    return { app, pinia, superdocStore, commentsStore, highContrastModeStore };
   };
   const createDownload = (blob, name, extension) => {
     const url = URL.createObjectURL(blob);
@@ -89529,7 +89807,7 @@ ${style2}
       this.config.colors = shuffleArray(this.config.colors);
       this.userColorMap = /* @__PURE__ */ new Map();
       this.colorIndex = 0;
-      this.version = "0.12.30";
+      this.version = "0.12.31-next.1";
       console.debug("🦋 [superdoc] Using SuperDoc version:", this.version);
       this.superdocId = config.superdocId || v4();
       this.colors = this.config.colors;
@@ -89606,7 +89884,7 @@ ${style2}
       }
     }
     #initVueApp() {
-      const { app, pinia, superdocStore, commentsStore } = createSuperdocVueApp();
+      const { app, pinia, superdocStore, commentsStore, highContrastModeStore } = createSuperdocVueApp();
       this.app = app;
       this.pinia = pinia;
       this.app.config.globalProperties.$config = this.config;
@@ -89614,6 +89892,7 @@ ${style2}
       this.app.config.globalProperties.$superdoc = this;
       this.superdocStore = superdocStore;
       this.commentsStore = commentsStore;
+      this.highContrastModeStore = highContrastModeStore;
       this.superdocStore.init(this.config);
       this.commentsStore.init(this.config.modules.comments);
     }
@@ -90085,6 +90364,16 @@ ${style2}
         });
       }
     }
+    /**
+     * Set the high contrast mode
+     * @param {boolean} isHighContrast
+     * @returns {void}
+     */
+    setHighContrastMode(isHighContrast) {
+      if (!this.activeEditor) return;
+      this.activeEditor.setHighContrastMode(isHighContrast);
+      this.highContrastModeStore.setHighContrastMode(isHighContrast);
+    }
   }
   exports2.BlankDOCX = BlankDOCX;
   exports2.DOCX = DOCX;