@mdxeditor/editor 0.10.0-alpha.1 → 0.10.0-alpha.3

package/dist/style.css

@@ -110,7 +110,17 @@
   --red11: hsl(358, 65.0%, 48.7%);
   --red12: hsl(354, 50.0%, 14.6%);
 }
-._editorRoot_1tl3n_36 {
+.mdxeditor .diff {
+    --diff-font-family: var(--font-mono);
+    font-size: var(--text-xs);
+  }
+.mdxeditor .sp-cm pre {
+      white-space: break-spaces;
+      word-break: break-word;
+      overflow-wrap: anywhere;
+      flex-shrink: 1;
+    }
+._editorRoot_1i155_36 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -201,25 +211,26 @@
   --text-xs: 0.75rem;
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   color: var(--baseText);
+
 }
 
-._dropZone_1tl3n_129 {
+._dropZone_1i155_130 {
   background: transparent;
 }
 
-._dropZone_1tl3n_129[data-drop-zone-active=true] {
+._dropZone_1i155_130[data-drop-zone-active=true] {
   background: red;
 }
 
-._editorWrapper_1tl3n_137 {
+._editorWrapper_1i155_138 {
   padding: var(--spacing-3);
 }
 
-._nestedListItem_1tl3n_141 {
+._nestedListItem_1i155_142 {
   list-style: none;
 }
 
-._toolbarRoot_1tl3n_145 {
+._toolbarRoot_1i155_146 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
   margin-bottom: var(--spacing-6);
   z-index: 1;
@@ -236,14 +247,14 @@
   width: inherit;
 }
 
-._toolbarRoot_1tl3n_145 div[role=separator] {
+._toolbarRoot_1i155_146 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_1tl3n_169 {
+._toolbarModeSwitch_1i155_170 {
   margin-left: auto;
   align-self: stretch;
   align-items: stretch;
@@ -253,31 +264,31 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178 {
+._toolbarModeSwitch_1i155_170 ._toolbarToggleItem_1i155_179 {
     padding-inline-end: var(--spacing-4);
     padding-inline-start: var(--spacing-4);
   }
 
-._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178:active, ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178[data-state=on] {
+._toolbarModeSwitch_1i155_170 ._toolbarToggleItem_1i155_179:active, ._toolbarModeSwitch_1i155_170 ._toolbarToggleItem_1i155_179[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_1tl3n_188 {
+._toolbarGroupOfGroups_1i155_189 {
   display: flex;
   margin: 0 var(--spacing-1);
 }
 
-._toolbarToggleSingleGroup_1tl3n_193:first-of-type ._toolbarToggleItem_1tl3n_178:only-child, ._toolbarToggleSingleGroup_1tl3n_193:only-child ._toolbarToggleItem_1tl3n_178:first-child, ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178:first-child {
+._toolbarToggleSingleGroup_1i155_194:first-of-type ._toolbarToggleItem_1i155_179:only-child, ._toolbarToggleSingleGroup_1i155_194:only-child ._toolbarToggleItem_1i155_179:first-child, ._toolbarModeSwitch_1i155_170 ._toolbarToggleItem_1i155_179:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1tl3n_193:last-of-type ._toolbarToggleItem_1tl3n_178:only-child, ._toolbarToggleSingleGroup_1tl3n_193:only-child ._toolbarToggleItem_1tl3n_178:last-child, ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178:last-child {
+._toolbarToggleSingleGroup_1i155_194:last-of-type ._toolbarToggleItem_1i155_179:only-child, ._toolbarToggleSingleGroup_1i155_194:only-child ._toolbarToggleItem_1i155_179:last-child, ._toolbarModeSwitch_1i155_170 ._toolbarToggleItem_1i155_179:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_1tl3n_178, ._toolbarButton_1tl3n_207 {
+._toolbarToggleItem_1i155_179, ._toolbarButton_1i155_208 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -290,36 +301,36 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_1tl3n_178 svg, ._toolbarButton_1tl3n_207 svg {
+._toolbarToggleItem_1i155_179 svg, ._toolbarButton_1i155_208 svg {
     display: block;
   }
 
-._toolbarToggleItem_1tl3n_178:hover, ._toolbarButton_1tl3n_207:hover {
+._toolbarToggleItem_1i155_179:hover, ._toolbarButton_1i155_208:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarToggleItem_1tl3n_178:active svg, ._toolbarButton_1tl3n_207:active svg {
+._toolbarToggleItem_1i155_179:active svg, ._toolbarButton_1i155_208:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_1tl3n_178[data-state=on], ._toolbarButton_1tl3n_207[data-state=on], ._toolbarToggleItem_1tl3n_178:active, ._toolbarButton_1tl3n_207:active {
+._toolbarToggleItem_1i155_179[data-state=on], ._toolbarButton_1i155_208[data-state=on], ._toolbarToggleItem_1i155_179:active, ._toolbarButton_1i155_208:active {
     background-color: var(--accentBgActive);
   }
 
-._toolbarToggleItem_1tl3n_178[data-disabled], ._toolbarButton_1tl3n_207[data-disabled] {
+._toolbarToggleItem_1i155_179[data-disabled], ._toolbarButton_1i155_208[data-disabled] {
     pointer-events: none;
     color: var(--baseBorderHover);
   }
 
-._toolbarButton_1tl3n_207 {
+._toolbarButton_1i155_208 {
   border-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1tl3n_193 {
+._toolbarToggleSingleGroup_1i155_194 {
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_1tl3n_241, ._toolbarButtonDropdownContainer_1tl3n_242, ._toolbarCodeBlockLanguageSelectContent_1tl3n_243, ._selectContainer_1tl3n_244
+._toolbarNodeKindSelectContainer_1i155_242, ._toolbarButtonDropdownContainer_1i155_243, ._toolbarCodeBlockLanguageSelectContent_1i155_244, ._selectContainer_1i155_245
 {
   z-index: 3;
   width: var(--spacing-36);
@@ -329,11 +340,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_1tl3n_242 {
+._toolbarButtonDropdownContainer_1i155_243 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarNodeKindSelectTrigger_1tl3n_258, ._toolbarButtonSelectTrigger_1tl3n_259, ._selectTrigger_1tl3n_260 {
+._toolbarNodeKindSelectTrigger_1i155_259, ._toolbarButtonSelectTrigger_1i155_260, ._selectTrigger_1i155_261 {
   border: 0;
   background-color: transparent;
   display: flex;
@@ -349,80 +360,80 @@
   font-size: var(--text-sm);
 }
 
-._toolbarNodeKindSelectTrigger_1tl3n_258:hover, ._toolbarButtonSelectTrigger_1tl3n_259:hover, ._selectTrigger_1tl3n_260:hover {
+._toolbarNodeKindSelectTrigger_1i155_259:hover, ._toolbarButtonSelectTrigger_1i155_260:hover, ._selectTrigger_1i155_261:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarNodeKindSelectTrigger_1tl3n_258[data-state=open], ._toolbarButtonSelectTrigger_1tl3n_259[data-state=open], ._selectTrigger_1tl3n_260[data-state=open] {
+._toolbarNodeKindSelectTrigger_1i155_259[data-state=open], ._toolbarButtonSelectTrigger_1i155_260[data-state=open], ._selectTrigger_1i155_261[data-state=open] {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
     background-color: var(--baseBgHover);
   }
 
 /** used in the sandpack */
-._toolbarButtonSelectTrigger_1tl3n_259 {
+._toolbarButtonSelectTrigger_1i155_260 {
   width: auto;
   padding-inline-start: var(--spacing-2) ;
   padding-inline-end: var(--spacing-1);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_1tl3n_293, ._toolbarCodeBlockLanguageSelectContent_1tl3n_243 
+._toolbarCodeBlockLanguageSelectTrigger_1i155_294, ._toolbarCodeBlockLanguageSelectContent_1i155_244 
 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_1tl3n_299, ._selectItem_1tl3n_300
+._toolbarNodeKindSelectItem_1i155_300, ._selectItem_1i155_301
 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2) var(--spacing-4);
 }
 
-._toolbarNodeKindSelectItem_1tl3n_299[data-highlighted], ._selectItem_1tl3n_300[data-highlighted] {
+._toolbarNodeKindSelectItem_1i155_300[data-highlighted], ._selectItem_1i155_301[data-highlighted] {
     background-color: var(--baseBgSubtle);
   }
 
-._toolbarNodeKindSelectItem_1tl3n_299[data-state=checked], ._selectItem_1tl3n_300[data-state=checked] {
+._toolbarNodeKindSelectItem_1i155_300[data-state=checked], ._selectItem_1i155_301[data-state=checked] {
     background-color: var(--accentBgActive);
   }
 
-._toolbarNodeKindSelectItem_1tl3n_299[data-highlighted], ._selectItem_1tl3n_300[data-highlighted] {
+._toolbarNodeKindSelectItem_1i155_300[data-highlighted], ._selectItem_1i155_301[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_1tl3n_299:last-child, ._selectItem_1tl3n_300:last-child {
+._toolbarNodeKindSelectItem_1i155_300:last-child, ._selectItem_1i155_301:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_1tl3n_324, ._selectDropdownArrow_1tl3n_325 {
+._toolbarNodeKindSelectDropdownArrow_1i155_325, ._selectDropdownArrow_1i155_326 {
   margin-left: auto;
 }
 
-._contentEditable_1tl3n_329 {
+._contentEditable_1i155_330 {
   width: 100%;
   color: var(--baseTextContrast);
 }
 
-._contentEditable_1tl3n_329:focus {
+._contentEditable_1i155_330:focus {
     outline: none;
   }
 
-._sandpackWrapper_1tl3n_337 {
+._sandpackWrapper_1i155_338 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_1tl3n_341 {
+._frontmatterWrapper_1i155_342 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_1tl3n_341[data-expanded=true] {
+._frontmatterWrapper_1i155_342[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_1tl3n_351 {
+._frontmatterToggleButton_1i155_352 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -438,7 +449,7 @@
   font-size: var(--text-sm);
 }
 
-._propertyPanelTitle_1tl3n_359 {
+._propertyPanelTitle_1i155_360 {
   font-size: var(--text-xs);
   font-weight: 400;
   margin: 0;
@@ -446,49 +457,49 @@
   padding-left: var(--spacing-2);
 }
 
-._propertyEditorTable_1tl3n_367 {
+._propertyEditorTable_1i155_368 {
   table-layout: fixed;
   border-spacing: var(--spacing-2);
 }
 
-._propertyEditorTable_1tl3n_367 th {
+._propertyEditorTable_1i155_368 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._propertyEditorTable_1tl3n_367 col:nth-child(1) {
+._propertyEditorTable_1i155_368 col:nth-child(1) {
     width: 30%;
   }
 
-._propertyEditorTable_1tl3n_367 col:nth-child(2) {
+._propertyEditorTable_1i155_368 col:nth-child(2) {
     width: 70%;
   }
 
-._propertyEditorTable_1tl3n_367 td:last-child ._iconButton_1tl3n_384 {
+._propertyEditorTable_1i155_368 td:last-child ._iconButton_1i155_385 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._propertyEditorTable_1tl3n_367 ._readOnlyColumnCell_1tl3n_389 {
+._propertyEditorTable_1i155_368 ._readOnlyColumnCell_1i155_390 {
     padding-left: 0;
   }
 
-._propertyEditorLabelCell_1tl3n_394 {
+._propertyEditorLabelCell_1i155_395 {
   font-weight: 400;
 }
 
-._readOnlyColumnCell_1tl3n_389 {
+._readOnlyColumnCell_1i155_390 {
   padding-left: 0;
 }
 
-._buttonsFooter_1tl3n_402 {
+._buttonsFooter_1i155_403 {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-2);
 }
 
-._propertyEditorInput_1tl3n_408 {
+._propertyEditorInput_1i155_409 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -506,7 +517,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_1tl3n_384 {
+._iconButton_1i155_385 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -519,7 +530,7 @@
   color:var(--baseText);
 }
 
-._primaryButton_1tl3n_423, ._secondaryButton_1tl3n_423 {
+._primaryButton_1i155_424, ._secondaryButton_1i155_424 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -537,25 +548,25 @@
   border-radius: var(--radius-medium);
 }
 
-._secondaryButton_1tl3n_423 {
+._secondaryButton_1i155_424 {
   border: 1px solid var(--baseBorder);
   background-color: var(--baseSolidHover);
   color:var(--baseBase);
 }
 
-._linkDialogEditForm_1tl3n_439 {
+._linkDialogEditForm_1i155_440 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
 }
 
-._linkDialogInputContainer_1tl3n_445 {
+._linkDialogInputContainer_1i155_446 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_1tl3n_451 {
+._linkDialogInputWrapper_1i155_452 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -564,13 +575,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_1tl3n_451[data-visible-dropdown=true] {
+._linkDialogInputWrapper_1i155_452[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_1tl3n_451 > button {
+._linkDialogInputWrapper_1i155_452 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -583,7 +594,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_1tl3n_445 {
+._linkDialogInput_1i155_446 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -598,19 +609,19 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_1tl3n_445::-moz-placeholder {
+._linkDialogInput_1i155_446::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_1tl3n_445::placeholder {
+._linkDialogInput_1i155_446::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAutocompleteContainer_1tl3n_481 {
+._linkDialogAutocompleteContainer_1i155_482 {
   position: relative;
 }
 
-._linkDialogAutocompleteContainer_1tl3n_481 ul {
+._linkDialogAutocompleteContainer_1i155_482 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -627,11 +638,11 @@
     background-color: var(--baseBase);
   }
 
-._linkDialogAutocompleteContainer_1tl3n_481 ul[data-visible=true] {
+._linkDialogAutocompleteContainer_1i155_482 ul[data-visible=true] {
       display: block;
     }
 
-._linkDialogAutocompleteContainer_1tl3n_481 ul li {
+._linkDialogAutocompleteContainer_1i155_482 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -639,34 +650,34 @@
       text-overflow: ellipsis;
     }
 
-._linkDialogAutocompleteContainer_1tl3n_481 ul li[data-selected=true] {
+._linkDialogAutocompleteContainer_1i155_482 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._linkDialogAutocompleteContainer_1tl3n_481 ul li[data-highlighted=true] {
+._linkDialogAutocompleteContainer_1i155_482 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._linkDialogAutocompleteContainer_1tl3n_481 ul li:last-of-type {
+._linkDialogAutocompleteContainer_1i155_482 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._linkDialogAnchor_1tl3n_526 {
-  position: absolute;
+._linkDialogAnchor_1i155_527 {
+  position: fixed;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_1tl3n_526[data-visible=true] {
+._linkDialogAnchor_1i155_527[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_1tl3n_526[data-visible=false] {
+._linkDialogAnchor_1i155_527[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_1tl3n_540, ._tableColumnEditorPopoverContent_1tl3n_540, ._dialogContent_1tl3n_540 {
+._linkDialogPopoverContent_1i155_541, ._tableColumnEditorPopoverContent_1i155_541, ._dialogContent_1i155_541 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -678,7 +689,7 @@
   font-size: var(--text-sm);
 }
 
-._popoverContent_1tl3n_552 {
+._popoverContent_1i155_553 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -689,13 +700,13 @@
   font-size: var(--text-sm);
 }
 
-._popoverArrow_1tl3n_563 {
+._popoverArrow_1i155_564 {
   fill: var(--baseBgSubtle);
 }
 
 
 
-._linkDialogPreviewAnchor_1tl3n_569 {
+._linkDialogPreviewAnchor_1i155_570 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -706,7 +717,7 @@
 
 
 
-._linkDialogPreviewAnchor_1tl3n_569 svg {
+._linkDialogPreviewAnchor_1i155_570 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
@@ -714,14 +725,14 @@
 
 
 
-._linkDialogPreviewAnchor_1tl3n_569 span {
+._linkDialogPreviewAnchor_1i155_570 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-._tooltipContent_1tl3n_591 {
+._tooltipContent_1i155_592 {
   z-index: 2;
   position: relative;
   border-radius: var(--radius-medium);
@@ -731,11 +742,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_1tl3n_591 svg {
+._tooltipContent_1i155_592 svg {
     fill: var(--baseText);
   }
 
-._actionButton_1tl3n_605 {
+._actionButton_1i155_606 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -750,33 +761,33 @@
   border-radius: var(--radius-medium);
 }
 
-._actionButton_1tl3n_605 svg {
+._actionButton_1i155_606 svg {
     display: block;
   }
 
-._actionButton_1tl3n_605:hover {
+._actionButton_1i155_606:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_1tl3n_605:active svg {
+._actionButton_1i155_606:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_1tl3n_605[data-state=on], ._actionButton_1tl3n_605:active {
+._actionButton_1i155_606[data-state=on], ._actionButton_1i155_606:active {
     background-color: var(--accentBgActive);
   }
 
-._primaryActionButton_1tl3n_611 {
+._primaryActionButton_1i155_612 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_1tl3n_611:hover {
+._primaryActionButton_1i155_612:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_1tl3n_620 {
+._tableEditor_1i155_621 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -784,50 +795,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_1tl3n_620 thead > tr > th {
+._tableEditor_1i155_621 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_1tl3n_620 > tbody > tr > td:not(._toolCell_1tl3n_631) {
+._tableEditor_1i155_621 > tbody > tr > td:not(._toolCell_1i155_632) {
     border: 1px solid var(--baseBorder);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_1tl3n_620 > tbody > tr > td:not(._toolCell_1tl3n_631) > div {
+._tableEditor_1i155_621 > tbody > tr > td:not(._toolCell_1i155_632) > div {
       outline: none;
     }
 
-._tableEditor_1tl3n_620 > tbody > tr > td:not(._toolCell_1tl3n_631) > div > p {
+._tableEditor_1i155_621 > tbody > tr > td:not(._toolCell_1i155_632) > div > p {
         margin: 0;
       }
 
-._tableEditor_1tl3n_620 > tbody > tr > td[data-active=true]:not(._toolCell_1tl3n_631) {
+._tableEditor_1i155_621 > tbody > tr > td[data-active=true]:not(._toolCell_1i155_632) {
       outline: solid 2px var(--accentSolid)
     }
 
-._tableEditor_1tl3n_620 ._tableColumnEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620 ._tableRowEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620 ._addRowButton_1tl3n_648, ._tableEditor_1tl3n_620 ._addColumnButton_1tl3n_648, ._tableEditor_1tl3n_620 ._iconButton_1tl3n_384 {
+._tableEditor_1i155_621 ._tableColumnEditorTrigger_1i155_649, ._tableEditor_1i155_621 ._tableRowEditorTrigger_1i155_649, ._tableEditor_1i155_621 ._addRowButton_1i155_649, ._tableEditor_1i155_621 ._addColumnButton_1i155_649, ._tableEditor_1i155_621 ._iconButton_1i155_385 {
     opacity: .2;
   }
 
-._tableEditor_1tl3n_620:hover ._tableColumnEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620:hover ._tableRowEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620:hover ._addRowButton_1tl3n_648, ._tableEditor_1tl3n_620:hover ._addColumnButton_1tl3n_648, ._tableEditor_1tl3n_620:hover ._iconButton_1tl3n_384 {
+._tableEditor_1i155_621:hover ._tableColumnEditorTrigger_1i155_649, ._tableEditor_1i155_621:hover ._tableRowEditorTrigger_1i155_649, ._tableEditor_1i155_621:hover ._addRowButton_1i155_649, ._tableEditor_1i155_621:hover ._addColumnButton_1i155_649, ._tableEditor_1i155_621:hover ._iconButton_1i155_385 {
       opacity: .5;
     }
 
-._tableEditor_1tl3n_620:hover ._tableColumnEditorTrigger_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._tableRowEditorTrigger_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._addRowButton_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._addColumnButton_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._iconButton_1tl3n_384:hover {
+._tableEditor_1i155_621:hover ._tableColumnEditorTrigger_1i155_649:hover, ._tableEditor_1i155_621:hover ._tableRowEditorTrigger_1i155_649:hover, ._tableEditor_1i155_621:hover ._addRowButton_1i155_649:hover, ._tableEditor_1i155_621:hover ._addColumnButton_1i155_649:hover, ._tableEditor_1i155_621:hover ._iconButton_1i155_385:hover {
         opacity: 1;
       }
 
-._toolCell_1tl3n_631 {
+._toolCell_1i155_632 {
   text-align: right;
 }
 
-._toolCell_1tl3n_631 button {
+._toolCell_1i155_632 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_1tl3n_648 {
+._tableColumnEditorTrigger_1i155_649 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -843,31 +854,31 @@
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_1tl3n_648 svg {
+._tableColumnEditorTrigger_1i155_649 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_1tl3n_648:hover {
+._tableColumnEditorTrigger_1i155_649:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_1tl3n_648:active svg {
+._tableColumnEditorTrigger_1i155_649:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_1tl3n_648[data-state=on], ._tableColumnEditorTrigger_1tl3n_648:active {
+._tableColumnEditorTrigger_1i155_649[data-state=on], ._tableColumnEditorTrigger_1i155_649:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorTrigger_1tl3n_648[data-active=true] {
+._tableColumnEditorTrigger_1i155_649[data-active=true] {
     opacity: 1;
   }
 
-._tableColumnEditorToolbar_1tl3n_682 {
+._tableColumnEditorToolbar_1i155_683 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_1tl3n_682 > button {
+._tableColumnEditorToolbar_1i155_683 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -880,34 +891,34 @@
     padding: var(--spacing-2);
   }
 
-._tableColumnEditorToolbar_1tl3n_682 > button svg {
+._tableColumnEditorToolbar_1i155_683 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_1tl3n_682 > button:hover {
+._tableColumnEditorToolbar_1i155_683 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_1tl3n_682 > button:active svg {
+._tableColumnEditorToolbar_1i155_683 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_1tl3n_682 > button[data-state=on], ._tableColumnEditorToolbar_1tl3n_682 > button:active {
+._tableColumnEditorToolbar_1i155_683 > button[data-state=on], ._tableColumnEditorToolbar_1i155_683 > button:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorToolbar_1tl3n_682 [role=separator] {
+._tableColumnEditorToolbar_1i155_683 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
 
-._toggleGroupRoot_1tl3n_694 {
+._toggleGroupRoot_1i155_695 {
   display: inline-flex;
 }
 
 
-._toggleGroupRoot_1tl3n_694 button {
+._toggleGroupRoot_1i155_695 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -921,59 +932,59 @@
   }
 
 
-._toggleGroupRoot_1tl3n_694 button svg {
+._toggleGroupRoot_1i155_695 button svg {
     display: block;
   }
 
 
-._toggleGroupRoot_1tl3n_694 button:hover {
+._toggleGroupRoot_1i155_695 button:hover {
     background-color: var(--baseBgHover);
   }
 
 
-._toggleGroupRoot_1tl3n_694 button:active svg {
+._toggleGroupRoot_1i155_695 button:active svg {
     transform: translate(1px, 1px);
   }
 
 
-._toggleGroupRoot_1tl3n_694 button[data-state=on], ._toggleGroupRoot_1tl3n_694 button:active {
+._toggleGroupRoot_1i155_695 button[data-state=on], ._toggleGroupRoot_1i155_695 button:active {
     background-color: var(--accentBgActive);
   }
 
 
-._toggleGroupRoot_1tl3n_694 button:first-child {
+._toggleGroupRoot_1i155_695 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
 
-._toggleGroupRoot_1tl3n_694 button:last-child {
+._toggleGroupRoot_1i155_695 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_1tl3n_711 {
+._tableToolsColumn_1i155_712 {
   width: 3rem;
 }
 
-._tableToolsColumn_1tl3n_711 button {
+._tableToolsColumn_1i155_712 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_1tl3n_719 {
+._leftAlignedCell_1i155_720 {
   text-align: left;
 }
 
-._rightAlignedCell_1tl3n_723 {
+._rightAlignedCell_1i155_724 {
   text-align: right;
 }
 
-._centeredCell_1tl3n_727 {
+._centeredCell_1i155_728 {
   text-align: center;
 }
 
-._addColumnButton_1tl3n_648, ._addRowButton_1tl3n_648 {
+._addColumnButton_1i155_649, ._addRowButton_1i155_649 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -991,61 +1002,61 @@
   border-radius: var(--radius-medium);
 }
 
-._addColumnButton_1tl3n_648 svg, ._addRowButton_1tl3n_648 svg {
+._addColumnButton_1i155_649 svg, ._addRowButton_1i155_649 svg {
     display: block;
   }
 
-._addColumnButton_1tl3n_648:hover, ._addRowButton_1tl3n_648:hover {
+._addColumnButton_1i155_649:hover, ._addRowButton_1i155_649:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_1tl3n_648:active svg, ._addRowButton_1tl3n_648:active svg {
+._addColumnButton_1i155_649:active svg, ._addRowButton_1i155_649:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_1tl3n_648[data-state=on], ._addRowButton_1tl3n_648[data-state=on], ._addColumnButton_1tl3n_648:active, ._addRowButton_1tl3n_648:active {
+._addColumnButton_1i155_649[data-state=on], ._addRowButton_1i155_649[data-state=on], ._addColumnButton_1i155_649:active, ._addRowButton_1i155_649:active {
     background-color: var(--accentBgActive);
   }
 
-._addColumnButton_1tl3n_648 svg, ._addRowButton_1tl3n_648 svg {
+._addColumnButton_1i155_649 svg, ._addRowButton_1i155_649 svg {
     margin: auto;
   }
 
-._addRowButton_1tl3n_648 {
+._addRowButton_1i155_649 {
   width: 100%;
   margin-top: var(--spacing-2);
   box-sizing: border-box;
 }
 
-._addColumnButton_1tl3n_648 {
+._addColumnButton_1i155_649 {
   margin-left: var(--spacing-2);
   height: 100%;
 }
 
 /** Dialog */
-._dialogOverlay_1tl3n_755 {
+._dialogOverlay_1i155_756 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_1tl3n_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_1i155_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_1tl3n_540 {
+._dialogContent_1i155_541 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_1tl3n_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_1i155_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
-._dialogContent_1tl3n_540:focus {
+._dialogContent_1i155_541:focus {
   outline: none;
 }
 
 
-@keyframes _overlayShow_1tl3n_1 {
+@keyframes _overlayShow_1i155_1 {
   from {
     opacity: 0;
   }
@@ -1054,7 +1065,7 @@
   }
 }
 
-@keyframes _contentShow_1tl3n_1 {
+@keyframes _contentShow_1i155_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -1065,21 +1076,22 @@
   }
 }
 
-._focusedImage_1tl3n_797 {
+._focusedImage_1i155_798 {
   outline: highlight solid 2px;
 }
 
-._imageWrapper_1tl3n_801 {
-  display: inline;
+._imageWrapper_1i155_802 {
+  display: inline-block;
+  position: relative;
 }
 
-._imageWrapper_1tl3n_801[draggable=true] {
+._imageWrapper_1i155_802[draggable=true] {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -webkit-grab;
 }
 
-._inlineEditor_1tl3n_812 {
+._inlineEditor_1i155_814 {
   display: inline-flex;
   border-radius: var(--radius-medium);
   padding: var(--spacing-1);
@@ -1088,7 +1100,7 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1tl3n_821 {
+._blockEditor_1i155_823 {
   display: flex;
   justify-content: stretch;
   border-radius: var(--radius-medium);
@@ -1098,64 +1110,126 @@
   background: var(--baseBg);
 }
 
-._blockEditor_1tl3n_821 ._nestedEditor_1tl3n_830 {
+._blockEditor_1i155_823 ._nestedEditor_1i155_832 {
     flex-grow: 1;
   }
 
-._nestedEditor_1tl3n_830 {
+._nestedEditor_1i155_832 {
   background: white;
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-medium);
 }
 
-._nestedEditor_1tl3n_830 > p {
+._nestedEditor_1i155_832 > p {
     margin: 0;
   }
 
-._nestedEditor_1tl3n_830:focus {
+._nestedEditor_1i155_832:focus {
     outline: none;
   }
 
-._genericComponentName_1tl3n_847 {
+._genericComponentName_1i155_849 {
   font-size: var(--text-sm);
   color: var(--baseText);
   padding-right: var(--spacing-2);
 }
 
-._diffSourceToggle_1tl3n_853 {
+._diffSourceToggle_1i155_855 {
   border: 1px solid var(--baseBorder);
   border-radius: var(--radius-medium);
   display: flex;
 }
 
-._diffSourceToggle_1tl3n_853 ._toolbarToggleItem_1tl3n_178 {
+._diffSourceToggle_1i155_855 ._toolbarToggleItem_1i155_179 {
     padding: 0;
   }
 
-._diffSourceToggle_1tl3n_853 ._toolbarToggleItem_1tl3n_178 > span {
+._diffSourceToggle_1i155_855 ._toolbarToggleItem_1i155_179 > span {
       display: block;
       padding: var(--spacing-2) var(--spacing-3);
     }
 
-._selectWithLabel_1tl3n_867 {
+._selectWithLabel_1i155_869 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   margin-left: var(--spacing-2);
 }
 
-._selectWithLabel_1tl3n_867 > label {
+._selectWithLabel_1i155_869 > label {
     font-size: var(--text-sm);
   }
 
-._selectWithLabel_1tl3n_867 ._selectTrigger_1tl3n_260 {
+._selectWithLabel_1i155_869 ._selectTrigger_1i155_261 {
     border: 1px solid var(--baseBorder);
   }
 
-._toolbarTitleMode_1tl3n_881 {
+._toolbarTitleMode_1i155_883 {
   font-size: var(--text-sm);
   margin-left: var(--spacing-2);
 }
+
+
+._imageControlWrapperResizing_1i155_889 {
+  touch-action: none;
+}
+
+._imageResizer_1i155_893 {
+  display: block;
+  width: 7px;
+  height: 7px;
+  position: absolute;
+  background-color: var(--accentText);
+  border: 1px solid var(--baseBg);
+}
+
+._imageResizer_1i155_893._imageResizerN_1i155_902 {
+  top: -6px;
+  left: 48%;
+  cursor: n-resize;
+}
+
+._imageResizer_1i155_893._imageResizerNe_1i155_908 {
+  top: -6px;
+  right: -6px;
+  cursor: ne-resize;
+}
+
+._imageResizer_1i155_893._imageResizerE_1i155_914 {
+  bottom: 48%;
+  right: -6px;
+  cursor: e-resize;
+}
+
+._imageResizer_1i155_893._imageResizerSe_1i155_920 {
+  bottom: -2px;
+  right: -6px;
+  cursor: nwse-resize;
+}
+
+._imageResizer_1i155_893._imageResizerS_1i155_920 {
+  bottom: -2px;
+  left: 48%;
+  cursor: s-resize;
+}
+
+._imageResizer_1i155_893._imageResizerSw_1i155_932 {
+  bottom: -2px;
+  left: -6px;
+  cursor: sw-resize;
+}
+
+._imageResizer_1i155_893._imageResizerW_1i155_938 {
+  bottom: 48%;
+  left: -6px;
+  cursor: w-resize;
+}
+
+._imageResizer_1i155_893._imageResizerNw_1i155_944 {
+  top: -6px;
+  left: -6px;
+  cursor: nw-resize;
+}
 :root, ._light-theme_13nbk_1 {
   --blue1: hsl(206, 100%, 99.2%);
   --blue2: hsl(210, 100%, 98.0%);