@mdxeditor/editor 0.15.2 → 0.17.0

package/dist/style.css

@@ -114,13 +114,30 @@
     --diff-font-family: var(--font-mono);
     font-size: var(--text-xs);
   }
+/** Code mirror */
+.mdxeditor .cm-editor {
+    --sp-font-mono: var(--font-mono);
+    --sp-font-body: var(--font-body);
+    padding: var(--sp-space-4) 0;
+  }
+.mdxeditor .cm-scroller {
+    padding: 0 !important;
+  }
+.mdxeditor .sp-wrapper {
+    border: 1px solid var(--baseLine);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+  }
+.mdxeditor .sp-layout {
+    border: none;
+  }
 .mdxeditor .sp-cm pre {
       white-space: break-spaces;
       word-break: break-word;
       overflow-wrap: anywhere;
       flex-shrink: 1;
     }
-._editorRoot_1g25u_36 {
+._editorRoot_a9a1q_36 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -206,22 +223,24 @@
   --radius-extra-large: var(--spacing-3);
   --radius-full: 9999px;
 
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+
   --text-sm: 0.875rem;
   --text-xs: 0.75rem;
-  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
+  font-family: var(--font-body);
   color: var(--baseText);
 }
 
-._editorWrapper_1g25u_130 {
+._editorWrapper_a9a1q_132 {
 }
 
-._nestedListItem_1g25u_133 {
+._nestedListItem_a9a1q_135 {
   list-style: none;
 }
 
-._toolbarRoot_1g25u_137 {
+._toolbarRoot_a9a1q_139 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
   margin-bottom: var(--spacing-6);
   z-index: 1;
@@ -238,14 +257,24 @@
   width: inherit;
 }
 
-._toolbarRoot_1g25u_137 div[role=separator] {
+._toolbarRoot_a9a1q_139 div[role=separator] {
     margin: var(--spacing-2) var(--spacing-2);
     border-left: 1px solid var(--baseBorder);
     border-right: 1px solid var(--baseBase);
     height: var(--spacing-4);
   }
 
-._toolbarModeSwitch_1g25u_161 {
+._readOnlyToolbarRoot_a9a1q_163 {
+  pointer-events: none;
+  background: var(--baseBase);
+}
+
+._readOnlyToolbarRoot_a9a1q_163 > div {
+    opacity: 0.5;
+  }
+
+._toolbarModeSwitch_a9a1q_171 {
+  opacity: 1 !important;
   margin-left: auto;
   align-self: stretch;
   align-items: stretch;
@@ -255,31 +284,31 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170 {
+._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181 {
     padding-inline-end: var(--spacing-4);
     padding-inline-start: var(--spacing-4);
   }
 
-._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:active, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170[data-state=on] {
+._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181:active, ._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_1g25u_180 {
+._toolbarGroupOfGroups_a9a1q_191 {
   display: flex;
   margin: 0 var(--spacing-1);
 }
 
-._toolbarToggleSingleGroup_1g25u_185:first-of-type ._toolbarToggleItem_1g25u_170:only-child, ._toolbarToggleSingleGroup_1g25u_185:only-child ._toolbarToggleItem_1g25u_170:first-child, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:first-child {
+._toolbarToggleSingleGroup_a9a1q_196:first-of-type ._toolbarToggleItem_a9a1q_181:only-child, ._toolbarToggleSingleGroup_a9a1q_196:only-child ._toolbarToggleItem_a9a1q_181:first-child, ._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1g25u_185:last-of-type ._toolbarToggleItem_1g25u_170:only-child, ._toolbarToggleSingleGroup_1g25u_185:only-child ._toolbarToggleItem_1g25u_170:last-child, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:last-child {
+._toolbarToggleSingleGroup_a9a1q_196:last-of-type ._toolbarToggleItem_a9a1q_181:only-child, ._toolbarToggleSingleGroup_a9a1q_196:only-child ._toolbarToggleItem_a9a1q_181:last-child, ._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_1g25u_170, ._toolbarButton_1g25u_199 {
+._toolbarToggleItem_a9a1q_181, ._toolbarButton_a9a1q_210 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -292,36 +321,36 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_1g25u_170 svg, ._toolbarButton_1g25u_199 svg {
+._toolbarToggleItem_a9a1q_181 svg, ._toolbarButton_a9a1q_210 svg {
     display: block;
   }
 
-._toolbarToggleItem_1g25u_170:hover, ._toolbarButton_1g25u_199:hover {
+._toolbarToggleItem_a9a1q_181:hover, ._toolbarButton_a9a1q_210:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarToggleItem_1g25u_170:active svg, ._toolbarButton_1g25u_199:active svg {
+._toolbarToggleItem_a9a1q_181:active svg, ._toolbarButton_a9a1q_210:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_1g25u_170[data-state=on], ._toolbarButton_1g25u_199[data-state=on], ._toolbarToggleItem_1g25u_170:active, ._toolbarButton_1g25u_199:active {
+._toolbarToggleItem_a9a1q_181[data-state=on], ._toolbarButton_a9a1q_210[data-state=on], ._toolbarToggleItem_a9a1q_181:active, ._toolbarButton_a9a1q_210:active {
     background-color: var(--accentBgActive);
   }
 
-._toolbarToggleItem_1g25u_170[data-disabled], ._toolbarButton_1g25u_199[data-disabled] {
+._toolbarToggleItem_a9a1q_181[data-disabled], ._toolbarButton_a9a1q_210[data-disabled] {
     pointer-events: none;
     color: var(--baseBorderHover);
   }
 
-._toolbarButton_1g25u_199 {
+._toolbarButton_a9a1q_210 {
   border-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1g25u_185 {
+._toolbarToggleSingleGroup_a9a1q_196 {
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_1g25u_233, ._toolbarButtonDropdownContainer_1g25u_234, ._toolbarCodeBlockLanguageSelectContent_1g25u_235, ._selectContainer_1g25u_236
+._toolbarNodeKindSelectContainer_a9a1q_244, ._toolbarButtonDropdownContainer_a9a1q_245, ._toolbarCodeBlockLanguageSelectContent_a9a1q_246, ._selectContainer_a9a1q_247
 {
   z-index: 3;
   width: var(--spacing-36);
@@ -331,11 +360,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_1g25u_234 {
+._toolbarButtonDropdownContainer_a9a1q_245 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarNodeKindSelectTrigger_1g25u_250, ._toolbarButtonSelectTrigger_1g25u_251, ._selectTrigger_1g25u_252 {
+._toolbarNodeKindSelectTrigger_a9a1q_261, ._toolbarButtonSelectTrigger_a9a1q_262, ._selectTrigger_a9a1q_263 {
   border: 0;
   background-color: transparent;
   display: flex;
@@ -351,85 +380,85 @@
   font-size: var(--text-sm);
 }
 
-._toolbarNodeKindSelectTrigger_1g25u_250:hover, ._toolbarButtonSelectTrigger_1g25u_251:hover, ._selectTrigger_1g25u_252:hover {
+._toolbarNodeKindSelectTrigger_a9a1q_261:hover, ._toolbarButtonSelectTrigger_a9a1q_262:hover, ._selectTrigger_a9a1q_263:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarNodeKindSelectTrigger_1g25u_250[data-state=open], ._toolbarButtonSelectTrigger_1g25u_251[data-state=open], ._selectTrigger_1g25u_252[data-state=open] {
+._toolbarNodeKindSelectTrigger_a9a1q_261[data-state=open], ._toolbarButtonSelectTrigger_a9a1q_262[data-state=open], ._selectTrigger_a9a1q_263[data-state=open] {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
     background-color: var(--baseBgHover);
   }
-._selectTrigger_1g25u_252[data-placeholder] > span:first-child {
+._selectTrigger_a9a1q_263[data-placeholder] > span:first-child {
   color: var(--baseBorderHover);
 }
 
 /** used in the sandpack */
-._toolbarButtonSelectTrigger_1g25u_251 {
+._toolbarButtonSelectTrigger_a9a1q_262 {
   width: auto;
   padding-inline-start: var(--spacing-2) ;
   padding-inline-end: var(--spacing-1);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_1g25u_288, ._toolbarCodeBlockLanguageSelectContent_1g25u_235 
+._toolbarCodeBlockLanguageSelectTrigger_a9a1q_299, ._toolbarCodeBlockLanguageSelectContent_a9a1q_246 
 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_1g25u_294, ._selectItem_1g25u_295
+._toolbarNodeKindSelectItem_a9a1q_305, ._selectItem_a9a1q_306
 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2) var(--spacing-4);
 }
 
-._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
+._toolbarNodeKindSelectItem_a9a1q_305[data-highlighted], ._selectItem_a9a1q_306[data-highlighted] {
     background-color: var(--baseBgSubtle);
   }
 
-._toolbarNodeKindSelectItem_1g25u_294[data-state=checked], ._selectItem_1g25u_295[data-state=checked] {
+._toolbarNodeKindSelectItem_a9a1q_305[data-state=checked], ._selectItem_a9a1q_306[data-state=checked] {
     background-color: var(--accentBgActive);
   }
 
-._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
+._toolbarNodeKindSelectItem_a9a1q_305[data-highlighted], ._selectItem_a9a1q_306[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_1g25u_294:last-child, ._selectItem_1g25u_295:last-child {
+._toolbarNodeKindSelectItem_a9a1q_305:last-child, ._selectItem_a9a1q_306:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_1g25u_319, ._selectDropdownArrow_1g25u_320 {
+._toolbarNodeKindSelectDropdownArrow_a9a1q_330, ._selectDropdownArrow_a9a1q_331 {
   margin-left: auto;
 }
 
-._contentEditable_1g25u_324 {
+._contentEditable_a9a1q_335 {
   box-sizing: border-box;
   width: 100%;
   color: var(--baseTextContrast);
   padding: var(--spacing-3);
 }
 
-._contentEditable_1g25u_324:focus {
+._contentEditable_a9a1q_335:focus {
     outline: none;
   }
 
-._sandpackWrapper_1g25u_334 {
+._sandpackWrapper_a9a1q_345 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_1g25u_338 {
+._frontmatterWrapper_a9a1q_349 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_1g25u_338[data-expanded=true] {
+._frontmatterWrapper_a9a1q_349[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_1g25u_348 {
+._frontmatterToggleButton_a9a1q_359 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -445,7 +474,7 @@
   font-size: var(--text-sm);
 }
 
-._propertyPanelTitle_1g25u_356 {
+._propertyPanelTitle_a9a1q_367 {
   font-size: var(--text-xs);
   font-weight: 400;
   margin: 0;
@@ -453,49 +482,49 @@
   padding-left: var(--spacing-2);
 }
 
-._propertyEditorTable_1g25u_364 {
+._propertyEditorTable_a9a1q_375 {
   table-layout: fixed;
   border-spacing: var(--spacing-2);
 }
 
-._propertyEditorTable_1g25u_364 th {
+._propertyEditorTable_a9a1q_375 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._propertyEditorTable_1g25u_364 col:nth-child(1) {
+._propertyEditorTable_a9a1q_375 col:nth-child(1) {
     width: 30%;
   }
 
-._propertyEditorTable_1g25u_364 col:nth-child(2) {
+._propertyEditorTable_a9a1q_375 col:nth-child(2) {
     width: 70%;
   }
 
-._propertyEditorTable_1g25u_364 td:last-child ._iconButton_1g25u_381 {
+._propertyEditorTable_a9a1q_375 td:last-child ._iconButton_a9a1q_392 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._propertyEditorTable_1g25u_364 ._readOnlyColumnCell_1g25u_386 {
+._propertyEditorTable_a9a1q_375 ._readOnlyColumnCell_a9a1q_397 {
     padding-left: 0;
   }
 
-._propertyEditorLabelCell_1g25u_391 {
+._propertyEditorLabelCell_a9a1q_402 {
   font-weight: 400;
 }
 
-._readOnlyColumnCell_1g25u_386 {
+._readOnlyColumnCell_a9a1q_397 {
   padding-left: 0;
 }
 
-._buttonsFooter_1g25u_399 {
+._buttonsFooter_a9a1q_410 {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-2);
 }
 
-._propertyEditorInput_1g25u_405 {
+._propertyEditorInput_a9a1q_416 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -513,7 +542,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_1g25u_381 {
+._iconButton_a9a1q_392 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -526,7 +555,15 @@
   color:var(--baseText);
 }
 
-._primaryButton_1g25u_420, ._secondaryButton_1g25u_420 {
+._iconButton_a9a1q_392:hover {
+    color: var(--accentText);
+  }
+
+._iconButton_a9a1q_392:disabled, ._iconButton_a9a1q_392:disabled:hover {
+    color:var(--baseLine);
+  }
+
+._primaryButton_a9a1q_437, ._secondaryButton_a9a1q_437 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -544,25 +581,30 @@
   border-radius: var(--radius-medium);
 }
 
-._secondaryButton_1g25u_420 {
+._primaryButton_a9a1q_437:disabled, ._secondaryButton_a9a1q_437:disabled {
+    background: var(--accentLine);
+    border-color: var(--accentBg);
+  }
+
+._secondaryButton_a9a1q_437 {
   border: 1px solid var(--baseBorder);
   background-color: var(--baseSolidHover);
   color:var(--baseBase);
 }
 
-._linkDialogEditForm_1g25u_436 {
+._linkDialogEditForm_a9a1q_457 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
 }
 
-._linkDialogInputContainer_1g25u_442 {
+._linkDialogInputContainer_a9a1q_463 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_1g25u_448 {
+._linkDialogInputWrapper_a9a1q_469 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -571,13 +613,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_1g25u_448[data-visible-dropdown=true] {
+._linkDialogInputWrapper_a9a1q_469[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_1g25u_448 > button {
+._linkDialogInputWrapper_a9a1q_469 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -590,7 +632,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_1g25u_442 {
+._linkDialogInput_a9a1q_463 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -605,19 +647,19 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_1g25u_442::-moz-placeholder {
+._linkDialogInput_a9a1q_463::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_1g25u_442::placeholder {
+._linkDialogInput_a9a1q_463::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAutocompleteContainer_1g25u_478 {
+._linkDialogAutocompleteContainer_a9a1q_499 {
   position: relative;
 }
 
-._linkDialogAutocompleteContainer_1g25u_478 ul {
+._linkDialogAutocompleteContainer_a9a1q_499 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -634,11 +676,11 @@
     background-color: var(--baseBase);
   }
 
-._linkDialogAutocompleteContainer_1g25u_478 ul[data-visible=true] {
+._linkDialogAutocompleteContainer_a9a1q_499 ul[data-visible=true] {
       display: block;
     }
 
-._linkDialogAutocompleteContainer_1g25u_478 ul li {
+._linkDialogAutocompleteContainer_a9a1q_499 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -646,34 +688,34 @@
       text-overflow: ellipsis;
     }
 
-._linkDialogAutocompleteContainer_1g25u_478 ul li[data-selected=true] {
+._linkDialogAutocompleteContainer_a9a1q_499 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._linkDialogAutocompleteContainer_1g25u_478 ul li[data-highlighted=true] {
+._linkDialogAutocompleteContainer_a9a1q_499 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._linkDialogAutocompleteContainer_1g25u_478 ul li:last-of-type {
+._linkDialogAutocompleteContainer_a9a1q_499 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._linkDialogAnchor_1g25u_523 {
+._linkDialogAnchor_a9a1q_544 {
   position: fixed;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_1g25u_523[data-visible=true] {
+._linkDialogAnchor_a9a1q_544[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_1g25u_523[data-visible=false] {
+._linkDialogAnchor_a9a1q_544[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_1g25u_537, ._tableColumnEditorPopoverContent_1g25u_537, ._dialogContent_1g25u_537 {
+._linkDialogPopoverContent_a9a1q_558, ._tableColumnEditorPopoverContent_a9a1q_558, ._dialogContent_a9a1q_558 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -685,7 +727,7 @@
   font-size: var(--text-sm);
 }
 
-._popoverContent_1g25u_549 {
+._popoverContent_a9a1q_570 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -696,13 +738,13 @@
   font-size: var(--text-sm);
 }
 
-._popoverArrow_1g25u_560 {
+._popoverArrow_a9a1q_581 {
   fill: var(--baseBgSubtle);
 }
 
 
 
-._linkDialogPreviewAnchor_1g25u_566 {
+._linkDialogPreviewAnchor_a9a1q_587 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -713,7 +755,7 @@
 
 
 
-._linkDialogPreviewAnchor_1g25u_566 svg {
+._linkDialogPreviewAnchor_a9a1q_587 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
@@ -721,14 +763,14 @@
 
 
 
-._linkDialogPreviewAnchor_1g25u_566 span {
+._linkDialogPreviewAnchor_a9a1q_587 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-._tooltipContent_1g25u_588 {
+._tooltipContent_a9a1q_609 {
   z-index: 2;
   position: relative;
   border-radius: var(--radius-medium);
@@ -738,11 +780,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_1g25u_588 svg {
+._tooltipContent_a9a1q_609 svg {
     fill: var(--baseText);
   }
 
-._actionButton_1g25u_602 {
+._actionButton_a9a1q_623 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -757,33 +799,33 @@
   border-radius: var(--radius-medium);
 }
 
-._actionButton_1g25u_602 svg {
+._actionButton_a9a1q_623 svg {
     display: block;
   }
 
-._actionButton_1g25u_602:hover {
+._actionButton_a9a1q_623:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_1g25u_602:active svg {
+._actionButton_a9a1q_623:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_1g25u_602[data-state=on], ._actionButton_1g25u_602:active {
+._actionButton_a9a1q_623[data-state=on], ._actionButton_a9a1q_623:active {
     background-color: var(--accentBgActive);
   }
 
-._primaryActionButton_1g25u_608 {
+._primaryActionButton_a9a1q_629 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_1g25u_608:hover {
+._primaryActionButton_a9a1q_629:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_1g25u_617 {
+._tableEditor_a9a1q_638 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -791,50 +833,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_1g25u_617 thead > tr > th {
+._tableEditor_a9a1q_638 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) {
+._tableEditor_a9a1q_638 > tbody > tr > td:not(._toolCell_a9a1q_649) {
     border: 1px solid var(--baseBorder);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div {
+._tableEditor_a9a1q_638 > tbody > tr > td:not(._toolCell_a9a1q_649) > div {
       outline: none;
     }
 
-._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div > p {
+._tableEditor_a9a1q_638 > tbody > tr > td:not(._toolCell_a9a1q_649) > div > p {
         margin: 0;
       }
 
-._tableEditor_1g25u_617 > tbody > tr > td[data-active=true]:not(._toolCell_1g25u_628) {
+._tableEditor_a9a1q_638 > tbody > tr > td[data-active=true]:not(._toolCell_a9a1q_649) {
       outline: solid 2px var(--accentSolid)
     }
 
-._tableEditor_1g25u_617 ._tableColumnEditorTrigger_1g25u_645, ._tableEditor_1g25u_617 ._tableRowEditorTrigger_1g25u_645, ._tableEditor_1g25u_617 ._addRowButton_1g25u_645, ._tableEditor_1g25u_617 ._addColumnButton_1g25u_645, ._tableEditor_1g25u_617 ._iconButton_1g25u_381 {
+._tableEditor_a9a1q_638 ._tableColumnEditorTrigger_a9a1q_666, ._tableEditor_a9a1q_638 ._tableRowEditorTrigger_a9a1q_666, ._tableEditor_a9a1q_638 ._addRowButton_a9a1q_666, ._tableEditor_a9a1q_638 ._addColumnButton_a9a1q_666, ._tableEditor_a9a1q_638 ._iconButton_a9a1q_392 {
     opacity: .2;
   }
 
-._tableEditor_1g25u_617:hover ._tableColumnEditorTrigger_1g25u_645, ._tableEditor_1g25u_617:hover ._tableRowEditorTrigger_1g25u_645, ._tableEditor_1g25u_617:hover ._addRowButton_1g25u_645, ._tableEditor_1g25u_617:hover ._addColumnButton_1g25u_645, ._tableEditor_1g25u_617:hover ._iconButton_1g25u_381 {
+._tableEditor_a9a1q_638:hover ._tableColumnEditorTrigger_a9a1q_666, ._tableEditor_a9a1q_638:hover ._tableRowEditorTrigger_a9a1q_666, ._tableEditor_a9a1q_638:hover ._addRowButton_a9a1q_666, ._tableEditor_a9a1q_638:hover ._addColumnButton_a9a1q_666, ._tableEditor_a9a1q_638:hover ._iconButton_a9a1q_392 {
       opacity: .5;
     }
 
-._tableEditor_1g25u_617:hover ._tableColumnEditorTrigger_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._tableRowEditorTrigger_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._addRowButton_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._addColumnButton_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._iconButton_1g25u_381:hover {
+._tableEditor_a9a1q_638:hover ._tableColumnEditorTrigger_a9a1q_666:hover, ._tableEditor_a9a1q_638:hover ._tableRowEditorTrigger_a9a1q_666:hover, ._tableEditor_a9a1q_638:hover ._addRowButton_a9a1q_666:hover, ._tableEditor_a9a1q_638:hover ._addColumnButton_a9a1q_666:hover, ._tableEditor_a9a1q_638:hover ._iconButton_a9a1q_392:hover {
         opacity: 1;
       }
 
-._toolCell_1g25u_628 {
+._toolCell_a9a1q_649 {
   text-align: right;
 }
 
-._toolCell_1g25u_628 button {
+._toolCell_a9a1q_649 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_1g25u_645 {
+._tableColumnEditorTrigger_a9a1q_666 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -850,31 +892,31 @@
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_1g25u_645 svg {
+._tableColumnEditorTrigger_a9a1q_666 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_1g25u_645:hover {
+._tableColumnEditorTrigger_a9a1q_666:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_1g25u_645:active svg {
+._tableColumnEditorTrigger_a9a1q_666:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_1g25u_645[data-state=on], ._tableColumnEditorTrigger_1g25u_645:active {
+._tableColumnEditorTrigger_a9a1q_666[data-state=on], ._tableColumnEditorTrigger_a9a1q_666:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorTrigger_1g25u_645[data-active=true] {
+._tableColumnEditorTrigger_a9a1q_666[data-active=true] {
     opacity: 1;
   }
 
-._tableColumnEditorToolbar_1g25u_679 {
+._tableColumnEditorToolbar_a9a1q_700 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_1g25u_679 > button {
+._tableColumnEditorToolbar_a9a1q_700 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -887,34 +929,34 @@
     padding: var(--spacing-2);
   }
 
-._tableColumnEditorToolbar_1g25u_679 > button svg {
+._tableColumnEditorToolbar_a9a1q_700 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_1g25u_679 > button:hover {
+._tableColumnEditorToolbar_a9a1q_700 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_1g25u_679 > button:active svg {
+._tableColumnEditorToolbar_a9a1q_700 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_1g25u_679 > button[data-state=on], ._tableColumnEditorToolbar_1g25u_679 > button:active {
+._tableColumnEditorToolbar_a9a1q_700 > button[data-state=on], ._tableColumnEditorToolbar_a9a1q_700 > button:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorToolbar_1g25u_679 [role=separator] {
+._tableColumnEditorToolbar_a9a1q_700 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
 
-._toggleGroupRoot_1g25u_691 {
+._toggleGroupRoot_a9a1q_712 {
   display: inline-flex;
 }
 
 
-._toggleGroupRoot_1g25u_691 button {
+._toggleGroupRoot_a9a1q_712 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -928,59 +970,59 @@
   }
 
 
-._toggleGroupRoot_1g25u_691 button svg {
+._toggleGroupRoot_a9a1q_712 button svg {
     display: block;
   }
 
 
-._toggleGroupRoot_1g25u_691 button:hover {
+._toggleGroupRoot_a9a1q_712 button:hover {
     background-color: var(--baseBgHover);
   }
 
 
-._toggleGroupRoot_1g25u_691 button:active svg {
+._toggleGroupRoot_a9a1q_712 button:active svg {
     transform: translate(1px, 1px);
   }
 
 
-._toggleGroupRoot_1g25u_691 button[data-state=on], ._toggleGroupRoot_1g25u_691 button:active {
+._toggleGroupRoot_a9a1q_712 button[data-state=on], ._toggleGroupRoot_a9a1q_712 button:active {
     background-color: var(--accentBgActive);
   }
 
 
-._toggleGroupRoot_1g25u_691 button:first-child {
+._toggleGroupRoot_a9a1q_712 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
 
-._toggleGroupRoot_1g25u_691 button:last-child {
+._toggleGroupRoot_a9a1q_712 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_1g25u_708 {
+._tableToolsColumn_a9a1q_729 {
   width: 3rem;
 }
 
-._tableToolsColumn_1g25u_708 button {
+._tableToolsColumn_a9a1q_729 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_1g25u_716 {
+._leftAlignedCell_a9a1q_737 {
   text-align: left;
 }
 
-._rightAlignedCell_1g25u_720 {
+._rightAlignedCell_a9a1q_741 {
   text-align: right;
 }
 
-._centeredCell_1g25u_724 {
+._centeredCell_a9a1q_745 {
   text-align: center;
 }
 
-._addColumnButton_1g25u_645, ._addRowButton_1g25u_645 {
+._addColumnButton_a9a1q_666, ._addRowButton_a9a1q_666 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -998,61 +1040,61 @@
   border-radius: var(--radius-medium);
 }
 
-._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
+._addColumnButton_a9a1q_666 svg, ._addRowButton_a9a1q_666 svg {
     display: block;
   }
 
-._addColumnButton_1g25u_645:hover, ._addRowButton_1g25u_645:hover {
+._addColumnButton_a9a1q_666:hover, ._addRowButton_a9a1q_666:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_1g25u_645:active svg, ._addRowButton_1g25u_645:active svg {
+._addColumnButton_a9a1q_666:active svg, ._addRowButton_a9a1q_666:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_1g25u_645[data-state=on], ._addRowButton_1g25u_645[data-state=on], ._addColumnButton_1g25u_645:active, ._addRowButton_1g25u_645:active {
+._addColumnButton_a9a1q_666[data-state=on], ._addRowButton_a9a1q_666[data-state=on], ._addColumnButton_a9a1q_666:active, ._addRowButton_a9a1q_666:active {
     background-color: var(--accentBgActive);
   }
 
-._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
+._addColumnButton_a9a1q_666 svg, ._addRowButton_a9a1q_666 svg {
     margin: auto;
   }
 
-._addRowButton_1g25u_645 {
+._addRowButton_a9a1q_666 {
   width: 100%;
   margin-top: var(--spacing-2);
   box-sizing: border-box;
 }
 
-._addColumnButton_1g25u_645 {
+._addColumnButton_a9a1q_666 {
   margin-left: var(--spacing-2);
   height: 100%;
 }
 
 /** Dialog */
-._dialogOverlay_1g25u_752 {
+._dialogOverlay_a9a1q_773 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_a9a1q_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_1g25u_537 {
+._dialogContent_a9a1q_558 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_a9a1q_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
-._dialogContent_1g25u_537:focus {
+._dialogContent_a9a1q_558:focus {
   outline: none;
 }
 
 
-@keyframes _overlayShow_1g25u_1 {
+@keyframes _overlayShow_a9a1q_1 {
   from {
     opacity: 0;
   }
@@ -1061,7 +1103,7 @@
   }
 }
 
-@keyframes _contentShow_1g25u_1 {
+@keyframes _contentShow_a9a1q_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -1072,22 +1114,22 @@
   }
 }
 
-._focusedImage_1g25u_794 {
+._focusedImage_a9a1q_815 {
   outline: highlight solid 2px;
 }
 
-._imageWrapper_1g25u_798 {
+._imageWrapper_a9a1q_819 {
   display: inline-block;
   position: relative;
 }
 
-._imageWrapper_1g25u_798[draggable=true] {
+._imageWrapper_a9a1q_819[draggable=true] {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -webkit-grab;
 }
 
-._inlineEditor_1g25u_810 {
+._inlineEditor_a9a1q_831 {
   display: inline-flex;
   border-radius: var(--radius-medium);
   padding: var(--spacing-1);
@@ -1096,7 +1138,7 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1g25u_819 {
+._blockEditor_a9a1q_840 {
   display: flex;
   justify-content: stretch;
   border-radius: var(--radius-medium);
@@ -1106,71 +1148,71 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1g25u_819 ._nestedEditor_1g25u_828 {
+._blockEditor_a9a1q_840 ._nestedEditor_a9a1q_849 {
     flex-grow: 1;
   }
 
-._nestedEditor_1g25u_828 {
+._nestedEditor_a9a1q_849 {
   background: white;
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-medium);
 }
 
-._nestedEditor_1g25u_828 > p {
+._nestedEditor_a9a1q_849 > p {
     margin: 0;
   }
 
-._nestedEditor_1g25u_828:focus {
+._nestedEditor_a9a1q_849:focus {
     outline: none;
   }
 
-._genericComponentName_1g25u_845 {
+._genericComponentName_a9a1q_866 {
   font-size: var(--text-sm);
   color: var(--baseText);
   padding-right: var(--spacing-2);
 }
 
-._diffSourceToggle_1g25u_851 {
+._diffSourceToggle_a9a1q_872 {
   border: 1px solid var(--baseBorder);
   border-radius: var(--radius-medium);
   display: flex;
 }
 
-._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 {
+._diffSourceToggle_a9a1q_872 ._toolbarToggleItem_a9a1q_181 {
     padding: 0;
   }
 
-._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 > span {
+._diffSourceToggle_a9a1q_872 ._toolbarToggleItem_a9a1q_181 > span {
       display: block;
       padding: var(--spacing-2) var(--spacing-3);
     }
 
-._selectWithLabel_1g25u_865 {
+._selectWithLabel_a9a1q_886 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   margin-left: var(--spacing-2);
 }
 
-._selectWithLabel_1g25u_865 > label {
+._selectWithLabel_a9a1q_886 > label {
     font-size: var(--text-sm);
   }
 
-._selectWithLabel_1g25u_865 ._selectTrigger_1g25u_252 {
+._selectWithLabel_a9a1q_886 ._selectTrigger_a9a1q_263 {
     border: 1px solid var(--baseBorder);
   }
 
-._toolbarTitleMode_1g25u_879 {
+._toolbarTitleMode_a9a1q_900 {
   font-size: var(--text-sm);
   margin-left: var(--spacing-2);
 }
 
 
-._imageControlWrapperResizing_1g25u_885 {
+._imageControlWrapperResizing_a9a1q_906 {
   touch-action: none;
 }
 
-._imageResizer_1g25u_889 {
+._imageResizer_a9a1q_910 {
   display: block;
   width: 7px;
   height: 7px;
@@ -1179,55 +1221,55 @@
   border: 1px solid var(--baseBg);
 }
 
-._imageResizer_1g25u_889._imageResizerN_1g25u_898 {
+._imageResizer_a9a1q_910._imageResizerN_a9a1q_919 {
   top: -6px;
   left: 48%;
   cursor: n-resize;
 }
 
-._imageResizer_1g25u_889._imageResizerNe_1g25u_904 {
+._imageResizer_a9a1q_910._imageResizerNe_a9a1q_925 {
   top: -6px;
   right: -6px;
   cursor: ne-resize;
 }
 
-._imageResizer_1g25u_889._imageResizerE_1g25u_910 {
+._imageResizer_a9a1q_910._imageResizerE_a9a1q_931 {
   bottom: 48%;
   right: -6px;
   cursor: e-resize;
 }
 
-._imageResizer_1g25u_889._imageResizerSe_1g25u_916 {
+._imageResizer_a9a1q_910._imageResizerSe_a9a1q_937 {
   bottom: -2px;
   right: -6px;
   cursor: nwse-resize;
 }
 
-._imageResizer_1g25u_889._imageResizerS_1g25u_916 {
+._imageResizer_a9a1q_910._imageResizerS_a9a1q_937 {
   bottom: -2px;
   left: 48%;
   cursor: s-resize;
 }
 
-._imageResizer_1g25u_889._imageResizerSw_1g25u_928 {
+._imageResizer_a9a1q_910._imageResizerSw_a9a1q_949 {
   bottom: -2px;
   left: -6px;
   cursor: sw-resize;
 }
 
-._imageResizer_1g25u_889._imageResizerW_1g25u_934 {
+._imageResizer_a9a1q_910._imageResizerW_a9a1q_955 {
   bottom: 48%;
   left: -6px;
   cursor: w-resize;
 }
 
-._imageResizer_1g25u_889._imageResizerNw_1g25u_940 {
+._imageResizer_a9a1q_910._imageResizerNw_a9a1q_961 {
   top: -6px;
   left: -6px;
   cursor: nw-resize;
 }
 
-._placeholder_1g25u_946 {
+._placeholder_a9a1q_967 {
     color: var(--baseSolid);
     overflow: hidden;
     position: absolute;
@@ -1242,7 +1284,7 @@
     pointer-events: none;
 }
   
-._rootContentEditableWrapper_1g25u_959 {
+._rootContentEditableWrapper_a9a1q_980 {
   position: relative;
 }
 :root, ._light-theme_13nbk_1 {