@mdxeditor/editor 0.0.0-development → 0.0.4-development

package/dist/style.css

@@ -119,6 +119,9 @@
 .mdxeditor .cm-scroller {
     padding: 0 !important;
   }
+.mdxeditor .cm-focused {
+    outline: none;
+  }
 .mdxeditor .sp-wrapper {
     border: 1px solid var(--baseLine);
     border-radius: var(--radius-medium);
@@ -149,7 +152,10 @@
     background: transparent;
     font-size: var(--text-xxs);
   }
-._editorRoot_jo8re_37 {
+.mdxeditor .cm-activeLine {
+    background: transparent;
+  }
+._editorRoot_1qeio_37 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -192,6 +198,8 @@
   --admonitionNoteBg: var(--slate4);
   --admonitionNoteBorder: var(--slate8);
 
+  --error-color: var(--red10);
+
   --spacing-0:0px;
   --spacing-px:1px;
   --spacing-0_5:0.125rem;
@@ -248,14 +256,14 @@
   color: var(--baseText);
 }
 
-._editorWrapper_jo8re_136 {
+._editorWrapper_1qeio_138 {
 }
 
-._nestedListItem_jo8re_139 {
+._nestedListItem_1qeio_141 {
   list-style: none;
 }
 
-._toolbarRoot_jo8re_143 {
+._toolbarRoot_1qeio_145 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
   z-index: 1;
   display: flex;
@@ -271,23 +279,23 @@
   width: inherit;
 }
 
-._toolbarRoot_jo8re_143 div[role=separator] {
+._toolbarRoot_1qeio_145 div[role=separator] {
     margin: var(--spacing-2) var(--spacing-1);
     border-left: 1px solid var(--baseBorder);
     border-right: 1px solid var(--baseBase);
     height: var(--spacing-4);
   }
 
-._readOnlyToolbarRoot_jo8re_166 {
+._readOnlyToolbarRoot_1qeio_168 {
   pointer-events: none;
   background: var(--baseBase);
 }
 
-._readOnlyToolbarRoot_jo8re_166 > div {
+._readOnlyToolbarRoot_1qeio_168 > div {
     opacity: 0.5;
   }
 
-._toolbarModeSwitch_jo8re_174 {
+._toolbarModeSwitch_1qeio_176 {
   opacity: 1 !important;
   margin-left: auto;
   align-self: stretch;
@@ -298,31 +306,31 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_jo8re_174 ._toolbarToggleItem_jo8re_184 {
+._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186 {
     padding-inline-end: var(--spacing-4);
     padding-inline-start: var(--spacing-4);
   }
 
-._toolbarModeSwitch_jo8re_174 ._toolbarToggleItem_jo8re_184:active, ._toolbarModeSwitch_jo8re_174 ._toolbarToggleItem_jo8re_184[data-state=on] {
+._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:active, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_jo8re_194 {
+._toolbarGroupOfGroups_1qeio_196 {
   display: flex;
   margin: 0 var(--spacing-1);
 }
 
-._toolbarToggleSingleGroup_jo8re_199:first-of-type ._toolbarToggleItem_jo8re_184:only-child, ._toolbarToggleSingleGroup_jo8re_199:only-child ._toolbarToggleItem_jo8re_184:first-child, ._toolbarModeSwitch_jo8re_174 ._toolbarToggleItem_jo8re_184:first-child {
+._toolbarToggleSingleGroup_1qeio_201:first-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:first-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_jo8re_199:last-of-type ._toolbarToggleItem_jo8re_184:only-child, ._toolbarToggleSingleGroup_jo8re_199:only-child ._toolbarToggleItem_jo8re_184:last-child, ._toolbarModeSwitch_jo8re_174 ._toolbarToggleItem_jo8re_184:last-child {
+._toolbarToggleSingleGroup_1qeio_201:last-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:last-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_jo8re_184, ._toolbarButton_jo8re_213 {
+._toolbarToggleItem_1qeio_186, ._toolbarButton_1qeio_215 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -335,43 +343,41 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_jo8re_184 svg, ._toolbarButton_jo8re_213 svg {
+._toolbarToggleItem_1qeio_186 svg, ._toolbarButton_1qeio_215 svg {
     display: block;
   }
 
-._toolbarToggleItem_jo8re_184:hover, ._toolbarButton_jo8re_213:hover {
+._toolbarToggleItem_1qeio_186:hover, ._toolbarButton_1qeio_215:hover {
     background-color: var(--baseBgActive);
   }
 
-._toolbarToggleItem_jo8re_184:active svg, ._toolbarButton_jo8re_213:active svg {
+._toolbarToggleItem_1qeio_186:active svg, ._toolbarButton_1qeio_215:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_jo8re_184[data-state=on], ._toolbarButton_jo8re_213[data-state=on], ._toolbarToggleItem_jo8re_184:active, ._toolbarButton_jo8re_213:active {
+._toolbarToggleItem_1qeio_186[data-state=on], ._toolbarButton_1qeio_215[data-state=on], ._toolbarToggleItem_1qeio_186:active, ._toolbarButton_1qeio_215:active {
     color: var(--baseTextContrast);
     background-color: var(--baseBgActive);
   }
 
-._toolbarToggleItem_jo8re_184[data-disabled], ._toolbarButton_jo8re_213[data-disabled] {
+._toolbarToggleItem_1qeio_186[data-disabled], ._toolbarButton_1qeio_215[data-disabled] {
     pointer-events: none;
     color: var(--baseBorderHover);
   }
 
-._toolbarButton_jo8re_213 {
+._toolbarButton_1qeio_215 {
   border-radius: var(--radius-base);
 }
 
-._activeToolbarButton_jo8re_244 {
+._activeToolbarButton_1qeio_246 {
   color: var(--accentText);
 }
 
-._toolbarToggleSingleGroup_jo8re_199 {
+._toolbarToggleSingleGroup_1qeio_201 {
   white-space: nowrap;
-  display: flex;
-  align-items: center;
 }
 
-._toolbarNodeKindSelectContainer_jo8re_254, ._toolbarButtonDropdownContainer_jo8re_255, ._toolbarCodeBlockLanguageSelectContent_jo8re_256, ._selectContainer_jo8re_257
+._toolbarNodeKindSelectContainer_1qeio_254, ._toolbarButtonDropdownContainer_1qeio_255, ._toolbarCodeBlockLanguageSelectContent_1qeio_256, ._selectContainer_1qeio_257
 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   z-index: 3;
@@ -382,15 +388,15 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_jo8re_255 {
+._toolbarButtonDropdownContainer_1qeio_255 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarButtonDropdownContainer_jo8re_255 ._selectItem_jo8re_271:first-child {
+._toolbarButtonDropdownContainer_1qeio_255 ._selectItem_1qeio_271:first-child {
     border-top-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectTrigger_jo8re_276, ._toolbarButtonSelectTrigger_jo8re_277, ._selectTrigger_jo8re_278 {
+._toolbarNodeKindSelectTrigger_1qeio_276, ._toolbarButtonSelectTrigger_1qeio_277, ._selectTrigger_1qeio_278 {
   border: 0;
   background-color: transparent;
   display: flex;
@@ -406,86 +412,86 @@
   margin: 0 var(--spacing-1);
 }
 
-._toolbarNodeKindSelectTrigger_jo8re_276[data-state=open], ._toolbarButtonSelectTrigger_jo8re_277[data-state=open], ._selectTrigger_jo8re_278[data-state=open] {
+._toolbarNodeKindSelectTrigger_1qeio_276[data-state=open], ._toolbarButtonSelectTrigger_1qeio_277[data-state=open], ._selectTrigger_1qeio_278[data-state=open] {
     filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
   }
 
-._selectTrigger_jo8re_278[data-placeholder] > span:first-child {
+._selectTrigger_1qeio_278[data-placeholder] > span:first-child {
   color: var(--baseBorderHover);
 }
 
 /** used in the sandpack */
-._toolbarButtonSelectTrigger_jo8re_277 {
+._toolbarButtonSelectTrigger_1qeio_277 {
   width: auto;
   padding-inline-start: var(--spacing-2) ;
   padding-inline-end: var(--spacing-1);
-  padding-block: var(--spacing-1);
+  padding-block: var(--spacing-0_5);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_jo8re_312, ._toolbarCodeBlockLanguageSelectContent_jo8re_256 
+._toolbarCodeBlockLanguageSelectTrigger_1qeio_312, ._toolbarCodeBlockLanguageSelectContent_1qeio_256 
 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_jo8re_318, ._selectItem_jo8re_271
+._toolbarNodeKindSelectItem_1qeio_318, ._selectItem_1qeio_271
 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2);
 }
 
-._toolbarNodeKindSelectItem_jo8re_318[data-highlighted], ._selectItem_jo8re_271[data-highlighted] {
+._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
     background-color: var(--baseBg);
   }
 
-._toolbarNodeKindSelectItem_jo8re_318[data-state=checked], ._selectItem_jo8re_271[data-state=checked] {
+._toolbarNodeKindSelectItem_1qeio_318[data-state=checked], ._selectItem_1qeio_271[data-state=checked] {
     color: var(--baseTextContrast);
     background-color: var(--baseBg);
   }
 
-._toolbarNodeKindSelectItem_jo8re_318[data-highlighted], ._selectItem_jo8re_271[data-highlighted] {
+._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_jo8re_318:last-child, ._selectItem_jo8re_271:last-child {
+._toolbarNodeKindSelectItem_1qeio_318:last-child, ._selectItem_1qeio_271:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_jo8re_344, ._selectDropdownArrow_jo8re_345 {
+._toolbarNodeKindSelectDropdownArrow_1qeio_344, ._selectDropdownArrow_1qeio_345 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
 
-._contentEditable_jo8re_351 {
+._contentEditable_1qeio_351 {
   box-sizing: border-box;
   width: 100%;
   color: var(--baseTextContrast);
   padding: var(--spacing-3);
 }
 
-._contentEditable_jo8re_351:focus {
+._contentEditable_1qeio_351:focus {
     outline: none;
   }
 
-._sandpackWrapper_jo8re_361 {
+._sandpackWrapper_1qeio_361 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_jo8re_365 {
+._frontmatterWrapper_1qeio_365 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_jo8re_365[data-expanded=true] {
+._frontmatterWrapper_1qeio_365[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_jo8re_375 {
+._frontmatterToggleButton_1qeio_375 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -501,7 +507,7 @@
   font-size: var(--text-sm);
 }
 
-._propertyPanelTitle_jo8re_383 {
+._propertyPanelTitle_1qeio_383 {
   font-size: var(--text-xs);
   font-weight: 400;
   margin: 0;
@@ -509,49 +515,49 @@
   padding-left: var(--spacing-2);
 }
 
-._propertyEditorTable_jo8re_391 {
+._propertyEditorTable_1qeio_391 {
   table-layout: fixed;
   border-spacing: var(--spacing-2);
 }
 
-._propertyEditorTable_jo8re_391 th {
+._propertyEditorTable_1qeio_391 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._propertyEditorTable_jo8re_391 col:nth-child(1) {
+._propertyEditorTable_1qeio_391 col:nth-child(1) {
     width: 30%;
   }
 
-._propertyEditorTable_jo8re_391 col:nth-child(2) {
+._propertyEditorTable_1qeio_391 col:nth-child(2) {
     width: 70%;
   }
 
-._propertyEditorTable_jo8re_391 td:last-child ._iconButton_jo8re_408 {
+._propertyEditorTable_1qeio_391 td:last-child ._iconButton_1qeio_408 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._propertyEditorTable_jo8re_391 ._readOnlyColumnCell_jo8re_413 {
+._propertyEditorTable_1qeio_391 ._readOnlyColumnCell_1qeio_413 {
     padding-left: 0;
   }
 
-._propertyEditorLabelCell_jo8re_418 {
+._propertyEditorLabelCell_1qeio_418 {
   font-weight: 400;
 }
 
-._readOnlyColumnCell_jo8re_413 {
+._readOnlyColumnCell_1qeio_413 {
   padding-left: 0;
 }
 
-._buttonsFooter_jo8re_426 {
+._buttonsFooter_1qeio_426 {
   display: flex;
   justify-content: flex-end;
   gap: var(--spacing-2);
 }
 
-._propertyEditorInput_jo8re_432 {
+._propertyEditorInput_1qeio_432 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -569,7 +575,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_jo8re_408 {
+._iconButton_1qeio_408 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -582,15 +588,15 @@
   color:var(--baseText);
 }
 
-._iconButton_jo8re_408:hover {
+._iconButton_1qeio_408:hover {
     color: var(--accentText);
   }
 
-._iconButton_jo8re_408:disabled, ._iconButton_jo8re_408:disabled:hover {
+._iconButton_1qeio_408:disabled, ._iconButton_1qeio_408:disabled:hover {
     color:var(--baseLine);
   }
 
-._primaryButton_jo8re_453, ._secondaryButton_jo8re_453 {
+._primaryButton_1qeio_453, ._secondaryButton_1qeio_453 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -608,30 +614,30 @@
   border-radius: var(--radius-medium);
 }
 
-._primaryButton_jo8re_453:disabled, ._secondaryButton_jo8re_453:disabled {
+._primaryButton_1qeio_453:disabled, ._secondaryButton_1qeio_453:disabled {
     background: var(--accentLine);
     border-color: var(--accentBg);
   }
 
-._smallButton_jo8re_467 {
+._smallButton_1qeio_467 {
   font-size: var(--text-xs);
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-base);
 }
 
-._secondaryButton_jo8re_453 {
+._secondaryButton_1qeio_453 {
   border: 1px solid var(--baseBorder);
   background-color: var(--baseSolidHover);
   color:var(--baseBase);
 }
 
-._dialogForm_jo8re_479 {
+._dialogForm_1qeio_479 {
   display: flex;
   flex-direction: row;
   gap: var(--spacing-2);
 }
 
-._linkDialogEditForm_jo8re_485 {
+._linkDialogEditForm_1qeio_485 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -639,13 +645,13 @@
   padding: 0;
 }
 
-._linkDialogInputContainer_jo8re_493 {
+._linkDialogInputContainer_1qeio_493 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_jo8re_499 {
+._linkDialogInputWrapper_1qeio_499 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -654,13 +660,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_jo8re_499[data-visible-dropdown=true] {
+._linkDialogInputWrapper_1qeio_499[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_jo8re_499 > button {
+._linkDialogInputWrapper_1qeio_499 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -673,7 +679,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_jo8re_493, ._dialogInput_jo8re_519 {
+._linkDialogInput_1qeio_493, ._dialogInput_1qeio_519 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -688,29 +694,29 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_jo8re_493::-moz-placeholder, ._dialogInput_jo8re_519::-moz-placeholder {
+._linkDialogInput_1qeio_493::-moz-placeholder, ._dialogInput_1qeio_519::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_jo8re_493::placeholder, ._dialogInput_jo8re_519::placeholder {
+._linkDialogInput_1qeio_493::placeholder, ._dialogInput_1qeio_519::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAnchor_jo8re_529 {
+._linkDialogAnchor_1qeio_529 {
   position: fixed;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_jo8re_529[data-visible=true] {
+._linkDialogAnchor_1qeio_529[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_jo8re_529[data-visible=false] {
+._linkDialogAnchor_1qeio_529[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_jo8re_543, ._tableColumnEditorPopoverContent_jo8re_543, ._dialogContent_jo8re_543 {
+._linkDialogPopoverContent_1qeio_543, ._tableColumnEditorPopoverContent_1qeio_543, ._dialogContent_1qeio_543 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -722,7 +728,7 @@
   font-size: var(--text-sm);
 }
 
-._largeDialogContent_jo8re_555 {
+._largeDialogContent_1qeio_555 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   gap: var(--spacing-0_5);
   border-radius:var(--radius-medium);
@@ -732,13 +738,13 @@
   font-size: var(--text-sm);
 }
 
-._dialogTitle_jo8re_565 {
+._dialogTitle_1qeio_565 {
   font-size: var(--text-base);
   font-weight: 600;
   padding-left: var(--spacing-2);
 }
 
-._dialogCloseButton_jo8re_571 {
+._dialogCloseButton_1qeio_571 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -753,7 +759,7 @@
   right: 10px;
 }
 
-._popoverContent_jo8re_578 {
+._popoverContent_1qeio_578 {
   filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
   display: flex;
   align-items: center;
@@ -765,11 +771,11 @@
   z-index: 1;
 }
 
-._popoverArrow_jo8re_590 {
+._popoverArrow_1qeio_590 {
   fill: var(--basePageBg);
 }
 
-._linkDialogPreviewAnchor_jo8re_594 {
+._linkDialogPreviewAnchor_1qeio_594 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -778,23 +784,23 @@
   border: 1px solid transparent;
 }
 
-._linkDialogPreviewAnchor_jo8re_594 svg {
+._linkDialogPreviewAnchor_1qeio_594 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
   }
 
-._linkDialogPreviewAnchor_jo8re_594 span {
+._linkDialogPreviewAnchor_1qeio_594 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-._tooltipTrigger_jo8re_615 {
+._tooltipTrigger_1qeio_615 {
   align-self: center;
 }
 
-._tooltipContent_jo8re_619 {
+._tooltipContent_1qeio_619 {
   z-index: 2;
   position: relative;
   border-radius: var(--radius-medium);
@@ -804,11 +810,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_jo8re_619 svg {
+._tooltipContent_1qeio_619 svg {
     fill: var(--baseText);
   }
 
-._actionButton_jo8re_633 {
+._actionButton_1qeio_633 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -823,34 +829,34 @@
   border-radius: var(--radius-medium);
 }
 
-._actionButton_jo8re_633 svg {
+._actionButton_1qeio_633 svg {
     display: block;
   }
 
-._actionButton_jo8re_633:hover {
+._actionButton_1qeio_633:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_jo8re_633:active svg {
+._actionButton_1qeio_633:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_jo8re_633[data-state=on], ._actionButton_jo8re_633:active {
+._actionButton_1qeio_633[data-state=on], ._actionButton_1qeio_633:active {
     background-color: var(--baseBgHover);
     color: var(--baseTextContrast);
   }
 
-._primaryActionButton_jo8re_639 {
+._primaryActionButton_1qeio_639 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_jo8re_639:hover {
+._primaryActionButton_1qeio_639:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_jo8re_648 {
+._tableEditor_1qeio_648 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -858,50 +864,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_jo8re_648 thead > tr > th {
+._tableEditor_1qeio_648 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_jo8re_648 > tbody > tr > td:not(._toolCell_jo8re_659) {
+._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) {
     border: 1px solid var(--baseBgActive);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_jo8re_648 > tbody > tr > td:not(._toolCell_jo8re_659) > div {
+._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div {
       outline: none;
     }
 
-._tableEditor_jo8re_648 > tbody > tr > td:not(._toolCell_jo8re_659) > div > p {
+._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div > p {
         margin: 0;
       }
 
-._tableEditor_jo8re_648 > tbody > tr > td[data-active=true]:not(._toolCell_jo8re_659) {
+._tableEditor_1qeio_648 > tbody > tr > td[data-active=true]:not(._toolCell_1qeio_659) {
       outline: solid 1px var(--baseSolid);
     }
 
-._tableEditor_jo8re_648 ._tableColumnEditorTrigger_jo8re_676, ._tableEditor_jo8re_648 ._tableRowEditorTrigger_jo8re_676, ._tableEditor_jo8re_648 ._addRowButton_jo8re_676, ._tableEditor_jo8re_648 ._addColumnButton_jo8re_676, ._tableEditor_jo8re_648 ._iconButton_jo8re_408 {
+._tableEditor_1qeio_648 ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._addRowButton_1qeio_676, ._tableEditor_1qeio_648 ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648 ._iconButton_1qeio_408 {
     opacity: .15;
   }
 
-._tableEditor_jo8re_648:hover ._tableColumnEditorTrigger_jo8re_676, ._tableEditor_jo8re_648:hover ._tableRowEditorTrigger_jo8re_676, ._tableEditor_jo8re_648:hover ._addRowButton_jo8re_676, ._tableEditor_jo8re_648:hover ._addColumnButton_jo8re_676, ._tableEditor_jo8re_648:hover ._iconButton_jo8re_408 {
+._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408 {
       opacity: 0.3;
     }
 
-._tableEditor_jo8re_648:hover ._tableColumnEditorTrigger_jo8re_676:hover, ._tableEditor_jo8re_648:hover ._tableRowEditorTrigger_jo8re_676:hover, ._tableEditor_jo8re_648:hover ._addRowButton_jo8re_676:hover, ._tableEditor_jo8re_648:hover ._addColumnButton_jo8re_676:hover, ._tableEditor_jo8re_648:hover ._iconButton_jo8re_408:hover {
+._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408:hover {
         opacity: 1;
       }
 
-._toolCell_jo8re_659 {
+._toolCell_1qeio_659 {
   text-align: right;
 }
 
-._toolCell_jo8re_659 button {
+._toolCell_1qeio_659 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_jo8re_676 {
+._tableColumnEditorTrigger_1qeio_676 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -917,32 +923,32 @@
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_jo8re_676 svg {
+._tableColumnEditorTrigger_1qeio_676 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_jo8re_676:hover {
+._tableColumnEditorTrigger_1qeio_676:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_jo8re_676:active svg {
+._tableColumnEditorTrigger_1qeio_676:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_jo8re_676[data-state=on], ._tableColumnEditorTrigger_jo8re_676:active {
+._tableColumnEditorTrigger_1qeio_676[data-state=on], ._tableColumnEditorTrigger_1qeio_676:active {
     background-color: var(--baseBgHover);
     color: var(--baseTextContrast);
   }
 
-._tableColumnEditorTrigger_jo8re_676[data-active=true] {
+._tableColumnEditorTrigger_1qeio_676[data-active=true] {
     opacity: 1 !important;
   }
 
-._tableColumnEditorToolbar_jo8re_710 {
+._tableColumnEditorToolbar_1qeio_710 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_jo8re_710 > button {
+._tableColumnEditorToolbar_1qeio_710 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -955,35 +961,35 @@
     padding: var(--spacing-1_5);
   }
 
-._tableColumnEditorToolbar_jo8re_710 > button svg {
+._tableColumnEditorToolbar_1qeio_710 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_jo8re_710 > button:hover {
+._tableColumnEditorToolbar_1qeio_710 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_jo8re_710 > button:active svg {
+._tableColumnEditorToolbar_1qeio_710 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_jo8re_710 > button[data-state=on], ._tableColumnEditorToolbar_jo8re_710 > button:active {
+._tableColumnEditorToolbar_1qeio_710 > button[data-state=on], ._tableColumnEditorToolbar_1qeio_710 > button:active {
     background-color: var(--baseBgHover);
     color: var(--baseTextContrast);
   }
 
-._tableColumnEditorToolbar_jo8re_710 [role=separator] {
+._tableColumnEditorToolbar_1qeio_710 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
 
-._toggleGroupRoot_jo8re_723 {
+._toggleGroupRoot_1qeio_723 {
   display: inline-flex;
 }
 
 
-._toggleGroupRoot_jo8re_723 button {
+._toggleGroupRoot_1qeio_723 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -997,60 +1003,60 @@
   }
 
 
-._toggleGroupRoot_jo8re_723 button svg {
+._toggleGroupRoot_1qeio_723 button svg {
     display: block;
   }
 
 
-._toggleGroupRoot_jo8re_723 button:hover {
+._toggleGroupRoot_1qeio_723 button:hover {
     background-color: var(--baseBgHover);
   }
 
 
-._toggleGroupRoot_jo8re_723 button:active svg {
+._toggleGroupRoot_1qeio_723 button:active svg {
     transform: translate(1px, 1px);
   }
 
 
-._toggleGroupRoot_jo8re_723 button[data-state=on], ._toggleGroupRoot_jo8re_723 button:active {
+._toggleGroupRoot_1qeio_723 button[data-state=on], ._toggleGroupRoot_1qeio_723 button:active {
     background-color: var(--baseBgHover);
     color: var(--baseTextContrast);
   }
 
 
-._toggleGroupRoot_jo8re_723 button:first-child {
+._toggleGroupRoot_1qeio_723 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
 
-._toggleGroupRoot_jo8re_723 button:last-child {
+._toggleGroupRoot_1qeio_723 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_jo8re_740 {
+._tableToolsColumn_1qeio_740 {
   width: 3rem;
 }
 
-._tableToolsColumn_jo8re_740 button {
+._tableToolsColumn_1qeio_740 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_jo8re_748 {
+._leftAlignedCell_1qeio_748 {
   text-align: left;
 }
 
-._rightAlignedCell_jo8re_752 {
+._rightAlignedCell_1qeio_752 {
   text-align: right;
 }
 
-._centeredCell_jo8re_756 {
+._centeredCell_1qeio_756 {
   text-align: center;
 }
 
-._addColumnButton_jo8re_676, ._addRowButton_jo8re_676 {
+._addColumnButton_1qeio_676, ._addRowButton_1qeio_676 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1067,28 +1073,28 @@
   align-items: center;
 }
 
-._addColumnButton_jo8re_676 svg, ._addRowButton_jo8re_676 svg {
+._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
     display: block;
   }
 
-._addColumnButton_jo8re_676:hover, ._addRowButton_jo8re_676:hover {
+._addColumnButton_1qeio_676:hover, ._addRowButton_1qeio_676:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_jo8re_676:active svg, ._addRowButton_jo8re_676:active svg {
+._addColumnButton_1qeio_676:active svg, ._addRowButton_1qeio_676:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_jo8re_676[data-state=on], ._addRowButton_jo8re_676[data-state=on], ._addColumnButton_jo8re_676:active, ._addRowButton_jo8re_676:active {
+._addColumnButton_1qeio_676[data-state=on], ._addRowButton_1qeio_676[data-state=on], ._addColumnButton_1qeio_676:active, ._addRowButton_1qeio_676:active {
     background-color: var(--baseBgHover);
     color: var(--baseTextContrast);
   }
 
-._addColumnButton_jo8re_676 svg, ._addRowButton_jo8re_676 svg {
+._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
     margin: auto;
   }
 
-._addRowButton_jo8re_676 {
+._addRowButton_1qeio_676 {
   width: 100%;
   margin-top: var(--spacing-px);
   box-sizing: border-box;
@@ -1096,7 +1102,7 @@
   border-bottom-left-radius: var(--radius-medium);
 }
 
-._addColumnButton_jo8re_676 {
+._addColumnButton_1qeio_676 {
   margin-left: var(--spacing-px);
   height: 100%;
   border-top-right-radius: var(--radius-medium);
@@ -1104,30 +1110,30 @@
 }
 
 /** Dialog */
-._dialogOverlay_jo8re_787 {
+._dialogOverlay_1qeio_787 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_jo8re_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_jo8re_543, ._largeDialogContent_jo8re_555 {
+._dialogContent_1qeio_543, ._largeDialogContent_1qeio_555 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_jo8re_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
 
-._dialogContent_jo8re_543:focus, ._largeDialogContent_jo8re_555:focus {
+._dialogContent_1qeio_543:focus, ._largeDialogContent_1qeio_555:focus {
   outline: none;
 }
 
 
-@keyframes _overlayShow_jo8re_1 {
+@keyframes _overlayShow_1qeio_1 {
   from {
     opacity: 0;
   }
@@ -1136,7 +1142,7 @@
   }
 }
 
-@keyframes _contentShow_jo8re_1 {
+@keyframes _contentShow_1qeio_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);
@@ -1147,22 +1153,22 @@
   }
 }
 
-._focusedImage_jo8re_830 {
+._focusedImage_1qeio_830 {
   outline: highlight solid 2px;
 }
 
-._imageWrapper_jo8re_834 {
+._imageWrapper_1qeio_834 {
   display: inline-block;
   position: relative;
 }
 
-._imageWrapper_jo8re_834[draggable=true] {
+._imageWrapper_1qeio_834[draggable=true] {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
   cursor: -webkit-grab;
 }
 
-._editImageButton_jo8re_846 {
+._editImageButton_1qeio_846 {
   position: absolute;
   right: var(--spacing-2);
   top: var(--spacing-2);
@@ -1170,11 +1176,11 @@
   border-radius: var(--radius-full);
 }
 
-._editImageButton_jo8re_846 svg {
+._editImageButton_1qeio_846 svg {
     display: block;
   }
 
-._inlineEditor_jo8re_858 {
+._inlineEditor_1qeio_858 {
   display: inline-flex;
   border-radius: var(--radius-medium);
   padding: var(--spacing-1);
@@ -1183,7 +1189,7 @@
   background: var(--baseBg);
 }
 
-._blockEditor_jo8re_867 {
+._blockEditor_1qeio_867 {
   display: flex;
   justify-content: stretch;
   border-radius: var(--radius-medium);
@@ -1193,70 +1199,70 @@
   background: var(--baseBg);
 }
 
-._blockEditor_jo8re_867 ._nestedEditor_jo8re_876 {
+._blockEditor_1qeio_867 ._nestedEditor_1qeio_876 {
     flex-grow: 1;
   }
 
-._nestedEditor_jo8re_876 {
+._nestedEditor_1qeio_876 {
   background: white;
   padding: var(--spacing-1) var(--spacing-2);
   border-radius: var(--radius-medium);
 }
 
-._nestedEditor_jo8re_876 > p {
+._nestedEditor_1qeio_876 > p {
     margin: 0;
   }
 
-._nestedEditor_jo8re_876:focus {
+._nestedEditor_1qeio_876:focus {
     outline: none;
   }
 
-._genericComponentName_jo8re_893 {
+._genericComponentName_1qeio_893 {
   font-size: var(--text-sm);
   color: var(--baseText);
   padding-right: var(--spacing-2);
 }
 
-._diffSourceToggle_jo8re_899 {
+._diffSourceToggle_1qeio_899 {
   border-radius: var(--radius-medium);
   display: flex;
 }
 
-._diffSourceToggle_jo8re_899 ._toolbarToggleItem_jo8re_184 {
+._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 {
     padding: 0;
   }
 
-._diffSourceToggle_jo8re_899 ._toolbarToggleItem_jo8re_184 > span {
+._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 > span {
       display: block;
       padding: var(--spacing-1) var(--spacing-2);
     }
 
-._selectWithLabel_jo8re_912 {
+._selectWithLabel_1qeio_912 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
   margin-left: var(--spacing-2);
 }
 
-._selectWithLabel_jo8re_912 > label {
+._selectWithLabel_1qeio_912 > label {
     font-size: var(--text-sm);
   }
 
-._selectWithLabel_jo8re_912 ._selectTrigger_jo8re_278 {
+._selectWithLabel_1qeio_912 ._selectTrigger_1qeio_278 {
     border: 1px solid var(--baseBorder);
   }
 
-._toolbarTitleMode_jo8re_926 {
+._toolbarTitleMode_1qeio_926 {
   font-size: var(--text-sm);
   margin-left: var(--spacing-2);
 }
 
 
-._imageControlWrapperResizing_jo8re_932 {
+._imageControlWrapperResizing_1qeio_932 {
   touch-action: none;
 }
 
-._imageResizer_jo8re_936 {
+._imageResizer_1qeio_936 {
   display: block;
   width: 7px;
   height: 7px;
@@ -1265,55 +1271,55 @@
   border: 1px solid var(--baseBg);
 }
 
-._imageResizer_jo8re_936._imageResizerN_jo8re_945 {
+._imageResizer_1qeio_936._imageResizerN_1qeio_945 {
   top: -6px;
   left: 48%;
   cursor: n-resize;
 }
 
-._imageResizer_jo8re_936._imageResizerNe_jo8re_951 {
+._imageResizer_1qeio_936._imageResizerNe_1qeio_951 {
   top: -6px;
   right: -6px;
   cursor: ne-resize;
 }
 
-._imageResizer_jo8re_936._imageResizerE_jo8re_957 {
+._imageResizer_1qeio_936._imageResizerE_1qeio_957 {
   bottom: 48%;
   right: -6px;
   cursor: e-resize;
 }
 
-._imageResizer_jo8re_936._imageResizerSe_jo8re_963 {
+._imageResizer_1qeio_936._imageResizerSe_1qeio_963 {
   bottom: -2px;
   right: -6px;
   cursor: nwse-resize;
 }
 
-._imageResizer_jo8re_936._imageResizerS_jo8re_963 {
+._imageResizer_1qeio_936._imageResizerS_1qeio_963 {
   bottom: -2px;
   left: 48%;
   cursor: s-resize;
 }
 
-._imageResizer_jo8re_936._imageResizerSw_jo8re_975 {
+._imageResizer_1qeio_936._imageResizerSw_1qeio_975 {
   bottom: -2px;
   left: -6px;
   cursor: sw-resize;
 }
 
-._imageResizer_jo8re_936._imageResizerW_jo8re_981 {
+._imageResizer_1qeio_936._imageResizerW_1qeio_981 {
   bottom: 48%;
   left: -6px;
   cursor: w-resize;
 }
 
-._imageResizer_jo8re_936._imageResizerNw_jo8re_987 {
+._imageResizer_1qeio_936._imageResizerNw_1qeio_987 {
   top: -6px;
   left: -6px;
   cursor: nw-resize;
 }
 
-._placeholder_jo8re_993 {
+._placeholder_1qeio_993 {
     color: var(--baseSolid);
     overflow: hidden;
     position: absolute;
@@ -1328,19 +1334,19 @@
     pointer-events: none;
 }
   
-._rootContentEditableWrapper_jo8re_1006 {
+._rootContentEditableWrapper_1qeio_1006 {
   position: relative;
 }
 
 
 
-._downshiftContainer_jo8re_1012 {
+._downshiftContainer_1qeio_1012 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._downshiftInputWrapper_jo8re_1018 {
+._downshiftInputWrapper_1qeio_1018 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -1349,13 +1355,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._downshiftInputWrapper_jo8re_1018[data-visible-dropdown=true] {
+._downshiftInputWrapper_1qeio_1018[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._downshiftInputWrapper_jo8re_1018 > button {
+._downshiftInputWrapper_1qeio_1018 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -1368,7 +1374,7 @@
     padding-right: var(--spacing-2);
   }
 
-._downshiftInput_jo8re_1018 {
+._downshiftInput_1qeio_1018 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -1383,19 +1389,19 @@
   font-size: var(--text-sm);
 }
 
-._downshiftInput_jo8re_1018::-moz-placeholder {
+._downshiftInput_1qeio_1018::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._downshiftInput_jo8re_1018::placeholder {
+._downshiftInput_1qeio_1018::placeholder {
     color: var(--baseBorder);
   }
 
-._downshiftAutocompleteContainer_jo8re_1048 {
+._downshiftAutocompleteContainer_1qeio_1048 {
   position: relative;
 }
 
-._downshiftAutocompleteContainer_jo8re_1048 ul {
+._downshiftAutocompleteContainer_1qeio_1048 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -1412,11 +1418,11 @@
     background-color: var(--baseBase);
   }
 
-._downshiftAutocompleteContainer_jo8re_1048 ul[data-visible=true] {
+._downshiftAutocompleteContainer_1qeio_1048 ul[data-visible=true] {
       display: block;
     }
 
-._downshiftAutocompleteContainer_jo8re_1048 ul li {
+._downshiftAutocompleteContainer_1qeio_1048 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -1424,20 +1430,20 @@
       text-overflow: ellipsis;
     }
 
-._downshiftAutocompleteContainer_jo8re_1048 ul li[data-selected=true] {
+._downshiftAutocompleteContainer_1qeio_1048 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._downshiftAutocompleteContainer_jo8re_1048 ul li[data-highlighted=true] {
+._downshiftAutocompleteContainer_1qeio_1048 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._downshiftAutocompleteContainer_jo8re_1048 ul li:last-of-type {
+._downshiftAutocompleteContainer_1qeio_1048 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._textInput_jo8re_1093 {
+._textInput_1qeio_1093 {
   all: unset;
   border-radius: var(--radius-base);
   border:1px solid var(--baseBorder);
@@ -1445,23 +1451,32 @@
   padding: var(--spacing-2) var(--spacing-3);
 }
 
-form._multiFieldForm_jo8re_1101 {
+form._multiFieldForm_1qeio_1101 {
   display: flex;
   flex-direction: column;
   padding: var(--spacing-2);
   gap: var(--spacing-2);
 }
 
-form._multiFieldForm_jo8re_1101 ._formField_jo8re_1107 {
+form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 {
     display: flex;
     flex-direction: column;
     gap: var(--spacing-2);
   }
 
-form._multiFieldForm_jo8re_1101 ._formField_jo8re_1107 label {
+form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 label {
       font-size: var(--text-xs);
     }
 
+._markdownParseError_1qeio_1118 {
+  border-radius: var(--radius-base);
+  border: 1px solid var(--error-color);
+  padding: var(--spacing-2);
+  margin-block: var(--spacing-2);
+  color: var(--error-color);
+  font-size: var(--text-xs);
+}
+
 
 :root, ._light-theme_7hn0e_1 {
   --blue1: hsl(206, 100%, 99.2%);