@mdxeditor/editor 0.5.1 → 0.6.0

package/dist/style.css

@@ -189,7 +189,7 @@
   
 }
 
-._editorRoot_gm91f_47 {
+._editorRoot_2nk92_47 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -283,15 +283,23 @@
   color: var(--baseText);
 }
 
-._editorWrapper_gm91f_141 {
+._dropZone_2nk92_141 {
+  background: transparent;
+}
+
+._dropZone_2nk92_141[data-drop-zone-active=true] {
+  background: red;
+}
+
+._editorWrapper_2nk92_149 {
   padding: var(--spacing-3);
 }
 
-._nestedListItem_gm91f_145 {
+._nestedListItem_2nk92_153 {
   list-style: none;
 }
 
-._toolbarRoot_gm91f_149 {
+._toolbarRoot_2nk92_157 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
   margin-bottom: var(--spacing-6);
   z-index: 1;
@@ -308,11 +316,11 @@
   width: inherit;
 }
 
-._toolbarRoot_gm91f_149 div[role=separator] {
+._toolbarRoot_2nk92_157 div[role=separator] {
     margin: var(--spacing-1);
   }
 
-._toolbarModeSwitch_gm91f_170 {
+._toolbarModeSwitch_2nk92_178 {
   margin-left: auto;
   align-self: stretch;
   align-items: stretch;
@@ -322,32 +330,32 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_179 {
+._toolbarModeSwitch_2nk92_178 ._toolbarToggleItem_2nk92_187 {
     -webkit-padding-end: var(--spacing-4);
             padding-inline-end: var(--spacing-4);
     -webkit-padding-start: var(--spacing-4);
             padding-inline-start: var(--spacing-4);
   }
 
-._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_179:active, ._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_179[data-state=on] {
+._toolbarModeSwitch_2nk92_178 ._toolbarToggleItem_2nk92_187:active, ._toolbarModeSwitch_2nk92_178 ._toolbarToggleItem_2nk92_187[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_gm91f_189 {
+._toolbarGroupOfGroups_2nk92_197 {
   display: flex;
 }
 
-._toolbarToggleSingleGroup_gm91f_193:first-of-type ._toolbarToggleItem_gm91f_179:only-child, ._toolbarToggleSingleGroup_gm91f_193:only-child ._toolbarToggleItem_gm91f_179:first-child, ._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_179:first-child {
+._toolbarToggleSingleGroup_2nk92_201:first-of-type ._toolbarToggleItem_2nk92_187:only-child, ._toolbarToggleSingleGroup_2nk92_201:only-child ._toolbarToggleItem_2nk92_187:first-child, ._toolbarModeSwitch_2nk92_178 ._toolbarToggleItem_2nk92_187:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_gm91f_193:last-of-type ._toolbarToggleItem_gm91f_179:only-child, ._toolbarToggleSingleGroup_gm91f_193:only-child ._toolbarToggleItem_gm91f_179:last-child, ._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_179:last-child {
+._toolbarToggleSingleGroup_2nk92_201:last-of-type ._toolbarToggleItem_2nk92_187:only-child, ._toolbarToggleSingleGroup_2nk92_201:only-child ._toolbarToggleItem_2nk92_187:last-child, ._toolbarModeSwitch_2nk92_178 ._toolbarToggleItem_2nk92_187:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_gm91f_179, ._toolbarButton_gm91f_207 {
+._toolbarToggleItem_2nk92_187, ._toolbarButton_2nk92_215 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -360,31 +368,31 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_gm91f_179 svg, ._toolbarButton_gm91f_207 svg {
+._toolbarToggleItem_2nk92_187 svg, ._toolbarButton_2nk92_215 svg {
     display: block;
   }
 
-._toolbarToggleItem_gm91f_179:hover, ._toolbarButton_gm91f_207:hover {
+._toolbarToggleItem_2nk92_187:hover, ._toolbarButton_2nk92_215:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarToggleItem_gm91f_179:active svg, ._toolbarButton_gm91f_207:active svg {
+._toolbarToggleItem_2nk92_187:active svg, ._toolbarButton_2nk92_215:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_gm91f_179[data-state=on], ._toolbarButton_gm91f_207[data-state=on], ._toolbarToggleItem_gm91f_179:active, ._toolbarButton_gm91f_207:active {
+._toolbarToggleItem_2nk92_187[data-state=on], ._toolbarButton_2nk92_215[data-state=on], ._toolbarToggleItem_2nk92_187:active, ._toolbarButton_2nk92_215:active {
     background-color: var(--accentBgActive);
   }
 
-._toolbarButton_gm91f_207 {
+._toolbarButton_2nk92_215 {
   border-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_gm91f_193 {
+._toolbarToggleSingleGroup_2nk92_201 {
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_gm91f_236, ._toolbarButtonDropdownContainer_gm91f_237, ._toolbarCodeBlockLanguageSelectContent_gm91f_238
+._toolbarNodeKindSelectContainer_2nk92_244, ._toolbarButtonDropdownContainer_2nk92_245, ._toolbarCodeBlockLanguageSelectContent_2nk92_246
 {
   z-index: 3;
   width: var(--spacing-36);
@@ -394,11 +402,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_gm91f_237 {
+._toolbarButtonDropdownContainer_2nk92_245 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarNodeKindSelectTrigger_gm91f_252, ._toolbarButtonSelectTrigger_gm91f_253 {
+._toolbarNodeKindSelectTrigger_2nk92_260, ._toolbarButtonSelectTrigger_2nk92_261 {
   border: 0;
   background-color: transparent;
   display: flex;
@@ -416,11 +424,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarNodeKindSelectTrigger_gm91f_252:hover, ._toolbarButtonSelectTrigger_gm91f_253:hover {
+._toolbarNodeKindSelectTrigger_2nk92_260:hover, ._toolbarButtonSelectTrigger_2nk92_261:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarNodeKindSelectTrigger_gm91f_252[data-state=open], ._toolbarButtonSelectTrigger_gm91f_253[data-state=open] {
+._toolbarNodeKindSelectTrigger_2nk92_260[data-state=open], ._toolbarButtonSelectTrigger_2nk92_261[data-state=open] {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
     background-color: var(--baseBgHover);
@@ -428,7 +436,7 @@
 
 /** used in the sandpack */
 
-._toolbarButtonSelectTrigger_gm91f_253 {
+._toolbarButtonSelectTrigger_2nk92_261 {
   width: auto;
   -webkit-padding-start: var(--spacing-2) ;
           padding-inline-start: var(--spacing-2) ;
@@ -436,62 +444,62 @@
           padding-inline-end: var(--spacing-1);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_gm91f_286, ._toolbarCodeBlockLanguageSelectContent_gm91f_238 
+._toolbarCodeBlockLanguageSelectTrigger_2nk92_294, ._toolbarCodeBlockLanguageSelectContent_2nk92_246 
 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_gm91f_292 {
+._toolbarNodeKindSelectItem_2nk92_300 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2) var(--spacing-4);
 }
 
-._toolbarNodeKindSelectItem_gm91f_292[data-highlighted] {
+._toolbarNodeKindSelectItem_2nk92_300[data-highlighted] {
     background-color: var(--baseBgSubtle);
   }
 
-._toolbarNodeKindSelectItem_gm91f_292[data-state=checked] {
+._toolbarNodeKindSelectItem_2nk92_300[data-state=checked] {
     background-color: var(--accentBgActive);
   }
 
-._toolbarNodeKindSelectItem_gm91f_292[data-highlighted] {
+._toolbarNodeKindSelectItem_2nk92_300[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_gm91f_292:last-child {
+._toolbarNodeKindSelectItem_2nk92_300:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_gm91f_315 {
+._toolbarNodeKindSelectDropdownArrow_2nk92_323 {
   margin-left: auto;
 }
 
-._contentEditable_gm91f_319 {
+._contentEditable_2nk92_327 {
   width: 100%;
   color: var(--baseTextContrast);
 }
 
-._contentEditable_gm91f_319:focus {
+._contentEditable_2nk92_327:focus {
     outline: none;
   }
 
-._sandpackWrapper_gm91f_327 {
+._sandpackWrapper_2nk92_335 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_gm91f_331 {
+._frontmatterWrapper_2nk92_339 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_gm91f_331[data-expanded=true] {
+._frontmatterWrapper_2nk92_339[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_gm91f_341 {
+._frontmatterToggleButton_2nk92_349 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -507,32 +515,32 @@
   font-size: var(--text-sm);
 }
 
-._frontmatterEditorTable_gm91f_349 {
+._frontmatterEditorTable_2nk92_357 {
   table-layout: fixed;
   margin-top: var(--spacing-3);
   border-spacing: var(--spacing-2);
 }
 
-._frontmatterEditorTable_gm91f_349 th {
+._frontmatterEditorTable_2nk92_357 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._frontmatterEditorTable_gm91f_349 col:nth-child(1) {
+._frontmatterEditorTable_2nk92_357 col:nth-child(1) {
     width: 30%;
   }
 
-._frontmatterEditorTable_gm91f_349 col:nth-child(2) {
+._frontmatterEditorTable_2nk92_357 col:nth-child(2) {
     width: 70%;
   }
 
-._frontmatterEditorTable_gm91f_349 td:last-child ._iconButton_gm91f_367 {
+._frontmatterEditorTable_2nk92_357 td:last-child ._iconButton_2nk92_375 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._frontmatterInput_gm91f_373 {
+._frontmatterInput_2nk92_381 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -550,7 +558,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_gm91f_367 {
+._iconButton_2nk92_375 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -563,7 +571,7 @@
   color:var(--baseText);
 }
 
-._primaryButton_gm91f_388 {
+._primaryButton_2nk92_396 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -581,19 +589,19 @@
   border-radius: var(--radius-medium);
 }
 
-._linkDialogEditForm_gm91f_398 {
+._linkDialogEditForm_2nk92_406 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
 }
 
-._linkDialogInputContainer_gm91f_404 {
+._linkDialogInputContainer_2nk92_412 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_gm91f_410 {
+._linkDialogInputWrapper_2nk92_418 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -602,13 +610,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_gm91f_410[data-visible-dropdown=true] {
+._linkDialogInputWrapper_2nk92_418[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_gm91f_410 > button {
+._linkDialogInputWrapper_2nk92_418 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -621,7 +629,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_gm91f_404 {
+._linkDialogInput_2nk92_412 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -636,19 +644,19 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_gm91f_404::-moz-placeholder {
+._linkDialogInput_2nk92_412::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_gm91f_404::placeholder {
+._linkDialogInput_2nk92_412::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAutocompleteContainer_gm91f_440 {
+._linkDialogAutocompleteContainer_2nk92_448 {
   position: relative;
 }
 
-._linkDialogAutocompleteContainer_gm91f_440 ul {
+._linkDialogAutocompleteContainer_2nk92_448 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -665,11 +673,11 @@
     background-color: var(--baseBase);
   }
 
-._linkDialogAutocompleteContainer_gm91f_440 ul[data-visible=true] {
+._linkDialogAutocompleteContainer_2nk92_448 ul[data-visible=true] {
       display: block;
     }
 
-._linkDialogAutocompleteContainer_gm91f_440 ul li {
+._linkDialogAutocompleteContainer_2nk92_448 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -677,34 +685,34 @@
       text-overflow: ellipsis;
     }
 
-._linkDialogAutocompleteContainer_gm91f_440 ul li[data-selected=true] {
+._linkDialogAutocompleteContainer_2nk92_448 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._linkDialogAutocompleteContainer_gm91f_440 ul li[data-highlighted=true] {
+._linkDialogAutocompleteContainer_2nk92_448 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._linkDialogAutocompleteContainer_gm91f_440 ul li:last-of-type {
+._linkDialogAutocompleteContainer_2nk92_448 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._linkDialogAnchor_gm91f_485 {
+._linkDialogAnchor_2nk92_493 {
   position: absolute;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_gm91f_485[data-visible=true] {
+._linkDialogAnchor_2nk92_493[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_gm91f_485[data-visible=false] {
+._linkDialogAnchor_2nk92_493[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_gm91f_499, ._tableColumnEditorPopoverContent_gm91f_499, ._dialogContent_gm91f_499 {
+._linkDialogPopoverContent_2nk92_507, ._tableColumnEditorPopoverContent_2nk92_507, ._dialogContent_2nk92_507 {
   filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   display: flex;
   align-items: center;
@@ -716,7 +724,7 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogPreviewAnchor_gm91f_513 {
+._linkDialogPreviewAnchor_2nk92_521 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -725,20 +733,20 @@
   border: 1px solid transparent;
 }
 
-._linkDialogPreviewAnchor_gm91f_513 svg {
+._linkDialogPreviewAnchor_2nk92_521 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
   }
 
-._linkDialogPreviewAnchor_gm91f_513 span {
+._linkDialogPreviewAnchor_2nk92_521 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-._tooltipContent_gm91f_535 {
+._tooltipContent_2nk92_543 {
   z-index: 2;
   position: relative;
   border-radius: var(--radius-medium);
@@ -748,11 +756,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_gm91f_535 svg {
+._tooltipContent_2nk92_543 svg {
     fill: var(--baseText);
   }
 
-._actionButton_gm91f_549 {
+._actionButton_2nk92_557 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -767,33 +775,33 @@
   border-radius: var(--radius-medium);
 }
 
-._actionButton_gm91f_549 svg {
+._actionButton_2nk92_557 svg {
     display: block;
   }
 
-._actionButton_gm91f_549:hover {
+._actionButton_2nk92_557:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_gm91f_549:active svg {
+._actionButton_2nk92_557:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_gm91f_549[data-state=on], ._actionButton_gm91f_549:active {
+._actionButton_2nk92_557[data-state=on], ._actionButton_2nk92_557:active {
     background-color: var(--accentBgActive);
   }
 
-._primaryActionButton_gm91f_555 {
+._primaryActionButton_2nk92_563 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_gm91f_555:hover {
+._primaryActionButton_2nk92_563:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_gm91f_564 {
+._tableEditor_2nk92_572 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -801,50 +809,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_gm91f_564 thead > tr > th {
+._tableEditor_2nk92_572 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) {
+._tableEditor_2nk92_572 > tbody > tr > td:not(._toolCell_2nk92_583) {
     border: 1px solid var(--baseBorder);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) > div {
+._tableEditor_2nk92_572 > tbody > tr > td:not(._toolCell_2nk92_583) > div {
       outline: none;
     }
 
-._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) > div > p {
+._tableEditor_2nk92_572 > tbody > tr > td:not(._toolCell_2nk92_583) > div > p {
         margin: 0;
       }
 
-._tableEditor_gm91f_564 > tbody > tr > td[data-active=true]:not(._toolCell_gm91f_575) {
+._tableEditor_2nk92_572 > tbody > tr > td[data-active=true]:not(._toolCell_2nk92_583) {
       outline: solid 2px var(--accentSolid)
     }
 
-._tableEditor_gm91f_564 ._tableColumnEditorTrigger_gm91f_592, ._tableEditor_gm91f_564 ._tableRowEditorTrigger_gm91f_592, ._tableEditor_gm91f_564 ._addRowButton_gm91f_592, ._tableEditor_gm91f_564 ._addColumnButton_gm91f_592, ._tableEditor_gm91f_564 ._iconButton_gm91f_367 {
+._tableEditor_2nk92_572 ._tableColumnEditorTrigger_2nk92_600, ._tableEditor_2nk92_572 ._tableRowEditorTrigger_2nk92_600, ._tableEditor_2nk92_572 ._addRowButton_2nk92_600, ._tableEditor_2nk92_572 ._addColumnButton_2nk92_600, ._tableEditor_2nk92_572 ._iconButton_2nk92_375 {
     opacity: .2;
   }
 
-._tableEditor_gm91f_564:hover ._tableColumnEditorTrigger_gm91f_592, ._tableEditor_gm91f_564:hover ._tableRowEditorTrigger_gm91f_592, ._tableEditor_gm91f_564:hover ._addRowButton_gm91f_592, ._tableEditor_gm91f_564:hover ._addColumnButton_gm91f_592, ._tableEditor_gm91f_564:hover ._iconButton_gm91f_367 {
+._tableEditor_2nk92_572:hover ._tableColumnEditorTrigger_2nk92_600, ._tableEditor_2nk92_572:hover ._tableRowEditorTrigger_2nk92_600, ._tableEditor_2nk92_572:hover ._addRowButton_2nk92_600, ._tableEditor_2nk92_572:hover ._addColumnButton_2nk92_600, ._tableEditor_2nk92_572:hover ._iconButton_2nk92_375 {
       opacity: .5;
     }
 
-._tableEditor_gm91f_564:hover ._tableColumnEditorTrigger_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._tableRowEditorTrigger_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._addRowButton_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._addColumnButton_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._iconButton_gm91f_367:hover {
+._tableEditor_2nk92_572:hover ._tableColumnEditorTrigger_2nk92_600:hover, ._tableEditor_2nk92_572:hover ._tableRowEditorTrigger_2nk92_600:hover, ._tableEditor_2nk92_572:hover ._addRowButton_2nk92_600:hover, ._tableEditor_2nk92_572:hover ._addColumnButton_2nk92_600:hover, ._tableEditor_2nk92_572:hover ._iconButton_2nk92_375:hover {
         opacity: 1;
       };
 
-._toolCell_gm91f_575 {
+._toolCell_2nk92_583 {
   text-align: right;
 }
 
-._toolCell_gm91f_575 button {
+._toolCell_2nk92_583 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_gm91f_592 {
+._tableColumnEditorTrigger_2nk92_600 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -860,31 +868,31 @@
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_gm91f_592 svg {
+._tableColumnEditorTrigger_2nk92_600 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_gm91f_592:hover {
+._tableColumnEditorTrigger_2nk92_600:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_gm91f_592:active svg {
+._tableColumnEditorTrigger_2nk92_600:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_gm91f_592[data-state=on], ._tableColumnEditorTrigger_gm91f_592:active {
+._tableColumnEditorTrigger_2nk92_600[data-state=on], ._tableColumnEditorTrigger_2nk92_600:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorTrigger_gm91f_592[data-active=true] {
+._tableColumnEditorTrigger_2nk92_600[data-active=true] {
     opacity: 1;
   }
 
-._tableColumnEditorToolbar_gm91f_626 {
+._tableColumnEditorToolbar_2nk92_634 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_gm91f_626 > button {
+._tableColumnEditorToolbar_2nk92_634 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -897,32 +905,32 @@
     padding: var(--spacing-2);
   }
 
-._tableColumnEditorToolbar_gm91f_626 > button svg {
+._tableColumnEditorToolbar_2nk92_634 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_gm91f_626 > button:hover {
+._tableColumnEditorToolbar_2nk92_634 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_gm91f_626 > button:active svg {
+._tableColumnEditorToolbar_2nk92_634 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_gm91f_626 > button[data-state=on], ._tableColumnEditorToolbar_gm91f_626 > button:active {
+._tableColumnEditorToolbar_2nk92_634 > button[data-state=on], ._tableColumnEditorToolbar_2nk92_634 > button:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorToolbar_gm91f_626 [role=separator] {
+._tableColumnEditorToolbar_2nk92_634 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
-._toggleGroupRoot_gm91f_638 {
+._toggleGroupRoot_2nk92_646 {
   display: inline-flex;
 }
 
-._toggleGroupRoot_gm91f_638 button {
+._toggleGroupRoot_2nk92_646 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -935,54 +943,54 @@
     padding: var(--spacing-2);
   }
 
-._toggleGroupRoot_gm91f_638 button svg {
+._toggleGroupRoot_2nk92_646 button svg {
     display: block;
   }
 
-._toggleGroupRoot_gm91f_638 button:hover {
+._toggleGroupRoot_2nk92_646 button:hover {
     background-color: var(--baseBgHover);
   }
 
-._toggleGroupRoot_gm91f_638 button:active svg {
+._toggleGroupRoot_2nk92_646 button:active svg {
     transform: translate(1px, 1px);
   }
 
-._toggleGroupRoot_gm91f_638 button[data-state=on], ._toggleGroupRoot_gm91f_638 button:active {
+._toggleGroupRoot_2nk92_646 button[data-state=on], ._toggleGroupRoot_2nk92_646 button:active {
     background-color: var(--accentBgActive);
   }
 
-._toggleGroupRoot_gm91f_638 button:first-child {
+._toggleGroupRoot_2nk92_646 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
-._toggleGroupRoot_gm91f_638 button:last-child {
+._toggleGroupRoot_2nk92_646 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_gm91f_655 {
+._tableToolsColumn_2nk92_663 {
   width: 3rem;
 }
 
-._tableToolsColumn_gm91f_655 button {
+._tableToolsColumn_2nk92_663 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_gm91f_663 {
+._leftAlignedCell_2nk92_671 {
   text-align: left;
 }
 
-._rightAlignedCell_gm91f_667 {
+._rightAlignedCell_2nk92_675 {
   text-align: right;
 }
 
-._centeredCell_gm91f_671 {
+._centeredCell_2nk92_679 {
   text-align: center;
 }
 
-._addColumnButton_gm91f_592, ._addRowButton_gm91f_592 {
+._addColumnButton_2nk92_600, ._addRowButton_2nk92_600 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1000,62 +1008,62 @@
   border-radius: var(--radius-medium);
 }
 
-._addColumnButton_gm91f_592 svg, ._addRowButton_gm91f_592 svg {
+._addColumnButton_2nk92_600 svg, ._addRowButton_2nk92_600 svg {
     display: block;
   }
 
-._addColumnButton_gm91f_592:hover, ._addRowButton_gm91f_592:hover {
+._addColumnButton_2nk92_600:hover, ._addRowButton_2nk92_600:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_gm91f_592:active svg, ._addRowButton_gm91f_592:active svg {
+._addColumnButton_2nk92_600:active svg, ._addRowButton_2nk92_600:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_gm91f_592[data-state=on], ._addRowButton_gm91f_592[data-state=on], ._addColumnButton_gm91f_592:active, ._addRowButton_gm91f_592:active {
+._addColumnButton_2nk92_600[data-state=on], ._addRowButton_2nk92_600[data-state=on], ._addColumnButton_2nk92_600:active, ._addRowButton_2nk92_600:active {
     background-color: var(--accentBgActive);
   }
 
-._addColumnButton_gm91f_592 svg, ._addRowButton_gm91f_592 svg {
+._addColumnButton_2nk92_600 svg, ._addRowButton_2nk92_600 svg {
     margin: auto;
   }
 
-._addRowButton_gm91f_592 {
+._addRowButton_2nk92_600 {
   width: 100%;
   margin-top: var(--spacing-2);
   box-sizing: border-box;
 }
 
-._addColumnButton_gm91f_592 {
+._addColumnButton_2nk92_600 {
   margin-left: var(--spacing-2);
   height: 100%;
 }
 
 /** Dialog */
 
-._dialogOverlay_gm91f_699 {
+._dialogOverlay_2nk92_707 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_gm91f_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_2nk92_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_gm91f_499 {
+._dialogContent_2nk92_507 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_gm91f_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_2nk92_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
 
-._dialogContent_gm91f_499:focus {
+._dialogContent_2nk92_507:focus {
   outline: none;
 }
 
-@keyframes _overlayShow_gm91f_1 {
+@keyframes _overlayShow_2nk92_1 {
   from {
     opacity: 0;
   }
@@ -1064,7 +1072,7 @@
   }
 }
 
-@keyframes _contentShow_gm91f_1 {
+@keyframes _contentShow_2nk92_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -1074,4 +1082,14 @@
     transform: translate(-50%, -50%) scale(1);
   }
 }
+
+._focusedImage_2nk92_749 {
+  outline: highlight solid 2px;
+}
+
+._imageWrapper_2nk92_753[draggable=true] {
+  cursor: move; /* fallback if grab cursor is unsupported */
+  cursor: grab;
+  cursor: -webkit-grab;
+}
 :root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d;}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%;}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff td{padding-bottom:0;padding-top:0;vertical-align:top;}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5;}.diff-gutter>a{color:inherit;display:block;}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color);}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color);}.diff-gutter-omit{cursor:default;}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color);}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all;}.diff-code-edit{color:inherit;display:inline-block;}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color);}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color);}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color);}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color);}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color);}.diff-widget-content{vertical-align:top;}.diff-gutter-col{width:7ch;}.diff-gutter-omit{height:0;}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px;}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0;}