@mdxeditor/editor 0.1.1 → 0.2.0

package/dist/style.css

@@ -61,7 +61,7 @@
   
 }
 
-._editorRoot_1nlu3_43 {
+._editorRoot_1bxeh_43 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -139,15 +139,15 @@
   color: var(--baseText);
 }
 
-._editorWrapper_1nlu3_121 {
+._editorWrapper_1bxeh_121 {
   padding: var(--spacing-3);
 }
 
-._nestedListItem_1nlu3_125 {
+._nestedListItem_1bxeh_125 {
   list-style: none;
 }
 
-._toolbarRoot_1nlu3_129 {
+._toolbarRoot_1bxeh_129 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
   z-index: 50;
   margin-bottom: var(--spacing-6);
@@ -164,11 +164,11 @@
   width: inherit;
 }
 
-._toolbarRoot_1nlu3_129 div[role=separator] {
+._toolbarRoot_1bxeh_129 div[role=separator] {
     margin: var(--spacing-1);
   }
 
-._toolbarModeSwitch_1nlu3_150 {
+._toolbarModeSwitch_1bxeh_150 {
   margin-left: auto;
   align-self: stretch;
   align-items: stretch;
@@ -178,32 +178,32 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159 {
+._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159 {
     -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_1nlu3_150 ._toolbarToggleItem_1nlu3_159:active, ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159[data-state=on] {
+._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159:active, ._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_1nlu3_169 {
+._toolbarGroupOfGroups_1bxeh_169 {
   display: flex;
 }
 
-._toolbarToggleSingleGroup_1nlu3_173:first-of-type ._toolbarToggleItem_1nlu3_159:only-child, ._toolbarToggleSingleGroup_1nlu3_173:only-child ._toolbarToggleItem_1nlu3_159:first-child, ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159:first-child {
+._toolbarToggleSingleGroup_1bxeh_173:first-of-type ._toolbarToggleItem_1bxeh_159:only-child, ._toolbarToggleSingleGroup_1bxeh_173:only-child ._toolbarToggleItem_1bxeh_159:first-child, ._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1nlu3_173:last-of-type ._toolbarToggleItem_1nlu3_159:only-child, ._toolbarToggleSingleGroup_1nlu3_173:only-child ._toolbarToggleItem_1nlu3_159:last-child, ._toolbarModeSwitch_1nlu3_150 ._toolbarToggleItem_1nlu3_159:last-child {
+._toolbarToggleSingleGroup_1bxeh_173:last-of-type ._toolbarToggleItem_1bxeh_159:only-child, ._toolbarToggleSingleGroup_1bxeh_173:only-child ._toolbarToggleItem_1bxeh_159:last-child, ._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_1nlu3_159, ._toolbarButton_1nlu3_187 {
+._toolbarToggleItem_1bxeh_159, ._toolbarButton_1bxeh_187 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -216,31 +216,32 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_1nlu3_159 svg, ._toolbarButton_1nlu3_187 svg {
+._toolbarToggleItem_1bxeh_159 svg, ._toolbarButton_1bxeh_187 svg {
     display: block;
   }
 
-._toolbarToggleItem_1nlu3_159:hover, ._toolbarButton_1nlu3_187:hover {
+._toolbarToggleItem_1bxeh_159:hover, ._toolbarButton_1bxeh_187:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarToggleItem_1nlu3_159:active svg, ._toolbarButton_1nlu3_187:active svg {
+._toolbarToggleItem_1bxeh_159:active svg, ._toolbarButton_1bxeh_187:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_1nlu3_159[data-state=on], ._toolbarButton_1nlu3_187[data-state=on], ._toolbarToggleItem_1nlu3_159:active, ._toolbarButton_1nlu3_187:active {
+._toolbarToggleItem_1bxeh_159[data-state=on], ._toolbarButton_1bxeh_187[data-state=on], ._toolbarToggleItem_1bxeh_159:active, ._toolbarButton_1bxeh_187:active {
     background-color: var(--accentBgActive);
   }
 
-._toolbarButton_1nlu3_187 {
+._toolbarButton_1bxeh_187 {
   border-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1nlu3_173 {
+._toolbarToggleSingleGroup_1bxeh_173 {
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_1nlu3_216, ._toolbarButtonDropdownContainer_1nlu3_217 {
+._toolbarNodeKindSelectContainer_1bxeh_216, ._toolbarButtonDropdownContainer_1bxeh_217, ._toolbarCodeBlockLanguageSelectContent_1bxeh_218
+{
   z-index: 60;
   width: var(--spacing-36);
   border-bottom-left-radius: var(--radius-base);
@@ -249,11 +250,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_1nlu3_217 {
+._toolbarButtonDropdownContainer_1bxeh_217 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarNodeKindSelectTrigger_1nlu3_230, ._toolbarButtonSelectTrigger_1nlu3_231 {
+._toolbarNodeKindSelectTrigger_1bxeh_232, ._toolbarButtonSelectTrigger_1bxeh_233 {
   border: 0;
   background-color: transparent;
   display: flex;
@@ -271,11 +272,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarNodeKindSelectTrigger_1nlu3_230:hover, ._toolbarButtonSelectTrigger_1nlu3_231:hover {
+._toolbarNodeKindSelectTrigger_1bxeh_232:hover, ._toolbarButtonSelectTrigger_1bxeh_233:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarNodeKindSelectTrigger_1nlu3_230[data-state=open], ._toolbarButtonSelectTrigger_1nlu3_231[data-state=open] {
+._toolbarNodeKindSelectTrigger_1bxeh_232[data-state=open], ._toolbarButtonSelectTrigger_1bxeh_233[data-state=open] {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
     background-color: var(--baseBgHover);
@@ -283,7 +284,7 @@
 
 /** used in the sandpack */
 
-._toolbarButtonSelectTrigger_1nlu3_231 {
+._toolbarButtonSelectTrigger_1bxeh_233 {
   width: auto;
   -webkit-padding-start: var(--spacing-2) ;
           padding-inline-start: var(--spacing-2) ;
@@ -291,57 +292,62 @@
           padding-inline-end: var(--spacing-1);
 }
 
-._toolbarNodeKindSelectItem_1nlu3_264 {
+._toolbarCodeBlockLanguageSelectTrigger_1bxeh_266, ._toolbarCodeBlockLanguageSelectContent_1bxeh_218 
+{
+  width: var(--spacing-48);
+}
+
+._toolbarNodeKindSelectItem_1bxeh_272 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2) var(--spacing-4);
 }
 
-._toolbarNodeKindSelectItem_1nlu3_264[data-highlighted] {
+._toolbarNodeKindSelectItem_1bxeh_272[data-highlighted] {
     background-color: var(--baseBgSubtle);
   }
 
-._toolbarNodeKindSelectItem_1nlu3_264[data-state=checked] {
+._toolbarNodeKindSelectItem_1bxeh_272[data-state=checked] {
     background-color: var(--accentBgActive);
   }
 
-._toolbarNodeKindSelectItem_1nlu3_264[data-highlighted] {
+._toolbarNodeKindSelectItem_1bxeh_272[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_1nlu3_264:last-child {
+._toolbarNodeKindSelectItem_1bxeh_272:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_1nlu3_287 {
+._toolbarNodeKindSelectDropdownArrow_1bxeh_295 {
   margin-left: auto;
 }
 
-._contentEditable_1nlu3_291 {
+._contentEditable_1bxeh_299 {
   width: 100%;
   color: var(--baseTextContrast);
 }
 
-._contentEditable_1nlu3_291:focus {
+._contentEditable_1bxeh_299:focus {
     outline: none;
   }
 
-._sandpackWrapper_1nlu3_299 {
+._sandpackWrapper_1bxeh_307 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_1nlu3_303 {
+._frontmatterWrapper_1bxeh_311 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_1nlu3_303[data-expanded=true] {
+._frontmatterWrapper_1bxeh_311[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_1nlu3_313 {
+._frontmatterToggleButton_1bxeh_321 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -357,32 +363,32 @@
   font-size: var(--text-sm);
 }
 
-._frontmatterEditorTable_1nlu3_321 {
+._frontmatterEditorTable_1bxeh_329 {
   table-layout: fixed;
   margin-top: var(--spacing-3);
   border-spacing: var(--spacing-2);
 }
 
-._frontmatterEditorTable_1nlu3_321 th {
+._frontmatterEditorTable_1bxeh_329 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._frontmatterEditorTable_1nlu3_321 col:nth-child(1) {
+._frontmatterEditorTable_1bxeh_329 col:nth-child(1) {
     width: 30%;
   }
 
-._frontmatterEditorTable_1nlu3_321 col:nth-child(2) {
+._frontmatterEditorTable_1bxeh_329 col:nth-child(2) {
     width: 70%;
   }
 
-._frontmatterEditorTable_1nlu3_321 td:last-child ._iconButton_1nlu3_339 {
+._frontmatterEditorTable_1bxeh_329 td:last-child ._iconButton_1bxeh_347 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._frontmatterInput_1nlu3_345 {
+._frontmatterInput_1bxeh_353 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -400,7 +406,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_1nlu3_339 {
+._iconButton_1bxeh_347 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -413,7 +419,7 @@
   color:var(--baseText);
 }
 
-._primaryButton_1nlu3_360 {
+._primaryButton_1bxeh_368 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -431,19 +437,19 @@
   border-radius: var(--radius-medium);
 }
 
-._linkDialogEditForm_1nlu3_370 {
+._linkDialogEditForm_1bxeh_378 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
 }
 
-._linkDialogInputContainer_1nlu3_376 {
+._linkDialogInputContainer_1bxeh_384 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_1nlu3_382 {
+._linkDialogInputWrapper_1bxeh_390 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -452,13 +458,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_1nlu3_382[data-visible-dropdown=true] {
+._linkDialogInputWrapper_1bxeh_390[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_1nlu3_382 > button {
+._linkDialogInputWrapper_1bxeh_390 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -471,7 +477,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_1nlu3_376 {
+._linkDialogInput_1bxeh_384 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -486,19 +492,19 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_1nlu3_376::-moz-placeholder {
+._linkDialogInput_1bxeh_384::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_1nlu3_376::placeholder {
+._linkDialogInput_1bxeh_384::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAutocompleteContainer_1nlu3_412 {
+._linkDialogAutocompleteContainer_1bxeh_420 {
   position: relative;
 }
 
-._linkDialogAutocompleteContainer_1nlu3_412 ul {
+._linkDialogAutocompleteContainer_1bxeh_420 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -515,11 +521,11 @@
     background-color: var(--baseBase);
   }
 
-._linkDialogAutocompleteContainer_1nlu3_412 ul[data-visible=true] {
+._linkDialogAutocompleteContainer_1bxeh_420 ul[data-visible=true] {
       display: block;
     }
 
-._linkDialogAutocompleteContainer_1nlu3_412 ul li {
+._linkDialogAutocompleteContainer_1bxeh_420 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -527,34 +533,34 @@
       text-overflow: ellipsis;
     }
 
-._linkDialogAutocompleteContainer_1nlu3_412 ul li[data-selected=true] {
+._linkDialogAutocompleteContainer_1bxeh_420 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._linkDialogAutocompleteContainer_1nlu3_412 ul li[data-highlighted=true] {
+._linkDialogAutocompleteContainer_1bxeh_420 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._linkDialogAutocompleteContainer_1nlu3_412 ul li:last-of-type {
+._linkDialogAutocompleteContainer_1bxeh_420 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._linkDialogAnchor_1nlu3_457 {
+._linkDialogAnchor_1bxeh_465 {
   position: absolute;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_1nlu3_457[data-visible=true] {
+._linkDialogAnchor_1bxeh_465[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_1nlu3_457[data-visible=false] {
+._linkDialogAnchor_1bxeh_465[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_1nlu3_471, ._tableColumnEditorPopoverContent_1nlu3_471, ._dialogContent_1nlu3_471 {
+._linkDialogPopoverContent_1bxeh_479, ._tableColumnEditorPopoverContent_1bxeh_479, ._dialogContent_1bxeh_479 {
   filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   display: flex;
   align-items: center;
@@ -566,7 +572,7 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogPreviewAnchor_1nlu3_485 {
+._linkDialogPreviewAnchor_1bxeh_493 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -575,20 +581,20 @@
   border: 1px solid transparent;
 }
 
-._linkDialogPreviewAnchor_1nlu3_485 svg {
+._linkDialogPreviewAnchor_1bxeh_493 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
   }
 
-._linkDialogPreviewAnchor_1nlu3_485 span {
+._linkDialogPreviewAnchor_1bxeh_493 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-._tooltipContent_1nlu3_507 {
+._tooltipContent_1bxeh_515 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-1) var(--spacing-2);
   font-size: var(--text-xs);
@@ -596,11 +602,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_1nlu3_507 svg {
+._tooltipContent_1bxeh_515 svg {
     fill: var(--baseText);
   }
 
-._actionButton_1nlu3_519 {
+._actionButton_1bxeh_527 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -615,33 +621,33 @@
   border-radius: var(--radius-medium);
 }
 
-._actionButton_1nlu3_519 svg {
+._actionButton_1bxeh_527 svg {
     display: block;
   }
 
-._actionButton_1nlu3_519:hover {
+._actionButton_1bxeh_527:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_1nlu3_519:active svg {
+._actionButton_1bxeh_527:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_1nlu3_519[data-state=on], ._actionButton_1nlu3_519:active {
+._actionButton_1bxeh_527[data-state=on], ._actionButton_1bxeh_527:active {
     background-color: var(--accentBgActive);
   }
 
-._primaryActionButton_1nlu3_525 {
+._primaryActionButton_1bxeh_533 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_1nlu3_525:hover {
+._primaryActionButton_1bxeh_533:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_1nlu3_534 {
+._tableEditor_1bxeh_542 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -649,50 +655,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_1nlu3_534 thead > tr > th {
+._tableEditor_1bxeh_542 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_1nlu3_534 > tbody > tr > td:not(._toolCell_1nlu3_545) {
+._tableEditor_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) {
     border: 1px solid var(--baseBorder);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_1nlu3_534 > tbody > tr > td:not(._toolCell_1nlu3_545) > div {
+._tableEditor_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) > div {
       outline: none;
     }
 
-._tableEditor_1nlu3_534 > tbody > tr > td:not(._toolCell_1nlu3_545) > div > p {
+._tableEditor_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) > div > p {
         margin: 0;
       }
 
-._tableEditor_1nlu3_534 > tbody > tr > td[data-active=true]:not(._toolCell_1nlu3_545) {
+._tableEditor_1bxeh_542 > tbody > tr > td[data-active=true]:not(._toolCell_1bxeh_553) {
       outline: solid 2px var(--accentSolid)
     }
 
-._tableEditor_1nlu3_534 ._tableColumnEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534 ._tableRowEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534 ._addRowButton_1nlu3_562, ._tableEditor_1nlu3_534 ._addColumnButton_1nlu3_562, ._tableEditor_1nlu3_534 ._iconButton_1nlu3_339 {
+._tableEditor_1bxeh_542 ._tableColumnEditorTrigger_1bxeh_570, ._tableEditor_1bxeh_542 ._tableRowEditorTrigger_1bxeh_570, ._tableEditor_1bxeh_542 ._addRowButton_1bxeh_570, ._tableEditor_1bxeh_542 ._addColumnButton_1bxeh_570, ._tableEditor_1bxeh_542 ._iconButton_1bxeh_347 {
     opacity: 0;
   }
 
-._tableEditor_1nlu3_534:hover ._tableColumnEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534:hover ._tableRowEditorTrigger_1nlu3_562, ._tableEditor_1nlu3_534:hover ._addRowButton_1nlu3_562, ._tableEditor_1nlu3_534:hover ._addColumnButton_1nlu3_562, ._tableEditor_1nlu3_534:hover ._iconButton_1nlu3_339 {
+._tableEditor_1bxeh_542:hover ._tableColumnEditorTrigger_1bxeh_570, ._tableEditor_1bxeh_542:hover ._tableRowEditorTrigger_1bxeh_570, ._tableEditor_1bxeh_542:hover ._addRowButton_1bxeh_570, ._tableEditor_1bxeh_542:hover ._addColumnButton_1bxeh_570, ._tableEditor_1bxeh_542:hover ._iconButton_1bxeh_347 {
       opacity: .3;
     }
 
-._tableEditor_1nlu3_534:hover ._tableColumnEditorTrigger_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._tableRowEditorTrigger_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._addRowButton_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._addColumnButton_1nlu3_562:hover, ._tableEditor_1nlu3_534:hover ._iconButton_1nlu3_339:hover {
+._tableEditor_1bxeh_542:hover ._tableColumnEditorTrigger_1bxeh_570:hover, ._tableEditor_1bxeh_542:hover ._tableRowEditorTrigger_1bxeh_570:hover, ._tableEditor_1bxeh_542:hover ._addRowButton_1bxeh_570:hover, ._tableEditor_1bxeh_542:hover ._addColumnButton_1bxeh_570:hover, ._tableEditor_1bxeh_542:hover ._iconButton_1bxeh_347:hover {
         opacity: 1;
       };
 
-._toolCell_1nlu3_545 {
+._toolCell_1bxeh_553 {
   text-align: right;
 }
 
-._toolCell_1nlu3_545 button {
+._toolCell_1bxeh_553 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_1nlu3_562 {
+._tableColumnEditorTrigger_1bxeh_570 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -708,31 +714,31 @@
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_1nlu3_562 svg {
+._tableColumnEditorTrigger_1bxeh_570 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_1nlu3_562:hover {
+._tableColumnEditorTrigger_1bxeh_570:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_1nlu3_562:active svg {
+._tableColumnEditorTrigger_1bxeh_570:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_1nlu3_562[data-state=on], ._tableColumnEditorTrigger_1nlu3_562:active {
+._tableColumnEditorTrigger_1bxeh_570[data-state=on], ._tableColumnEditorTrigger_1bxeh_570:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorTrigger_1nlu3_562[data-active=true] {
+._tableColumnEditorTrigger_1bxeh_570[data-active=true] {
     opacity: 1;
   }
 
-._tableColumnEditorToolbar_1nlu3_596 {
+._tableColumnEditorToolbar_1bxeh_604 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_1nlu3_596 > button {
+._tableColumnEditorToolbar_1bxeh_604 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -745,32 +751,32 @@
     padding: var(--spacing-2);
   }
 
-._tableColumnEditorToolbar_1nlu3_596 > button svg {
+._tableColumnEditorToolbar_1bxeh_604 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_1nlu3_596 > button:hover {
+._tableColumnEditorToolbar_1bxeh_604 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_1nlu3_596 > button:active svg {
+._tableColumnEditorToolbar_1bxeh_604 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_1nlu3_596 > button[data-state=on], ._tableColumnEditorToolbar_1nlu3_596 > button:active {
+._tableColumnEditorToolbar_1bxeh_604 > button[data-state=on], ._tableColumnEditorToolbar_1bxeh_604 > button:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorToolbar_1nlu3_596 [role=separator] {
+._tableColumnEditorToolbar_1bxeh_604 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
-._toggleGroupRoot_1nlu3_608 {
+._toggleGroupRoot_1bxeh_616 {
   display: inline-flex;
 }
 
-._toggleGroupRoot_1nlu3_608 button {
+._toggleGroupRoot_1bxeh_616 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -783,54 +789,54 @@
     padding: var(--spacing-2);
   }
 
-._toggleGroupRoot_1nlu3_608 button svg {
+._toggleGroupRoot_1bxeh_616 button svg {
     display: block;
   }
 
-._toggleGroupRoot_1nlu3_608 button:hover {
+._toggleGroupRoot_1bxeh_616 button:hover {
     background-color: var(--baseBgHover);
   }
 
-._toggleGroupRoot_1nlu3_608 button:active svg {
+._toggleGroupRoot_1bxeh_616 button:active svg {
     transform: translate(1px, 1px);
   }
 
-._toggleGroupRoot_1nlu3_608 button[data-state=on], ._toggleGroupRoot_1nlu3_608 button:active {
+._toggleGroupRoot_1bxeh_616 button[data-state=on], ._toggleGroupRoot_1bxeh_616 button:active {
     background-color: var(--accentBgActive);
   }
 
-._toggleGroupRoot_1nlu3_608 button:first-child {
+._toggleGroupRoot_1bxeh_616 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
-._toggleGroupRoot_1nlu3_608 button:last-child {
+._toggleGroupRoot_1bxeh_616 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_1nlu3_625 {
+._tableToolsColumn_1bxeh_633 {
   width: 3rem;
 }
 
-._tableToolsColumn_1nlu3_625 button {
+._tableToolsColumn_1bxeh_633 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_1nlu3_633 {
+._leftAlignedCell_1bxeh_641 {
   text-align: left;
 }
 
-._rightAlignedCell_1nlu3_637 {
+._rightAlignedCell_1bxeh_645 {
   text-align: right;
 }
 
-._centeredCell_1nlu3_641 {
+._centeredCell_1bxeh_649 {
   text-align: center;
 }
 
-._addColumnButton_1nlu3_562, ._addRowButton_1nlu3_562 {
+._addColumnButton_1bxeh_570, ._addRowButton_1bxeh_570 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -848,62 +854,62 @@
   border-radius: var(--radius-medium);
 }
 
-._addColumnButton_1nlu3_562 svg, ._addRowButton_1nlu3_562 svg {
+._addColumnButton_1bxeh_570 svg, ._addRowButton_1bxeh_570 svg {
     display: block;
   }
 
-._addColumnButton_1nlu3_562:hover, ._addRowButton_1nlu3_562:hover {
+._addColumnButton_1bxeh_570:hover, ._addRowButton_1bxeh_570:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_1nlu3_562:active svg, ._addRowButton_1nlu3_562:active svg {
+._addColumnButton_1bxeh_570:active svg, ._addRowButton_1bxeh_570:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_1nlu3_562[data-state=on], ._addRowButton_1nlu3_562[data-state=on], ._addColumnButton_1nlu3_562:active, ._addRowButton_1nlu3_562:active {
+._addColumnButton_1bxeh_570[data-state=on], ._addRowButton_1bxeh_570[data-state=on], ._addColumnButton_1bxeh_570:active, ._addRowButton_1bxeh_570:active {
     background-color: var(--accentBgActive);
   }
 
-._addColumnButton_1nlu3_562 svg, ._addRowButton_1nlu3_562 svg {
+._addColumnButton_1bxeh_570 svg, ._addRowButton_1bxeh_570 svg {
     margin: auto;
   }
 
-._addRowButton_1nlu3_562 {
+._addRowButton_1bxeh_570 {
   width: 100%;
   margin-top: var(--spacing-2);
   box-sizing: border-box;
 }
 
-._addColumnButton_1nlu3_562 {
+._addColumnButton_1bxeh_570 {
   margin-left: var(--spacing-2);
   height: 100%;
 }
 
 /** Dialog */
 
-._dialogOverlay_1nlu3_669 {
+._dialogOverlay_1bxeh_677 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_1nlu3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_1bxeh_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_1nlu3_471 {
+._dialogContent_1bxeh_479 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_1nlu3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_1bxeh_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
 
-._dialogContent_1nlu3_471:focus {
+._dialogContent_1bxeh_479:focus {
   outline: none;
 }
 
-@keyframes _overlayShow_1nlu3_1 {
+@keyframes _overlayShow_1bxeh_1 {
   from {
     opacity: 0;
   }
@@ -912,7 +918,7 @@
   }
 }
 
-@keyframes _contentShow_1nlu3_1 {
+@keyframes _contentShow_1bxeh_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);