oasis-editor 0.0.146 → 0.0.148

package/dist/{index-CXKg4TC3.js → index-CpZO1PF4.js}

@@ -1443,10 +1443,13 @@ const en = {
   "toolbar.file": "File",
   "toolbar.export": "Export",
   "toolbar.import": "Import",
+  "toolbar.newDocument": "New Document",
+  "toolbar.importDocx": "Import DOCX",
   "toolbar.undo": "Undo last change",
   "toolbar.redo": "Redo last undone change",
   "toolbar.insert": "Insert",
   "toolbar.image": "Image",
+  "toolbar.symbols": "Symbols",
   "toolbar.imageCaption": "Image caption",
   "toolbar.shapes": "Shapes",
   "toolbar.shape.rect": "Rectangle",
@@ -1504,6 +1507,17 @@ const en = {
   "toolbar.formatUpperRoman": "I, II, III",
   "toolbar.formatBullet": "Bullet",
   "toolbar.moreTools": "More tools",
+  "symbols.menu.equation": "Equation",
+  "symbols.menu.symbol": "Symbol",
+  "symbols.menu.number": "Number",
+  "symbols.more": "More Symbols...",
+  "symbols.category.all": "All",
+  "symbols.category.common": "Common",
+  "symbols.category.math": "Mathematical",
+  "symbols.category.arrows": "Arrows",
+  "symbols.category.currency": "Currency",
+  "symbols.category.greek": "Greek",
+  "symbols.category.numbers": "Numbers",
   // Style
   "toolbar.style": "Styles",
   "toolbar.fontFamily": "Font Family",
@@ -1658,9 +1672,9 @@ const en = {
   "section.marginValue": "{0} cm",
   "section.marginApply": "Apply",
   "number.decimalSeparator": ".",
-  "section.secNext": "Sec Next",
+  "section.secNext": "Next Page",
   "section.secNextTooltip": "Insert Section Break (Next Page)",
-  "section.secCont": "Sec Cont",
+  "section.secCont": "Continuous",
   "section.secContTooltip": "Insert Section Break (Continuous)",
   // Table
   "table.merge": "Merge",
@@ -1772,10 +1786,23 @@ const en = {
   "layoutOptions.behindHint": "Tip: Alt+click to select an object behind text",
   // Generic
   "generic.close": "Close",
+  "generic.back": "Back",
   "generic.cancel": "Cancel",
   "generic.save": "Save",
   "generic.apply": "Apply",
   "generic.ok": "OK",
+  "dialog.symbol.title": "Symbol",
+  "dialog.symbol.insert": "Insert",
+  "dialog.symbol.font": "Font",
+  "dialog.symbol.subset": "Subset",
+  "dialog.symbol.preview": "Preview",
+  "dialog.symbol.recent": "Recently used",
+  "dialog.symbol.code": "Character code",
+  "dialog.symbol.doubleClickHelp": "Double-click a character to insert it.",
+  // New document confirmation
+  "dialog.newDocument.title": "New Document",
+  "dialog.newDocument.message": "The current document has unsaved changes. Do you want to discard them and create a new document?",
+  "dialog.newDocument.discard": "Discard",
   "title.untitled": "Untitled document",
   // Dialogs
   "dialog.imageAlt.title": "Image Alt Text",
@@ -1978,7 +2005,7 @@ const en = {
   // Menu
   "menu.file": "File",
   "menu.file.export": "Export",
-  "menu.file.new": "New",
+  "menu.file.new": "New Document",
   "menu.file.print": "Print",
   "menu.edit": "Edit",
   "menu.edit.cut": "Cut",
@@ -2025,10 +2052,13 @@ const ptBR = {
   "toolbar.file": "Arquivo",
   "toolbar.export": "Exportar",
   "toolbar.import": "Importar",
+  "toolbar.newDocument": "Novo Documento",
+  "toolbar.importDocx": "Importar DOCX",
   "toolbar.undo": "Desfazer última alteração",
   "toolbar.redo": "Refazer última alteração",
   "toolbar.insert": "Inserir",
   "toolbar.image": "Imagem",
+  "toolbar.symbols": "Símbolos",
   "toolbar.imageCaption": "Legenda da imagem",
   "toolbar.shapes": "Formas",
   "toolbar.shape.rect": "Retângulo",
@@ -2086,6 +2116,17 @@ const ptBR = {
   "toolbar.formatUpperRoman": "I, II, III",
   "toolbar.formatBullet": "Marcador",
   "toolbar.moreTools": "Mais ferramentas",
+  "symbols.menu.equation": "Equação",
+  "symbols.menu.symbol": "Símbolo",
+  "symbols.menu.number": "Número",
+  "symbols.more": "Mais Símbolos...",
+  "symbols.category.all": "Todos",
+  "symbols.category.common": "Comuns",
+  "symbols.category.math": "Matemática",
+  "symbols.category.arrows": "Setas",
+  "symbols.category.currency": "Moedas",
+  "symbols.category.greek": "Grego",
+  "symbols.category.numbers": "Números",
   // Style
   "toolbar.style": "Estilos",
   "toolbar.fontFamily": "Família da Fonte",
@@ -2240,9 +2281,9 @@ const ptBR = {
   "section.marginValue": "{0} cm",
   "section.marginApply": "Aplicar",
   "number.decimalSeparator": ",",
-  "section.secNext": "Próx Seç",
+  "section.secNext": "Próxima Página",
   "section.secNextTooltip": "Inserir Quebra de Seção (Próxima Página)",
-  "section.secCont": "Seç Cont",
+  "section.secCont": "Contínua",
   "section.secContTooltip": "Inserir Quebra de Seção (Contínua)",
   // Table
   "table.merge": "Mesclar",
@@ -2354,10 +2395,23 @@ const ptBR = {
   "layoutOptions.behindHint": "Dica: Alt+clique para selecionar um objeto atrás do texto",
   // Generic
   "generic.close": "Fechar",
+  "generic.back": "Voltar",
   "generic.cancel": "Cancelar",
   "generic.save": "Salvar",
   "generic.apply": "Aplicar",
   "generic.ok": "OK",
+  "dialog.symbol.title": "Símbolo",
+  "dialog.symbol.insert": "Inserir",
+  "dialog.symbol.font": "Fonte",
+  "dialog.symbol.subset": "Subconjunto",
+  "dialog.symbol.preview": "Visualização",
+  "dialog.symbol.recent": "Usados recentemente",
+  "dialog.symbol.code": "Código do caractere",
+  "dialog.symbol.doubleClickHelp": "Clique duas vezes em um caractere para inseri-lo.",
+  // New document confirmation
+  "dialog.newDocument.title": "Novo Documento",
+  "dialog.newDocument.message": "O documento atual tem alterações não salvas. Deseja descartá-las e criar um novo documento?",
+  "dialog.newDocument.discard": "Descartar",
   "title.untitled": "Documento sem título",
   // Dialogs
   "dialog.imageAlt.title": "Texto Alternativo da Imagem",
@@ -2560,7 +2614,7 @@ const ptBR = {
   // Menu
   "menu.file": "Arquivo",
   "menu.file.export": "Exportar",
-  "menu.file.new": "Novo",
+  "menu.file.new": "Novo Documento",
   "menu.file.print": "Imprimir",
   "menu.edit": "Editar",
   "menu.edit.cut": "Recortar",
@@ -2632,14 +2686,14 @@ function I18nProvider(props) {
   });
 }
 const oasisMarkBase64 = "UklGRmQXAABXRUJQVlA4IFgXAACwWwCdASrAAAABPjEWiUMiISESyL50IAMEswHYDxjW/947Oi5/a/7H+1P90/ar5n65/UvwH+Q/QZm27Sf5n9r/I/5m/2n/p+wv9E/9j3AP07/0X92/HLuKeYL+mf4r/zf3f3tf9x+rnvH/z/qAfzf/J/9/sM/QX/bv02P28+Fb9s/2s+B39h//51gH//6yfrV/QO1z/CdMx6vl0OAGqD8Z+4X6H+9/up8b/6vvP+IeoL+Lfyr/CflxwuoAPz7+0/7T1iPk/9p6R/zXqAflpxyVAX8y+hD/5/6f0W/UX7UfAl/Ov75/zOxr6SR2HAT+kJLsdULBbdVn3b+sl8uZdjuThjIe3NwBwjfGz5SniiBN2m7i7b0hA/wxE1PuC+4EcbOyjUkU3CDDghPY1Va4tpUped9TFa05Qb1z7O+Ye73ccvEl10Sgdj6Hhy71hb/XpA23GjXBN/obAlaswz9gKwvW9d9npbC69rQeTm6DEr/cjrNngjQaHgFGjh4uVY1bY9Q+/iG037f80w0bLlYIe7smzz4tG1kC8r/KyWvzd3IXXrR2bKmhoB3Md69ltbERYFBI/2f+w7Jcsw+aUOGSwP6v6jv3tvwprg/7n5tto40/iRIKwEHQ5H/G5c0tpJ2pwREanIK3qHinjvovnkmuTw0mV2bumYqdc7he7hG0hpvBna8vIRpKYe6K1v3F8trOEtYUwr7w8e6j3nviknKtsFMtPtxZzn0YnhgtOn9inBlwqyEGR+wk7X1KHxOekXCA1UVbmLwGx1NqbI6r2WBOwQdpmpTg85DMOjwzW/JHUmfxKTDfhoXLi9gBMP/+Et6inspdrW1CHkZVLkDll2JyiPvClnvGv9m00oYce3evtpMlDhY3kVYGwfkoCHHyEv9iiN45NFE7+dQ9TacuQ00bHMa8LEFkEgXlbIOOqb/luSgpqPeYJ0te0XOAoIimL6iiPpVwptKTVTYOwRlXsxXOf6TT46ZEkHgAAP7+0P2gKmTluueuNY+U4/vkDd2VmNHsmMNJl1HfoY2poF8/1uoa8CZHpva1s8naGtGSLZnoeinjMs+G3jkzDzxHqqcgkZTAfFgipQReV3vRrkjzfzIdcMA7B4tu1cAg89SYeju2MC8Y/CWafba+MGbhAEzmu3dW8//l1pJrMLCd2MlJ8YLX6EM772du7VOeyFBLhim1VpOzXrWZWlYFTm3pF38p3oH1j5l0JRFlx08AdxScjS2p+L43pSzH9irNn8ow+YlvoXypCXVyQ9DllXxuTiMV7Tw7WkiyBb4a0io2XARXIzAbjnigXygR4j0M4GnhxdRzombgaZd6jiUTORiHX8BIV0fE+8nOv/uleXINQ2JNHrP4IfqDiefxTYTJHXey6xszVKKbcgzzA9VjuS59jQjkZVktrpdXls0pskU+x3iAoGSQxoL3YUs8B9JbG69Vh5VQfRWkjpvjgA+VeqeUoRD1h/PctddTT2eA31zbvwS+0HxGGL7afgwAeSZIDnSqmHLVUc7cH9uA0qf6foiwypxLOe6BLv7FNIwMYXLlkOnCSsiYZmhjpZmUZykMqPtNOPR2teBpziedYDQV2aBZFMP+Guq5u2WRWvvGZ+KNDuQaa4vKl+YbRCwZAaLr6bcL+XjTayKSzz561sUKrzDSPUjEf0cVkTci8SXA+guLEDFEtHATgLEEQD/xiDXvconSzB8CqX0Pys7GniN2V5lI76qUO1knbcPftDFB9DRHcuv4NM/c+9zeyj3iLi2uJhkGEW8MtSZUygLogIc+c43IPKXQXAs9YgZ8Uumypd4xdsgzr5POVy0w0rzP8LhLPiqzL8Nc50JyRi8bvEZraXy3DSHQmuVX39HaRgREI7uqi1sUiL+b0qe/fR53FfE+uCPvVxaWqgr0UicQoWPAXArLgJ6RjGyIgbrq+cv0gBkp65ZH05itLicbTkIWprWJ1pLomPqQZkAYruygNlcmmGct1IJ0OzNjAJQFkVGbwLkeHB/TDbV0Tq/U7ge2Ciaj3HYIMmREQzhx1gk+i2Kwb3DmEaetvzetIiB0nhbRWIMtfOKNM25GU22XNDiHpZiFfMCR04TIoM/jq5qRJ8zukISn5EQJGUSLd1nraQHhAJTkrpt/x6kq5R9er3yXQiOw25imi3mzDte/kbW6ENgYqf3RC1zKdnGEieTDnu+Mfr1L5ORPGTyS4LO2eDcgcd7uKCXNyWLRHYNtj0swtWjA0ia7ezJCwTRrpoU7kY+lL02zDFu+teWU4dda1jD7f0khwFd6lu1ESotG4fSQX/+N6f2n3mwu/NRGflR35gBlCarCAqTnEvPSSAoGg5H65qwNYU4i/xtQET6QIf0wJ9SWoybdwZkdByMBLVM+zWXM09/ZywvcFSeDiQH1mB/LN9o/9kigWXMDCmJ40GdbJriO6LyFd3ZPHE9Mu3cpzAHodpgbNY2L5de3n7cWaFs31Ua4V7IZwif5EJ6RgL52zgWt5THlnmij4W/+o5sga3qHqbIr2R4+KthbXaFSBHLt/MP3sfxs7UyonNA/yO9VDpaR/87nlPJ+486zuaZ6QF6hVZMPFdPUSXrhJYcQn8MarTFxjYFzcGKE5JIdnqU8wrv95YUP2/Vq42hW+eYj3Olg9EpjiSMkrFiYBsyWSOqbJQbpV64E7yVXFNVHUnkvRhUHFSP+YLr+DAyGpc6IIx+dS13PDFTHLAPtK0K8U5nwtn07jExCX4zca4HtBYAPSyMs/rGL+kEh29/08ahsm/8lEASeDKao1fY2pqUMr/GXUf+wwieLDHhs4/785VR9Jg6ZYzV6W8gxpyHNPw/s6/V2XW/PRn+l8MCGPTSDU0H7S/engMTa3XFjmfN+HkF3VBNtsTRv5m/dvtiEW4KJnN3UT1BiuO19GYLvxC553JAMaKnwwtW3q4UUnQwjrRum4luWqFQbWSfFaM0C+nAHkShu+7jB74XTnWfZUljWJrxnV/xRqtBnlio9SHJn93hzCH3c7Z4NGiHUfRlNZeY0GTth7SIjPPNF8uq0Dlon7EpI0JQWPHjAajWRH6+z6HGdnkF6b6ZW5nwveXsbtGl77y181pnrXB8eKRZVF6mnjlOWfzt2DgyrR8KXcfQxdtJ14hmYNbWmVt6oo0syImVWF2VaCy4iac47Xle5VTGAzTK+y4ineIkhp2WUDrKBHpaXNu05EunDhMbGU4OSsDum31/gAk0cpuqbGJmD+AEf+PEyj7okPwWnzbx/Dc+TOUJIq0qPYVLHQs3x5763EiV05ZPV0giHExJHA4tpsZdLBBimjc4jbBcDloQWRyHMa5ZCOsLcAxxe/JUT31Gmy8EeIIJH8oybFtgVsxUB9bTxUCjQ5BTUwGzCI3zFYNmqhwcQx7IRJEaBHnQH0Reiqh7QJu3rZ+1xNRDeUPgc9c3VKwkZhaSS+wB/AQUgUVHzL0w86fefFqaqXbei8E6aCU4PPwLtpC/kphJCHMSQ1y6Z1kN1ztzIcN6EYF0diUBtS0ycH+8OT5Pu7SBn9paZxcr0abOrM0WedcPsmgRTng89PAD7unuoL+34FYNzXeVc2oxzRQ4ukk+O/zYyxVW2bfacfF176N/actMCjkMiZsIzUpK8q9a7xKWWoNNPFKd/zbyQaWPY9NhfWS2yDjBtmYh6SZRBJJRhZFY1ZCKIs4q8Z+hznOqVSPsm9sddQNfg5cn1gdtuZP/HZJqu6YN6Scn2f4RdBhb2iZGyNt/oDFIqQwJHMNiQUeemjv8t+p4Ijz0tCKNPLGmDeuhrplcBQ8LZgSPE3yyXmuIgd31d23LHj43kzNoMc0niaEAXRfvuA7sxLpbzV5x0bNTFYZ7XGX8CpL1m0/X2c9nFxxk1kALcLsOT9VadXCJ5jG+ANfI+RJ24AFfCTjK7mQuWDirqt9FD8ksAvzPM8677h/YcmEfwyrUBm8ZPOjhnMH7I85GVoQjN7zHFN3VXmaMRZMq5uBc5Z3Fhr6JbsBSl8W/hAQAriIBINIylKxSh7iRa2S2MlXJb/uIosUdKoreXYKD3A4xcf5DGnjxfCVm9L9WabGP5Wj/yoRo/h1hEaaHZVjrot+YELnMYMn/gLTHm1w/m5KMKXbqNdB1DZhPOx+vA7WCozWCfqDlJDczg6SQybB1KsP7lk/9gqHS58eVInTlny7MxP6jbCKE5KI1A9uu+rFuO+6iYHCP4xcdPNT6RsYjpSLhjyKHBcCldrMjQzo8IpwYkSyaPxonVxhSjxfBySfPIljfNy/1nL3KyMcXzzR2QnDRABDumnTqfDqAL0PMuLeZ3iBgVlN4j8tdBD+uPIvDjHpXAwFAY1R03QMWGtS84kEElzP0qPlpg1b0zw3KK1daqJC2rmaGE0r0y3Js8W0CVI+e6HMozZ2tAh17caaGjcnbK8WK+l9swvUSc6GaI1mrlnhAHU80EFIql72S66mllwDtIJhkpDfu1xVON+kiZAU8ao6sj+9oN38QZ0orGVOCnj7R9/Qg/VozV+Odtx1nres4cVUpgBpj8Fc+n52K+kkDCl80yVaPS7ZsvtS33mn3xeTn74mvTWcVftb8+e+vFLo6GS5kPRskekS0ViI/hAhQeCFZV7MBwI/jS+B68+YiWv/+9tG7qPNKLsjTR97ead+3YrvlBM3MyRlIpIMcYYgLiiZZ42RJGG2Ip3kPxsx8s3N+SkvM8qLTw3dWhActwY3Xz0O9Crxtfr93PHhfQI71MIUEmX2dnbKTxnqYbLB1kCdS4H9sz6wW02aXo9fzaQo090DuxABjsamN0leUN7a1L24Eev/B75RhLXYXy9SvKxvd0H+KlepkD4doBKROwuwFu7PMog7jmqvAGBHtSF7dE3jwhE60Rjtt95WkgqQDoRO7W57G3tJgdlPverdlAi0zSDFEkBxXTDZ3xheftVoAhRj365OpFIzFBNN+iYfp2eJwBwI7oc5KylPx5/H3NNMcBvx+EOdEu4pkFlpPnmglJKvsNeCyUWhTIvPi308dnqSoifrrilNHk3UeUXSoaVKxQPIBpbiVLPedkJBQjvuOnOriN/V80+Rk9AE7iRMl/Rvc33Lge1jnRC7AFnJbw9ufG8JgbB4RBnyB1xuIUiCfkvBPoNNfbfuc3mrI7pJYLknAXGSG1Nfuo5DtXqw1JfHGlIDRVbootSqBVrEHXnCvvXOPqpNXe5W4fPhMVYwyJoE1qWZVIYo549dcG50Bz6qQo/YwChUIKCG+vkwiJ+kZd1to35s+aGK1HBP60TOjMYwioPiB0J3/M3JbQ7KSXz1mVcAd73cGnyHgB9vEfSEVf3IjVdd3IYtAZ0/87Pzbeu0m9oZpOhzngr2neJbn+1l5AiNG6RK0dNNmmTQI1DnDmM3hW8Yw0TiGX3oNDtv0X6NXbNna7b0YLh3bAB72PiqadyVxVYPRoHY2vCjRrBQzTNTdRIQuw5d0XhFJ4uazuvp5RMF0d9LLckV+iqel5ldUdQ2m5ZxGNPxoABOhV5MznFqE9GLr4EYDl064VOcFjJBkFaei+XN+H1oaqG8qkntUti9NdXEphwxgKW16MEeWuQ/7T8DCeC8+5nyPVF3kG8ZDYZP0AJtv5/WFPn9DWTo7gQTAt0U3JZVcudQ7i7PfvqWa52Qrpy6zQFVTesAyrq995z6UGiHzqiHGDjelUG8bnN+m5+3MMELQAU+rvc4UFgNJ/Qa1DnWJdkMZSUMq+HBoj5ggFBwlL6yDEiRk34idtLXmIy8cMNrjXG0Lu7Reg/CY07ZYRp4eTLUIrFnr8aknQBWq0xHLQwYmjqO/TT6sz+lPCJRE4+FXSaZVynttWJv1H9gEFDgs5dOMCTkwh1ax9dpwLEsm8QPU2G2v6l5zxrcvc1FWtDlcIfQDWNecuvM7bX+STamlHfN4HA0tSPrgMy10RwE79X37FlpC3eESfEmUU5Sn2Lgz9uBA4NH7R9EMNz8KGVeA5rJ7RFnPlwx9M2vGnChVaxeoKI4N9YVr0sWj8Y/GiCB7I+8JW6gxzc0+15MDOLlvzNhS2ZMRENKhrvs2OGvvIyx6PWlYFTgAfxWyDonD1mngwHu6h40bGM3xDeOv7Fy818u6uTUWm/qnaGrSKdrU1BiGP2+T/qtxeK7EQpceSmVbFgnCFJX4knNvrYC+qhU6emMJiCuIjFxiK/W+tgtp++f9TRhfaX2Nn3oisrMYTXHKcxa6Im1QTRMZLyba1njRXKhNQzygEEkCTaQ8NrCaYQ+6QrvlnuYPzQn9OzFNrFgJg+Kuz73CQU6z3r/jsgZ+AkeDDESoMXDRetY1NclRIMGRy8NB9dur+YrXdNDM3vHq9YjXkOx8QgJCFTV06fUmxBrqgoIb5ZaoiWv8mhOuta+5AztMbzxtggvULoILvLB3E95cabrHIgIIxZOGf5bAP9ltq3Yg6Vo4PnZkOd9Ln2vP3vpB0P0ELJDRwUpey+k7bpQF7VfEqg4k28587tqFvrX2ZbQADLJGKhERGVFehFRuqfS8SaXmWVLB4HriwYl4r8k7NMZwbp/xZM7xBrCXt8bEC2wku5PDUb9PyPcQBnoKnstlLSSwJXS2RBFI87PYgEYHNzmYt8y6z1nNB6PBFxJo3NKrprYK77FMfyPAelQnBc4VstXvPnsZRp8NY97NvtRq6GTKOlwuAtFLIMxZ3pu1wxBNRxH9OfiymV6ahDsAF+F4EmS/fmuLxqRCborsgMUTSlcbZCycyfeLgL9FsLfIadOCee++KvLi4ST9ZHhj7tCBhgayemDhSzcFgeFnsyDkGS9qLs7rnySZzxzAwfjlpsYyjkYpuxXbbWuTIqD39mD6NQpuJDKt2Q9x/OKymV3BMjQ/0F4boL/NdfYS24AFVtW/OIFU+AGkN2d5wNbdGC5NrLUrp3q+mjXtg54TBgW2gp8fUOCTxdPzlDp2baT4Q6uAqCfDg3D4V/4VdxkVSlLbiWEpOTl4VtDlNMNSSXmFf/1tPGphwWKj0Agbbd5QjFulttla8pgAAA/Wf+9Td+Oo61eaZLa3tUfTeOXGCKwWJFXCMqaNfIyBue31jEIGX1TddpAj4QyCopCfwrKjKoRX5n4UwcfwADHiInAdeqVgyLiABR8P6u+q5XYOLFlS5rZ1Kpe7uqoHg6rIvAN/gVp/JR0jDVURc9CTdVvWQNne/upBb3VgGGhdLlbcfVEjHw5HwHeOjIx3HP/lXoWaUdTbiLB7DDLQD+VOaVqCh9An7btAcCd6RzgEW165Hqx2ZXLlq8OLCczkDlN8rCAtz8O+4AzSyPK8grVM8ObUU+qc6ZGcCgxaVvvbiTPP2kb765qIU5/Dj+q60L9YPOU6t+1FP6od8x4iXUpAtBsclYfJhOrwv66P13ocoB3LV1x09Eb5wq33vepBq3qYQJQyOHbj/jl4eLRUxXLQgLorpnB4HNs4v40tGGosw2Ka6eDt5K6P8DQK5ozy56BizczJenDjZ5DYx1Xu3YLmI/quRSR8ORIJqwhWFwM+Q8/gNfUL/YgQHlHmfhYi5vjU0TzsgnLyhP/kOFSnR9zjJkIMcYAFB/Ft1tfks1aQiBMtgP4sabdMsauWXINaIyR9ClOZLdIZQVGHUgLjxKW6YiFUs72zTJmKtf/RovsidqZlmEXrWGZ3UuGplChFUtjEkvwi2XxICgc0grD+9/tRt47usAAADGbVjPUInsKZHILQ8Tdvbj09q/9k2Mg7uynD2e+HudOmr+jOK+SyWmKsSZ4pH89FUSffyxPKUMVNp8o1m1apG/WDvwhmHllHVfELy0BgfyAIevaAuIOzl4NX3ayQnv+tsCnIGxjvF1IwPLyoflKFrL2OBFh3pJ57ChDdzSC9IDKqpaycKVMm2mWUPGBLK2cpD+b4VPleMoNCtKZz4AileaHHtk77gduJB8sihmMPR1lV1Vba4pOywdJgGueqt4IcTd2RJFxeSRNjuzHcR4tYGdli66ijJZC20ODhr8miT+cauMIflgiAAAAA=";
-var _tmpl$$1a = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
+var _tmpl$$1b = /* @__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$$1a();
+    var _el$ = _tmpl$$1b();
     setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
     setAttribute(_el$, "draggable", false);
     createRenderEffect((_p$) => {
@@ -2656,7 +2710,7 @@ function OasisBrandMark(props) {
     return _el$;
   })();
 }
-var _tmpl$$19 = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$K = /* @__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$w = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
+var _tmpl$$1a = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$L = /* @__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$x = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
 function OasisEditorLoading(props) {
   const t = useI18n();
   const variant = () => props.variant ?? "overlay";
@@ -2666,7 +2720,7 @@ function OasisEditorLoading(props) {
   };
   const isDone = () => (pct() ?? 0) >= 100;
   return (() => {
-    var _el$ = _tmpl$2$K(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$2$L(), _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"
@@ -2677,10 +2731,10 @@ function OasisEditorLoading(props) {
         return pct() != null;
       },
       get children() {
-        var _el$6 = _tmpl$$19();
+        var _el$6 = _tmpl$$1a();
         insert(_el$6, (() => {
           var _c$ = memo(() => !!isDone());
-          return () => _c$() ? _tmpl$3$w() : `${pct()}%`;
+          return () => _c$() ? _tmpl$3$x() : `${pct()}%`;
         })());
         return _el$6;
       }
@@ -2731,7 +2785,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-DM9mi2EU.js").then((m) => {
+    import("./OasisEditorApp-B1b1iJOQ.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -4450,23 +4504,39 @@ function normalizeDocument(document2) {
 function validateDocument(document2) {
   var _a2, _b2;
   const errors2 = [];
-  if (!document2 || !document2.id || !((_a2 = document2.sections) == null ? void 0 : _a2.length)) errors2.push("Document must have an id and section");
+  if (!document2 || !document2.id || !((_a2 = document2.sections) == null ? void 0 : _a2.length))
+    errors2.push("Document must have an id and section");
   const ids = /* @__PURE__ */ new Set();
   for (const paragraph of getDocumentParagraphsCanonical(document2)) {
-    if (ids.has(paragraph.id)) errors2.push(`Duplicate node id: ${paragraph.id}`);
+    if (ids.has(paragraph.id))
+      errors2.push(`Duplicate node id: ${paragraph.id}`);
     ids.add(paragraph.id);
-    if (!((_b2 = paragraph.runs) == null ? void 0 : _b2.length)) errors2.push(`Paragraph has no runs: ${paragraph.id}`);
+    if (!((_b2 = paragraph.runs) == null ? void 0 : _b2.length))
+      errors2.push(`Paragraph has no runs: ${paragraph.id}`);
     for (const run of paragraph.runs) {
       if (ids.has(run.id)) errors2.push(`Duplicate node id: ${run.id}`);
       ids.add(run.id);
     }
   }
-  return errors2.length ? { ok: false, error: { code: "VALIDATION_FAILED", message: errors2.join("; "), details: errors2 } } : { ok: true, value: true, version: 0, warnings: [] };
+  return errors2.length ? {
+    ok: false,
+    error: {
+      code: "VALIDATION_FAILED",
+      message: errors2.join("; "),
+      details: errors2
+    }
+  } : { ok: true, value: true, version: 0, warnings: [] };
 }
 function createDocument(options = {}) {
-  return createEditorDocument(options.blocks ?? [createEditorParagraph("")], void 0, void 0, void 0, {
-    title: options.title ?? "Untitled document"
-  });
+  return createEditorDocument(
+    options.blocks ?? [createEditorParagraph("")],
+    void 0,
+    void 0,
+    void 0,
+    {
+      title: options.title ?? "Untitled document"
+    }
+  );
 }
 const createParagraph = createEditorParagraph;
 function createHeading(text, options = {}) {
@@ -4475,20 +4545,37 @@ function createHeading(text, options = {}) {
   return paragraph;
 }
 function createTable(rows) {
-  return createEditorTable(rows.map((row) => createEditorTableRow(row.map((text) => createEditorTableCell([createEditorParagraph(text)])))));
+  return createEditorTable(
+    rows.map(
+      (row) => createEditorTableRow(
+        row.map((text) => createEditorTableCell([createEditorParagraph(text)]))
+      )
+    )
+  );
 }
 function allNodes(document2) {
-  const result = [{ id: document2.id, type: "document", node: document2 }];
+  const result = [
+    { id: document2.id, type: "document", node: document2 }
+  ];
   const visitBlocks2 = (blocks) => blocks.forEach((block) => {
-    result.push({ id: block.id, type: block.type, text: block.type === "paragraph" ? getParagraphText(block) : void 0, node: block });
-    if (block.type === "paragraph") block.runs.forEach((run) => result.push({ id: run.id, type: "run", text: run.text, node: run }));
-    else block.rows.forEach((row) => {
-      result.push({ id: row.id, type: "table-row", node: row });
-      row.cells.forEach((cell) => {
-        result.push({ id: cell.id, type: "table-cell", node: cell });
-        visitBlocks2(cell.blocks);
-      });
+    result.push({
+      id: block.id,
+      type: block.type,
+      text: block.type === "paragraph" ? getParagraphText(block) : void 0,
+      node: block
     });
+    if (block.type === "paragraph")
+      block.runs.forEach(
+        (run) => result.push({ id: run.id, type: "run", text: run.text, node: run })
+      );
+    else
+      block.rows.forEach((row) => {
+        result.push({ id: row.id, type: "table-row", node: row });
+        row.cells.forEach((cell) => {
+          result.push({ id: cell.id, type: "table-cell", node: cell });
+          visitBlocks2(cell.blocks);
+        });
+      });
   });
   getDocumentSectionsCanonical(document2).forEach(
     (section) => visitBlocks2(section.blocks)
@@ -4498,11 +4585,17 @@ function allNodes(document2) {
 function resolveParagraph(document2, selector) {
   var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const paragraphs = getDocumentParagraphsCanonical(document2);
-  if ("nodeId" in selector) return paragraphs.find((p) => p.id === selector.nodeId) ?? null;
+  if ("nodeId" in selector)
+    return paragraphs.find((p) => p.id === selector.nodeId) ?? null;
   if ("text" in selector) {
-    const found = paragraphs.filter((p) => getParagraphText(p).includes(selector.text));
+    const found = paragraphs.filter(
+      (p) => getParagraphText(p).includes(selector.text)
+    );
     const index = selector.occurrence ?? 0;
-    if (found.length !== 1 && selector.occurrence === void 0) throw new Error(found.length > 1 ? "AMBIGUOUS_SELECTOR" : "NODE_NOT_FOUND");
+    if (found.length !== 1 && selector.occurrence === void 0)
+      throw new Error(
+        found.length > 1 ? "AMBIGUOUS_SELECTOR" : "NODE_NOT_FOUND"
+      );
     return found[index] ?? null;
   }
   if ("headingPath" in selector) {
@@ -4513,29 +4606,45 @@ function resolveParagraph(document2, selector) {
     })[index] ?? null;
   }
   if ("bookmark" in selector) {
-    const bookmark = ((_a2 = document2.bookmarks) == null ? void 0 : _a2.items[selector.bookmark]) ?? Object.values(((_b2 = document2.bookmarks) == null ? void 0 : _b2.items) ?? {}).find((item) => item.name === selector.bookmark);
+    const bookmark = ((_a2 = document2.bookmarks) == null ? void 0 : _a2.items[selector.bookmark]) ?? Object.values(((_b2 = document2.bookmarks) == null ? void 0 : _b2.items) ?? {}).find(
+      (item) => item.name === selector.bookmark
+    );
     const paragraphId = (_c = bookmark == null ? void 0 : bookmark.start) == null ? void 0 : _c.paragraphId;
     return paragraphId ? paragraphs.find((p) => p.id === paragraphId) ?? null : null;
   }
   if ("contentControlTag" in selector) {
-    const tagged = paragraphs.find((p) => {
-      var _a3;
-      return (_a3 = p.sdtWrappers) == null ? void 0 : _a3.some((wrapper) => wrapper.sdtPr.tag === selector.contentControlTag || wrapper.sdtPr.alias === selector.contentControlTag);
-    });
+    const tagged = paragraphs.find(
+      (p) => {
+        var _a3;
+        return (_a3 = p.sdtWrappers) == null ? void 0 : _a3.some(
+          (wrapper) => wrapper.sdtPr.tag === selector.contentControlTag || wrapper.sdtPr.alias === selector.contentControlTag
+        );
+      }
+    );
     if (tagged) return tagged;
-    const taggedTable = allNodes(document2).find((node) => {
-      var _a3;
-      return node.type === "table" && ((_a3 = node.node.sdtWrappers) == null ? void 0 : _a3.some((wrapper) => {
-        var _a4, _b3;
-        return ((_a4 = wrapper.sdtPr) == null ? void 0 : _a4.tag) === selector.contentControlTag || ((_b3 = wrapper.sdtPr) == null ? void 0 : _b3.alias) === selector.contentControlTag;
-      }));
-    });
-    const firstCellParagraph2 = (_i = (_h = (_g = (_f = (_e = (_d = taggedTable == null ? void 0 : taggedTable.node) == null ? void 0 : _d.rows) == null ? void 0 : _e[0]) == null ? void 0 : _f.cells) == null ? void 0 : _g[0]) == null ? void 0 : _h.blocks) == null ? void 0 : _i.find((block) => block.type === "paragraph");
+    const taggedTable = allNodes(document2).find(
+      (node) => {
+        var _a3;
+        return node.type === "table" && ((_a3 = node.node.sdtWrappers) == null ? void 0 : _a3.some(
+          (wrapper) => {
+            var _a4, _b3;
+            return ((_a4 = wrapper.sdtPr) == null ? void 0 : _a4.tag) === selector.contentControlTag || ((_b3 = wrapper.sdtPr) == null ? void 0 : _b3.alias) === selector.contentControlTag;
+          }
+        ));
+      }
+    );
+    const firstCellParagraph2 = (_i = (_h = (_g = (_f = (_e = (_d = taggedTable == null ? void 0 : taggedTable.node) == null ? void 0 : _d.rows) == null ? void 0 : _e[0]) == null ? void 0 : _f.cells) == null ? void 0 : _g[0]) == null ? void 0 : _h.blocks) == null ? void 0 : _i.find(
+      (block) => block.type === "paragraph"
+    );
     return firstCellParagraph2 ?? null;
   }
   if ("tableId" in selector) {
-    const table = (_j = allNodes(document2).find((n2) => n2.id === selector.tableId && n2.type === "table")) == null ? void 0 : _j.node;
-    return ((_l = (_k = table == null ? void 0 : table.rows[selector.row]) == null ? void 0 : _k.cells[selector.column]) == null ? void 0 : _l.blocks.find((b) => b.type === "paragraph")) ?? null;
+    const table = (_j = allNodes(document2).find(
+      (n2) => n2.id === selector.tableId && n2.type === "table"
+    )) == null ? void 0 : _j.node;
+    return ((_l = (_k = table == null ? void 0 : table.rows[selector.row]) == null ? void 0 : _k.cells[selector.column]) == null ? void 0 : _l.blocks.find(
+      (b) => b.type === "paragraph"
+    )) ?? null;
   }
   return null;
 }
@@ -4547,36 +4656,69 @@ function replaceParagraph(document2, id, update) {
         blocks[i] = update(block);
         return true;
       }
-      if (block.type === "table" && block.rows.some((r) => r.cells.some((c) => visit(c.blocks)))) return true;
+      if (block.type === "table" && block.rows.some((r) => r.cells.some((c) => visit(c.blocks))))
+        return true;
     }
     return false;
   };
-  getDocumentSectionsCanonical(document2).some((section) => visit(section.blocks));
+  getDocumentSectionsCanonical(document2).some(
+    (section) => visit(section.blocks)
+  );
 }
 function queryDocument(document2) {
   const outline = () => getDocumentParagraphsCanonical(document2).flatMap((p) => {
     var _a2, _b2;
     const match = (_b2 = (_a2 = p.style) == null ? void 0 : _a2.styleId) == null ? void 0 : _b2.match(/^heading(\d+)$/);
-    return match ? [{ id: p.id, level: Number(match[1]), text: getParagraphText(p), path: [getParagraphText(p)] }] : [];
+    return match ? [
+      {
+        id: p.id,
+        level: Number(match[1]),
+        text: getParagraphText(p),
+        path: [getParagraphText(p)]
+      }
+    ] : [];
   });
   return {
-    snapshot: () => ({ schemaVersion: document2.schemaVersion ?? EDITOR_SCHEMA_VERSION, documentId: document2.id, text: getDocumentParagraphsCanonical(document2).map(getParagraphText).join("\n"), outline: outline(), nodes: allNodes(document2) }),
+    snapshot: () => ({
+      schemaVersion: document2.schemaVersion ?? EDITOR_SCHEMA_VERSION,
+      documentId: document2.id,
+      text: getDocumentParagraphsCanonical(document2).map(getParagraphText).join("\n"),
+      outline: outline(),
+      nodes: allNodes(document2)
+    }),
     getText: (target) => {
       var _a2;
-      if (!target) return getDocumentParagraphsCanonical(document2).map(getParagraphText).join("\n");
-      if ("start" in target) return ((_a2 = getDocumentParagraphsCanonical(document2).find((p) => p.id === target.start.paragraphId)) == null ? void 0 : _a2.runs.map((r) => r.text).join("")) ?? "";
-      return getParagraphText(resolveParagraph(document2, target) ?? createEditorParagraph(""));
+      if (!target)
+        return getDocumentParagraphsCanonical(document2).map(getParagraphText).join("\n");
+      if ("start" in target)
+        return ((_a2 = getDocumentParagraphsCanonical(document2).find((p) => p.id === target.start.paragraphId)) == null ? void 0 : _a2.runs.map((r) => r.text).join("")) ?? "";
+      return getParagraphText(
+        resolveParagraph(document2, target) ?? createEditorParagraph("")
+      );
     },
     getNode: (selector) => {
       const paragraph = resolveParagraph(document2, selector);
-      return paragraph ? { id: paragraph.id, type: "paragraph", text: getParagraphText(paragraph), node: paragraph } : allNodes(document2).find((n2) => "nodeId" in selector && n2.id === selector.nodeId) ?? null;
+      return paragraph ? {
+        id: paragraph.id,
+        type: "paragraph",
+        text: getParagraphText(paragraph),
+        node: paragraph
+      } : allNodes(document2).find(
+        (n2) => "nodeId" in selector && n2.id === selector.nodeId
+      ) ?? null;
     },
     find: (text) => getDocumentParagraphsCanonical(document2).flatMap((p) => {
       const value = getParagraphText(p);
       const matches = [];
       let start = value.indexOf(text);
       while (start >= 0) {
-        matches.push({ selector: { nodeId: p.id }, paragraphId: p.id, text, start, end: start + text.length });
+        matches.push({
+          selector: { nodeId: p.id },
+          paragraphId: p.id,
+          text,
+          start,
+          end: start + text.length
+        });
         start = value.indexOf(text, start + Math.max(1, text.length));
       }
       return matches;
@@ -4597,26 +4739,50 @@ function applyDocumentOperations(document2, operations) {
       const old = getParagraphText(paragraph);
       const offset = operation.op === "replaceText" ? 0 : Math.min(operation.offset ?? old.length, old.length);
       const text = operation.op === "replaceText" ? operation.text : old.slice(0, offset) + operation.text + old.slice(offset);
-      replaceParagraph(next, paragraph.id, (p) => ({ ...p, runs: [{ ...p.runs[0], text }] }));
+      replaceParagraph(next, paragraph.id, (p) => ({
+        ...p,
+        runs: [{ ...p.runs[0], text }]
+      }));
       changedNodeIds.push(paragraph.id);
     } else if (operation.op === "deleteRange") {
-      if (operation.range.start.paragraphId !== operation.range.end.paragraphId) throw new Error("INVALID_RANGE");
-      const paragraph = getDocumentParagraphsCanonical(next).find((p) => p.id === operation.range.start.paragraphId);
+      if (operation.range.start.paragraphId !== operation.range.end.paragraphId)
+        throw new Error("INVALID_RANGE");
+      const paragraph = getDocumentParagraphsCanonical(next).find(
+        (p) => p.id === operation.range.start.paragraphId
+      );
       if (!paragraph) throw new Error("NODE_NOT_FOUND");
       const text = getParagraphText(paragraph);
-      const start = Math.max(0, Math.min(operation.range.start.offset, text.length));
-      const end = Math.max(start, Math.min(operation.range.end.offset, text.length));
-      replaceParagraph(next, paragraph.id, (p) => ({ ...p, runs: [{ ...p.runs[0], text: text.slice(0, start) + text.slice(end) }] }));
+      const start = Math.max(
+        0,
+        Math.min(operation.range.start.offset, text.length)
+      );
+      const end = Math.max(
+        start,
+        Math.min(operation.range.end.offset, text.length)
+      );
+      replaceParagraph(next, paragraph.id, (p) => ({
+        ...p,
+        runs: [{ ...p.runs[0], text: text.slice(0, start) + text.slice(end) }]
+      }));
       changedNodeIds.push(paragraph.id);
     } else if (operation.op === "setParagraphStyle") {
       const paragraph = resolveParagraph(next, operation.target);
       if (!paragraph) throw new Error("NODE_NOT_FOUND");
-      replaceParagraph(next, paragraph.id, (p) => ({ ...p, style: operation.style }));
+      replaceParagraph(next, paragraph.id, (p) => ({
+        ...p,
+        style: operation.style
+      }));
       changedNodeIds.push(paragraph.id);
     } else if (operation.op === "setTextStyle") {
       const paragraph = resolveParagraph(next, operation.target);
       if (!paragraph) throw new Error("NODE_NOT_FOUND");
-      replaceParagraph(next, paragraph.id, (p) => ({ ...p, runs: p.runs.map((r) => ({ ...r, styles: { ...r.styles, ...operation.style } })) }));
+      replaceParagraph(next, paragraph.id, (p) => ({
+        ...p,
+        runs: p.runs.map((r) => ({
+          ...r,
+          styles: { ...r.styles, ...operation.style }
+        }))
+      }));
       changedNodeIds.push(paragraph.id);
     } else if (operation.op === "insertParagraph" || operation.op === "insertBlocks" || operation.op === "insertTable") {
       const blocks = operation.op === "insertParagraph" ? [createEditorParagraph(operation.text ?? "")] : operation.op === "insertTable" ? [createTable(operation.rows)] : operation.blocks;
@@ -4626,10 +4792,15 @@ function applyDocumentOperations(document2, operations) {
         changedNodeIds.push(b.id);
       });
     } else if (operation.op === "updateTableCell") {
-      const table = (_a2 = allNodes(next).find((n2) => n2.id === operation.target.tableId && n2.type === "table")) == null ? void 0 : _a2.node;
+      const table = (_a2 = allNodes(next).find(
+        (n2) => n2.id === operation.target.tableId && n2.type === "table"
+      )) == null ? void 0 : _a2.node;
       const paragraph = (_c = (_b2 = table == null ? void 0 : table.rows[operation.target.row]) == null ? void 0 : _b2.cells[operation.target.column]) == null ? void 0 : _c.blocks.find((b) => b.type === "paragraph");
       if (!paragraph) throw new Error("NODE_NOT_FOUND");
-      replaceParagraph(next, paragraph.id, (p) => ({ ...p, runs: [{ ...p.runs[0], text: operation.text }] }));
+      replaceParagraph(next, paragraph.id, (p) => ({
+        ...p,
+        runs: [{ ...p.runs[0], text: operation.text }]
+      }));
       changedNodeIds.push(paragraph.id, operation.target.tableId);
     } else if (operation.op === "deleteNode") {
       const target = "nodeId" in operation.target ? operation.target.nodeId : (_d = resolveParagraph(next, operation.target)) == null ? void 0 : _d.id;
@@ -4640,15 +4811,21 @@ function applyDocumentOperations(document2, operations) {
           blocks.splice(index, 1);
           return true;
         }
-        return blocks.some((b) => b.type === "table" && b.rows.some((r) => r.cells.some((c) => remove(c.blocks))));
+        return blocks.some(
+          (b) => b.type === "table" && b.rows.some((r) => r.cells.some((c) => remove(c.blocks)))
+        );
       };
-      if (!sections.some((section) => remove(section.blocks))) throw new Error("NODE_NOT_FOUND");
+      if (!sections.some((section) => remove(section.blocks)))
+        throw new Error("NODE_NOT_FOUND");
       changedNodeIds.push(target);
     } else throw new Error("UNSUPPORTED_OPERATION");
   }
   const validation = validateDocument(next);
   if (!validation.ok) throw new Error("VALIDATION_FAILED");
-  return { document: next, value: { changedNodeIds: [...new Set(changedNodeIds)], createdNodeIds } };
+  return {
+    document: next,
+    value: { changedNodeIds: [...new Set(changedNodeIds)], createdNodeIds }
+  };
 }
 function disabledCommandState() {
   return { isEnabled: false, isActive: false, value: void 0 };
@@ -4783,7 +4960,11 @@ function createOasisEditorClient() {
     },
     updateDocument(updater) {
       const currentHost = requireHost();
-      if (currentHost.applyTransactionalState) currentHost.applyTransactionalState((state) => ({ ...state, document: updater(state.document) }));
+      if (currentHost.applyTransactionalState)
+        currentHost.applyTransactionalState((state) => ({
+          ...state,
+          document: updater(state.document)
+        }));
       else currentHost.setDocument(updater(currentHost.getDocument()));
       version2 += 1;
     },
@@ -4827,7 +5008,11 @@ function createOasisEditorClient() {
       },
       update: (updater) => {
         const currentHost = requireHost();
-        if (currentHost.applyTransactionalState) currentHost.applyTransactionalState((state) => ({ ...state, document: updater(state.document) }));
+        if (currentHost.applyTransactionalState)
+          currentHost.applyTransactionalState((state) => ({
+            ...state,
+            document: updater(state.document)
+          }));
         else currentHost.setDocument(updater(currentHost.getDocument()));
         version2 += 1;
       },
@@ -4878,17 +5063,39 @@ function createOasisEditorClient() {
     edit: {
       async apply(request) {
         if (request.expectedVersion !== void 0 && request.expectedVersion !== version2) {
-          return { ok: false, error: { code: "DOCUMENT_VERSION_CONFLICT", message: "Document version does not match expectedVersion", expectedVersion: request.expectedVersion, actualVersion: version2 } };
+          return {
+            ok: false,
+            error: {
+              code: "DOCUMENT_VERSION_CONFLICT",
+              message: "Document version does not match expectedVersion",
+              expectedVersion: request.expectedVersion,
+              actualVersion: version2
+            }
+          };
         }
-        if (request.idempotencyKey && idempotent.has(request.idempotencyKey)) return idempotent.get(request.idempotencyKey);
+        if (request.idempotencyKey && idempotent.has(request.idempotencyKey))
+          return idempotent.get(request.idempotencyKey);
         const host2 = requireHost();
         try {
-          const applied = applyDocumentOperations(host2.getDocument(), request.operations);
-          if (host2.applyTransactionalState) host2.applyTransactionalState((state) => ({ ...state, document: applied.document }));
+          const applied = applyDocumentOperations(
+            host2.getDocument(),
+            request.operations
+          );
+          if (host2.applyTransactionalState)
+            host2.applyTransactionalState((state) => ({
+              ...state,
+              document: applied.document
+            }));
           else host2.setDocument(applied.document);
           version2 += 1;
-          const result = { ok: true, value: applied.value, version: version2, warnings: [] };
-          if (request.idempotencyKey) idempotent.set(request.idempotencyKey, result);
+          const result = {
+            ok: true,
+            value: applied.value,
+            version: version2,
+            warnings: []
+          };
+          if (request.idempotencyKey)
+            idempotent.set(request.idempotencyKey, result);
           return result;
         } catch (error) {
           const message = error instanceof Error ? error.message : "Edit failed";
@@ -4900,26 +5107,53 @@ function createOasisEditorClient() {
     io: {
       async import(request) {
         var _a2, _b2;
-        if ((_a2 = request.signal) == null ? void 0 : _a2.aborted) return { ok: false, error: { code: "ABORTED", message: "Import aborted" } };
+        if ((_a2 = request.signal) == null ? void 0 : _a2.aborted)
+          return {
+            ok: false,
+            error: { code: "ABORTED", message: "Import aborted" }
+          };
         try {
           const data = request.data instanceof Blob ? request.data : new Blob([
             request.data instanceof Uint8Array ? Uint8Array.from(request.data).buffer : request.data
           ]);
-          const file = new File([data], request.filename ?? "document.docx", { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
+          const file = new File([data], request.filename ?? "document.docx", {
+            type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+          });
           await requireHost().importDocx(file);
           version2 += 1;
           (_b2 = request.onProgress) == null ? void 0 : _b2.call(request, { phase: "done", progress: 100 });
           return { ok: true, value: { format: "docx" }, version: version2, warnings: [] };
         } catch (error) {
-          return { ok: false, error: { code: "IMPORT_FAILED", message: error instanceof Error ? error.message : "Import failed" } };
+          return {
+            ok: false,
+            error: {
+              code: "IMPORT_FAILED",
+              message: error instanceof Error ? error.message : "Import failed"
+            }
+          };
         }
       },
       async export(request) {
         try {
           const value = request.format === "docx" ? await requireHost().exportDocxBlob() : await requireHost().exportPdfBlob();
-          return { ok: true, value: { format: request.format, blob: value, arrayBuffer: () => value.arrayBuffer() }, version: version2, warnings: [] };
+          return {
+            ok: true,
+            value: {
+              format: request.format,
+              blob: value,
+              arrayBuffer: () => value.arrayBuffer()
+            },
+            version: version2,
+            warnings: []
+          };
         } catch (error) {
-          return { ok: false, error: { code: "EXPORT_FAILED", message: error instanceof Error ? error.message : "Export failed" } };
+          return {
+            ok: false,
+            error: {
+              code: "EXPORT_FAILED",
+              message: error instanceof Error ? error.message : "Export failed"
+            }
+          };
         }
       }
     },
@@ -4938,86 +5172,122 @@ function createOasisEditorClient() {
         var _a2, _b2;
         (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { readOnly: value });
       },
-      zoom: { get: () => {
-        var _a2, _b2;
-        return ((_b2 = (_a2 = requireHost()).getZoom) == null ? void 0 : _b2.call(_a2)) ?? 100;
-      }, set: (value) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = requireHost()).setZoom) == null ? void 0 : _b2.call(_a2, value);
-      }, adjust: (delta) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = requireHost()).adjustZoom) == null ? void 0 : _b2.call(_a2, delta);
-      } },
-      chrome: { setVisible: (value) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showChrome: value });
-      } },
-      titleBar: { setVisible: (value) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showTitleBar: value });
-      } },
-      menubar: { setVisible: (value) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showMenubar: value });
-      }, items: { register: (...args) => {
-        var _a2;
-        return (_a2 = requireHost().menuRegistry) == null ? void 0 : _a2.register(...args);
-      }, unregister: (id) => {
-        var _a2;
-        return (_a2 = requireHost().menuRegistry) == null ? void 0 : _a2.unregister(id);
-      }, getItems: () => {
-        var _a2;
-        return ((_a2 = requireHost().menuRegistry) == null ? void 0 : _a2.getItems()) ?? [];
-      } } },
-      toolbar: { setVisible: (value) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showToolbar: value });
-      }, items: { register: (...args) => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.register(...args);
-      }, insertBefore: (...args) => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.insertBefore(...args);
-      }, insertAfter: (...args) => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.insertAfter(...args);
-      }, replace: (...args) => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.replace(...args);
-      }, remove: (id) => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.remove(id);
-      }, move: (...args) => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.move(...args);
-      }, get: (id) => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.get(id);
-      }, getOrdered: () => {
-        var _a2;
-        return ((_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.getOrdered()) ?? [];
-      }, getItems: () => {
-        var _a2;
-        return ((_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.getItems()) ?? [];
-      }, clear: () => {
-        var _a2;
-        return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.clear();
-      }, onChange: (cb) => {
-        var _a2;
-        return ((_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.onChange(cb)) ?? (() => void 0);
-      } } },
-      outline: { setVisible: (value) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showOutline: value });
-      } },
-      shell: { set: (shell) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { shell });
-      } },
-      locale: { set: (locale) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { locale });
-      } }
+      zoom: {
+        get: () => {
+          var _a2, _b2;
+          return ((_b2 = (_a2 = requireHost()).getZoom) == null ? void 0 : _b2.call(_a2)) ?? 100;
+        },
+        set: (value) => {
+          var _a2, _b2;
+          return (_b2 = (_a2 = requireHost()).setZoom) == null ? void 0 : _b2.call(_a2, value);
+        },
+        adjust: (delta) => {
+          var _a2, _b2;
+          return (_b2 = (_a2 = requireHost()).adjustZoom) == null ? void 0 : _b2.call(_a2, delta);
+        }
+      },
+      chrome: {
+        setVisible: (value) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showChrome: value });
+        }
+      },
+      titleBar: {
+        setVisible: (value) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showTitleBar: value });
+        }
+      },
+      menubar: {
+        setVisible: (value) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showMenubar: value });
+        },
+        items: {
+          register: (...args) => {
+            var _a2;
+            return (_a2 = requireHost().menuRegistry) == null ? void 0 : _a2.register(...args);
+          },
+          unregister: (id) => {
+            var _a2;
+            return (_a2 = requireHost().menuRegistry) == null ? void 0 : _a2.unregister(id);
+          },
+          getItems: () => {
+            var _a2;
+            return ((_a2 = requireHost().menuRegistry) == null ? void 0 : _a2.getItems()) ?? [];
+          }
+        }
+      },
+      toolbar: {
+        setVisible: (value) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showToolbar: value });
+        },
+        items: {
+          register: (...args) => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.register(...args);
+          },
+          insertBefore: (...args) => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.insertBefore(...args);
+          },
+          insertAfter: (...args) => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.insertAfter(...args);
+          },
+          replace: (...args) => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.replace(...args);
+          },
+          remove: (id) => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.remove(id);
+          },
+          move: (...args) => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.move(...args);
+          },
+          get: (id) => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.get(id);
+          },
+          getOrdered: () => {
+            var _a2;
+            return ((_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.getOrdered()) ?? [];
+          },
+          getItems: () => {
+            var _a2;
+            return ((_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.getItems()) ?? [];
+          },
+          clear: () => {
+            var _a2;
+            return (_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.clear();
+          },
+          onChange: (cb) => {
+            var _a2;
+            return ((_a2 = requireHost().toolbarRegistry) == null ? void 0 : _a2.onChange(cb)) ?? (() => void 0);
+          }
+        }
+      },
+      outline: {
+        setVisible: (value) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { showOutline: value });
+        }
+      },
+      shell: {
+        set: (shell) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { shell });
+        }
+      },
+      locale: {
+        set: (locale) => {
+          var _a2, _b2;
+          (_b2 = (_a2 = requireHost()).updateUiState) == null ? void 0 : _b2.call(_a2, { locale });
+        }
+      }
     },
     on: addListener,
     once(event, callback) {
@@ -5795,6 +6065,7 @@ function createEditorCommandBus(editor) {
 const OASIS_BUILTIN_COMMANDS = [
   "selectAll",
   "insertFootnote",
+  "insertText",
   "insertTableOfContents",
   "updateTableOfContents",
   "pastePlainText",
@@ -5840,6 +6111,7 @@ const OASIS_BUILTIN_COMMANDS = [
   "documentStyles",
   "print",
   "copy",
+  "newDocument",
   "exportDocx",
   "exportPdf",
   "importDocument",
@@ -5904,7 +6176,8 @@ const OASIS_BUILTIN_COMMANDS = [
   "tableDistributeColumns",
   "tableDistributeRows",
   "insertTable",
-  "insertShape"
+  "insertShape",
+  "openSymbolDialog"
 ];
 function mount(target, props = {}) {
   const client = createOasisEditorClient();
@@ -5925,10 +6198,10 @@ function mount(target, props = {}) {
     unmount: () => client.dispose()
   });
 }
-var _tmpl$$18 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg aria-hidden=true>`), _tmpl$2$J = /* @__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$v = /* @__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$l = /* @__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$d = /* @__PURE__ */ template(`<svg><polyline points="4 7 7 4 10 7"></svg>`, false, true, false), _tmpl$6$a = /* @__PURE__ */ template(`<svg><line x1=7 y1=4 x2=7 y2=20></svg>`, false, true, false), _tmpl$7$5 = /* @__PURE__ */ template(`<svg><polyline points="4 17 7 20 10 17"></svg>`, false, true, false), _tmpl$8$3 = /* @__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><rect x=5.25 y=5.25 width=13.5 height=13.5 rx=0.7></svg>`, false, true, false), _tmpl$10 = /* @__PURE__ */ template(`<svg><path d="M9.75 5.25v13.5M14.25 5.25v13.5M5.25 9.75h13.5M5.25 14.25h13.5"></svg>`, false, true, false), _tmpl$11 = /* @__PURE__ */ template(`<svg><path d="M12 1.75v3M10.5 3.25 12 1.75l1.5 1.5"></svg>`, false, true, false), _tmpl$12 = /* @__PURE__ */ template(`<svg><path d="M5.25 8h13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$13 = /* @__PURE__ */ template(`<svg><path d="M12 22.25v-3M10.5 20.75 12 22.25l1.5-1.5"></svg>`, false, true, false), _tmpl$14 = /* @__PURE__ */ template(`<svg><path d="M5.25 16h13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$15 = /* @__PURE__ */ template(`<svg><path d="M4.5 12h15"stroke=#d14343 stroke-width=2.6></svg>`, false, true, false), _tmpl$16 = /* @__PURE__ */ template(`<svg><path d="M1.75 12h3M3.25 10.5 1.75 12l1.5 1.5"></svg>`, false, true, false), _tmpl$17 = /* @__PURE__ */ template(`<svg><path d="M8 5.25v13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$18 = /* @__PURE__ */ template(`<svg><path d="M22.25 12h-3M20.75 10.5l1.5 1.5-1.5 1.5"></svg>`, false, true, false), _tmpl$19 = /* @__PURE__ */ template(`<svg><path d="M16 5.25v13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$20 = /* @__PURE__ */ template(`<svg><path d="M12 4.5v15"stroke=#d14343 stroke-width=2.6></svg>`, false, true, false), _tmpl$21 = /* @__PURE__ */ template(`<svg><path d="M7.25 12h9.5M9.25 10l-2 2 2 2M14.75 10l2 2-2 2"stroke-width=2></svg>`, false, true, false), _tmpl$22 = /* @__PURE__ */ template(`<svg><path d="M12 8v8M10 10l2-2 2 2M10 14l2 2 2-2"stroke-width=2></svg>`, false, true, false), _tmpl$23 = /* @__PURE__ */ template(`<svg><path d="M3 21h18M4.5 19.5 3 21l1.5 1.5M19.5 19.5 21 21l-1.5 1.5"></svg>`, false, true, false), _tmpl$24 = /* @__PURE__ */ template(`<svg><path d="M2.5 6h19M2.5 18h19M12 1.75v2.5M10.5 3.25 12 1.75l1.5 1.5M12 22.25v-2.5M10.5 20.75 12 22.25l1.5-1.5"></svg>`, false, true, false), _tmpl$25 = /* @__PURE__ */ template(`<svg><path d="M6 2.5v19M18 2.5v19M1.75 12h2.5M3.25 10.5 1.75 12l1.5 1.5M22.25 12h-2.5M20.75 10.5l1.5 1.5-1.5 1.5"></svg>`, false, true, false), _tmpl$26 = /* @__PURE__ */ template(`<svg><path d="M2 21h20M5 19 2 21l3 2M19 19l3 2-3 2M8 12h8M10 10l-2 2 2 2M14 10l2 2-2 2"></svg>`, false, true, false), _tmpl$27 = /* @__PURE__ */ template(`<svg><rect x=4 y=4 width=16 height=16 rx=0.8></svg>`, false, true, false), _tmpl$28 = /* @__PURE__ */ template(`<svg><path></svg>`, false, true, false), _tmpl$29 = /* @__PURE__ */ template(`<svg><path d="M3 3l18 18"stroke-width=2></svg>`, false, true, false), _tmpl$30 = /* @__PURE__ */ template(`<svg><rect x=5 y=5 width=14 height=14 rx=0.8 stroke-dasharray="2.5 2"></svg>`, false, true, false), _tmpl$31 = /* @__PURE__ */ template(`<svg><path d="M3 3l18 18"stroke=#d14343 stroke-width=2.1></svg>`, false, true, false), _tmpl$32 = /* @__PURE__ */ template(`<svg><polyline points="20 6 9 17 4 12"></svg>`, false, true, false), _tmpl$33 = /* @__PURE__ */ template(`<i>`);
+var _tmpl$$19 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg aria-hidden=true>`), _tmpl$2$K = /* @__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$w = /* @__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$l = /* @__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$d = /* @__PURE__ */ template(`<svg><polyline points="4 7 7 4 10 7"></svg>`, false, true, false), _tmpl$6$a = /* @__PURE__ */ template(`<svg><line x1=7 y1=4 x2=7 y2=20></svg>`, false, true, false), _tmpl$7$5 = /* @__PURE__ */ template(`<svg><polyline points="4 17 7 20 10 17"></svg>`, false, true, false), _tmpl$8$3 = /* @__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><rect x=5.25 y=5.25 width=13.5 height=13.5 rx=0.7></svg>`, false, true, false), _tmpl$10 = /* @__PURE__ */ template(`<svg><path d="M9.75 5.25v13.5M14.25 5.25v13.5M5.25 9.75h13.5M5.25 14.25h13.5"></svg>`, false, true, false), _tmpl$11 = /* @__PURE__ */ template(`<svg><path d="M12 1.75v3M10.5 3.25 12 1.75l1.5 1.5"></svg>`, false, true, false), _tmpl$12 = /* @__PURE__ */ template(`<svg><path d="M5.25 8h13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$13 = /* @__PURE__ */ template(`<svg><path d="M12 22.25v-3M10.5 20.75 12 22.25l1.5-1.5"></svg>`, false, true, false), _tmpl$14 = /* @__PURE__ */ template(`<svg><path d="M5.25 16h13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$15 = /* @__PURE__ */ template(`<svg><path d="M4.5 12h15"stroke=#d14343 stroke-width=2.6></svg>`, false, true, false), _tmpl$16 = /* @__PURE__ */ template(`<svg><path d="M1.75 12h3M3.25 10.5 1.75 12l1.5 1.5"></svg>`, false, true, false), _tmpl$17 = /* @__PURE__ */ template(`<svg><path d="M8 5.25v13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$18 = /* @__PURE__ */ template(`<svg><path d="M22.25 12h-3M20.75 10.5l1.5 1.5-1.5 1.5"></svg>`, false, true, false), _tmpl$19 = /* @__PURE__ */ template(`<svg><path d="M16 5.25v13.5"stroke-width=2.5></svg>`, false, true, false), _tmpl$20 = /* @__PURE__ */ template(`<svg><path d="M12 4.5v15"stroke=#d14343 stroke-width=2.6></svg>`, false, true, false), _tmpl$21 = /* @__PURE__ */ template(`<svg><path d="M7.25 12h9.5M9.25 10l-2 2 2 2M14.75 10l2 2-2 2"stroke-width=2></svg>`, false, true, false), _tmpl$22 = /* @__PURE__ */ template(`<svg><path d="M12 8v8M10 10l2-2 2 2M10 14l2 2 2-2"stroke-width=2></svg>`, false, true, false), _tmpl$23 = /* @__PURE__ */ template(`<svg><path d="M3 21h18M4.5 19.5 3 21l1.5 1.5M19.5 19.5 21 21l-1.5 1.5"></svg>`, false, true, false), _tmpl$24 = /* @__PURE__ */ template(`<svg><path d="M2.5 6h19M2.5 18h19M12 1.75v2.5M10.5 3.25 12 1.75l1.5 1.5M12 22.25v-2.5M10.5 20.75 12 22.25l1.5-1.5"></svg>`, false, true, false), _tmpl$25 = /* @__PURE__ */ template(`<svg><path d="M6 2.5v19M18 2.5v19M1.75 12h2.5M3.25 10.5 1.75 12l1.5 1.5M22.25 12h-2.5M20.75 10.5l1.5 1.5-1.5 1.5"></svg>`, false, true, false), _tmpl$26 = /* @__PURE__ */ template(`<svg><path d="M2 21h20M5 19 2 21l3 2M19 19l3 2-3 2M8 12h8M10 10l-2 2 2 2M14 10l2 2-2 2"></svg>`, false, true, false), _tmpl$27 = /* @__PURE__ */ template(`<svg><rect x=4 y=4 width=16 height=16 rx=0.8></svg>`, false, true, false), _tmpl$28 = /* @__PURE__ */ template(`<svg><path></svg>`, false, true, false), _tmpl$29 = /* @__PURE__ */ template(`<svg><path d="M3 3l18 18"stroke-width=2></svg>`, false, true, false), _tmpl$30 = /* @__PURE__ */ template(`<svg><rect x=5 y=5 width=14 height=14 rx=0.8 stroke-dasharray="2.5 2"></svg>`, false, true, false), _tmpl$31 = /* @__PURE__ */ template(`<svg><path d="M3 3l18 18"stroke=#d14343 stroke-width=2.1></svg>`, false, true, false), _tmpl$32 = /* @__PURE__ */ template(`<svg><polyline points="20 6 9 17 4 12"></svg>`, false, true, false), _tmpl$33 = /* @__PURE__ */ template(`<i>`);
 function SvgIcon(props) {
   return (() => {
-    var _el$ = _tmpl$$18();
+    var _el$ = _tmpl$$19();
     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;
@@ -5959,7 +6232,7 @@ function SvgIcon(props) {
 const FootnoteIcon = () => createComponent(SvgIcon, {
   fill: "none",
   get children() {
-    return [_tmpl$2$J(), _tmpl$3$v()];
+    return [_tmpl$2$K(), _tmpl$3$w()];
   }
 });
 const SpecialIndentFirstLineIcon = () => createComponent(SvgIcon, {
@@ -6136,11 +6409,11 @@ function ToolIcon(props) {
     children: (render2) => render2()()
   });
 }
-var _tmpl$$17 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$18 = /* @__PURE__ */ template(`<button>`);
 function SurfaceButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "variant", "size", "active", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$17();
+    var _el$ = _tmpl$$18();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -6201,7 +6474,7 @@ function Text$1(props) {
     }
   }));
 }
-var _tmpl$$16 = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$I = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$u = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$k = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$c = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
+var _tmpl$$17 = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$J = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$v = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$k = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$c = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
 function Menubar(props) {
   const t = useI18n();
   const [activeMenu, setActiveMenu] = createSignal(null);
@@ -6269,13 +6542,13 @@ function Menubar(props) {
   });
   const topLevelItems = () => pruneTree(menuTree());
   return (() => {
-    var _el$ = _tmpl$$16();
+    var _el$ = _tmpl$$17();
     insert(_el$, createComponent(For, {
       get each() {
         return topLevelItems();
       },
       children: (topLevel) => (() => {
-        var _el$2 = _tmpl$3$u();
+        var _el$2 = _tmpl$3$v();
         _el$2.addEventListener("mouseenter", () => {
           if (activeMenu() && activeMenu() !== topLevel.id) {
             setActiveMenu(topLevel.id);
@@ -6310,7 +6583,7 @@ function Menubar(props) {
             return activeMenu() === topLevel.id;
           },
           get children() {
-            var _el$3 = _tmpl$2$I();
+            var _el$3 = _tmpl$2$J();
             insert(_el$3, createComponent(For, {
               get each() {
                 return topLevel.children;
@@ -6443,10 +6716,10 @@ function MenuNode(props) {
     }
   });
 }
-var _tmpl$$15 = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
+var _tmpl$$16 = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
 function TitleBar(props) {
   return (() => {
-    var _el$ = _tmpl$$15(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+    var _el$ = _tmpl$$16(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
     insert(_el$3, () => props.children);
     return _el$;
   })();
@@ -6541,7 +6814,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
   );
   return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
 }
-var _tmpl$$14 = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$H = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$t = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
+var _tmpl$$15 = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$I = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$u = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
 function OutlinePanel(props) {
   const t = useI18n();
   const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
@@ -6612,13 +6885,13 @@ function OutlinePanel(props) {
     }
   });
   return (() => {
-    var _el$ = _tmpl$3$t(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$3$u(), _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$$14();
+        var _el$3 = _tmpl$$15();
         insert(_el$3, () => t("menu.view.outline") || "Outline");
         return _el$3;
       }
@@ -6629,7 +6902,7 @@ function OutlinePanel(props) {
         return !collapsed();
       },
       get children() {
-        var _el$6 = _tmpl$2$H();
+        var _el$6 = _tmpl$2$I();
         insert(_el$6, createComponent(Show, {
           get when() {
             return items().length > 0;
@@ -6686,7 +6959,7 @@ function OutlinePanel(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$13 = /* @__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$G = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
+var _tmpl$$14 = /* @__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$H = /* @__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);
@@ -6830,7 +7103,7 @@ function ToolbarOverflowManager(props) {
     };
   };
   return (() => {
-    var _el$ = _tmpl$$13(), _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$$14(), _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;
@@ -6842,7 +7115,7 @@ function ToolbarOverflowManager(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$7 = _tmpl$2$G();
+        var _el$7 = _tmpl$2$H();
         insert(_el$7, item);
         return _el$7;
       })()
@@ -6918,12 +7191,12 @@ function resolveLabel(item, api) {
   if (item.labelKey) return api.t(item.labelKey);
   return void 0;
 }
-var _tmpl$$12 = /* @__PURE__ */ template(`<span>`), _tmpl$2$F = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$$13 = /* @__PURE__ */ template(`<span>`), _tmpl$2$G = /* @__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$F();
+    var _el$ = _tmpl$2$G();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-tool-button ${local.class || ""}`;
@@ -6960,7 +7233,7 @@ function Button$1(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$12();
+        var _el$2 = _tmpl$$13();
         insert(_el$2, () => local.label);
         return _el$2;
       }
@@ -7042,7 +7315,7 @@ function useDismiss(options) {
     });
   });
 }
-var _tmpl$$11 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$12 = /* @__PURE__ */ template(`<div>`);
 function Popover(props) {
   let anchorRef;
   let panelRef;
@@ -7059,7 +7332,7 @@ function Popover(props) {
     closeOnEscape: props.closeOnEscape
   });
   const panel = (portalled) => (() => {
-    var _el$ = _tmpl$$11();
+    var _el$ = _tmpl$$12();
     addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
@@ -7111,25 +7384,30 @@ function Popover(props) {
     }
   })];
 }
-var _tmpl$$10 = /* @__PURE__ */ template(`<i data-lucide=chevron-down>`);
+var _tmpl$$11 = /* @__PURE__ */ template(`<i data-lucide=chevron-down>`);
 function DropdownChevron(props) {
   return (() => {
-    var _el$ = _tmpl$$10();
+    var _el$ = _tmpl$$11();
     createRenderEffect(() => className(_el$, `oasis-editor-dropdown-chevron${props.class ? ` ${props.class}` : ""}`));
     return _el$;
   })();
 }
-var _tmpl$$$ = /* @__PURE__ */ template(`<div>`), _tmpl$2$E = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$s = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$4$i = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
+var _tmpl$$10 = /* @__PURE__ */ template(`<div>`), _tmpl$2$F = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$t = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$4$i = /* @__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 updateOpen = (nextOpen) => {
+    var _a2;
+    setOpen(nextOpen);
+    (_a2 = props.onOpenChange) == null ? void 0 : _a2.call(props, nextOpen);
+  };
   const ariaLabel = () => props.tooltip || props.label || "";
   return (() => {
-    var _el$ = _tmpl$2$E();
+    var _el$ = _tmpl$2$F();
     insert(_el$, createComponent(Popover, {
       get open() {
         return open();
       },
-      onOpenChange: setOpen,
+      onOpenChange: updateOpen,
       get keepMounted() {
         return props.keepMounted;
       },
@@ -7159,7 +7437,7 @@ function Menu(props) {
             return props.label;
           },
           get children() {
-            var _el$4 = _tmpl$3$s();
+            var _el$4 = _tmpl$3$t();
             insert(_el$4, () => props.label);
             return _el$4;
           }
@@ -7194,7 +7472,7 @@ function Menu(props) {
         return _el$3;
       })(),
       get children() {
-        var _el$2 = _tmpl$$$();
+        var _el$2 = _tmpl$$10();
         _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")) {
@@ -7209,7 +7487,7 @@ function Menu(props) {
   })();
 }
 delegateEvents(["click"]);
-var _tmpl$$_ = /* @__PURE__ */ template(`<select>`), _tmpl$2$D = /* @__PURE__ */ template(`<span class=oasis-editor-tool-select-ribbon-large-label>`), _tmpl$3$r = /* @__PURE__ */ template(`<div class=oasis-editor-tool-select-ribbon-large-wrap>`);
+var _tmpl$$$ = /* @__PURE__ */ template(`<select>`), _tmpl$2$E = /* @__PURE__ */ template(`<span class=oasis-editor-tool-select-ribbon-large-label>`), _tmpl$3$s = /* @__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"]);
@@ -7225,7 +7503,7 @@ function Select(props) {
     }
   });
   const select = () => (() => {
-    var _el$ = _tmpl$$_();
+    var _el$ = _tmpl$$$();
     var _ref$ = selectRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
     spread(_el$, mergeProps({
@@ -7260,13 +7538,13 @@ function Select(props) {
       return select();
     },
     get children() {
-      var _el$2 = _tmpl$3$r();
+      var _el$2 = _tmpl$3$s();
       insert(_el$2, createComponent(Show, {
         get when() {
           return local.label;
         },
         get children() {
-          var _el$3 = _tmpl$2$D();
+          var _el$3 = _tmpl$2$E();
           insert(_el$3, () => local.label);
           return _el$3;
         }
@@ -7276,15 +7554,15 @@ function Select(props) {
     }
   });
 }
-var _tmpl$$Z = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
+var _tmpl$$_ = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
 function Separator(props) {
   return (() => {
-    var _el$ = _tmpl$$Z();
+    var _el$ = _tmpl$$_();
     createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
     return _el$;
   })();
 }
-var _tmpl$$Y = /* @__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$$Z = /* @__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() {
@@ -7303,7 +7581,7 @@ function SplitButton(props) {
       return props.onPanelMouseLeave;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$$Y(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$Z(), _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);
@@ -7344,18 +7622,18 @@ function SplitButton(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$X = /* @__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$C = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$3$q = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$4$h = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
+var _tmpl$$Y = /* @__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$D = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$3$r = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$4$h = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
 const normalize = (value) => value.trim().toLowerCase();
 function ColorGrids(props) {
   return [(() => {
-    var _el$ = _tmpl$$X(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$Y(), _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$q();
+        var _el$7 = _tmpl$3$r();
         insert(_el$7, createComponent(For, {
           get each() {
             return theme.values;
@@ -7388,7 +7666,7 @@ function ColorGrids(props) {
     }));
     return _el$;
   })(), (() => {
-    var _el$4 = _tmpl$2$C(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+    var _el$4 = _tmpl$2$D(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
     insert(_el$5, () => props.standardColorsLabel);
     insert(_el$6, createComponent(For, {
       get each() {
@@ -7422,7 +7700,7 @@ function ColorGrids(props) {
   })()];
 }
 delegateEvents(["click"]);
-var _tmpl$$W = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$B = /* @__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$p = /* @__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$g = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$5$a = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$6$8 = /* @__PURE__ */ template(`<span>`), _tmpl$7$4 = /* @__PURE__ */ template(`<i data-lucide=slash>`);
+var _tmpl$$X = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$C = /* @__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$q = /* @__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$g = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$5$a = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$6$8 = /* @__PURE__ */ template(`<span>`), _tmpl$7$4 = /* @__PURE__ */ template(`<i data-lucide=slash>`);
 const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
 function ColorPicker(props) {
   const [isOpen, setIsOpen] = createSignal(false);
@@ -7499,7 +7777,7 @@ function ColorPicker(props) {
           return clearLabel();
         },
         get children() {
-          var _el$ = _tmpl$2$B(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
+          var _el$ = _tmpl$2$C(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
           _el$.$$click = () => applyColor(null);
           insert(_el$2, createComponent(Show, {
             get when() {
@@ -7509,7 +7787,7 @@ function ColorPicker(props) {
               return _tmpl$7$4();
             },
             get children() {
-              return _tmpl$$W();
+              return _tmpl$$X();
             }
           }));
           insert(_el$4, clearLabel);
@@ -7540,7 +7818,7 @@ function ColorPicker(props) {
         },
         get children() {
           return [(() => {
-            var _el$5 = _tmpl$3$p(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+            var _el$5 = _tmpl$3$q(), _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`));
@@ -7568,7 +7846,7 @@ function ColorPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$V = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$A = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$o = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$f = /* @__PURE__ */ template(`<span>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button>`), _tmpl$6$7 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
+var _tmpl$$W = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$B = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$p = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$f = /* @__PURE__ */ template(`<span>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button>`), _tmpl$6$7 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
 function GridPicker(props) {
   const t = useI18n();
   const [isOpen, setIsOpen] = createSignal(false);
@@ -7643,7 +7921,7 @@ function GridPicker(props) {
     return h.row === 0 || h.col === 0 ? t("toolbar.table") : `${h.row} × ${h.col}`;
   };
   return (() => {
-    var _el$ = _tmpl$3$o();
+    var _el$ = _tmpl$3$p();
     insert(_el$, createComponent(Popover, {
       get open() {
         return isOpen();
@@ -7692,11 +7970,11 @@ function GridPicker(props) {
       })(),
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$$V();
+          var _el$2 = _tmpl$$W();
           insert(_el$2, statusLabel);
           return _el$2;
         })(), (() => {
-          var _el$3 = _tmpl$2$A();
+          var _el$3 = _tmpl$2$B();
           insert(_el$3, createComponent(For, {
             get each() {
               return rows();
@@ -7796,7 +8074,7 @@ const DEFAULT_PALETTE = {
   standardColors: STANDARD_COLORS,
   allowCustom: true
 };
-var _tmpl$$U = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$z = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$n = /* @__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$e = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$V = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$A = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$o = /* @__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$e = /* @__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);
@@ -7876,7 +8154,7 @@ function StyleGallery(props) {
       return styles();
     },
     children: (style$1) => (() => {
-      var _el$ = _tmpl$$U(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$V(), _el$2 = _el$.firstChild;
       _el$.$$click = () => apply(style$1);
       insert(_el$2, () => style$1.name);
       createRenderEffect((_p$) => {
@@ -7907,7 +8185,7 @@ function StyleGallery(props) {
     panelRole: "listbox",
     panelTestId,
     trigger: (popover) => (() => {
-      var _el$4 = _tmpl$3$n(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+      var _el$4 = _tmpl$3$o(), _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, {
@@ -7957,7 +8235,7 @@ function StyleGallery(props) {
       return _el$4;
     })(),
     get children() {
-      var _el$3 = _tmpl$2$z();
+      var _el$3 = _tmpl$2$A();
       _el$3.$$keydown = onPanelKeyDown;
       insert(_el$3, cards);
       return _el$3;
@@ -7965,7 +8243,7 @@ function StyleGallery(props) {
   });
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$T = /* @__PURE__ */ template(`<span class=oasis-editor-wide-menu-button-indicator>`), _tmpl$2$y = /* @__PURE__ */ template(`<span class=oasis-editor-wide-menu-button-icon>`), _tmpl$3$m = /* @__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>`);
+var _tmpl$$U = /* @__PURE__ */ template(`<span class=oasis-editor-wide-menu-button-indicator>`), _tmpl$2$z = /* @__PURE__ */ template(`<span class=oasis-editor-wide-menu-button-icon>`), _tmpl$3$n = /* @__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() {
@@ -7979,7 +8257,7 @@ function WideMenuButton(props) {
       return `oasis-editor-color-menu ${props.panelClass ?? ""}`;
     },
     trigger: (api) => (() => {
-      var _el$ = _tmpl$3$m(), _el$4 = _el$.firstChild;
+      var _el$ = _tmpl$3$n(), _el$4 = _el$.firstChild;
       _el$.$$click = () => api.toggle();
       use((el) => api.ref(el), _el$);
       insert(_el$, createComponent(Show, {
@@ -7987,7 +8265,7 @@ function WideMenuButton(props) {
           return props.icon;
         },
         get children() {
-          var _el$2 = _tmpl$2$y();
+          var _el$2 = _tmpl$2$z();
           insert(_el$2, createComponent(ToolIcon, {
             get name() {
               return props.icon;
@@ -7998,7 +8276,7 @@ function WideMenuButton(props) {
               return props.indicatorColor !== void 0;
             },
             get children() {
-              var _el$3 = _tmpl$$T();
+              var _el$3 = _tmpl$$U();
               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$);
@@ -8096,7 +8374,7 @@ function dashPreviewArray(dash) {
   const pattern = lineDashPatternPt(dash);
   return pattern.length > 0 ? pattern.join(" ") : void 0;
 }
-var _tmpl$$S = /* @__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$x = /* @__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$l = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-editor-picture-border-flyout role=menu>`), _tmpl$5$8 = /* @__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$6 = /* @__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$3 = /* @__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$2 = /* @__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>`);
+var _tmpl$$T = /* @__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$y = /* @__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$m = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$4$d = /* @__PURE__ */ template(`<div class=oasis-editor-picture-border-flyout role=menu>`), _tmpl$5$8 = /* @__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$6 = /* @__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$3 = /* @__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$2 = /* @__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);
@@ -8164,7 +8442,7 @@ function PictureBorderPicker(props) {
           color
         })
       }), (() => {
-        var _el$ = _tmpl$$S(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        var _el$ = _tmpl$$T(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
         _el$.$$click = () => apply({
           color: null
         });
@@ -8172,13 +8450,13 @@ function PictureBorderPicker(props) {
         createRenderEffect(() => setAttribute(_el$, "data-testid", `${props.testId}-none`));
         return _el$;
       })(), (() => {
-        var _el$4 = _tmpl$2$x(), _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
+        var _el$4 = _tmpl$2$y(), _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$l();
+        var _el$7 = _tmpl$3$m();
         _el$7.$$input = (event) => apply({
           color: event.currentTarget.value
         });
@@ -8313,7 +8591,7 @@ function PictureBorderPicker(props) {
   });
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$R = /* @__PURE__ */ template(`<option value>`), _tmpl$2$w = /* @__PURE__ */ template(`<option>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
+var _tmpl$$S = /* @__PURE__ */ template(`<option value>`), _tmpl$2$x = /* @__PURE__ */ template(`<option>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
 function renderMenuContent(content, api) {
   if (content.kind === "custom") {
     return content.render(api);
@@ -8471,7 +8749,7 @@ function RenderSelect(props) {
           return props.item.placeholder !== void 0;
         },
         get children() {
-          var _el$ = _tmpl$$R();
+          var _el$ = _tmpl$$S();
           insert(_el$, () => props.item.placeholder);
           return _el$;
         }
@@ -8480,7 +8758,7 @@ function RenderSelect(props) {
           return props.item.options(props.api);
         },
         children: (option) => (() => {
-          var _el$2 = _tmpl$2$w();
+          var _el$2 = _tmpl$2$x();
           insert(_el$2, () => option.label);
           createRenderEffect(() => _el$2.value = option.value);
           return _el$2;
@@ -8678,7 +8956,7 @@ function ToolbarItemRenderer(props) {
   const binding = bindItem(props.item, props.api);
   const component = () => resolveRenderer(props.item.type);
   return (() => {
-    var _el$3 = _tmpl$3$k();
+    var _el$3 = _tmpl$3$l();
     insert(_el$3, createComponent(Show, {
       get when() {
         return component();
@@ -8780,8 +9058,12 @@ function isRibbonTabVisible(id, api) {
   if (!gatingCommand) return true;
   return api ? api.commands.state(gatingCommand).isActive : false;
 }
-function buildRibbonTabDefinitions(t, api) {
-  return RIBBON_TABS.filter((id) => isRibbonTabVisible(id, api)).map((id) => ({
+function buildRibbonTabDefinitions(t, api, items) {
+  return RIBBON_TABS.filter(
+    (id) => isRibbonTabVisible(id, api) && (items === void 0 || items.some(
+      (item) => item.type !== "separator" && normalizeRibbonTab(item.tab) === id
+    ))
+  ).map((id) => ({
     id,
     label: t(TAB_LABEL_KEYS[id]),
     contextual: CONTEXTUAL_TABS[id] !== void 0
@@ -9182,9 +9464,15 @@ function resolveResponsiveRibbonGroups(groups, availableWidth, measurements = {}
     allocatedWidth: allocatedWidths.get(group.id)
   }));
 }
-var _tmpl$$Q = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$v = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
+var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$w = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
 function RibbonTabs(props) {
-  const tabs = createMemo(() => buildRibbonTabDefinitions(props.api.t, props.api));
+  const tabs = createMemo(() => buildRibbonTabDefinitions(props.api.t, props.api, props.items()));
+  createEffect(() => {
+    const availableTabs = tabs();
+    if (availableTabs.length > 0 && !availableTabs.some((tab) => tab.id === props.activeTab())) {
+      props.setActiveTab(availableTabs[0].id);
+    }
+  });
   const moveTab = (current, delta) => {
     const list = tabs();
     const index = list.findIndex((tab) => tab.id === current);
@@ -9192,13 +9480,13 @@ function RibbonTabs(props) {
     if (next) props.setActiveTab(next.id);
   };
   return (() => {
-    var _el$ = _tmpl$$Q();
+    var _el$ = _tmpl$$R();
     insert(_el$, createComponent(For, {
       get each() {
         return tabs();
       },
       children: (tab) => (() => {
-        var _el$2 = _tmpl$2$v();
+        var _el$2 = _tmpl$2$w();
         _el$2.$$keydown = (event) => {
           if (event.key === "ArrowRight") {
             event.preventDefault();
@@ -9243,10 +9531,10 @@ function RibbonTabs(props) {
   })();
 }
 delegateEvents(["click", "keydown"]);
-var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
+var _tmpl$$Q = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
 function RibbonRow(props) {
   return (() => {
-    var _el$ = _tmpl$$P();
+    var _el$ = _tmpl$$Q();
     insert(_el$, createComponent(For, {
       get each() {
         return props.items;
@@ -9261,7 +9549,7 @@ function RibbonRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows><div class=oasis-editor-ribbon-normal-rows>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-label>`), _tmpl$4$c = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group>`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-collapsed-items>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows>`);
+var _tmpl$$P = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows><div class=oasis-editor-ribbon-normal-rows>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-label>`), _tmpl$4$c = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group>`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-collapsed-items>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows>`);
 function groupItems(group) {
   return [...group.largeItems, ...group.rows[1], ...group.rows[2]];
 }
@@ -9310,20 +9598,20 @@ function RibbonGroup(props) {
           }));
           return _el$6;
         })(), (() => {
-          var _el$8 = _tmpl$3$j();
+          var _el$8 = _tmpl$3$k();
           insert(_el$8, () => props.group.label);
           return _el$8;
         })()];
       },
       get children() {
         return [(() => {
-          var _el$2 = _tmpl$2$u(), _el$4 = _el$2.firstChild;
+          var _el$2 = _tmpl$2$v(), _el$4 = _el$2.firstChild;
           insert(_el$2, createComponent(Show, {
             get when() {
               return props.group.largeItems.length > 0;
             },
             get children() {
-              var _el$3 = _tmpl$$O();
+              var _el$3 = _tmpl$$P();
               insert(_el$3, createComponent(For, {
                 get each() {
                   return props.group.largeItems;
@@ -9356,7 +9644,7 @@ function RibbonGroup(props) {
           }), null);
           return _el$2;
         })(), (() => {
-          var _el$5 = _tmpl$3$j();
+          var _el$5 = _tmpl$3$k();
           insert(_el$5, () => props.group.label);
           return _el$5;
         })()];
@@ -9384,7 +9672,7 @@ function RibbonGroup(props) {
     return _el$;
   })();
 }
-var _tmpl$$N = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
+var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
 function RibbonPanel(props) {
   const [availableWidth, setAvailableWidth] = createSignal(null);
   const [measurements, setMeasurements] = createSignal({});
@@ -9429,7 +9717,7 @@ function RibbonPanel(props) {
     requestAnimationFrame(measureGroups);
   });
   return (() => {
-    var _el$ = _tmpl$$N();
+    var _el$ = _tmpl$$O();
     var _ref$ = panelRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
     insert(_el$, createComponent(For, {
@@ -9455,7 +9743,7 @@ function RibbonPanel(props) {
     return _el$;
   })();
 }
-var _tmpl$$M = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
+var _tmpl$$N = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
 const shouldAllowNativeMouseDown = (target) => target instanceof Element && target.closest("select, input, textarea, label") !== null;
 function Toolbar(props) {
   const api = createToolbarApi(props.host, useI18n());
@@ -9505,7 +9793,7 @@ function Toolbar(props) {
     })
   });
   return (() => {
-    var _el$ = _tmpl$$M();
+    var _el$ = _tmpl$$N();
     _el$.$$mousedown = (event) => {
       if (shouldAllowNativeMouseDown(event.target)) {
         return;
@@ -9517,7 +9805,8 @@ function Toolbar(props) {
       return () => _c$() ? [createComponent(RibbonTabs, {
         activeTab,
         setActiveTab,
-        api
+        api,
+        items
       }), createComponent(RibbonPanel, {
         activeTab,
         items,
@@ -9527,7 +9816,7 @@ function Toolbar(props) {
           return renderItems();
         }
       }) : (() => {
-        var _el$2 = _tmpl$2$t();
+        var _el$2 = _tmpl$2$u();
         insert(_el$2, renderItems);
         return _el$2;
       })();
@@ -18522,11 +18811,7 @@ function getTableCellContentWidthForParagraph(document2, paragraphId, activeSect
     activeSectionIndex
   );
   if (!tableLocation) return null;
-  let blocks = resolveParagraphStory(
-    document2,
-    paragraphId,
-    activeSectionIndex
-  );
+  let blocks = resolveParagraphStory(document2, paragraphId, activeSectionIndex);
   if (!blocks) return null;
   let availableWidth = getPageContentWidth(getDocumentPageSettings(document2));
   for (const segment of tableLocation.tablePath) {
@@ -21196,11 +21481,11 @@ function buildCanvasTableLayout(options) {
     unsupported: Array.from(new Set(unsupported))
   };
 }
-var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
+var _tmpl$$M = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
 function PageBreak(_props) {
   const t = useI18n();
   return (() => {
-    var _el$ = _tmpl$$L(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$M(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     insert(_el$3, () => t("metric.pageBreak") || "Page Break");
     return _el$;
   })();
@@ -25118,7 +25403,7 @@ function prepareDocumentFonts(document2, options = {}) {
   preparationLoads.set(key, load);
   return load;
 }
-var _tmpl$$K = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$s = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=oasis-editor-table-revision-hit style=position:absolute;pointer-events:auto;background:transparent>`);
+var _tmpl$$L = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$t = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=oasis-editor-table-revision-hit style=position:absolute;pointer-events:auto;background:transparent>`);
 const surfaceLogger = createEditorLogger("canvas-surface");
 function CanvasEditorSurface(props) {
   const documentFontFamilies = createMemo(() => Array.from(collectPdfFontFamilies(props.state().document)));
@@ -25141,7 +25426,7 @@ function CanvasEditorSurface(props) {
     return layout;
   });
   return (() => {
-    var _el$ = _tmpl$$K();
+    var _el$ = _tmpl$$L();
     insert(_el$, createComponent(Index, {
       get each() {
         return documentLayout().pages;
@@ -25153,7 +25438,7 @@ function CanvasEditorSurface(props) {
         // inserting an image that triggers re-pagination in a narrow viewport),
         // causing "Failed to execute 'insertBefore'" errors.
         (() => {
-          var _el$2 = _tmpl$2$s();
+          var _el$2 = _tmpl$2$t();
           insert(_el$2, createComponent(Show, {
             when: index > 0,
             get children() {
@@ -25283,7 +25568,7 @@ function CanvasPage(props) {
   });
   onCleanup(() => renderer.dispose());
   return (() => {
-    var _el$3 = _tmpl$3$i(), _el$4 = _el$3.firstChild;
+    var _el$3 = _tmpl$3$j(), _el$4 = _el$3.firstChild;
     addEventListener(_el$3, "dblclick", props.onSurfaceDblClick, true);
     addEventListener(_el$3, "mousemove", props.onSurfaceMouseMove, true);
     addEventListener(_el$3, "click", props.onSurfaceClick, true);
@@ -25675,7 +25960,7 @@ function computeRulerTicks(pageWidth, contentLeft, unit) {
   pushSide(-1);
   return ticks;
 }
-var _tmpl$$J = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler data-testid=editor-horizontal-ruler role=presentation><div class=oasis-editor-horizontal-ruler-track><div class=oasis-editor-horizontal-ruler-page><div class=oasis-editor-horizontal-ruler-margin style=left:0px></div><div class=oasis-editor-horizontal-ruler-margin></div><div class=oasis-editor-horizontal-ruler-content></div><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-first-line"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-hanging"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-left-box"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-right-indent">`), _tmpl$2$r = /* @__PURE__ */ template(`<div>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
+var _tmpl$$K = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler data-testid=editor-horizontal-ruler role=presentation><div class=oasis-editor-horizontal-ruler-track><div class=oasis-editor-horizontal-ruler-page><div class=oasis-editor-horizontal-ruler-margin style=left:0px></div><div class=oasis-editor-horizontal-ruler-margin></div><div class=oasis-editor-horizontal-ruler-content></div><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-first-line"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-hanging"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-left-box"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-right-indent">`), _tmpl$2$s = /* @__PURE__ */ template(`<div>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
 function getActivePageSettings(state) {
   var _a2;
   const idx = getActiveSectionIndex(state);
@@ -25881,7 +26166,7 @@ function HorizontalRuler(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$J(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling;
+    var _el$ = _tmpl$$K(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling;
     var _ref$ = pageRef;
     typeof _ref$ === "function" ? use(_ref$, _el$3) : pageRef = _el$3;
     insert(_el$3, createComponent(For, {
@@ -25889,7 +26174,7 @@ function HorizontalRuler(props) {
         return ticks();
       },
       children: (tick) => [(() => {
-        var _el$11 = _tmpl$2$r();
+        var _el$11 = _tmpl$2$s();
         createRenderEffect((_p$) => {
           var _v$27 = `oasis-editor-horizontal-ruler-tick oasis-editor-horizontal-ruler-tick-${tick.kind}`, _v$28 = `${sx(tick.x)}px`;
           _v$27 !== _p$.e && className(_el$11, _p$.e = _v$27);
@@ -25901,7 +26186,7 @@ function HorizontalRuler(props) {
         });
         return _el$11;
       })(), memo(() => memo(() => !!tick.label)() && (() => {
-        var _el$12 = _tmpl$3$h();
+        var _el$12 = _tmpl$3$i();
         insert(_el$12, () => tick.label);
         createRenderEffect((_$p) => setStyleProperty(_el$12, "left", `${sx(tick.x)}px`));
         return _el$12;
@@ -25978,10 +26263,10 @@ function HorizontalRuler(props) {
   })();
 }
 delegateEvents(["pointerdown"]);
-var _tmpl$$I = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
+var _tmpl$$J = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
 function CaretOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$I();
+    var _el$ = _tmpl$$J();
     createRenderEffect((_p$) => {
       var _v$ = !!props.active, _v$2 = {
         left: `${props.left}px`,
@@ -26002,16 +26287,16 @@ function CaretOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$H = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$q = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
+var _tmpl$$I = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$r = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
 function SelectionOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$$H();
+    var _el$ = _tmpl$$I();
     insert(_el$, createComponent(Index, {
       get each() {
         return props.boxes;
       },
       children: (box) => (() => {
-        var _el$2 = _tmpl$2$q();
+        var _el$2 = _tmpl$2$r();
         createRenderEffect((_p$) => {
           var _v$ = `${box().left}px`, _v$2 = `${box().top}px`, _v$3 = `${box().width}px`, _v$4 = `${box().height}px`;
           _v$ !== _p$.e && setStyleProperty(_el$2, "left", _p$.e = _v$);
@@ -26031,7 +26316,7 @@ function SelectionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$G = /* @__PURE__ */ template(`<div class=oasis-editor-revision-overlay data-testid=editor-revision-overlay><div class=oasis-editor-revision-overlay-content><span class=oasis-editor-revision-overlay-author><strong>:</strong> </span><span class=oasis-editor-revision-overlay-date></span></div><div class=oasis-editor-revision-overlay-arrow>`);
+var _tmpl$$H = /* @__PURE__ */ template(`<div class=oasis-editor-revision-overlay data-testid=editor-revision-overlay><div class=oasis-editor-revision-overlay-content><span class=oasis-editor-revision-overlay-author><strong>:</strong> </span><span class=oasis-editor-revision-overlay-date></span></div><div class=oasis-editor-revision-overlay-arrow>`);
 function RevisionOverlay(props) {
   const formattedDate = () => {
     try {
@@ -26046,7 +26331,7 @@ function RevisionOverlay(props) {
     return "Alterado por";
   };
   return (() => {
-    var _el$ = _tmpl$$G(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$ = _tmpl$$H(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
     _el$4.nextSibling;
     var _el$7 = _el$3.nextSibling;
     insert(_el$4, label, _el$5);
@@ -26064,7 +26349,7 @@ function RevisionOverlay(props) {
     return _el$;
   })();
 }
-var _tmpl$$F = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$p = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$g = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$a = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$6 = /* @__PURE__ */ template(`<div class=oasis-editor-comment-popup data-testid=editor-comment-popup><div class=oasis-editor-comment-popup-header><span class=oasis-editor-comment-popup-author></span></div><div class=oasis-editor-comment-popup-body>`);
+var _tmpl$$G = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$q = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$h = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$a = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$6 = /* @__PURE__ */ template(`<div class=oasis-editor-comment-popup data-testid=editor-comment-popup><div class=oasis-editor-comment-popup-header><span class=oasis-editor-comment-popup-author></span></div><div class=oasis-editor-comment-popup-body>`);
 function CommentHighlightOverlay(props) {
   const [activeCommentId, setActiveCommentId] = createSignal(null);
   const activeComment = createMemo(() => {
@@ -26091,13 +26376,13 @@ function CommentHighlightOverlay(props) {
     }
   };
   return (() => {
-    var _el$ = _tmpl$$F();
+    var _el$ = _tmpl$$G();
     insert(_el$, createComponent(For, {
       get each() {
         return props.boxes();
       },
       children: (box) => (() => {
-        var _el$2 = _tmpl$2$p();
+        var _el$2 = _tmpl$2$q();
         _el$2.$$click = () => setActiveCommentId(box.commentId);
         _el$2.addEventListener("mouseenter", () => setActiveCommentId(box.commentId));
         createRenderEffect((_p$) => {
@@ -26137,7 +26422,7 @@ function CommentHighlightOverlay(props) {
                 return comment.date !== void 0;
               },
               get children() {
-                var _el$6 = _tmpl$3$g();
+                var _el$6 = _tmpl$3$h();
                 insert(_el$6, () => formattedDate(comment.date));
                 return _el$6;
               }
@@ -26197,7 +26482,7 @@ function useSurfaceRect(surfaceRef) {
   });
   return { rect, tick, refresh };
 }
-var _tmpl$$E = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$o = /* @__PURE__ */ template(`<svg><rect rx=1.5></svg>`, false, true, false), _tmpl$3$f = /* @__PURE__ */ template(`<svg><polygon points="29,4 37,12 29,20 21,12"fill=#1a73e8></svg>`, false, true, false), _tmpl$4$9 = /* @__PURE__ */ template(`<svg><polygon points="20,8 26,14 20,20 14,14"fill=#1a73e8></svg>`, false, true, false), _tmpl$5$5 = /* @__PURE__ */ template(`<svg viewBox="0 0 40 32"fill=none aria-hidden=true>`), _tmpl$6$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-anchor data-testid=editor-layout-options-anchor><svg viewBox="0 0 24 24"fill=none aria-hidden=true><rect x=3 y=4 width=10 height=10 rx=1.5 fill=#1a73e8></rect><rect x=3 y=17 width=18 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=5 width=6 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=9 width=6 height=2 rx=1 fill=#9aa0a6>`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=oasis-editor-layout-options-popup data-testid=editor-layout-options-popup><div class=oasis-editor-layout-options-popup-header><span class=oasis-editor-layout-options-title></span><button type=button class=oasis-editor-layout-options-close>×</button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid><button type=button class=oasis-editor-layout-options-cell data-testid=editor-layout-options-inline><svg viewBox="0 0 40 32"fill=none aria-hidden=true><rect x=4 y=7 width=9 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=4 width=11 height=11 rx=1.5 fill=#1a73e8></rect><rect x=28 y=7 width=8 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=20 width=32 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=26 width=32 height=2 rx=1 fill=#9aa0a6></rect></svg></button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid></div><div class=oasis-editor-layout-options-radios><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position></label><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position>`), _tmpl$8$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-cell>`);
+var _tmpl$$F = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$p = /* @__PURE__ */ template(`<svg><rect rx=1.5></svg>`, false, true, false), _tmpl$3$g = /* @__PURE__ */ template(`<svg><polygon points="29,4 37,12 29,20 21,12"fill=#1a73e8></svg>`, false, true, false), _tmpl$4$9 = /* @__PURE__ */ template(`<svg><polygon points="20,8 26,14 20,20 14,14"fill=#1a73e8></svg>`, false, true, false), _tmpl$5$5 = /* @__PURE__ */ template(`<svg viewBox="0 0 40 32"fill=none aria-hidden=true>`), _tmpl$6$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-anchor data-testid=editor-layout-options-anchor><svg viewBox="0 0 24 24"fill=none aria-hidden=true><rect x=3 y=4 width=10 height=10 rx=1.5 fill=#1a73e8></rect><rect x=3 y=17 width=18 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=5 width=6 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=9 width=6 height=2 rx=1 fill=#9aa0a6>`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=oasis-editor-layout-options-popup data-testid=editor-layout-options-popup><div class=oasis-editor-layout-options-popup-header><span class=oasis-editor-layout-options-title></span><button type=button class=oasis-editor-layout-options-close>×</button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid><button type=button class=oasis-editor-layout-options-cell data-testid=editor-layout-options-inline><svg viewBox="0 0 40 32"fill=none aria-hidden=true><rect x=4 y=7 width=9 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=4 width=11 height=11 rx=1.5 fill=#1a73e8></rect><rect x=28 y=7 width=8 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=20 width=32 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=26 width=32 height=2 rx=1 fill=#9aa0a6></rect></svg></button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid></div><div class=oasis-editor-layout-options-radios><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position></label><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position>`), _tmpl$8$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-cell>`);
 const WRAP_OPTIONS = [{
   preset: "square",
   labelKey: "layoutOptions.square"
@@ -26219,14 +26504,14 @@ const WRAP_OPTIONS = [{
 }];
 function WrapIcon(props) {
   const line = (x, y, w) => (() => {
-    var _el$ = _tmpl$$E();
+    var _el$ = _tmpl$$F();
     setAttribute(_el$, "x", x);
     setAttribute(_el$, "y", y);
     setAttribute(_el$, "width", w);
     return _el$;
   })();
   const box = (x, y, w, h, fill = "#1a73e8") => (() => {
-    var _el$2 = _tmpl$2$o();
+    var _el$2 = _tmpl$2$p();
     setAttribute(_el$2, "x", x);
     setAttribute(_el$2, "y", y);
     setAttribute(_el$2, "width", w);
@@ -26249,7 +26534,7 @@ function WrapIcon(props) {
         return props.preset === "tight";
       },
       get children() {
-        return [memo(() => line(4, 6, 12)), memo(() => line(4, 12, 10)), memo(() => line(4, 18, 12)), memo(() => line(4, 24, 32)), _tmpl$3$f()];
+        return [memo(() => line(4, 6, 12)), memo(() => line(4, 12, 10)), memo(() => line(4, 18, 12)), memo(() => line(4, 24, 32)), _tmpl$3$g()];
       }
     }), null);
     insert(_el$3, createComponent(Show, {
@@ -29084,10 +29369,10 @@ var ExceptionCode = {
   INVALID_NODE_TYPE_ERR: 24,
   DATA_CLONE_ERR: 25
 };
-var entries = Object.entries(ExceptionCode);
-for (var i = 0; i < entries.length; i++) {
-  var key = entries[i][0];
-  DOMException$2[key] = entries[i][1];
+var entries$1 = Object.entries(ExceptionCode);
+for (var i = 0; i < entries$1.length; i++) {
+  var key = entries$1[i][0];
+  DOMException$2[key] = entries$1[i][1];
 }
 function ParseError$2(message, locator) {
   this.message = message;
@@ -35011,10 +35296,7 @@ const DEFAULT_MARKUP_COMPATIBILITY_CAPABILITIES = {
 };
 function extendMarkupCompatibilityCapabilities(base, ...namespaces) {
   return {
-    supportedNamespaces: /* @__PURE__ */ new Set([
-      ...base.supportedNamespaces,
-      ...namespaces
-    ])
+    supportedNamespaces: /* @__PURE__ */ new Set([...base.supportedNamespaces, ...namespaces])
   };
 }
 function directElementChildren$5(element) {
@@ -39407,7 +39689,9 @@ function collapseCellAutospacing(paragraphs, flags) {
   }
 }
 function applyCellParagraphAutospacing(cellNode, blocks) {
-  if (!blocks.every((block) => block.type === "paragraph")) {
+  if (!blocks.every(
+    (block) => block.type === "paragraph"
+  )) {
     return;
   }
   const paragraphNodes = getChildrenByTagNameNS(cellNode, WORD_NS$3, "p");
@@ -41955,10 +42239,7 @@ function elementKey$2(element) {
   return `${element.namespaceURI ?? ""}\0${elementLocalName$3(element)}`;
 }
 function parsePropertyElement(xml, expectedLocalName) {
-  const root = new DOMParser$1().parseFromString(
-    xml,
-    "application/xml"
-  ).documentElement;
+  const root = new DOMParser$1().parseFromString(xml, "application/xml").documentElement;
   return (root == null ? void 0 : root.namespaceURI) === WORD_NS$1 && elementLocalName$3(root) === expectedLocalName ? root : void 0;
 }
 function createGeneratedPropertyElement(generatedXml, expectedLocalName) {
@@ -42284,10 +42565,7 @@ function overlayTableProperties(table, tableElement) {
   insertPropertyElement(
     tableElement,
     currentProperties,
-    mergeTablePropertiesOoxmlSource(
-      table,
-      serializeElement(currentProperties)
-    ),
+    mergeTablePropertiesOoxmlSource(table, serializeElement(currentProperties)),
     "tblPr",
     currentGrid ?? firstRow
   );
@@ -44245,12 +44523,7 @@ function serializeSingleBlockXml(block, context2, styles) {
       });
       return pageBreakXml + (reusableTableXml ?? serializeTableXmlPreservingSource(
         block,
-        (cellBlock, cell) => serializeTableCellBlockXml(
-          cellBlock,
-          cell,
-          context2,
-          styles
-        )
+        (cellBlock, cell) => serializeTableCellBlockXml(cellBlock, cell, context2, styles)
       ));
     }
     default:
@@ -44893,11 +45166,7 @@ function buildNumberingContext(document2) {
   const originalNumberingXml = sourceNumberingXml(document2);
   let nextAbstractNumId = Math.max(
     1,
-    maxSourceNumberingId(
-      originalNumberingXml,
-      "abstractNum",
-      "abstractNumId"
-    ) + 1
+    maxSourceNumberingId(originalNumberingXml, "abstractNum", "abstractNumId") + 1
   );
   let nextNumId = Math.max(
     1,
@@ -46700,10 +46969,10 @@ function resolveResizedDimensions(geometry, deltaX, deltaY, preserveAspectRatio,
   nextHeight = clamp(nextWidth / aspectRatio, MIN_RESIZE_SIZE_PX);
   return { width: nextWidth, height: nextHeight };
 }
-var _tmpl$$D = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$n = /* @__PURE__ */ template(`<div aria-hidden=true style=transform-origin:center>`), _tmpl$3$e = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-resize-handle tabindex=-1 type=button>`);
+var _tmpl$$E = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$o = /* @__PURE__ */ template(`<div aria-hidden=true style=transform-origin:center>`), _tmpl$3$f = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-resize-handle tabindex=-1 type=button>`);
 function ResizeHandlesOverlay(props) {
   return (() => {
-    var _el$ = _tmpl$2$n();
+    var _el$ = _tmpl$2$o();
     _el$.$$mousedown = (event) => {
       if (props.readOnly || !props.box() || !props.onBodyMouseDown) {
         return;
@@ -46719,7 +46988,7 @@ function ResizeHandlesOverlay(props) {
         return [createComponent(For, {
           each: RESIZE_HANDLE_DIRECTIONS,
           children: (direction) => (() => {
-            var _el$3 = _tmpl$3$e();
+            var _el$3 = _tmpl$3$f();
             _el$3.$$mousedown = (event) => {
               if (!props.box()) {
                 return;
@@ -46734,7 +47003,7 @@ function ResizeHandlesOverlay(props) {
             return props.onRotateStart;
           },
           get children() {
-            var _el$2 = _tmpl$$D();
+            var _el$2 = _tmpl$$E();
             _el$2.$$mousedown = (event) => {
               var _a2;
               if (!props.box()) {
@@ -46775,14 +47044,14 @@ function ResizeHandlesOverlay(props) {
   })();
 }
 delegateEvents(["mousedown"]);
-var _tmpl$$C = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-table-handles-overlay><button aria-hidden=true class=oasis-editor-table-move-handle tabindex=-1 type=button></button><button aria-hidden=true class=oasis-editor-table-resize-corner tabindex=-1 type=button>`);
+var _tmpl$$D = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-table-handles-overlay><button aria-hidden=true class=oasis-editor-table-move-handle tabindex=-1 type=button></button><button aria-hidden=true class=oasis-editor-table-resize-corner tabindex=-1 type=button>`);
 function TableHandlesOverlay(props) {
   return createComponent(Show, {
     get when() {
       return memo(() => !!!props.readOnly)() && props.box();
     },
     children: (box) => (() => {
-      var _el$ = _tmpl$$C(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+      var _el$ = _tmpl$$D(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
       _el$2.$$mousedown = (event) => {
         props.onMoveStart(event);
       };
@@ -46822,7 +47091,7 @@ function createEditorZoom(initial = ZOOM_DEFAULT) {
   const zoomFactor = createMemo(() => zoomPercent() / 100);
   return { zoomPercent, setZoomPercent, adjustZoom, zoomFactor };
 }
-var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-import-overlay data-testid=editor-import-overlay role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-phase data-testid=editor-import-phase></div><div class=oasis-editor-import-progress-track><div class=oasis-editor-import-progress-bar data-testid=editor-import-progress-bar></div></div><div class=oasis-editor-import-progress-label>`), _tmpl$2$m = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>`), _tmpl$3$d = /* @__PURE__ */ template(`<span class=oasis-editor-import-error-icon>`);
+var _tmpl$$C = /* @__PURE__ */ template(`<div class=oasis-editor-import-overlay data-testid=editor-import-overlay role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-phase data-testid=editor-import-phase></div><div class=oasis-editor-import-progress-track><div class=oasis-editor-import-progress-bar data-testid=editor-import-progress-bar></div></div><div class=oasis-editor-import-progress-label>`), _tmpl$2$n = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>`), _tmpl$3$e = /* @__PURE__ */ template(`<span class=oasis-editor-import-error-icon>`);
 function EditorImportProgressOverlay(props) {
   const t = useI18n();
   return createComponent(Show, {
@@ -46834,7 +47103,7 @@ function EditorImportProgressOverlay(props) {
       const isDone = progress().phase === "done";
       const isError = progress().phase === "error";
       return (() => {
-        var _el$ = _tmpl$$B(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
+        var _el$ = _tmpl$$C(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
         _el$.classList.toggle("oasis-editor-import-overlay-done", !!isDone);
         _el$.classList.toggle("oasis-editor-import-overlay-error", !!isError);
         setAttribute(_el$, "aria-busy", !isDone && !isError);
@@ -46847,11 +47116,11 @@ function EditorImportProgressOverlay(props) {
         _el$6.classList.toggle("oasis-editor-import-progress-bar-done", !!isDone);
         _el$6.classList.toggle("oasis-editor-import-progress-bar-error", !!isError);
         insert(_el$7, isDone ? (() => {
-          var _el$8 = _tmpl$2$m();
+          var _el$8 = _tmpl$2$n();
           insert(_el$8, () => t("import.phase.done"));
           return _el$8;
         })() : isError ? (() => {
-          var _el$9 = _tmpl$3$d();
+          var _el$9 = _tmpl$3$e();
           insert(_el$9, () => t("import.phase.error"));
           return _el$9;
         })() : [memo(() => Math.round(progress().progress)), "%"]);
@@ -46869,11 +47138,11 @@ function EditorImportProgressOverlay(props) {
     }
   });
 }
-var _tmpl$$A = /* @__PURE__ */ template(`<div class=oasis-editor-statusbar data-testid=editor-statusbar><div class="oasis-editor-statusbar-group oasis-editor-statusbar-start"><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-word-count></span><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-character-count></span><span class=oasis-editor-statusbar-item></span></div><div class="oasis-editor-statusbar-group oasis-editor-statusbar-end"><div class=oasis-editor-statusbar-zoom data-testid=editor-statusbar-zoom-control><button type=button class=oasis-editor-zoom-button>−</button><input class=oasis-editor-zoom-slider type=range><button type=button class=oasis-editor-zoom-button>+</button><span class="oasis-editor-statusbar-item oasis-editor-zoom-value"data-testid=editor-statusbar-zoom>%`), _tmpl$2$l = /* @__PURE__ */ template(`<span>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-statusbar data-testid=editor-statusbar><div class="oasis-editor-statusbar-group oasis-editor-statusbar-start"><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-word-count></span><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-character-count></span><span class=oasis-editor-statusbar-item></span></div><div class="oasis-editor-statusbar-group oasis-editor-statusbar-end"><div class=oasis-editor-statusbar-zoom data-testid=editor-statusbar-zoom-control><button type=button class=oasis-editor-zoom-button>−</button><input class=oasis-editor-zoom-slider type=range><button type=button class=oasis-editor-zoom-button>+</button><span class="oasis-editor-statusbar-item oasis-editor-zoom-value"data-testid=editor-statusbar-zoom>%`), _tmpl$2$m = /* @__PURE__ */ template(`<span>`);
 function EditorStatusBar(props) {
   const t = useI18n();
   return (() => {
-    var _el$ = _tmpl$$A(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild;
+    var _el$ = _tmpl$$B(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild;
     insert(_el$3, () => t("status.words", [props.wordCount()]));
     insert(_el$4, () => t("status.characters", [props.characterCount()]));
     insert(_el$5, () => t("status.page", [props.currentPage(), props.totalPages()]));
@@ -46896,7 +47165,7 @@ function EditorStatusBar(props) {
           return createComponent(Show, {
             when: key,
             get children() {
-              var _el$11 = _tmpl$2$l();
+              var _el$11 = _tmpl$2$m();
               insert(_el$11, () => t(key));
               createRenderEffect(() => className(_el$11, `oasis-editor-statusbar-item oasis-editor-persistence-status oasis-editor-status-${status.replace("...", "ing").replace(".", "")}`));
               return _el$11;
@@ -46929,7 +47198,7 @@ function EditorStatusBar(props) {
   })();
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$z = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-zoom-sizer><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content style="position:absolute;top:0px;transform-origin:top left"><textarea aria-label="Editor input"autocomplete=off autocapitalize=off class=oasis-editor-input data-testid=editor-input value style=pointer-events:none></textarea><input data-testid=editor-import-docx-input type=file style=display:none><input accept="image/png, image/jpeg, image/gif"data-testid=editor-insert-image-input type=file style=display:none>`);
+var _tmpl$$A = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-zoom-sizer><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content style="position:absolute;top:0px;transform-origin:top left"><textarea aria-label="Editor input"autocomplete=off autocapitalize=off class=oasis-editor-input data-testid=editor-input value style=pointer-events:none></textarea><input data-testid=editor-import-docx-input type=file style=display:none><input accept="image/png, image/jpeg, image/gif"data-testid=editor-insert-image-input type=file style=display:none>`);
 function OasisEditorEditor(props) {
   const layout = () => props.layout;
   const overlays = () => props.overlays;
@@ -47061,7 +47330,7 @@ function OasisEditorEditor(props) {
     queueMicrotask(recomputeViewportPageIndex);
   });
   return (() => {
-    var _el$ = _tmpl$$z(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
+    var _el$ = _tmpl$$A(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!layout().showHorizontalRuler)() && overlays().toolbarHost;
@@ -48159,11 +48428,11 @@ function createCanvasLayoutSnapshotProvider() {
     }
   };
 }
-var _tmpl$$y = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$z = /* @__PURE__ */ template(`<button>`);
 function FloatingActionButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "active", "class", "classList"]);
   return (() => {
-    var _el$ = _tmpl$$y();
+    var _el$ = _tmpl$$z();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -48192,7 +48461,7 @@ function FloatingActionButton(props) {
     return _el$;
   })();
 }
-var _tmpl$$x = /* @__PURE__ */ template(`<aside>`), _tmpl$2$k = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$y = /* @__PURE__ */ template(`<aside>`), _tmpl$2$l = /* @__PURE__ */ template(`<div>`);
 function SidePanel(props) {
   const [local, others] = splitProps(props, ["mode", "width", "class", "classList", "children", "style"]);
   const width = () => {
@@ -48202,7 +48471,7 @@ function SidePanel(props) {
     return local.width ?? "360px";
   };
   return (() => {
-    var _el$ = _tmpl$$x();
+    var _el$ = _tmpl$$y();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel ${local.class ?? ""}`;
@@ -48227,7 +48496,7 @@ function SidePanel(props) {
 function SidePanelHeader(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$2 = _tmpl$2$k();
+    var _el$2 = _tmpl$2$l();
     spread(_el$2, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-header ${local.class ?? ""}`;
@@ -48240,7 +48509,7 @@ function SidePanelHeader(props) {
 function SidePanelBody(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$3 = _tmpl$2$k();
+    var _el$3 = _tmpl$2$l();
     spread(_el$3, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-body ${local.class ?? ""}`;
@@ -48253,7 +48522,7 @@ function SidePanelBody(props) {
 function SidePanelFooter(props) {
   const [local, others] = splitProps(props, ["class", "children"]);
   return (() => {
-    var _el$4 = _tmpl$2$k();
+    var _el$4 = _tmpl$2$l();
     spread(_el$4, mergeProps({
       get ["class"]() {
         return `oasis-editor-plugin-side-panel-footer ${local.class ?? ""}`;
@@ -48263,11 +48532,11 @@ function SidePanelFooter(props) {
     return _el$4;
   })();
 }
-var _tmpl$$w = /* @__PURE__ */ template(`<button>`);
+var _tmpl$$x = /* @__PURE__ */ template(`<button>`);
 function IconButton(props) {
   const [local, others] = splitProps(props, ["type", "icon", "label", "active", "variant", "size", "class", "classList"]);
   return (() => {
-    var _el$ = _tmpl$$w();
+    var _el$ = _tmpl$$x();
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -48298,7 +48567,7 @@ function IconButton(props) {
     return _el$;
   })();
 }
-var _tmpl$$v = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-floating-actions>`), _tmpl$2$j = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-ui-host><div class=oasis-editor-plugin-ui-main>`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-overlay>`), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-title>`);
+var _tmpl$$w = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-floating-actions>`), _tmpl$2$k = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-ui-host><div class=oasis-editor-plugin-ui-main>`), _tmpl$3$d = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-overlay>`), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-title>`);
 const EMPTY_SNAPSHOT = {
   floatingActions: [],
   sidePanels: [],
@@ -48330,7 +48599,7 @@ function PluginUiHost(props) {
       return groupActionsByPlacement(actions());
     },
     children: (group) => (() => {
-      var _el$ = _tmpl$$v();
+      var _el$ = _tmpl$$w();
       insert(_el$, createComponent(For, {
         get each() {
           return group.actions;
@@ -48359,7 +48628,7 @@ function PluginUiHost(props) {
     })()
   });
   return (() => {
-    var _el$2 = _tmpl$2$j(), _el$3 = _el$2.firstChild;
+    var _el$2 = _tmpl$2$k(), _el$3 = _el$2.firstChild;
     insert(_el$3, resolvedChildren);
     insert(_el$2, createComponent(Show, {
       get when() {
@@ -48372,7 +48641,7 @@ function PluginUiHost(props) {
         return overlayPanel();
       },
       children: (panel) => (() => {
-        var _el$4 = _tmpl$3$c();
+        var _el$4 = _tmpl$3$d();
         insert(_el$4, () => renderPanel(props.editor, panel(), t));
         return _el$4;
       })()
@@ -48482,7 +48751,7 @@ function groupActionsByPlacement(actions) {
     actions: groupActions
   }));
 }
-var _tmpl$$u = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage>`);
+var _tmpl$$v = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage>`);
 function DocumentShell(props) {
   let surfaceEl;
   let viewportEl;
@@ -48609,7 +48878,7 @@ function DocumentShell(props) {
       return props.runtimeEditor;
     },
     get children() {
-      var _el$ = _tmpl$$u(), _el$2 = _el$.firstChild;
+      var _el$ = _tmpl$$v(), _el$2 = _el$.firstChild;
       insert(_el$, createComponent(Show, {
         get when() {
           return memo(() => !!props.showChrome)() && props.showOutline;
@@ -48673,10 +48942,10 @@ function DocumentShell(props) {
     }
   })];
 }
-var _tmpl$$t = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$i = /* @__PURE__ */ template(`<div class=oasis-inline-shell style="border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);overflow:hidden;display:flex;flex-direction:column">`);
+var _tmpl$$u = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$j = /* @__PURE__ */ template(`<div class=oasis-inline-shell style="border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);overflow:hidden;display:flex;flex-direction:column">`);
 function InlineShell(props) {
   return (() => {
-    var _el$ = _tmpl$2$i();
+    var _el$ = _tmpl$2$j();
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!props.showChrome)() && props.showToolbar;
@@ -48703,7 +48972,7 @@ function InlineShell(props) {
         return props.runtimeEditor;
       },
       get children() {
-        var _el$2 = _tmpl$$t(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$$u(), _el$3 = _el$2.firstChild;
         insert(_el$3, createComponent(OasisEditorEditor, {
           state: () => props.state,
           get layout() {
@@ -48742,16 +49011,16 @@ function InlineShell(props) {
     return _el$;
   })();
 }
-var _tmpl$$s = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$h = /* @__PURE__ */ template(`<div class=oasis-balloon-shell>`);
+var _tmpl$$t = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$i = /* @__PURE__ */ template(`<div class=oasis-balloon-shell>`);
 function BalloonShell(props) {
   return (() => {
-    var _el$ = _tmpl$2$h();
+    var _el$ = _tmpl$2$i();
     insert(_el$, createComponent(PluginUiHost, {
       get editor() {
         return props.runtimeEditor;
       },
       get children() {
-        var _el$2 = _tmpl$$s(), _el$3 = _el$2.firstChild;
+        var _el$2 = _tmpl$$t(), _el$3 = _el$2.firstChild;
         insert(_el$3, createComponent(OasisEditorEditor, {
           state: () => props.state,
           get layout() {
@@ -48790,7 +49059,7 @@ function BalloonShell(props) {
     return _el$;
   })();
 }
-var _tmpl$$r = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer data-testid=editor-dialog-footer>`), _tmpl$2$g = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-overlay><div role=dialog aria-modal=true data-testid=editor-dialog><div class=oasis-editor-dialog-header><h3 class=oasis-editor-dialog-title></h3><button class=oasis-editor-dialog-close data-testid=editor-dialog-close><i data-lucide=x></i></button></div><div data-testid=editor-dialog-body>`);
+var _tmpl$$s = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer data-testid=editor-dialog-footer>`), _tmpl$2$h = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-overlay><div role=dialog aria-modal=true data-testid=editor-dialog><div class=oasis-editor-dialog-header><h3 class=oasis-editor-dialog-title></h3><button class=oasis-editor-dialog-close data-testid=editor-dialog-close><i data-lucide=x></i></button></div><div data-testid=editor-dialog-body>`);
 function Dialog(props) {
   const t = useI18n();
   let dialogRef;
@@ -48815,7 +49084,7 @@ function Dialog(props) {
       return props.isOpen;
     },
     get children() {
-      var _el$ = _tmpl$2$g(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+      var _el$ = _tmpl$2$h(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
       _el$.$$click = () => {
         if (props.closeOnOverlayClick ?? true) {
           props.onClose();
@@ -48832,7 +49101,7 @@ function Dialog(props) {
           return props.footer;
         },
         get children() {
-          var _el$7 = _tmpl$$r();
+          var _el$7 = _tmpl$$s();
           insert(_el$7, () => props.footer);
           return _el$7;
         }
@@ -48861,7 +49130,7 @@ function Dialog(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$q = /* @__PURE__ */ template(`<div><div class=oasis-editor-tabs-list role=tablist>`), _tmpl$2$f = /* @__PURE__ */ template(`<button type=button role=tab class=oasis-editor-tabs-tab>`), _tmpl$3$b = /* @__PURE__ */ template(`<div role=tabpanel class=oasis-editor-tabs-panel>`);
+var _tmpl$$r = /* @__PURE__ */ template(`<div><div class=oasis-editor-tabs-list role=tablist>`), _tmpl$2$g = /* @__PURE__ */ template(`<button type=button role=tab class=oasis-editor-tabs-tab>`), _tmpl$3$c = /* @__PURE__ */ template(`<div role=tabpanel class=oasis-editor-tabs-panel>`);
 function findEnabledItem(items, startIndex, direction) {
   if (!items.length) return void 0;
   for (let step = 0; step < items.length; step += 1) {
@@ -48912,7 +49181,7 @@ function Tabs(props) {
     selectItem(findEnabledItem(items(), currentIndex + direction, direction), true);
   };
   return (() => {
-    var _el$ = _tmpl$$q(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$r(), _el$2 = _el$.firstChild;
     _el$2.$$keydown = handleKeyDown;
     insert(_el$2, createComponent(For, {
       get each() {
@@ -48922,7 +49191,7 @@ function Tabs(props) {
         const tabId = `${baseId}-${item.id}-tab`;
         const panelId = `${baseId}-${item.id}-panel`;
         return (() => {
-          var _el$3 = _tmpl$2$f();
+          var _el$3 = _tmpl$2$g();
           _el$3.$$click = () => selectItem(item);
           use((element) => {
             tabRefs[index()] = element;
@@ -48957,7 +49226,7 @@ function Tabs(props) {
         return items();
       },
       children: (item) => (() => {
-        var _el$4 = _tmpl$3$b();
+        var _el$4 = _tmpl$3$c();
         insert(_el$4, () => item.panel);
         createRenderEffect((_p$) => {
           var _a2, _b2;
@@ -48989,12 +49258,12 @@ function Tabs(props) {
   })();
 }
 delegateEvents(["keydown", "click"]);
-var _tmpl$$p = /* @__PURE__ */ template(`<button><span class=oasis-editor-ui-button-label>`);
+var _tmpl$$q = /* @__PURE__ */ template(`<button><span class=oasis-editor-ui-button-label>`);
 function Button(props) {
   const [local, others] = splitProps(props, ["type", "variant", "size", "icon", "iconPosition", "fullWidth", "class", "classList", "children"]);
   const iconPosition = () => local.iconPosition ?? "start";
   return (() => {
-    var _el$ = _tmpl$$p(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$q(), _el$2 = _el$.firstChild;
     spread(_el$, mergeProps({
       get type() {
         return local.type ?? "button";
@@ -49074,11 +49343,11 @@ function StatusText(props) {
     }
   }, others));
 }
-var _tmpl$$o = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$p = /* @__PURE__ */ template(`<div>`);
 function ActionRow(props) {
   const [local, others] = splitProps(props, ["align", "wrap", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$o();
+    var _el$ = _tmpl$$p();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-action-row ${local.class ?? ""}`;
@@ -49134,7 +49403,7 @@ function mergeStyles(...styles) {
   }
   return Object.assign({}, ...objectStyles);
 }
-var _tmpl$$n = /* @__PURE__ */ template(`<span class=oasis-editor-ui-stack-divider-item aria-hidden=true>`);
+var _tmpl$$o = /* @__PURE__ */ template(`<span class=oasis-editor-ui-stack-divider-item aria-hidden=true>`);
 function childArray(value) {
   if (Array.isArray(value)) return value;
   if (value === null || value === void 0 || value === false) return [];
@@ -49174,7 +49443,7 @@ function Stack(props) {
             return memo(() => index() > 0)() && local.divider;
           },
           get children() {
-            var _el$ = _tmpl$$n();
+            var _el$ = _tmpl$$o();
             insert(_el$, () => renderDivider(index()));
             return _el$;
           }
@@ -49253,14 +49522,14 @@ function Grid(props) {
     }
   }));
 }
-var _tmpl$$m = /* @__PURE__ */ template(`<label>`), _tmpl$2$e = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$n = /* @__PURE__ */ template(`<label>`), _tmpl$2$f = /* @__PURE__ */ template(`<div>`);
 function FormField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "for", "description", "error", "labelClass", "class", "classList", "children"]);
   const descriptionId = () => local.for ?? `${fallbackId}-description`;
   const errorId = () => local.for ?? `${fallbackId}-error`;
   return (() => {
-    var _el$ = _tmpl$2$e();
+    var _el$ = _tmpl$2$f();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-field ${local.class ?? ""}`;
@@ -49274,7 +49543,7 @@ function FormField(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$m();
+        var _el$2 = _tmpl$$n();
         insert(_el$2, () => local.label);
         createRenderEffect((_p$) => {
           var _v$ = `oasis-editor-ui-field-label ${local.labelClass ?? ""}`, _v$2 = local.for;
@@ -49325,7 +49594,7 @@ function FormField(props) {
     return _el$;
   })();
 }
-var _tmpl$$l = /* @__PURE__ */ template(`<span>`), _tmpl$2$d = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$a = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$7 = /* @__PURE__ */ template(`<label><input>`);
+var _tmpl$$m = /* @__PURE__ */ template(`<span>`), _tmpl$2$e = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$b = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$7 = /* @__PURE__ */ template(`<label><input>`);
 function TextField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "onChange", "class", "classList", "id"]);
@@ -49339,7 +49608,7 @@ function TextField(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$l();
+        var _el$2 = _tmpl$$m();
         insert(_el$2, () => local.label);
         createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-label ${local.labelClass ?? ""}`));
         return _el$2;
@@ -49368,7 +49637,7 @@ function TextField(props) {
         return local.description;
       },
       get children() {
-        var _el$4 = _tmpl$2$d();
+        var _el$4 = _tmpl$2$e();
         insert(_el$4, () => local.description);
         createRenderEffect(() => setAttribute(_el$4, "id", descriptionId()));
         return _el$4;
@@ -49379,7 +49648,7 @@ function TextField(props) {
         return local.error;
       },
       get children() {
-        var _el$5 = _tmpl$3$a();
+        var _el$5 = _tmpl$3$b();
         insert(_el$5, () => local.error);
         createRenderEffect(() => setAttribute(_el$5, "id", errorId()));
         return _el$5;
@@ -49400,7 +49669,7 @@ function TextField(props) {
   })();
 }
 delegateEvents(["input"]);
-var _tmpl$$k = /* @__PURE__ */ template(`<textarea>`);
+var _tmpl$$l = /* @__PURE__ */ template(`<textarea>`);
 function TextAreaField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "onChange", "class", "id"]);
@@ -49426,7 +49695,7 @@ function TextAreaField(props) {
       return local.error;
     },
     get children() {
-      var _el$ = _tmpl$$k();
+      var _el$ = _tmpl$$l();
       _el$.$$input = (event) => {
         var _a2;
         return (_a2 = local.onChange) == null ? void 0 : _a2.call(local, event.currentTarget.value);
@@ -49462,7 +49731,7 @@ function ColorField(props) {
     }
   }, others));
 }
-var _tmpl$$j = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$c = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$3$9 = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-checkbox-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`);
+var _tmpl$$k = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$d = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$3$a = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-checkbox-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`);
 function Checkbox(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "onChange", "class", "id"]);
@@ -49470,7 +49739,7 @@ function Checkbox(props) {
   const descriptionId = () => `${id()}-description`;
   const errorId = () => `${id()}-error`;
   return (() => {
-    var _el$ = _tmpl$3$9(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+    var _el$ = _tmpl$3$a(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
     _el$2.addEventListener("change", (event) => {
       var _a2;
       return (_a2 = local.onChange) == null ? void 0 : _a2.call(local, event.currentTarget.checked);
@@ -49492,7 +49761,7 @@ function Checkbox(props) {
         return local.description;
       },
       get children() {
-        var _el$5 = _tmpl$$j();
+        var _el$5 = _tmpl$$k();
         insert(_el$5, () => local.description);
         createRenderEffect(() => setAttribute(_el$5, "id", descriptionId()));
         return _el$5;
@@ -49503,7 +49772,7 @@ function Checkbox(props) {
         return local.error;
       },
       get children() {
-        var _el$6 = _tmpl$2$c();
+        var _el$6 = _tmpl$2$d();
         insert(_el$6, () => local.error);
         createRenderEffect(() => setAttribute(_el$6, "id", errorId()));
         return _el$6;
@@ -49521,7 +49790,7 @@ function Checkbox(props) {
     return _el$;
   })();
 }
-var _tmpl$$i = /* @__PURE__ */ template(`<span>`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$6 = /* @__PURE__ */ template(`<label><select>`), _tmpl$5$4 = /* @__PURE__ */ template(`<option>`);
+var _tmpl$$j = /* @__PURE__ */ template(`<span>`), _tmpl$2$c = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$6 = /* @__PURE__ */ template(`<label><select>`), _tmpl$5$4 = /* @__PURE__ */ template(`<option>`);
 function SelectField(props) {
   const fallbackId = createUniqueId();
   const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "options", "onChange", "class", "classList", "id", "value"]);
@@ -49536,7 +49805,7 @@ function SelectField(props) {
         return local.label;
       },
       get children() {
-        var _el$2 = _tmpl$$i();
+        var _el$2 = _tmpl$$j();
         insert(_el$2, () => local.label);
         createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-label ${local.labelClass ?? ""}`));
         return _el$2;
@@ -49589,7 +49858,7 @@ function SelectField(props) {
         return local.description;
       },
       get children() {
-        var _el$4 = _tmpl$2$b();
+        var _el$4 = _tmpl$2$c();
         insert(_el$4, () => local.description);
         createRenderEffect(() => setAttribute(_el$4, "id", descriptionId()));
         return _el$4;
@@ -49600,7 +49869,7 @@ function SelectField(props) {
         return local.error;
       },
       get children() {
-        var _el$5 = _tmpl$3$8();
+        var _el$5 = _tmpl$3$9();
         insert(_el$5, () => local.error);
         createRenderEffect(() => setAttribute(_el$5, "id", errorId()));
         return _el$5;
@@ -49635,7 +49904,7 @@ function NumberField(props) {
     }
   }, others));
 }
-var _tmpl$$h = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$a = /* @__PURE__ */ template(`<label><input type=radio class=oasis-editor-ui-radio-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`), _tmpl$3$7 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$4$5 = /* @__PURE__ */ template(`<div role=radiogroup>`);
+var _tmpl$$i = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$b = /* @__PURE__ */ template(`<label><input type=radio class=oasis-editor-ui-radio-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`), _tmpl$3$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$4$5 = /* @__PURE__ */ template(`<div role=radiogroup>`);
 const RadioGroupCtx = createContext();
 function Radio(props) {
   const fallbackId = createUniqueId();
@@ -49646,7 +49915,7 @@ function Radio(props) {
   const checked = () => group ? group.value() === local.value : Boolean(local.checked);
   const disabled = () => Boolean(local.disabled) || (group ? group.disabled() : false);
   return (() => {
-    var _el$ = _tmpl$2$a(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
+    var _el$ = _tmpl$2$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
     _el$2.addEventListener("change", (event) => {
       var _a2;
       if (group) group.onSelect(local.value);
@@ -49678,7 +49947,7 @@ function Radio(props) {
         return local.description;
       },
       get children() {
-        var _el$5 = _tmpl$$h();
+        var _el$5 = _tmpl$$i();
         insert(_el$5, () => local.description);
         createRenderEffect(() => setAttribute(_el$5, "id", descriptionId()));
         return _el$5;
@@ -49716,7 +49985,7 @@ function RadioGroup(props) {
           return props.label;
         },
         get children() {
-          var _el$7 = _tmpl$3$7();
+          var _el$7 = _tmpl$3$8();
           insert(_el$7, () => props.label);
           return _el$7;
         }
@@ -49763,7 +50032,7 @@ function RadioGroup(props) {
     }
   });
 }
-var _tmpl$$g = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$h = /* @__PURE__ */ template(`<div>`);
 const ALIGN_MAP = {
   start: "flex-start",
   center: "center",
@@ -49773,7 +50042,7 @@ const ALIGN_MAP = {
 function FieldRow(props) {
   const [local, others] = splitProps(props, ["align", "class", "style", "children"]);
   return (() => {
-    var _el$ = _tmpl$$g();
+    var _el$ = _tmpl$$h();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-field-row ${local.class ?? ""}`;
@@ -49789,11 +50058,11 @@ function FieldRow(props) {
     return _el$;
   })();
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<legend>`), _tmpl$2$9 = /* @__PURE__ */ template(`<fieldset>`);
+var _tmpl$$g = /* @__PURE__ */ template(`<legend>`), _tmpl$2$a = /* @__PURE__ */ template(`<fieldset>`);
 function FieldGroup(props) {
   const [local, others] = splitProps(props, ["legend", "legendClass", "class", "children"]);
   return (() => {
-    var _el$ = _tmpl$2$9();
+    var _el$ = _tmpl$2$a();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-field-group ${local.class ?? ""}`;
@@ -49804,7 +50073,7 @@ function FieldGroup(props) {
         return local.legend;
       },
       get children() {
-        var _el$2 = _tmpl$$f();
+        var _el$2 = _tmpl$$g();
         insert(_el$2, () => local.legend);
         createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-group-legend ${local.legendClass ?? ""}`));
         return _el$2;
@@ -49814,11 +50083,11 @@ function FieldGroup(props) {
     return _el$;
   })();
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-toggle-chip-input><span class=oasis-editor-ui-toggle-chip-label>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-toggle-chip-input><span class=oasis-editor-ui-toggle-chip-label>`);
 function ToggleChip(props) {
   const [local, others] = splitProps(props, ["label", "labelStyle", "onChange", "class", "checked"]);
   return (() => {
-    var _el$ = _tmpl$$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    var _el$ = _tmpl$$f(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
     _el$2.addEventListener("change", (event) => {
       var _a2;
       return (_a2 = local.onChange) == null ? void 0 : _a2.call(local, event.currentTarget.checked);
@@ -49843,11 +50112,11 @@ function ToggleChip(props) {
     return _el$;
   })();
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div>`);
 function DialogFooter(props) {
   const [local, others] = splitProps(props, ["align", "class", "classList", "children"]);
   return (() => {
-    var _el$ = _tmpl$$d();
+    var _el$ = _tmpl$$e();
     spread(_el$, mergeProps({
       get ["class"]() {
         return `oasis-editor-ui-dialog-footer ${local.class ?? ""}`;
@@ -50112,7 +50381,7 @@ const UNDERLINE_STYLE_OPTIONS = [
     }
   }
 ];
-var _tmpl$$c = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action data-testid=editor-toolbar-underline-remove role=menuitem><span class=oasis-editor-color-menu-action-swatch><i data-lucide=slash></i></span><span>`), _tmpl$2$8 = /* @__PURE__ */ template(`<div class=oasis-editor-underline-menu-list>`), _tmpl$3$6 = /* @__PURE__ */ template(`<span class="oasis-editor-color-split-icon oasis-editor-underline-split-icon"><span class=oasis-editor-underline-split-glyph aria-hidden=true>U</span><span class=oasis-editor-underline-split-indicator>`), _tmpl$4$4 = /* @__PURE__ */ template(`<span class="oasis-editor-underline-menu-stroke oasis-editor-underline-menu-stroke-svg">`), _tmpl$5$3 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-underline-menu-item role=menuitemradio><span class=oasis-editor-underline-menu-preview></span><span class=oasis-editor-underline-menu-label>`), _tmpl$6$3 = /* @__PURE__ */ template(`<span class=oasis-editor-underline-menu-stroke>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action data-testid=editor-toolbar-underline-remove role=menuitem><span class=oasis-editor-color-menu-action-swatch><i data-lucide=slash></i></span><span>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=oasis-editor-underline-menu-list>`), _tmpl$3$7 = /* @__PURE__ */ template(`<span class="oasis-editor-color-split-icon oasis-editor-underline-split-icon"><span class=oasis-editor-underline-split-glyph aria-hidden=true>U</span><span class=oasis-editor-underline-split-indicator>`), _tmpl$4$4 = /* @__PURE__ */ template(`<span class="oasis-editor-underline-menu-stroke oasis-editor-underline-menu-stroke-svg">`), _tmpl$5$3 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-underline-menu-item role=menuitemradio><span class=oasis-editor-underline-menu-preview></span><span class=oasis-editor-underline-menu-label>`), _tmpl$6$3 = /* @__PURE__ */ template(`<span class=oasis-editor-underline-menu-stroke>`);
 const mod$1 = /Mac/i.test(navigator.userAgent) ? "⌘" : "Ctrl";
 const TEST_ID = "editor-toolbar-underline";
 function UnderlineControl(props) {
@@ -50163,14 +50432,14 @@ function UnderlineControl(props) {
     panelRole: "menu",
     get mainContent() {
       return (() => {
-        var _el$5 = _tmpl$3$6(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        var _el$5 = _tmpl$3$7(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
         createRenderEffect(() => setAttribute(_el$7, "data-style", indicatorStyle()));
         return _el$5;
       })();
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+        var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
         _el$.$$click = () => {
           removeUnderline();
           setOpen(false);
@@ -50178,7 +50447,7 @@ function UnderlineControl(props) {
         insert(_el$3, () => t("toolbar.underlineRemove"));
         return _el$;
       })(), (() => {
-        var _el$4 = _tmpl$2$8();
+        var _el$4 = _tmpl$2$9();
         insert(_el$4, createComponent(For, {
           each: UNDERLINE_STYLE_OPTIONS,
           children: (option) => {
@@ -50233,7 +50502,7 @@ function UnderlineControl(props) {
   });
 }
 delegateEvents(["click"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<option value=decimal>`), _tmpl$2$7 = /* @__PURE__ */ template(`<option value=lowerLetter>`), _tmpl$3$5 = /* @__PURE__ */ template(`<option value=upperLetter>`), _tmpl$4$3 = /* @__PURE__ */ template(`<option value=lowerRoman>`), _tmpl$5$2 = /* @__PURE__ */ template(`<option value=upperRoman>`), _tmpl$6$2 = /* @__PURE__ */ template(`<option value=bullet>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-list-options><label class=oasis-editor-toolbar-field><span></span></label><label class=oasis-editor-toolbar-field><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-list-start-at min=1 step=1 placeholder=1>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<option value=decimal>`), _tmpl$2$8 = /* @__PURE__ */ template(`<option value=lowerLetter>`), _tmpl$3$6 = /* @__PURE__ */ template(`<option value=upperLetter>`), _tmpl$4$3 = /* @__PURE__ */ template(`<option value=lowerRoman>`), _tmpl$5$2 = /* @__PURE__ */ template(`<option value=upperRoman>`), _tmpl$6$2 = /* @__PURE__ */ template(`<option value=bullet>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-list-options><label class=oasis-editor-toolbar-field><span></span></label><label class=oasis-editor-toolbar-field><span></span><input type=number class=oasis-editor-tool-number data-testid=editor-toolbar-list-start-at min=1 step=1 placeholder=1>`);
 function ListOptionsControl(props) {
   const t = useI18n();
   const api = props.api;
@@ -50255,15 +50524,15 @@ function ListOptionsControl(props) {
         },
         get children() {
           return [(() => {
-            var _el$4 = _tmpl$$b();
+            var _el$4 = _tmpl$$c();
             insert(_el$4, () => t("toolbar.formatDecimal"));
             return _el$4;
           })(), (() => {
-            var _el$5 = _tmpl$2$7();
+            var _el$5 = _tmpl$2$8();
             insert(_el$5, () => t("toolbar.formatLowerLetter"));
             return _el$5;
           })(), (() => {
-            var _el$6 = _tmpl$3$5();
+            var _el$6 = _tmpl$3$6();
             insert(_el$6, () => t("toolbar.formatUpperLetter"));
             return _el$6;
           })(), (() => {
@@ -50293,7 +50562,7 @@ function parseNumber(value) {
   const parsed = Number(value);
   return Number.isFinite(parsed) ? parsed : null;
 }
-var _tmpl$$a = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-line-spacing-dialog-preview><br>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-line-spacing-dialog-preview><br>`);
 function LineSpacingDialog(props) {
   const t = useI18n();
   const [lineHeight, setLineHeight] = createSignal(null);
@@ -50424,7 +50693,7 @@ function LineSpacingDialog(props) {
           return t("lineSpacing.preview");
         },
         get children() {
-          var _el$ = _tmpl$$a(), _el$2 = _el$.firstChild;
+          var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild;
           insert(_el$, () => t("lineSpacing.previewText"), _el$2);
           insert(_el$, () => t("lineSpacing.previewText"), null);
           createRenderEffect((_$p) => style(_el$, previewStyle2(), _$p));
@@ -50434,7 +50703,7 @@ function LineSpacingDialog(props) {
     }
   });
 }
-var _tmpl$$9 = /* @__PURE__ */ template(`<div class=oasis-editor-line-spacing-menu-separator role=separator>`), _tmpl$2$6 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-line-spacing-item oasis-editor-line-spacing-item-more"role=menuitem data-testid=editor-toolbar-line-spacing-options><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`), _tmpl$3$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-line-spacing-item role=menuitemradio><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=oasis-editor-line-spacing-menu-separator role=separator>`), _tmpl$2$7 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-line-spacing-item oasis-editor-line-spacing-item-more"role=menuitem data-testid=editor-toolbar-line-spacing-options><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`), _tmpl$3$5 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-line-spacing-item role=menuitemradio><span class=oasis-editor-line-spacing-item-check aria-hidden=true></span><span class=oasis-editor-line-spacing-item-label>`);
 const PRESET_VALUES = [1, 1.15, 1.5, 2, 2.5, 3];
 function formatPreset(value) {
   return value.toFixed(value === Math.floor(value) ? 1 : 2);
@@ -50504,7 +50773,7 @@ function LineSpacingButton(props) {
             return lh !== null && approxEqual(lh, value);
           };
           return (() => {
-            var _el$5 = _tmpl$3$4(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+            var _el$5 = _tmpl$3$5(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
             _el$5.$$click = () => applyPreset(value);
             insert(_el$6, createComponent(Show, {
               get when() {
@@ -50533,8 +50802,8 @@ function LineSpacingButton(props) {
             return _el$5;
           })();
         }
-      }), _tmpl$$9(), (() => {
-        var _el$2 = _tmpl$2$6(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+      }), _tmpl$$a(), (() => {
+        var _el$2 = _tmpl$2$7(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
         _el$2.$$click = openDialog;
         insert(_el$4, () => t("metric.lineSpacingOptions"));
         return _el$2;
@@ -50563,7 +50832,7 @@ function LineSpacingButton(props) {
   })];
 }
 delegateEvents(["click"]);
-var _tmpl$$8 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-panel-grid>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-panel-grid>`);
 const numValue = (api, command) => {
   const value = api.commands.state(command).value;
   return value == null ? "" : String(value);
@@ -50582,7 +50851,7 @@ function MetricGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$8();
+        var _el$ = _tmpl$$9();
         insert(_el$, createComponent(Button$1, {
           icon: "file-up",
           get active() {
@@ -50607,7 +50876,7 @@ function MetricGroup(props) {
         }), null);
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$2$5();
+        var _el$2 = _tmpl$2$6();
         insert(_el$2, createComponent(NumberField, {
           "class": "oasis-editor-tool-metric",
           labelClass: "oasis-editor-tool-metric-label",
@@ -50709,7 +50978,7 @@ function MetricGroup(props) {
     }
   });
 }
-var _tmpl$$7 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-section-panel-section">`);
 function SectionGroup(props) {
   const t = useI18n();
   const api = props.api;
@@ -50722,13 +50991,17 @@ function SectionGroup(props) {
     get tooltip() {
       return t("section.pageSetup");
     },
-    panelClass: "oasis-editor-toolbar-panel",
+    panelClass: "oasis-editor-toolbar-panel oasis-editor-section-panel",
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$7();
+        var _el$ = _tmpl$$8();
         insert(_el$, createComponent(Button$1, {
           icon: "rectangle-vertical",
+          get label() {
+            return t("section.portrait");
+          },
+          "class": "oasis-editor-section-option",
           get active() {
             return !api.commands.state("toggleOrientation").isActive;
           },
@@ -50743,6 +51016,10 @@ function SectionGroup(props) {
         }), null);
         insert(_el$, createComponent(Button$1, {
           icon: "rectangle-horizontal",
+          get label() {
+            return t("section.landscape");
+          },
+          "class": "oasis-editor-section-option",
           get active() {
             return api.commands.state("toggleOrientation").isActive;
           },
@@ -50757,9 +51034,13 @@ function SectionGroup(props) {
         }), null);
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$$7();
+        var _el$2 = _tmpl$$8();
         insert(_el$2, createComponent(Button$1, {
           icon: "scissors",
+          get label() {
+            return t("section.secNext");
+          },
+          "class": "oasis-editor-section-option",
           "data-testid": "editor-toolbar-section-break-next",
           onClick: () => api.commands.execute("sectionBreakNextPage"),
           get tooltip() {
@@ -50767,7 +51048,11 @@ function SectionGroup(props) {
           }
         }), null);
         insert(_el$2, createComponent(Button$1, {
-          icon: "scissors",
+          icon: "scissors-line-dashed",
+          get label() {
+            return t("section.secCont");
+          },
+          "class": "oasis-editor-section-option",
           "data-testid": "editor-toolbar-section-break-continuous",
           onClick: () => api.commands.execute("sectionBreakContinuous"),
           get tooltip() {
@@ -50839,7 +51124,7 @@ function marginsMatchPreset(margins, preset) {
   const target = presetMarginsPx(preset);
   return Math.abs(margins.top - target.top) <= 1 && Math.abs(margins.bottom - target.bottom) <= 1 && Math.abs(margins.left - target.left) <= 1 && Math.abs(margins.right - target.right) <= 1;
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-list>`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-form>`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-list-options><button type=button class=oasis-editor-margins-custom-toggle data-testid=editor-toolbar-margins-custom><i data-lucide=sliders-horizontal></i><span>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-actions><button type=button class=oasis-editor-margins-custom-apply data-testid=editor-toolbar-margins-custom-apply>`), _tmpl$5$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-margins-item><span class=oasis-editor-margins-item-name></span><span class=oasis-editor-margins-item-values><br>`), _tmpl$6$1 = /* @__PURE__ */ template(`<label class=oasis-editor-margins-custom-field><span></span><input type=number min=0 step=0.1>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-list>`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-form>`), _tmpl$3$4 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-list-options><button type=button class=oasis-editor-margins-custom-toggle data-testid=editor-toolbar-margins-custom><i data-lucide=sliders-horizontal></i><span>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=oasis-editor-margins-custom-actions><button type=button class=oasis-editor-margins-custom-apply data-testid=editor-toolbar-margins-custom-apply>`), _tmpl$5$1 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-margins-item><span class=oasis-editor-margins-item-name></span><span class=oasis-editor-margins-item-values><br>`), _tmpl$6$1 = /* @__PURE__ */ template(`<label class=oasis-editor-margins-custom-field><span></span><input type=number min=0 step=0.1>`);
 const FIELDS = [{
   key: "top",
   labelKey: "section.marginField.top"
@@ -50909,7 +51194,7 @@ function MarginsGroup(props) {
     keepMounted: true,
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$6();
+        var _el$ = _tmpl$$7();
         insert(_el$, createComponent(For, {
           each: MARGIN_PRESETS,
           children: (preset) => (() => {
@@ -50919,20 +51204,22 @@ function MarginsGroup(props) {
             insert(_el$1, () => `${t("section.marginField.top")} ${formatCm(preset.top)}  ${t("section.marginField.bottom")} ${formatCm(preset.bottom)}`, _el$10);
             insert(_el$1, () => `${t("section.marginField.left")} ${formatCm(preset.left)}  ${t("section.marginField.right")} ${formatCm(preset.right)}`, null);
             createRenderEffect((_p$) => {
-              var _v$ = !!(activePresetId() === preset.id), _v$2 = `editor-toolbar-margins-${preset.id}`;
+              var _v$ = !!(activePresetId() === preset.id), _v$2 = preset.id, _v$3 = `editor-toolbar-margins-${preset.id}`;
               _v$ !== _p$.e && _el$9.classList.toggle("oasis-editor-margins-item-active", _p$.e = _v$);
-              _v$2 !== _p$.t && setAttribute(_el$9, "data-testid", _p$.t = _v$2);
+              _v$2 !== _p$.t && setAttribute(_el$9, "data-margin-preset", _p$.t = _v$2);
+              _v$3 !== _p$.a && setAttribute(_el$9, "data-testid", _p$.a = _v$3);
               return _p$;
             }, {
               e: void 0,
-              t: void 0
+              t: void 0,
+              a: void 0
             });
             return _el$9;
           })()
         }));
         return _el$;
       })(), (() => {
-        var _el$2 = _tmpl$3$3(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+        var _el$2 = _tmpl$3$4(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
         _el$3.$$click = openCustom;
         insert(_el$5, () => t("section.marginPreset.custom"));
         insert(_el$2, createComponent(Show, {
@@ -50940,7 +51227,7 @@ function MarginsGroup(props) {
             return showCustom();
           },
           get children() {
-            var _el$6 = _tmpl$2$4();
+            var _el$6 = _tmpl$2$5();
             insert(_el$6, createComponent(For, {
               each: FIELDS,
               children: (field) => (() => {
@@ -51469,7 +51756,7 @@ function shapeLabel(preset, locale) {
   var _a2;
   return ((_a2 = SHAPE_LABELS[preset]) == null ? void 0 : _a2[locale]) ?? preset;
 }
-var _tmpl$$5 = /* @__PURE__ */ template(`<svg class=oasis-editor-shape-thumb viewBox="0 0 22 22"width=22 height=22 aria-hidden=true><path stroke=currentColor stroke-width=1 stroke-linejoin=round stroke-linecap=round vector-effect=non-scaling-stroke>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<svg class=oasis-editor-shape-thumb viewBox="0 0 22 22"width=22 height=22 aria-hidden=true><path stroke=currentColor stroke-width=1 stroke-linejoin=round stroke-linecap=round vector-effect=non-scaling-stroke>`);
 const PREVIEW_W = 22;
 const PREVIEW_H = 22;
 const PREVIEW_PAD = 2;
@@ -51500,7 +51787,7 @@ function ShapeThumbnail(props) {
   const d = () => presetToSvgPath(props.preset, PREVIEW_PAD, PREVIEW_PAD, PREVIEW_W - PREVIEW_PAD * 2, PREVIEW_H - PREVIEW_PAD * 2);
   const strokeOnly = () => STROKE_ONLY_PRESETS.has(props.preset);
   return (() => {
-    var _el$ = _tmpl$$5(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$$6(), _el$2 = _el$.firstChild;
     createRenderEffect((_p$) => {
       var _v$ = d(), _v$2 = strokeOnly() ? "none" : "currentColor", _v$3 = strokeOnly() ? void 0 : "0.18";
       _v$ !== _p$.e && setAttribute(_el$2, "d", _p$.e = _v$);
@@ -51541,7 +51828,7 @@ function pushRecentShape(preset) {
   }
   return next;
 }
-var _tmpl$$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-shape-gallery-tile>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-section-header>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-grid>`), _tmpl$4$1 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery>`);
+var _tmpl$$5 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-shape-gallery-tile>`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-section-header>`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery-grid>`), _tmpl$4$1 = /* @__PURE__ */ template(`<div class=oasis-editor-shape-gallery>`);
 function ShapeGallery(props) {
   const t = useI18n();
   const locale = () => t("locale.id") === "en" ? "en" : "pt-BR";
@@ -51552,7 +51839,7 @@ function ShapeGallery(props) {
     props.api.focusEditor();
   };
   const Tile = (tileProps) => (() => {
-    var _el$ = _tmpl$$4();
+    var _el$ = _tmpl$$5();
     _el$.$$click = () => insert$1(tileProps.preset);
     insert(_el$, createComponent(ShapeThumbnail, {
       get preset() {
@@ -51580,11 +51867,11 @@ function ShapeGallery(props) {
       },
       get children() {
         return [(() => {
-          var _el$3 = _tmpl$2$3();
+          var _el$3 = _tmpl$2$4();
           insert(_el$3, () => t("toolbar.shapes.recentlyUsed"));
           return _el$3;
         })(), (() => {
-          var _el$4 = _tmpl$3$2();
+          var _el$4 = _tmpl$3$3();
           insert(_el$4, createComponent(For, {
             get each() {
               return recent();
@@ -51600,11 +51887,11 @@ function ShapeGallery(props) {
     insert(_el$2, createComponent(For, {
       each: SHAPE_CATEGORIES,
       children: (category) => [(() => {
-        var _el$5 = _tmpl$2$3();
+        var _el$5 = _tmpl$2$4();
         insert(_el$5, () => t(category.headerKey));
         return _el$5;
       })(), (() => {
-        var _el$6 = _tmpl$3$2();
+        var _el$6 = _tmpl$3$3();
         insert(_el$6, createComponent(For, {
           get each() {
             return category.presets;
@@ -51620,6 +51907,228 @@ function ShapeGallery(props) {
   })();
 }
 delegateEvents(["click"]);
+const entries = (characters) => Array.from(characters).map(
+  (character) => ({
+    character,
+    codePoint: `U+${character.codePointAt(0).toString(16).toUpperCase().padStart(4, "0")}`
+  })
+);
+const SYMBOL_CATEGORIES = [
+  {
+    id: "common",
+    labelKey: "symbols.category.common",
+    entries: entries("©®™§¶†‡•…—–°µ¿¡")
+  },
+  {
+    id: "math",
+    labelKey: "symbols.category.math",
+    entries: entries("±×÷≠≤≥≈∞√∑∏∂∆∫πΩ")
+  },
+  {
+    id: "arrows",
+    labelKey: "symbols.category.arrows",
+    entries: entries("←→↑↓↔↕⇒⇐⇔↗↘↙↖")
+  },
+  {
+    id: "currency",
+    labelKey: "symbols.category.currency",
+    entries: entries("¢€£¥₽₹₿")
+  },
+  {
+    id: "greek",
+    labelKey: "symbols.category.greek",
+    entries: entries("αβγδεθλμσφωΑΒΓΔΘΛΜΣΦΩ")
+  },
+  {
+    id: "numbers",
+    labelKey: "symbols.category.numbers",
+    entries: entries("①②③④⑤⑥⑦⑧⑨⑩½⅓¼¾²³ⁿ№")
+  }
+];
+const COMMON_SYMBOLS = SYMBOL_CATEGORIES.slice(0, 3).flatMap(
+  (category) => category.entries
+);
+const NUMBER_SYMBOLS = SYMBOL_CATEGORIES.find(
+  (category) => category.id === "numbers"
+).entries;
+const EQUATION_TEMPLATES = [
+  { character: "a² + b² = c²", codePoint: "Pythagorean theorem" },
+  { character: "E = mc²", codePoint: "Mass–energy equivalence" },
+  { character: "A = πr²", codePoint: "Circle area" },
+  {
+    character: "x = (−b ± √(b² − 4ac)) / 2a",
+    codePoint: "Quadratic formula"
+  }
+];
+const MAX_RECENT_SYMBOLS = 12;
+let recentSymbols = [];
+function getRecentSymbols() {
+  return recentSymbols;
+}
+function rememberSymbol(character) {
+  const existing = SYMBOL_CATEGORIES.flatMap(
+    (category) => category.entries
+  ).find((entry2) => entry2.character === character);
+  const entry = existing ?? {
+    character,
+    codePoint: `U+${character.codePointAt(0).toString(16).toUpperCase().padStart(4, "0")}`
+  };
+  recentSymbols = [
+    entry,
+    ...recentSymbols.filter(
+      (recent) => recent.character !== character
+    )
+  ].slice(0, MAX_RECENT_SYMBOLS);
+}
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-menu-actions><button type=button class=oasis-editor-symbol-menu-action data-testid=editor-toolbar-equation><span></span></button><button type=button class=oasis-editor-symbol-menu-action data-testid=editor-toolbar-symbol><span></span></button><button type=button class=oasis-editor-symbol-menu-action data-testid=editor-toolbar-number><span>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-symbol-picker><div class=oasis-editor-symbol-picker-header><button type=button class=oasis-editor-symbol-back></button><span></span></div><div class=oasis-editor-symbol-grid></div><button type=button class=oasis-editor-symbol-more data-testid=editor-toolbar-more-symbols><span>`), _tmpl$3$2 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-symbol-tile>`);
+function SymbolMenu(props) {
+  const t = useI18n();
+  const [view, setView] = createSignal("root");
+  const insert$1 = (entry) => {
+    if (!props.api.commands.canExecute("insertText", entry.character)) return;
+    rememberSymbol(entry.character);
+    props.api.commands.execute("insertText", entry.character);
+    props.api.focusEditor();
+  };
+  const viewTitle = () => {
+    switch (view()) {
+      case "symbols":
+        return t("symbols.menu.symbol");
+      case "numbers":
+        return t("symbols.menu.number");
+      case "equations":
+        return t("symbols.menu.equation");
+      default:
+        return t("toolbar.symbols");
+    }
+  };
+  const entriesForView = () => {
+    switch (view()) {
+      case "symbols":
+        return COMMON_SYMBOLS;
+      case "numbers":
+        return NUMBER_SYMBOLS;
+      case "equations":
+        return EQUATION_TEMPLATES;
+      default:
+        return [];
+    }
+  };
+  return createComponent(Menu, {
+    icon: "omega",
+    get label() {
+      return t("toolbar.symbols");
+    },
+    testId: "editor-toolbar-symbols",
+    get tooltip() {
+      return t("toolbar.symbols");
+    },
+    ribbonSize: "large",
+    panelClass: "oasis-editor-symbol-menu-panel",
+    onOpenChange: (open) => {
+      if (open) setView("root");
+    },
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return view() === "root";
+        },
+        get fallback() {
+          return (() => {
+            var _el$8 = _tmpl$2$3(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$9.nextSibling, _el$11 = _el$10.nextSibling, _el$12 = _el$11.firstChild;
+            _el$0.$$click = (event) => {
+              event.stopPropagation();
+              setView("root");
+            };
+            insert(_el$0, createComponent(ToolIcon, {
+              name: "arrow-left"
+            }));
+            insert(_el$1, viewTitle);
+            insert(_el$10, createComponent(For, {
+              get each() {
+                return entriesForView();
+              },
+              children: (entry) => (() => {
+                var _el$13 = _tmpl$3$2();
+                _el$13.$$click = () => insert$1(entry);
+                insert(_el$13, () => entry.character);
+                createRenderEffect((_p$) => {
+                  var _v$3 = `${entry.character} (${entry.codePoint})`, _v$4 = `${entry.character} (${entry.codePoint})`, _v$5 = `editor-symbol-${entry.codePoint.replace(/[^A-Z0-9]/g, "-")}`;
+                  _v$3 !== _p$.e && setAttribute(_el$13, "title", _p$.e = _v$3);
+                  _v$4 !== _p$.t && setAttribute(_el$13, "aria-label", _p$.t = _v$4);
+                  _v$5 !== _p$.a && setAttribute(_el$13, "data-testid", _p$.a = _v$5);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0,
+                  a: void 0
+                });
+                return _el$13;
+              })()
+            }));
+            _el$11.$$click = () => {
+              if (props.api.commands.canExecute("openSymbolDialog")) {
+                props.api.commands.execute("openSymbolDialog");
+              }
+            };
+            insert(_el$11, createComponent(ToolIcon, {
+              name: "omega"
+            }), _el$12);
+            insert(_el$12, () => t("symbols.more"));
+            createRenderEffect((_p$) => {
+              var _v$ = t("generic.back"), _v$2 = !!(view() === "equations");
+              _v$ !== _p$.e && setAttribute(_el$0, "aria-label", _p$.e = _v$);
+              _v$2 !== _p$.t && _el$10.classList.toggle("oasis-editor-symbol-equation-grid", _p$.t = _v$2);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            return _el$8;
+          })();
+        },
+        get children() {
+          var _el$ = _tmpl$$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling, _el$7 = _el$6.firstChild;
+          _el$2.$$click = (event) => {
+            event.stopPropagation();
+            setView("equations");
+          };
+          insert(_el$2, createComponent(ToolIcon, {
+            name: "square-function"
+          }), _el$3);
+          insert(_el$3, () => t("symbols.menu.equation"));
+          insert(_el$2, createComponent(ToolIcon, {
+            name: "chevron-down"
+          }), null);
+          _el$4.$$click = (event) => {
+            event.stopPropagation();
+            setView("symbols");
+          };
+          insert(_el$4, createComponent(ToolIcon, {
+            name: "omega"
+          }), _el$5);
+          insert(_el$5, () => t("symbols.menu.symbol"));
+          insert(_el$4, createComponent(ToolIcon, {
+            name: "chevron-down"
+          }), null);
+          _el$6.$$click = (event) => {
+            event.stopPropagation();
+            setView("numbers");
+          };
+          insert(_el$6, createComponent(ToolIcon, {
+            name: "hash"
+          }), _el$7);
+          insert(_el$7, () => t("symbols.menu.number"));
+          insert(_el$6, createComponent(ToolIcon, {
+            name: "chevron-down"
+          }), null);
+          return _el$;
+        }
+      });
+    }
+  });
+}
+delegateEvents(["click"]);
 var _tmpl$$3 = /* @__PURE__ */ template(`<i>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-table-style-grid>`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=oasis-editor-table-style-gallery><div class=oasis-editor-table-style-strip role=listbox>`);
 const tableStyles = (styles) => styles.filter((style2) => style2.type === "table").map((style2, index) => ({
   style: style2,
@@ -52109,6 +52618,7 @@ function ImageCropMenu(props) {
   })();
 }
 const RIBBON_PLACEMENTS = {
+  "editor-toolbar-new-document": { tab: "file", group: "document", row: 1 },
   "editor-toolbar-export-docx": { tab: "file", group: "document", row: 1 },
   "editor-toolbar-export-pdf": { tab: "file", group: "document", row: 1 },
   "editor-toolbar-import-document": { tab: "file", group: "document", row: 1 },
@@ -52143,6 +52653,7 @@ const RIBBON_PLACEMENTS = {
     group: "illustrations",
     row: 2
   },
+  "editor-toolbar-symbols": { tab: "insert", group: "symbols", row: 1 },
   "editor-toolbar-insert-table": { tab: "insert", group: "tables", row: 1 },
   "editor-toolbar-link": { tab: "insert", group: "links", row: 1 },
   "editor-toolbar-unlink": { tab: "insert", group: "links", row: 2 },
@@ -52555,6 +53066,26 @@ const fontSizeOptions = (api) => {
 };
 function createDefaultToolbarPreset(t) {
   const items = [];
+  items.push({
+    type: "button",
+    id: "editor-toolbar-new-document",
+    testId: "editor-toolbar-new-document",
+    iconName: "file-plus",
+    labelKey: "toolbar.newDocument",
+    tooltipKey: "toolbar.newDocument",
+    command: "newDocument",
+    ribbonSize: "large"
+  });
+  items.push({
+    type: "button",
+    id: "editor-toolbar-import-document",
+    testId: "editor-toolbar-import-document",
+    iconName: "upload",
+    labelKey: "toolbar.importDocx",
+    tooltipKey: "toolbar.importDocx",
+    command: "importDocument",
+    ribbonSize: "large"
+  });
   items.push({
     type: "button",
     id: "editor-toolbar-export-docx",
@@ -52575,16 +53106,6 @@ function createDefaultToolbarPreset(t) {
     command: "exportPdf",
     ribbonSize: "large"
   });
-  items.push({
-    type: "button",
-    id: "editor-toolbar-import-document",
-    testId: "editor-toolbar-import-document",
-    iconName: "upload",
-    labelKey: "toolbar.import",
-    tooltipKey: "toolbar.import",
-    command: "importDocument",
-    ribbonSize: "large"
-  });
   items.push({
     type: "button",
     id: "editor-toolbar-undo",
@@ -52813,6 +53334,13 @@ function createDefaultToolbarPreset(t) {
       render: (api) => ShapeGallery({ api })
     }
   });
+  items.push({
+    type: "custom",
+    id: "editor-toolbar-symbols",
+    testId: "editor-toolbar-symbols",
+    ribbonSize: "large",
+    render: (api) => SymbolMenu({ api })
+  });
   items.push({
     type: "gridPicker",
     id: "editor-toolbar-insert-table",
@@ -53115,9 +53643,10 @@ function createDefaultToolbarPreset(t) {
   return withDefaultRibbonPlacement(items);
 }
 const OASIS_TOOLBAR_ITEMS = {
+  newDocument: "editor-toolbar-new-document",
+  importDocument: "editor-toolbar-import-document",
   exportDocx: "editor-toolbar-export-docx",
   exportPdf: "editor-toolbar-export-pdf",
-  importDocument: "editor-toolbar-import-document",
   undo: "editor-toolbar-undo",
   redo: "editor-toolbar-redo",
   style: "editor-toolbar-style",
@@ -53134,6 +53663,7 @@ const OASIS_TOOLBAR_ITEMS = {
   subscript: "editor-toolbar-subscript",
   insertImage: "editor-toolbar-insert-image",
   insertTable: "editor-toolbar-insert-table",
+  symbols: "editor-toolbar-symbols",
   link: "editor-toolbar-link",
   unlink: "editor-toolbar-unlink",
   footnote: "editor-toolbar-footnote",
@@ -53220,7 +53750,7 @@ export {
   resolveDefaultParagraphStyleId as Z,
   findParagraphTablePathLocation as _,
   getPageBodyBottom as a,
-  use as a$,
+  SurfaceButton as a$,
   resolveTablePath as a0,
   buildTableCellLayout as a1,
   PT_PER_PX as a2,
@@ -53252,12 +53782,12 @@ export {
   RadioGroup as aS,
   Radio as aT,
   TextAreaField as aU,
-  Text$1 as aV,
-  SurfaceButton as aW,
-  delegateEvents as aX,
-  onMount as aY,
-  onCleanup as aZ,
-  CheckIcon as a_,
+  COMMON_SYMBOLS as aV,
+  getRecentSymbols as aW,
+  SYMBOL_CATEGORIES as aX,
+  rememberSymbol as aY,
+  delegateEvents as aZ,
+  Text$1 as a_,
   listKindForTag as aa,
   isParagraphTag as ab,
   collectInlineRuns as ac,
@@ -53285,215 +53815,219 @@ export {
   TextField as ay,
   Dialog as az,
   getPageBodyTop as b,
-  buildSegmentTable as b$,
-  PluginUiHost as b0,
-  OasisEditorEditor as b1,
-  OasisBrandMark as b2,
-  setPreciseFontPreference as b3,
-  setWelcomeSeen as b4,
-  enablePreciseFontMode as b5,
-  WORD_NS$1 as b6,
-  XMLSerializer as b7,
-  DOMParser$1 as b8,
-  WORD14_NS as b9,
-  DEFAULT_FONT_SIZE_PX as bA,
-  resolveGradientAxis as bB,
-  isDoubleUnderlineStyle as bC,
-  isWavyUnderlineStyle as bD,
-  underlineStyleLineWidthPx as bE,
-  WAVY_UNDERLINE_WAVELENGTH_PX as bF,
-  WAVY_UNDERLINE_AMPLITUDE_PX as bG,
-  DOUBLE_UNDERLINE_OFFSET_PX as bH,
-  underlineStyleDashArray as bI,
-  resolveEffectiveParagraphStyle as bJ,
-  EMPHASIS_GLYPH as bK,
-  parseHexColorToRgb255 as bL,
-  rgb255ToHex as bM,
-  getImageFloatingGeometry as bN,
-  resolveEffectiveTextStyleForParagraph as bO,
-  textStyleToFontSizePt as bP,
-  resolveTextAlignmentBaselineOffset as bQ,
-  TEXT_BASELINE_RATIO as bR,
-  resolveRenderedTextChar as bS,
-  resolveOpenTypeFeatureTags as bT,
-  isLowercaseSmallCapsChar as bU,
-  resolveDecorationLineY as bV,
-  DOUBLE_STRIKE_OFFSET_PX as bW,
-  resolveListLabel as bX,
-  getListLabelInset as bY,
-  getAlignedListLabelInset as bZ,
-  getParagraphBorderInsets as b_,
-  mergeNestedExtensionMarkup as ba,
-  resolveOpcRelationships as bb,
-  parseOpcRelationships as bc,
-  JSZip as bd,
-  normalizeOpcPartPath as be,
-  OPC_CONTENT_TYPES_PATH as bf,
-  getOpcRelationshipOwnerPath as bg,
-  serializeOpcRelationships as bh,
-  OPC_ROOT_RELATIONSHIPS_PATH as bi,
-  hashDocxPartBytes as bj,
-  parseOpcContentTypes as bk,
-  serializeOpcContentTypes as bl,
-  mergeParagraphPropertiesXmlSource as bm,
-  setEditorRunOoxmlSource as bn,
-  mergeRunOoxmlSourceIntoGeneratedXml as bo,
-  mergeTableCellPropertiesXmlSource as bp,
-  mergeTableRowPropertiesXmlSource as bq,
-  mergeTablePropertiesXmlSource as br,
-  exportEditorDocumentToDocxBlob as bs,
-  exportEditorDocumentToDocx as bt,
-  pxToPt as bu,
-  resolveFloatingObjectRect as bv,
-  getTextBoxFloatingGeometry as bw,
-  getPresetPathSegments as bx,
-  buildListLabels as by,
-  lineDashPatternPt as bz,
+  resolveListLabel as b$,
+  onMount as b0,
+  onCleanup as b1,
+  CheckIcon as b2,
+  use as b3,
+  PluginUiHost as b4,
+  OasisEditorEditor as b5,
+  OasisBrandMark as b6,
+  setPreciseFontPreference as b7,
+  setWelcomeSeen as b8,
+  enablePreciseFontMode as b9,
+  getTextBoxFloatingGeometry as bA,
+  getPresetPathSegments as bB,
+  buildListLabels as bC,
+  lineDashPatternPt as bD,
+  DEFAULT_FONT_SIZE_PX as bE,
+  resolveGradientAxis as bF,
+  isDoubleUnderlineStyle as bG,
+  isWavyUnderlineStyle as bH,
+  underlineStyleLineWidthPx as bI,
+  WAVY_UNDERLINE_WAVELENGTH_PX as bJ,
+  WAVY_UNDERLINE_AMPLITUDE_PX as bK,
+  DOUBLE_UNDERLINE_OFFSET_PX as bL,
+  underlineStyleDashArray as bM,
+  resolveEffectiveParagraphStyle as bN,
+  EMPHASIS_GLYPH as bO,
+  parseHexColorToRgb255 as bP,
+  rgb255ToHex as bQ,
+  getImageFloatingGeometry as bR,
+  resolveEffectiveTextStyleForParagraph as bS,
+  textStyleToFontSizePt as bT,
+  resolveTextAlignmentBaselineOffset as bU,
+  TEXT_BASELINE_RATIO as bV,
+  resolveRenderedTextChar as bW,
+  resolveOpenTypeFeatureTags as bX,
+  isLowercaseSmallCapsChar as bY,
+  resolveDecorationLineY as bZ,
+  DOUBLE_STRIKE_OFFSET_PX as b_,
+  WORD_NS$1 as ba,
+  XMLSerializer as bb,
+  DOMParser$1 as bc,
+  WORD14_NS as bd,
+  mergeNestedExtensionMarkup as be,
+  resolveOpcRelationships as bf,
+  parseOpcRelationships as bg,
+  JSZip as bh,
+  normalizeOpcPartPath as bi,
+  OPC_CONTENT_TYPES_PATH as bj,
+  getOpcRelationshipOwnerPath as bk,
+  serializeOpcRelationships as bl,
+  OPC_ROOT_RELATIONSHIPS_PATH as bm,
+  hashDocxPartBytes as bn,
+  parseOpcContentTypes as bo,
+  serializeOpcContentTypes as bp,
+  mergeParagraphPropertiesXmlSource as bq,
+  setEditorRunOoxmlSource as br,
+  mergeRunOoxmlSourceIntoGeneratedXml as bs,
+  mergeTableCellPropertiesXmlSource as bt,
+  mergeTableRowPropertiesXmlSource as bu,
+  mergeTablePropertiesXmlSource as bv,
+  exportEditorDocumentToDocxBlob as bw,
+  exportEditorDocumentToDocx as bx,
+  pxToPt as by,
+  resolveFloatingObjectRect as bz,
   getPageContentWidth as c,
-  renumberFootnotes as c$,
-  buildCanvasTableLayout as c0,
-  resolveCanvasTableWidth as c1,
-  resolveFloatingTableRect as c2,
-  paragraphBetweenBorderMatches as c3,
-  normalizeFamily as c4,
-  ROBOTO_FONT_FILES as c5,
-  loadFontAsset as c6,
-  getRemotePdfFontFaces as c7,
-  OFFICE_COMPAT_FONT_FAMILIES as c8,
-  BinaryReader as c9,
-  createCanvasLayoutSnapshotProvider as cA,
-  on as cB,
-  debounce as cC,
-  unwrap as cD,
-  perfTimer as cE,
-  prepareDocumentFonts as cF,
-  getRunTextBox as cG,
-  EMU_PER_PX as cH,
-  createEditorDocument as cI,
-  resolveResizedDimensions as cJ,
-  axisSignForDirection as cK,
-  clamp as cL,
-  MIN_RESIZE_SIZE_PX as cM,
-  resolveTextBoxRenderHeight as cN,
-  getToolbarStyleState as cO,
-  VERTICAL_HIT_WEIGHT as cP,
-  getCachedCanvasImage as cQ,
-  measureParagraphMinContentWidthPx as cR,
-  createSectionBoundaryParagraph as cS,
-  normalizePageSettings as cT,
-  DEFAULT_EDITOR_PAGE_SETTINGS as cU,
-  markStart as cV,
-  markEnd as cW,
-  getParagraphEntries as cX,
-  getParagraphById as cY,
-  createEditorFootnote as cZ,
-  createFootnoteReferenceRun as c_,
-  buildSfnt as ca,
-  defaultFontDecoderRegistry as cb,
-  SfntFontProgram as cc,
-  zlibSync as cd,
-  renumberImageCaptionsInDocument as ce,
-  collectPdfFontFamilies as cf,
-  outlineFrom as cg,
-  getPageHeaderZoneTop as ch,
-  getPageColumnRects as ci,
-  findFootnoteReference as cj,
-  resolveImporterForFile as ck,
-  roundTo as cl,
-  getDocumentSectionsCanonical as cm,
-  getDocumentParagraphsCanonical as cn,
-  getDocumentParagraphs as co,
-  getImageCaptionText as cp,
-  isImageCaptionParagraph as cq,
-  updateImageCaptionParagraph as cr,
-  createImageCaptionParagraph as cs,
-  renumberImageCaptionParagraphs as ct,
-  getCaptionSelectionOffset as cu,
-  PX_PER_CM as cv,
-  getDocumentPageSettings as cw,
-  getTableCellContentWidthForParagraph as cx,
-  layoutMetricsEpoch as cy,
-  bumpLayoutMetricsEpoch as cz,
+  getParagraphEntries as c$,
+  getListLabelInset as c0,
+  getAlignedListLabelInset as c1,
+  getParagraphBorderInsets as c2,
+  buildSegmentTable as c3,
+  buildCanvasTableLayout as c4,
+  resolveCanvasTableWidth as c5,
+  resolveFloatingTableRect as c6,
+  paragraphBetweenBorderMatches as c7,
+  normalizeFamily as c8,
+  ROBOTO_FONT_FILES as c9,
+  getDocumentPageSettings as cA,
+  getTableCellContentWidthForParagraph as cB,
+  layoutMetricsEpoch as cC,
+  bumpLayoutMetricsEpoch as cD,
+  createCanvasLayoutSnapshotProvider as cE,
+  on as cF,
+  debounce as cG,
+  unwrap as cH,
+  perfTimer as cI,
+  prepareDocumentFonts as cJ,
+  getRunTextBox as cK,
+  EMU_PER_PX as cL,
+  createEditorDocument as cM,
+  resolveResizedDimensions as cN,
+  axisSignForDirection as cO,
+  clamp as cP,
+  MIN_RESIZE_SIZE_PX as cQ,
+  resolveTextBoxRenderHeight as cR,
+  getToolbarStyleState as cS,
+  VERTICAL_HIT_WEIGHT as cT,
+  getCachedCanvasImage as cU,
+  measureParagraphMinContentWidthPx as cV,
+  createSectionBoundaryParagraph as cW,
+  normalizePageSettings as cX,
+  DEFAULT_EDITOR_PAGE_SETTINGS as cY,
+  markStart as cZ,
+  markEnd as c_,
+  loadFontAsset as ca,
+  getRemotePdfFontFaces as cb,
+  OFFICE_COMPAT_FONT_FAMILIES as cc,
+  BinaryReader as cd,
+  buildSfnt as ce,
+  defaultFontDecoderRegistry as cf,
+  SfntFontProgram as cg,
+  zlibSync as ch,
+  renumberImageCaptionsInDocument as ci,
+  collectPdfFontFamilies as cj,
+  outlineFrom as ck,
+  getPageHeaderZoneTop as cl,
+  getPageColumnRects as cm,
+  findFootnoteReference as cn,
+  resolveImporterForFile as co,
+  roundTo as cp,
+  getDocumentSectionsCanonical as cq,
+  getDocumentParagraphsCanonical as cr,
+  getDocumentParagraphs as cs,
+  getImageCaptionText as ct,
+  isImageCaptionParagraph as cu,
+  updateImageCaptionParagraph as cv,
+  createImageCaptionParagraph as cw,
+  renumberImageCaptionParagraphs as cx,
+  getCaptionSelectionOffset as cy,
+  PX_PER_CM as cz,
   domTextMeasurer as d,
-  SplitButton as d$,
-  iterateFootnoteReferenceRuns as d0,
-  preciseFontModeVersion as d1,
-  isPreciseFontModeEnabled as d2,
-  getRunFieldChar as d3,
-  getRunFieldInstruction as d4,
-  getHeadingLevel as d5,
-  createEditorRun as d6,
-  TWIPS_PER_INCH as d7,
-  PX_PER_INCH as d8,
-  togglePreciseFontMode as d9,
-  createEditorLogger as dA,
-  ActionRow as dB,
-  ColorPicker as dC,
-  CommandRegistry as dD,
-  DEFAULT_PALETTE as dE,
-  DialogFooter as dF,
-  EDITOR_SCHEMA_VERSION as dG,
-  FieldRow as dH,
-  FloatingActionButton as dI,
-  GridPicker as dJ,
-  Heading as dK,
-  IconButton as dL,
-  Menu as dM,
-  OASIS_BUILTIN_COMMANDS as dN,
-  OASIS_MENU_ITEMS as dO,
-  OASIS_TOOLBAR_ITEMS as dP,
-  OasisEditorAppLazy as dQ,
-  OasisEditorContainer as dR,
-  PluginCollection as dS,
-  Popover as dT,
-  RIBBON_TABS as dU,
-  Select as dV,
-  Separator as dW,
-  SidePanel as dX,
-  SidePanelBody as dY,
-  SidePanelFooter as dZ,
-  SidePanelHeader as d_,
-  nextFontSizePt as da,
-  previousFontSizePt as db,
-  fontSizePtToPx as dc,
-  resolveNamedTextStyle as dd,
-  resolveNamedTableStyle as de,
-  resolveEffectiveTableStyle as df,
-  createDefaultToolbarPreset as dg,
-  MenuRegistry as dh,
-  createToolbarRegistry as di,
-  Editor as dj,
-  resolveCommandRef as dk,
-  commandRefName as dl,
-  createOasisEditorClient as dm,
-  createEditorZoom as dn,
-  startLongTaskObserver as dp,
-  installGlobalReport as dq,
-  applyStoredPreciseFontPreference as dr,
-  getWelcomeSeen as ds,
-  isLocalFontAccessSupported as dt,
-  EDITOR_SCROLL_PADDING_PX as du,
-  Toolbar as dv,
-  OasisEditorLoading as dw,
-  I18nProvider as dx,
-  createTranslator as dy,
-  registerDomStatsSurface as dz,
+  SidePanel as d$,
+  getParagraphById as d0,
+  createEditorFootnote as d1,
+  createFootnoteReferenceRun as d2,
+  renumberFootnotes as d3,
+  iterateFootnoteReferenceRuns as d4,
+  preciseFontModeVersion as d5,
+  isPreciseFontModeEnabled as d6,
+  getRunFieldChar as d7,
+  getRunFieldInstruction as d8,
+  getHeadingLevel as d9,
+  OasisEditorLoading as dA,
+  I18nProvider as dB,
+  createTranslator as dC,
+  registerDomStatsSurface as dD,
+  createEditorLogger as dE,
+  ActionRow as dF,
+  ColorPicker as dG,
+  CommandRegistry as dH,
+  DEFAULT_PALETTE as dI,
+  DialogFooter as dJ,
+  EDITOR_SCHEMA_VERSION as dK,
+  FieldRow as dL,
+  FloatingActionButton as dM,
+  GridPicker as dN,
+  Heading as dO,
+  IconButton as dP,
+  Menu as dQ,
+  OASIS_BUILTIN_COMMANDS as dR,
+  OASIS_MENU_ITEMS as dS,
+  OASIS_TOOLBAR_ITEMS as dT,
+  OasisEditorAppLazy as dU,
+  OasisEditorContainer as dV,
+  PluginCollection as dW,
+  Popover as dX,
+  RIBBON_TABS as dY,
+  Select as dZ,
+  Separator as d_,
+  createEditorRun as da,
+  TWIPS_PER_INCH as db,
+  PX_PER_INCH as dc,
+  togglePreciseFontMode as dd,
+  nextFontSizePt as de,
+  previousFontSizePt as df,
+  fontSizePtToPx as dg,
+  resolveNamedTextStyle as dh,
+  resolveNamedTableStyle as di,
+  resolveEffectiveTableStyle as dj,
+  createDefaultToolbarPreset as dk,
+  MenuRegistry as dl,
+  createToolbarRegistry as dm,
+  Editor as dn,
+  resolveCommandRef as dp,
+  commandRefName as dq,
+  createOasisEditorClient as dr,
+  createEditorZoom as ds,
+  startLongTaskObserver as dt,
+  installGlobalReport as du,
+  applyStoredPreciseFontPreference as dv,
+  getWelcomeSeen as dw,
+  isLocalFontAccessSupported as dx,
+  EDITOR_SCROLL_PADDING_PX as dy,
+  Toolbar as dz,
   estimateTableBlockHeight as e,
-  StyleGallery as e0,
-  Button$1 as e1,
-  buildRibbonTabDefinitions as e2,
-  cloneDocument as e3,
-  createDocument as e4,
-  createEditorCommandBus as e5,
-  createHeading as e6,
-  createOasisEditor as e7,
-  createOasisEditorContainer as e8,
-  createParagraph as e9,
-  createTable as ea,
-  mount as eb,
-  normalizeDocument as ec,
-  registerToolbarRenderer as ed,
-  validateDocument as ee,
+  SidePanelBody as e0,
+  SidePanelFooter as e1,
+  SidePanelHeader as e2,
+  SplitButton as e3,
+  StyleGallery as e4,
+  Button$1 as e5,
+  buildRibbonTabDefinitions as e6,
+  cloneDocument as e7,
+  createDocument as e8,
+  createEditorCommandBus as e9,
+  createHeading as ea,
+  createOasisEditor as eb,
+  createOasisEditorContainer as ec,
+  createParagraph as ed,
+  createTable as ee,
+  mount as ef,
+  normalizeDocument as eg,
+  registerToolbarRenderer as eh,
+  validateDocument as ei,
   getParagraphText as f,
   getProjectedParagraphBlockHeight as g,
   getBlockParagraphs as h,