@mdxeditor/editor 0.19.0 → 0.20.0

package/dist/style.css

@@ -137,7 +137,7 @@
       overflow-wrap: anywhere;
       flex-shrink: 1;
     }
-._editorRoot_a9a1q_36 {
+._editorRoot_ykyo3_36 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -226,6 +226,7 @@
   --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-base: 1rem;
   --text-sm: 0.875rem;
   --text-xs: 0.75rem;
 
@@ -233,16 +234,15 @@
   color: var(--baseText);
 }
 
-._editorWrapper_a9a1q_132 {
+._editorWrapper_ykyo3_133 {
 }
 
-._nestedListItem_a9a1q_135 {
+._nestedListItem_ykyo3_136 {
   list-style: none;
 }
 
-._toolbarRoot_a9a1q_139 {
+._toolbarRoot_ykyo3_140 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
-  margin-bottom: var(--spacing-6);
   z-index: 1;
   display: flex;
   flex-direction: row;
@@ -257,23 +257,23 @@
   width: inherit;
 }
 
-._toolbarRoot_a9a1q_139 div[role=separator] {
+._toolbarRoot_ykyo3_140 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);
   }
 
-._readOnlyToolbarRoot_a9a1q_163 {
+._readOnlyToolbarRoot_ykyo3_163 {
   pointer-events: none;
   background: var(--baseBase);
 }
 
-._readOnlyToolbarRoot_a9a1q_163 > div {
+._readOnlyToolbarRoot_ykyo3_163 > div {
     opacity: 0.5;
   }
 
-._toolbarModeSwitch_a9a1q_171 {
+._toolbarModeSwitch_ykyo3_171 {
   opacity: 1 !important;
   margin-left: auto;
   align-self: stretch;
@@ -284,31 +284,31 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181 {
+._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181 {
     padding-inline-end: var(--spacing-4);
     padding-inline-start: var(--spacing-4);
   }
 
-._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181:active, ._toolbarModeSwitch_a9a1q_171 ._toolbarToggleItem_a9a1q_181[data-state=on] {
+._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181:active, ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_a9a1q_191 {
+._toolbarGroupOfGroups_ykyo3_191 {
   display: flex;
   margin: 0 var(--spacing-1);
 }
 
-._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 {
+._toolbarToggleSingleGroup_ykyo3_196:first-of-type ._toolbarToggleItem_ykyo3_181:only-child, ._toolbarToggleSingleGroup_ykyo3_196:only-child ._toolbarToggleItem_ykyo3_181:first-child, ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._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 {
+._toolbarToggleSingleGroup_ykyo3_196:last-of-type ._toolbarToggleItem_ykyo3_181:only-child, ._toolbarToggleSingleGroup_ykyo3_196:only-child ._toolbarToggleItem_ykyo3_181:last-child, ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_a9a1q_181, ._toolbarButton_a9a1q_210 {
+._toolbarToggleItem_ykyo3_181, ._toolbarButton_ykyo3_210 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -321,36 +321,40 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_a9a1q_181 svg, ._toolbarButton_a9a1q_210 svg {
+._toolbarToggleItem_ykyo3_181 svg, ._toolbarButton_ykyo3_210 svg {
     display: block;
   }
 
-._toolbarToggleItem_a9a1q_181:hover, ._toolbarButton_a9a1q_210:hover {
+._toolbarToggleItem_ykyo3_181:hover, ._toolbarButton_ykyo3_210:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarToggleItem_a9a1q_181:active svg, ._toolbarButton_a9a1q_210:active svg {
+._toolbarToggleItem_ykyo3_181:active svg, ._toolbarButton_ykyo3_210:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_a9a1q_181[data-state=on], ._toolbarButton_a9a1q_210[data-state=on], ._toolbarToggleItem_a9a1q_181:active, ._toolbarButton_a9a1q_210:active {
+._toolbarToggleItem_ykyo3_181[data-state=on], ._toolbarButton_ykyo3_210[data-state=on], ._toolbarToggleItem_ykyo3_181:active, ._toolbarButton_ykyo3_210:active {
     background-color: var(--accentBgActive);
   }
 
-._toolbarToggleItem_a9a1q_181[data-disabled], ._toolbarButton_a9a1q_210[data-disabled] {
+._toolbarToggleItem_ykyo3_181[data-disabled], ._toolbarButton_ykyo3_210[data-disabled] {
     pointer-events: none;
     color: var(--baseBorderHover);
   }
 
-._toolbarButton_a9a1q_210 {
+._toolbarButton_ykyo3_210 {
   border-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_a9a1q_196 {
+._activeToolbarButton_ykyo3_240 {
+  color: var(--accentText);
+}
+
+._toolbarToggleSingleGroup_ykyo3_196 {
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_a9a1q_244, ._toolbarButtonDropdownContainer_a9a1q_245, ._toolbarCodeBlockLanguageSelectContent_a9a1q_246, ._selectContainer_a9a1q_247
+._toolbarNodeKindSelectContainer_ykyo3_248, ._toolbarButtonDropdownContainer_ykyo3_249, ._toolbarCodeBlockLanguageSelectContent_ykyo3_250, ._selectContainer_ykyo3_251
 {
   z-index: 3;
   width: var(--spacing-36);
@@ -360,11 +364,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_a9a1q_245 {
+._toolbarButtonDropdownContainer_ykyo3_249 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarNodeKindSelectTrigger_a9a1q_261, ._toolbarButtonSelectTrigger_a9a1q_262, ._selectTrigger_a9a1q_263 {
+._toolbarNodeKindSelectTrigger_ykyo3_265, ._toolbarButtonSelectTrigger_ykyo3_266, ._selectTrigger_ykyo3_267 {
   border: 0;
   background-color: transparent;
   display: flex;
@@ -380,85 +384,85 @@
   font-size: var(--text-sm);
 }
 
-._toolbarNodeKindSelectTrigger_a9a1q_261:hover, ._toolbarButtonSelectTrigger_a9a1q_262:hover, ._selectTrigger_a9a1q_263:hover {
+._toolbarNodeKindSelectTrigger_ykyo3_265:hover, ._toolbarButtonSelectTrigger_ykyo3_266:hover, ._selectTrigger_ykyo3_267:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarNodeKindSelectTrigger_a9a1q_261[data-state=open], ._toolbarButtonSelectTrigger_a9a1q_262[data-state=open], ._selectTrigger_a9a1q_263[data-state=open] {
+._toolbarNodeKindSelectTrigger_ykyo3_265[data-state=open], ._toolbarButtonSelectTrigger_ykyo3_266[data-state=open], ._selectTrigger_ykyo3_267[data-state=open] {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
     background-color: var(--baseBgHover);
   }
-._selectTrigger_a9a1q_263[data-placeholder] > span:first-child {
+._selectTrigger_ykyo3_267[data-placeholder] > span:first-child {
   color: var(--baseBorderHover);
 }
 
 /** used in the sandpack */
-._toolbarButtonSelectTrigger_a9a1q_262 {
+._toolbarButtonSelectTrigger_ykyo3_266 {
   width: auto;
   padding-inline-start: var(--spacing-2) ;
   padding-inline-end: var(--spacing-1);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_a9a1q_299, ._toolbarCodeBlockLanguageSelectContent_a9a1q_246 
+._toolbarCodeBlockLanguageSelectTrigger_ykyo3_303, ._toolbarCodeBlockLanguageSelectContent_ykyo3_250 
 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_a9a1q_305, ._selectItem_a9a1q_306
+._toolbarNodeKindSelectItem_ykyo3_309, ._selectItem_ykyo3_310
 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2) var(--spacing-4);
 }
 
-._toolbarNodeKindSelectItem_a9a1q_305[data-highlighted], ._selectItem_a9a1q_306[data-highlighted] {
+._toolbarNodeKindSelectItem_ykyo3_309[data-highlighted], ._selectItem_ykyo3_310[data-highlighted] {
     background-color: var(--baseBgSubtle);
   }
 
-._toolbarNodeKindSelectItem_a9a1q_305[data-state=checked], ._selectItem_a9a1q_306[data-state=checked] {
+._toolbarNodeKindSelectItem_ykyo3_309[data-state=checked], ._selectItem_ykyo3_310[data-state=checked] {
     background-color: var(--accentBgActive);
   }
 
-._toolbarNodeKindSelectItem_a9a1q_305[data-highlighted], ._selectItem_a9a1q_306[data-highlighted] {
+._toolbarNodeKindSelectItem_ykyo3_309[data-highlighted], ._selectItem_ykyo3_310[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_a9a1q_305:last-child, ._selectItem_a9a1q_306:last-child {
+._toolbarNodeKindSelectItem_ykyo3_309:last-child, ._selectItem_ykyo3_310:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_a9a1q_330, ._selectDropdownArrow_a9a1q_331 {
+._toolbarNodeKindSelectDropdownArrow_ykyo3_334, ._selectDropdownArrow_ykyo3_335 {
   margin-left: auto;
 }
 
-._contentEditable_a9a1q_335 {
+._contentEditable_ykyo3_339 {
   box-sizing: border-box;
   width: 100%;
   color: var(--baseTextContrast);
   padding: var(--spacing-3);
 }
 
-._contentEditable_a9a1q_335:focus {
+._contentEditable_ykyo3_339:focus {
     outline: none;
   }
 
-._sandpackWrapper_a9a1q_345 {
+._sandpackWrapper_ykyo3_349 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_a9a1q_349 {
+._frontmatterWrapper_ykyo3_353 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_a9a1q_349[data-expanded=true] {
+._frontmatterWrapper_ykyo3_353[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_a9a1q_359 {
+._frontmatterToggleButton_ykyo3_363 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -474,7 +478,7 @@
   font-size: var(--text-sm);
 }
 
-._propertyPanelTitle_a9a1q_367 {
+._propertyPanelTitle_ykyo3_371 {
   font-size: var(--text-xs);
   font-weight: 400;
   margin: 0;
@@ -482,49 +486,49 @@
   padding-left: var(--spacing-2);
 }
 
-._propertyEditorTable_a9a1q_375 {
+._propertyEditorTable_ykyo3_379 {
   table-layout: fixed;
   border-spacing: var(--spacing-2);
 }
 
-._propertyEditorTable_a9a1q_375 th {
+._propertyEditorTable_ykyo3_379 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._propertyEditorTable_a9a1q_375 col:nth-child(1) {
+._propertyEditorTable_ykyo3_379 col:nth-child(1) {
     width: 30%;
   }
 
-._propertyEditorTable_a9a1q_375 col:nth-child(2) {
+._propertyEditorTable_ykyo3_379 col:nth-child(2) {
     width: 70%;
   }
 
-._propertyEditorTable_a9a1q_375 td:last-child ._iconButton_a9a1q_392 {
+._propertyEditorTable_ykyo3_379 td:last-child ._iconButton_ykyo3_396 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._propertyEditorTable_a9a1q_375 ._readOnlyColumnCell_a9a1q_397 {
+._propertyEditorTable_ykyo3_379 ._readOnlyColumnCell_ykyo3_401 {
     padding-left: 0;
   }
 
-._propertyEditorLabelCell_a9a1q_402 {
+._propertyEditorLabelCell_ykyo3_406 {
   font-weight: 400;
 }
 
-._readOnlyColumnCell_a9a1q_397 {
+._readOnlyColumnCell_ykyo3_401 {
   padding-left: 0;
 }
 
-._buttonsFooter_a9a1q_410 {
+._buttonsFooter_ykyo3_414 {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-2);
 }
 
-._propertyEditorInput_a9a1q_416 {
+._propertyEditorInput_ykyo3_420 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -542,7 +546,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_a9a1q_392 {
+._iconButton_ykyo3_396 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -555,15 +559,15 @@
   color:var(--baseText);
 }
 
-._iconButton_a9a1q_392:hover {
+._iconButton_ykyo3_396:hover {
     color: var(--accentText);
   }
 
-._iconButton_a9a1q_392:disabled, ._iconButton_a9a1q_392:disabled:hover {
+._iconButton_ykyo3_396:disabled, ._iconButton_ykyo3_396:disabled:hover {
     color:var(--baseLine);
   }
 
-._primaryButton_a9a1q_437, ._secondaryButton_a9a1q_437 {
+._primaryButton_ykyo3_441, ._secondaryButton_ykyo3_441 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -581,30 +585,37 @@
   border-radius: var(--radius-medium);
 }
 
-._primaryButton_a9a1q_437:disabled, ._secondaryButton_a9a1q_437:disabled {
+._primaryButton_ykyo3_441:disabled, ._secondaryButton_ykyo3_441:disabled {
     background: var(--accentLine);
     border-color: var(--accentBg);
   }
 
-._secondaryButton_a9a1q_437 {
+._smallButton_ykyo3_455 {
+  font-size: var(--text-xs);
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-base);
+}
+
+._secondaryButton_ykyo3_441 {
   border: 1px solid var(--baseBorder);
   background-color: var(--baseSolidHover);
   color:var(--baseBase);
 }
 
-._linkDialogEditForm_a9a1q_457 {
+._linkDialogEditForm_ykyo3_467 {
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  align-items: stretch;
   gap: var(--spacing-2);
 }
 
-._linkDialogInputContainer_a9a1q_463 {
+._linkDialogInputContainer_ykyo3_474 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_a9a1q_469 {
+._linkDialogInputWrapper_ykyo3_480 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -613,13 +624,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_a9a1q_469[data-visible-dropdown=true] {
+._linkDialogInputWrapper_ykyo3_480[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_a9a1q_469 > button {
+._linkDialogInputWrapper_ykyo3_480 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -632,7 +643,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_a9a1q_463 {
+._linkDialogInput_ykyo3_474 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -642,24 +653,24 @@
   all: unset;
   box-sizing: border-box;
   cursor: default;
-  width: 13rem;
+  width: 20rem;
   padding: var(--spacing-2) var(--spacing-3);
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_a9a1q_463::-moz-placeholder {
+._linkDialogInput_ykyo3_474::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_a9a1q_463::placeholder {
+._linkDialogInput_ykyo3_474::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAutocompleteContainer_a9a1q_499 {
+._linkDialogAutocompleteContainer_ykyo3_510 {
   position: relative;
 }
 
-._linkDialogAutocompleteContainer_a9a1q_499 ul {
+._linkDialogAutocompleteContainer_ykyo3_510 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -676,11 +687,11 @@
     background-color: var(--baseBase);
   }
 
-._linkDialogAutocompleteContainer_a9a1q_499 ul[data-visible=true] {
+._linkDialogAutocompleteContainer_ykyo3_510 ul[data-visible=true] {
       display: block;
     }
 
-._linkDialogAutocompleteContainer_a9a1q_499 ul li {
+._linkDialogAutocompleteContainer_ykyo3_510 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -688,34 +699,34 @@
       text-overflow: ellipsis;
     }
 
-._linkDialogAutocompleteContainer_a9a1q_499 ul li[data-selected=true] {
+._linkDialogAutocompleteContainer_ykyo3_510 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._linkDialogAutocompleteContainer_a9a1q_499 ul li[data-highlighted=true] {
+._linkDialogAutocompleteContainer_ykyo3_510 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._linkDialogAutocompleteContainer_a9a1q_499 ul li:last-of-type {
+._linkDialogAutocompleteContainer_ykyo3_510 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._linkDialogAnchor_a9a1q_544 {
+._linkDialogAnchor_ykyo3_555 {
   position: fixed;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_a9a1q_544[data-visible=true] {
+._linkDialogAnchor_ykyo3_555[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_a9a1q_544[data-visible=false] {
+._linkDialogAnchor_ykyo3_555[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_a9a1q_558, ._tableColumnEditorPopoverContent_a9a1q_558, ._dialogContent_a9a1q_558 {
+._linkDialogPopoverContent_ykyo3_569, ._tableColumnEditorPopoverContent_ykyo3_569, ._dialogContent_ykyo3_569 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -727,7 +738,38 @@
   font-size: var(--text-sm);
 }
 
-._popoverContent_a9a1q_570 {
+._largeDialogContent_ykyo3_581 {
+  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
+  gap: var(--spacing-0_5);
+  border-radius:var(--radius-medium);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBgSubtle);
+  padding:var(--spacing-4);
+  font-size: var(--text-sm);
+}
+
+._dialogTitle_ykyo3_591 {
+  font-size: var(--text-base);
+  font-weight: 600;
+  padding-left: var(--spacing-2);
+}
+
+._dialogCloseButton_ykyo3_597 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+
+._popoverContent_ykyo3_604 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -738,13 +780,13 @@
   font-size: var(--text-sm);
 }
 
-._popoverArrow_a9a1q_581 {
+._popoverArrow_ykyo3_615 {
   fill: var(--baseBgSubtle);
 }
 
 
 
-._linkDialogPreviewAnchor_a9a1q_587 {
+._linkDialogPreviewAnchor_ykyo3_621 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -755,7 +797,7 @@
 
 
 
-._linkDialogPreviewAnchor_a9a1q_587 svg {
+._linkDialogPreviewAnchor_ykyo3_621 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
@@ -763,14 +805,14 @@
 
 
 
-._linkDialogPreviewAnchor_a9a1q_587 span {
+._linkDialogPreviewAnchor_ykyo3_621 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-._tooltipContent_a9a1q_609 {
+._tooltipContent_ykyo3_643 {
   z-index: 2;
   position: relative;
   border-radius: var(--radius-medium);
@@ -780,11 +822,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_a9a1q_609 svg {
+._tooltipContent_ykyo3_643 svg {
     fill: var(--baseText);
   }
 
-._actionButton_a9a1q_623 {
+._actionButton_ykyo3_657 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -799,33 +841,33 @@
   border-radius: var(--radius-medium);
 }
 
-._actionButton_a9a1q_623 svg {
+._actionButton_ykyo3_657 svg {
     display: block;
   }
 
-._actionButton_a9a1q_623:hover {
+._actionButton_ykyo3_657:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_a9a1q_623:active svg {
+._actionButton_ykyo3_657:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_a9a1q_623[data-state=on], ._actionButton_a9a1q_623:active {
+._actionButton_ykyo3_657[data-state=on], ._actionButton_ykyo3_657:active {
     background-color: var(--accentBgActive);
   }
 
-._primaryActionButton_a9a1q_629 {
+._primaryActionButton_ykyo3_663 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_a9a1q_629:hover {
+._primaryActionButton_ykyo3_663:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_a9a1q_638 {
+._tableEditor_ykyo3_672 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -833,50 +875,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_a9a1q_638 thead > tr > th {
+._tableEditor_ykyo3_672 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_a9a1q_638 > tbody > tr > td:not(._toolCell_a9a1q_649) {
+._tableEditor_ykyo3_672 > tbody > tr > td:not(._toolCell_ykyo3_683) {
     border: 1px solid var(--baseBorder);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_a9a1q_638 > tbody > tr > td:not(._toolCell_a9a1q_649) > div {
+._tableEditor_ykyo3_672 > tbody > tr > td:not(._toolCell_ykyo3_683) > div {
       outline: none;
     }
 
-._tableEditor_a9a1q_638 > tbody > tr > td:not(._toolCell_a9a1q_649) > div > p {
+._tableEditor_ykyo3_672 > tbody > tr > td:not(._toolCell_ykyo3_683) > div > p {
         margin: 0;
       }
 
-._tableEditor_a9a1q_638 > tbody > tr > td[data-active=true]:not(._toolCell_a9a1q_649) {
+._tableEditor_ykyo3_672 > tbody > tr > td[data-active=true]:not(._toolCell_ykyo3_683) {
       outline: solid 2px var(--accentSolid)
     }
 
-._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 {
+._tableEditor_ykyo3_672 ._tableColumnEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672 ._tableRowEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672 ._addRowButton_ykyo3_700, ._tableEditor_ykyo3_672 ._addColumnButton_ykyo3_700, ._tableEditor_ykyo3_672 ._iconButton_ykyo3_396 {
     opacity: .2;
   }
 
-._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 {
+._tableEditor_ykyo3_672:hover ._tableColumnEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672:hover ._tableRowEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672:hover ._addRowButton_ykyo3_700, ._tableEditor_ykyo3_672:hover ._addColumnButton_ykyo3_700, ._tableEditor_ykyo3_672:hover ._iconButton_ykyo3_396 {
       opacity: .5;
     }
 
-._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 {
+._tableEditor_ykyo3_672:hover ._tableColumnEditorTrigger_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._tableRowEditorTrigger_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._addRowButton_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._addColumnButton_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._iconButton_ykyo3_396:hover {
         opacity: 1;
       }
 
-._toolCell_a9a1q_649 {
+._toolCell_ykyo3_683 {
   text-align: right;
 }
 
-._toolCell_a9a1q_649 button {
+._toolCell_ykyo3_683 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_a9a1q_666 {
+._tableColumnEditorTrigger_ykyo3_700 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -892,31 +934,31 @@
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_a9a1q_666 svg {
+._tableColumnEditorTrigger_ykyo3_700 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_a9a1q_666:hover {
+._tableColumnEditorTrigger_ykyo3_700:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_a9a1q_666:active svg {
+._tableColumnEditorTrigger_ykyo3_700:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_a9a1q_666[data-state=on], ._tableColumnEditorTrigger_a9a1q_666:active {
+._tableColumnEditorTrigger_ykyo3_700[data-state=on], ._tableColumnEditorTrigger_ykyo3_700:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorTrigger_a9a1q_666[data-active=true] {
+._tableColumnEditorTrigger_ykyo3_700[data-active=true] {
     opacity: 1;
   }
 
-._tableColumnEditorToolbar_a9a1q_700 {
+._tableColumnEditorToolbar_ykyo3_734 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_a9a1q_700 > button {
+._tableColumnEditorToolbar_ykyo3_734 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -929,34 +971,34 @@
     padding: var(--spacing-2);
   }
 
-._tableColumnEditorToolbar_a9a1q_700 > button svg {
+._tableColumnEditorToolbar_ykyo3_734 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_a9a1q_700 > button:hover {
+._tableColumnEditorToolbar_ykyo3_734 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_a9a1q_700 > button:active svg {
+._tableColumnEditorToolbar_ykyo3_734 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_a9a1q_700 > button[data-state=on], ._tableColumnEditorToolbar_a9a1q_700 > button:active {
+._tableColumnEditorToolbar_ykyo3_734 > button[data-state=on], ._tableColumnEditorToolbar_ykyo3_734 > button:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorToolbar_a9a1q_700 [role=separator] {
+._tableColumnEditorToolbar_ykyo3_734 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
 
-._toggleGroupRoot_a9a1q_712 {
+._toggleGroupRoot_ykyo3_746 {
   display: inline-flex;
 }
 
 
-._toggleGroupRoot_a9a1q_712 button {
+._toggleGroupRoot_ykyo3_746 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -970,59 +1012,59 @@
   }
 
 
-._toggleGroupRoot_a9a1q_712 button svg {
+._toggleGroupRoot_ykyo3_746 button svg {
     display: block;
   }
 
 
-._toggleGroupRoot_a9a1q_712 button:hover {
+._toggleGroupRoot_ykyo3_746 button:hover {
     background-color: var(--baseBgHover);
   }
 
 
-._toggleGroupRoot_a9a1q_712 button:active svg {
+._toggleGroupRoot_ykyo3_746 button:active svg {
     transform: translate(1px, 1px);
   }
 
 
-._toggleGroupRoot_a9a1q_712 button[data-state=on], ._toggleGroupRoot_a9a1q_712 button:active {
+._toggleGroupRoot_ykyo3_746 button[data-state=on], ._toggleGroupRoot_ykyo3_746 button:active {
     background-color: var(--accentBgActive);
   }
 
 
-._toggleGroupRoot_a9a1q_712 button:first-child {
+._toggleGroupRoot_ykyo3_746 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
 
-._toggleGroupRoot_a9a1q_712 button:last-child {
+._toggleGroupRoot_ykyo3_746 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_a9a1q_729 {
+._tableToolsColumn_ykyo3_763 {
   width: 3rem;
 }
 
-._tableToolsColumn_a9a1q_729 button {
+._tableToolsColumn_ykyo3_763 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_a9a1q_737 {
+._leftAlignedCell_ykyo3_771 {
   text-align: left;
 }
 
-._rightAlignedCell_a9a1q_741 {
+._rightAlignedCell_ykyo3_775 {
   text-align: right;
 }
 
-._centeredCell_a9a1q_745 {
+._centeredCell_ykyo3_779 {
   text-align: center;
 }
 
-._addColumnButton_a9a1q_666, ._addRowButton_a9a1q_666 {
+._addColumnButton_ykyo3_700, ._addRowButton_ykyo3_700 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1040,61 +1082,62 @@
   border-radius: var(--radius-medium);
 }
 
-._addColumnButton_a9a1q_666 svg, ._addRowButton_a9a1q_666 svg {
+._addColumnButton_ykyo3_700 svg, ._addRowButton_ykyo3_700 svg {
     display: block;
   }
 
-._addColumnButton_a9a1q_666:hover, ._addRowButton_a9a1q_666:hover {
+._addColumnButton_ykyo3_700:hover, ._addRowButton_ykyo3_700:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_a9a1q_666:active svg, ._addRowButton_a9a1q_666:active svg {
+._addColumnButton_ykyo3_700:active svg, ._addRowButton_ykyo3_700:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_a9a1q_666[data-state=on], ._addRowButton_a9a1q_666[data-state=on], ._addColumnButton_a9a1q_666:active, ._addRowButton_a9a1q_666:active {
+._addColumnButton_ykyo3_700[data-state=on], ._addRowButton_ykyo3_700[data-state=on], ._addColumnButton_ykyo3_700:active, ._addRowButton_ykyo3_700:active {
     background-color: var(--accentBgActive);
   }
 
-._addColumnButton_a9a1q_666 svg, ._addRowButton_a9a1q_666 svg {
+._addColumnButton_ykyo3_700 svg, ._addRowButton_ykyo3_700 svg {
     margin: auto;
   }
 
-._addRowButton_a9a1q_666 {
+._addRowButton_ykyo3_700 {
   width: 100%;
   margin-top: var(--spacing-2);
   box-sizing: border-box;
 }
 
-._addColumnButton_a9a1q_666 {
+._addColumnButton_ykyo3_700 {
   margin-left: var(--spacing-2);
   height: 100%;
 }
 
 /** Dialog */
-._dialogOverlay_a9a1q_773 {
+._dialogOverlay_ykyo3_807 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_a9a1q_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_ykyo3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_a9a1q_558 {
+._dialogContent_ykyo3_569, ._largeDialogContent_ykyo3_581 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_a9a1q_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_ykyo3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
-._dialogContent_a9a1q_558:focus {
+
+._dialogContent_ykyo3_569:focus, ._largeDialogContent_ykyo3_581:focus {
   outline: none;
 }
 
 
-@keyframes _overlayShow_a9a1q_1 {
+@keyframes _overlayShow_ykyo3_1 {
   from {
     opacity: 0;
   }
@@ -1103,7 +1146,7 @@
   }
 }
 
-@keyframes _contentShow_a9a1q_1 {
+@keyframes _contentShow_ykyo3_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -1114,22 +1157,22 @@
   }
 }
 
-._focusedImage_a9a1q_815 {
+._focusedImage_ykyo3_850 {
   outline: highlight solid 2px;
 }
 
-._imageWrapper_a9a1q_819 {
+._imageWrapper_ykyo3_854 {
   display: inline-block;
   position: relative;
 }
 
-._imageWrapper_a9a1q_819[draggable=true] {
+._imageWrapper_ykyo3_854[draggable=true] {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -webkit-grab;
 }
 
-._inlineEditor_a9a1q_831 {
+._inlineEditor_ykyo3_866 {
   display: inline-flex;
   border-radius: var(--radius-medium);
   padding: var(--spacing-1);
@@ -1138,7 +1181,7 @@
   background: var(--baseBg);
 }
 
-._blockEditor_a9a1q_840 {
+._blockEditor_ykyo3_875 {
   display: flex;
   justify-content: stretch;
   border-radius: var(--radius-medium);
@@ -1148,71 +1191,71 @@
   background: var(--baseBg);
 }
 
-._blockEditor_a9a1q_840 ._nestedEditor_a9a1q_849 {
+._blockEditor_ykyo3_875 ._nestedEditor_ykyo3_884 {
     flex-grow: 1;
   }
 
-._nestedEditor_a9a1q_849 {
+._nestedEditor_ykyo3_884 {
   background: white;
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-medium);
 }
 
-._nestedEditor_a9a1q_849 > p {
+._nestedEditor_ykyo3_884 > p {
     margin: 0;
   }
 
-._nestedEditor_a9a1q_849:focus {
+._nestedEditor_ykyo3_884:focus {
     outline: none;
   }
 
-._genericComponentName_a9a1q_866 {
+._genericComponentName_ykyo3_901 {
   font-size: var(--text-sm);
   color: var(--baseText);
   padding-right: var(--spacing-2);
 }
 
-._diffSourceToggle_a9a1q_872 {
+._diffSourceToggle_ykyo3_907 {
   border: 1px solid var(--baseBorder);
   border-radius: var(--radius-medium);
   display: flex;
 }
 
-._diffSourceToggle_a9a1q_872 ._toolbarToggleItem_a9a1q_181 {
+._diffSourceToggle_ykyo3_907 ._toolbarToggleItem_ykyo3_181 {
     padding: 0;
   }
 
-._diffSourceToggle_a9a1q_872 ._toolbarToggleItem_a9a1q_181 > span {
+._diffSourceToggle_ykyo3_907 ._toolbarToggleItem_ykyo3_181 > span {
       display: block;
       padding: var(--spacing-2) var(--spacing-3);
     }
 
-._selectWithLabel_a9a1q_886 {
+._selectWithLabel_ykyo3_921 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   margin-left: var(--spacing-2);
 }
 
-._selectWithLabel_a9a1q_886 > label {
+._selectWithLabel_ykyo3_921 > label {
     font-size: var(--text-sm);
   }
 
-._selectWithLabel_a9a1q_886 ._selectTrigger_a9a1q_263 {
+._selectWithLabel_ykyo3_921 ._selectTrigger_ykyo3_267 {
     border: 1px solid var(--baseBorder);
   }
 
-._toolbarTitleMode_a9a1q_900 {
+._toolbarTitleMode_ykyo3_935 {
   font-size: var(--text-sm);
   margin-left: var(--spacing-2);
 }
 
 
-._imageControlWrapperResizing_a9a1q_906 {
+._imageControlWrapperResizing_ykyo3_941 {
   touch-action: none;
 }
 
-._imageResizer_a9a1q_910 {
+._imageResizer_ykyo3_945 {
   display: block;
   width: 7px;
   height: 7px;
@@ -1221,55 +1264,55 @@
   border: 1px solid var(--baseBg);
 }
 
-._imageResizer_a9a1q_910._imageResizerN_a9a1q_919 {
+._imageResizer_ykyo3_945._imageResizerN_ykyo3_954 {
   top: -6px;
   left: 48%;
   cursor: n-resize;
 }
 
-._imageResizer_a9a1q_910._imageResizerNe_a9a1q_925 {
+._imageResizer_ykyo3_945._imageResizerNe_ykyo3_960 {
   top: -6px;
   right: -6px;
   cursor: ne-resize;
 }
 
-._imageResizer_a9a1q_910._imageResizerE_a9a1q_931 {
+._imageResizer_ykyo3_945._imageResizerE_ykyo3_966 {
   bottom: 48%;
   right: -6px;
   cursor: e-resize;
 }
 
-._imageResizer_a9a1q_910._imageResizerSe_a9a1q_937 {
+._imageResizer_ykyo3_945._imageResizerSe_ykyo3_972 {
   bottom: -2px;
   right: -6px;
   cursor: nwse-resize;
 }
 
-._imageResizer_a9a1q_910._imageResizerS_a9a1q_937 {
+._imageResizer_ykyo3_945._imageResizerS_ykyo3_972 {
   bottom: -2px;
   left: 48%;
   cursor: s-resize;
 }
 
-._imageResizer_a9a1q_910._imageResizerSw_a9a1q_949 {
+._imageResizer_ykyo3_945._imageResizerSw_ykyo3_984 {
   bottom: -2px;
   left: -6px;
   cursor: sw-resize;
 }
 
-._imageResizer_a9a1q_910._imageResizerW_a9a1q_955 {
+._imageResizer_ykyo3_945._imageResizerW_ykyo3_990 {
   bottom: 48%;
   left: -6px;
   cursor: w-resize;
 }
 
-._imageResizer_a9a1q_910._imageResizerNw_a9a1q_961 {
+._imageResizer_ykyo3_945._imageResizerNw_ykyo3_996 {
   top: -6px;
   left: -6px;
   cursor: nw-resize;
 }
 
-._placeholder_a9a1q_967 {
+._placeholder_ykyo3_1002 {
     color: var(--baseSolid);
     overflow: hidden;
     position: absolute;
@@ -1284,7 +1327,7 @@
     pointer-events: none;
 }
   
-._rootContentEditableWrapper_a9a1q_980 {
+._rootContentEditableWrapper_ykyo3_1015 {
   position: relative;
 }
 :root, ._light-theme_13nbk_1 {