@mdxeditor/editor 0.2.0 → 0.3.0

package/dist/style.css

@@ -1,67 +1,195 @@
-@import url('@radix-ui/colors/blue.css');@import url('@radix-ui/colors/blueDark.css');@import url('@radix-ui/colors/slate.css');@import url('@radix-ui/colors/slateDark.css');._bold_1xdbx_1 {
+@import url('@radix-ui/colors/blue.css');@import url('@radix-ui/colors/blueDark.css');@import url('@radix-ui/colors/slate.css');@import url('@radix-ui/colors/slateDark.css');@import url('@radix-ui/colors/grass.css');@import url('@radix-ui/colors/cyan.css');@import url('@radix-ui/colors/amber.css');@import url('@radix-ui/colors/red.css');:root {
+  --blue1: hsl(206, 100%, 99.2%);
+  --blue2: hsl(210, 100%, 98.0%);
+  --blue3: hsl(209, 100%, 96.5%);
+  --blue4: hsl(210, 98.8%, 94.0%);
+  --blue5: hsl(209, 95.0%, 90.1%);
+  --blue6: hsl(209, 81.2%, 84.5%);
+  --blue7: hsl(208, 77.5%, 76.9%);
+  --blue8: hsl(206, 81.9%, 65.3%);
+  --blue9: hsl(206, 100%, 50.0%);
+  --blue10: hsl(208, 100%, 47.3%);
+  --blue11: hsl(211, 100%, 43.2%);
+  --blue12: hsl(211, 100%, 15.0%);
+}
+._dark-theme_13nbk_1 {
+  --blue1: hsl(212, 35.0%, 9.2%);
+  --blue2: hsl(216, 50.0%, 11.8%);
+  --blue3: hsl(214, 59.4%, 15.3%);
+  --blue4: hsl(214, 65.8%, 17.9%);
+  --blue5: hsl(213, 71.2%, 20.2%);
+  --blue6: hsl(212, 77.4%, 23.1%);
+  --blue7: hsl(211, 85.1%, 27.4%);
+  --blue8: hsl(211, 89.7%, 34.1%);
+  --blue9: hsl(206, 100%, 50.0%);
+  --blue10: hsl(209, 100%, 60.6%);
+  --blue11: hsl(210, 100%, 66.1%);
+  --blue12: hsl(206, 98.0%, 95.8%);
+}
+:root {
+  --slate1: hsl(206, 30.0%, 98.8%);
+  --slate2: hsl(210, 16.7%, 97.6%);
+  --slate3: hsl(209, 13.3%, 95.3%);
+  --slate4: hsl(209, 12.2%, 93.2%);
+  --slate5: hsl(208, 11.7%, 91.1%);
+  --slate6: hsl(208, 11.3%, 88.9%);
+  --slate7: hsl(207, 11.1%, 85.9%);
+  --slate8: hsl(205, 10.7%, 78.0%);
+  --slate9: hsl(206, 6.0%, 56.1%);
+  --slate10: hsl(206, 5.8%, 52.3%);
+  --slate11: hsl(206, 6.0%, 43.5%);
+  --slate12: hsl(206, 24.0%, 9.0%);
+}
+._dark-theme_13nbk_1 {
+  --slate1: hsl(200, 7.0%, 8.8%);
+  --slate2: hsl(195, 7.1%, 11.0%);
+  --slate3: hsl(197, 6.8%, 13.6%);
+  --slate4: hsl(198, 6.6%, 15.8%);
+  --slate5: hsl(199, 6.4%, 17.9%);
+  --slate6: hsl(201, 6.2%, 20.5%);
+  --slate7: hsl(203, 6.0%, 24.3%);
+  --slate8: hsl(207, 5.6%, 31.6%);
+  --slate9: hsl(206, 6.0%, 43.9%);
+  --slate10: hsl(206, 5.2%, 49.5%);
+  --slate11: hsl(206, 6.0%, 63.0%);
+  --slate12: hsl(210, 6.0%, 93.0%);
+}
+:root {
+  --grass1: hsl(116, 50.0%, 98.9%);
+  --grass2: hsl(120, 60.0%, 97.1%);
+  --grass3: hsl(120, 53.6%, 94.8%);
+  --grass4: hsl(121, 47.5%, 91.4%);
+  --grass5: hsl(122, 42.6%, 86.5%);
+  --grass6: hsl(124, 39.0%, 79.7%);
+  --grass7: hsl(126, 37.1%, 70.2%);
+  --grass8: hsl(131, 38.1%, 56.3%);
+  --grass9: hsl(131, 41.0%, 46.5%);
+  --grass10: hsl(132, 43.1%, 42.2%);
+  --grass11: hsl(133, 50.0%, 32.5%);
+  --grass12: hsl(130, 30.0%, 14.9%);
+}
+:root {
+  --cyan1: hsl(185, 60.0%, 98.7%);
+  --cyan2: hsl(185, 73.3%, 97.1%);
+  --cyan3: hsl(186, 70.2%, 94.4%);
+  --cyan4: hsl(186, 63.8%, 90.6%);
+  --cyan5: hsl(187, 58.3%, 85.4%);
+  --cyan6: hsl(188, 54.6%, 78.4%);
+  --cyan7: hsl(189, 53.7%, 68.7%);
+  --cyan8: hsl(189, 60.3%, 52.5%);
+  --cyan9: hsl(190, 95.0%, 39.0%);
+  --cyan10: hsl(191, 91.2%, 36.8%);
+  --cyan11: hsl(192, 85.0%, 31.0%);
+  --cyan12: hsl(192, 88.0%, 12.5%);
+}
+:root {
+  --amber1: hsl(39, 70.0%, 99.0%);
+  --amber2: hsl(40, 100%, 96.5%);
+  --amber3: hsl(44, 100%, 91.7%);
+  --amber4: hsl(43, 100%, 86.8%);
+  --amber5: hsl(42, 100%, 81.8%);
+  --amber6: hsl(38, 99.7%, 76.3%);
+  --amber7: hsl(36, 86.1%, 67.1%);
+  --amber8: hsl(35, 85.2%, 55.1%);
+  --amber9: hsl(39, 100%, 57.0%);
+  --amber10: hsl(35, 100%, 55.5%);
+  --amber11: hsl(30, 100%, 34.0%);
+  --amber12: hsl(20, 80.0%, 17.0%);
+}
+:root {
+  --red1: hsl(359, 100%, 99.4%);
+  --red2: hsl(359, 100%, 98.6%);
+  --red3: hsl(360, 100%, 96.8%);
+  --red4: hsl(360, 97.9%, 94.8%);
+  --red5: hsl(360, 90.2%, 91.9%);
+  --red6: hsl(360, 81.7%, 87.8%);
+  --red7: hsl(359, 74.2%, 81.7%);
+  --red8: hsl(359, 69.5%, 74.3%);
+  --red9: hsl(358, 75.0%, 59.0%);
+  --red10: hsl(358, 69.4%, 55.2%);
+  --red11: hsl(358, 65.0%, 48.7%);
+  --red12: hsl(354, 50.0%, 14.6%);
+}
+._bold_13nbk_10 {
   font-weight: bold;
 }
-
-._italic_1xdbx_5 {
+._italic_13nbk_14 {
   font-style: italic;
 }
-
-._underline_1xdbx_9 {
+._underline_13nbk_18 {
   text-decoration: underline;
 }
-
-._bold_1xdbx_1 {
+._bold_13nbk_10 {
     font-weight: 700
 }
-
-._italic_1xdbx_5 {
+._italic_13nbk_14 {
     font-style: italic
 }
-
-._underline_1xdbx_9 {
+._underline_13nbk_18 {
     text-decoration: underline
 }
-
-._strikethrough_1xdbx_25 {
+._strikethrough_13nbk_34 {
     text-decoration: line-through
 }
-
-._underlineStrikethrough_1xdbx_29 {
+._underlineStrikethrough_13nbk_38 {
     text-decoration: underline line-through
 }
-
-._subscript_1xdbx_33 {
+._subscript_13nbk_42 {
     font-size: .8em;
     vertical-align: sub!important
 }
-
-._superscript_1xdbx_38 {
+._superscript_13nbk_47 {
     font-size: .8em;
     vertical-align: super
 }
-
-._code_1xdbx_43 {
+._code_13nbk_52 {
     background-color: var(--baseBg);
     padding: 1px .25rem;
     font-family: var(--font-mono);
     font-size: 94%
 }
-
-._nestedListItem_1xdbx_50 {
+._nestedListItem_13nbk_59 {
   list-style:none;
 }
-
-._admonitionDanger_1xdbx_54, ._admonitionInfo_1xdbx_54, ._admonitionNote_1xdbx_54, ._admonitionTip_1xdbx_54, ._admonitionCaution_1xdbx_54 {
-  border: 1px solid red;
+._admonitionDanger_13nbk_63, ._admonitionInfo_13nbk_63, ._admonitionNote_13nbk_63, ._admonitionTip_13nbk_63, ._admonitionCaution_13nbk_63 {
+  padding: var(--spacing-2);
+  margin-top: var(--spacing-2);
+  margin-bottom: var(--spacing-2);
+  border-left: 3px solid var(--admonitionBorder);
+  background-color: var(--admonitionBg);
+}
+._admonitionInfo_13nbk_63 {
+  --admonitionBorder: var(--admonitionInfoBorder);
+  --admonitionBg: var(--admonitionInfoBg);
+}
+._admonitionTip_13nbk_63 {
+  --admonitionBorder: var(--admonitionTipBorder);
+  --admonitionBg: var(--admonitionTipBg);
+}
+._admonitionCaution_13nbk_63 {
+  --admonitionBorder: var(--admonitionCautionBorder);
+  --admonitionBg: var(--admonitionCautionBg);
+}
+._admonitionDanger_13nbk_63 {
+  --admonitionBorder: var(--admonitionDangerBorder);
+  --admonitionBg: var(--admonitionDangerBg);
+}
+._admonitionNote_13nbk_63 {
+  --admonitionBorder: var(--admonitionNoteBorder);
+  --admonitionBg: var(--admonitionNoteBg);
 }
  {
   
   
   
   
+  
+  
+  
+  
 }
 
-._editorRoot_1bxeh_43 {
+._editorRoot_1x7ym_47 {
   --accentBase: var(--blue1);
   --accentBgSubtle: var(--blue2);
   --accentBg: var(--blue3);
@@ -88,6 +216,22 @@
   --baseText: var(--slate11);
   --baseTextContrast: var(--slate12);
 
+
+  --admonitionTipBg: var(--cyan4);
+  --admonitionTipBorder: var(--cyan8);
+  
+  --admonitionInfoBg: var(--grass4);
+  --admonitionInfoBorder: var(--grass8);
+
+  --admonitionCautionBg: var(--amber4);
+  --admonitionCautionBorder: var(--amber8);
+
+  --admonitionDangerBg: var(--red4);
+  --admonitionDangerBorder: var(--red8);
+
+  --admonitionNoteBg: var(--slate4);
+  --admonitionNoteBorder: var(--slate8);
+
   --spacing-0:0px;
   --spacing-px:1px;
   --spacing-0_5:0.125rem;
@@ -139,15 +283,15 @@
   color: var(--baseText);
 }
 
-._editorWrapper_1bxeh_121 {
+._editorWrapper_1x7ym_141 {
   padding: var(--spacing-3);
 }
 
-._nestedListItem_1bxeh_125 {
+._nestedListItem_1x7ym_145 {
   list-style: none;
 }
 
-._toolbarRoot_1bxeh_129 {
+._toolbarRoot_1x7ym_149 {
   /* border: var(--spacing-px) solid var(--baseBorder); */
   z-index: 50;
   margin-bottom: var(--spacing-6);
@@ -164,11 +308,11 @@
   width: inherit;
 }
 
-._toolbarRoot_1bxeh_129 div[role=separator] {
+._toolbarRoot_1x7ym_149 div[role=separator] {
     margin: var(--spacing-1);
   }
 
-._toolbarModeSwitch_1bxeh_150 {
+._toolbarModeSwitch_1x7ym_170 {
   margin-left: auto;
   align-self: stretch;
   align-items: stretch;
@@ -178,32 +322,32 @@
   font-size: var(--text-xs);
 }
 
-._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159 {
+._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179 {
     -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_1bxeh_150 ._toolbarToggleItem_1bxeh_159:active, ._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159[data-state=on] {
+._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179:active, ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179[data-state=on] {
       background-color:var(--baseBorder);
     }
 
-._toolbarGroupOfGroups_1bxeh_169 {
+._toolbarGroupOfGroups_1x7ym_189 {
   display: flex;
 }
 
-._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 {
+._toolbarToggleSingleGroup_1x7ym_193:first-of-type ._toolbarToggleItem_1x7ym_179:only-child, ._toolbarToggleSingleGroup_1x7ym_193:only-child ._toolbarToggleItem_1x7ym_179:first-child, ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179:first-child {
   border-top-left-radius: var(--radius-base);
   border-bottom-left-radius: var(--radius-base);
 }
 
-._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 {
+._toolbarToggleSingleGroup_1x7ym_193:last-of-type ._toolbarToggleItem_1x7ym_179:only-child, ._toolbarToggleSingleGroup_1x7ym_193:only-child ._toolbarToggleItem_1x7ym_179:last-child, ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179:last-child {
   border-top-right-radius: var(--radius-base);
   border-bottom-right-radius: var(--radius-base);
 }
 
-._toolbarToggleItem_1bxeh_159, ._toolbarButton_1bxeh_187 {
+._toolbarToggleItem_1x7ym_179, ._toolbarButton_1x7ym_207 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -216,31 +360,31 @@
   padding: var(--spacing-1);
 }
 
-._toolbarToggleItem_1bxeh_159 svg, ._toolbarButton_1bxeh_187 svg {
+._toolbarToggleItem_1x7ym_179 svg, ._toolbarButton_1x7ym_207 svg {
     display: block;
   }
 
-._toolbarToggleItem_1bxeh_159:hover, ._toolbarButton_1bxeh_187:hover {
+._toolbarToggleItem_1x7ym_179:hover, ._toolbarButton_1x7ym_207:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarToggleItem_1bxeh_159:active svg, ._toolbarButton_1bxeh_187:active svg {
+._toolbarToggleItem_1x7ym_179:active svg, ._toolbarButton_1x7ym_207:active svg {
     transform: translate(1px, 1px);
   }
 
-._toolbarToggleItem_1bxeh_159[data-state=on], ._toolbarButton_1bxeh_187[data-state=on], ._toolbarToggleItem_1bxeh_159:active, ._toolbarButton_1bxeh_187:active {
+._toolbarToggleItem_1x7ym_179[data-state=on], ._toolbarButton_1x7ym_207[data-state=on], ._toolbarToggleItem_1x7ym_179:active, ._toolbarButton_1x7ym_207:active {
     background-color: var(--accentBgActive);
   }
 
-._toolbarButton_1bxeh_187 {
+._toolbarButton_1x7ym_207 {
   border-radius: var(--radius-base);
 }
 
-._toolbarToggleSingleGroup_1bxeh_173 {
+._toolbarToggleSingleGroup_1x7ym_193 {
   white-space: nowrap;
 }
 
-._toolbarNodeKindSelectContainer_1bxeh_216, ._toolbarButtonDropdownContainer_1bxeh_217, ._toolbarCodeBlockLanguageSelectContent_1bxeh_218
+._toolbarNodeKindSelectContainer_1x7ym_236, ._toolbarButtonDropdownContainer_1x7ym_237, ._toolbarCodeBlockLanguageSelectContent_1x7ym_238
 {
   z-index: 60;
   width: var(--spacing-36);
@@ -250,11 +394,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarButtonDropdownContainer_1bxeh_217 {
+._toolbarButtonDropdownContainer_1x7ym_237 {
   border-top-right-radius: var(--radius-base);
 }
 
-._toolbarNodeKindSelectTrigger_1bxeh_232, ._toolbarButtonSelectTrigger_1bxeh_233 {
+._toolbarNodeKindSelectTrigger_1x7ym_252, ._toolbarButtonSelectTrigger_1x7ym_253 {
   border: 0;
   background-color: transparent;
   display: flex;
@@ -272,11 +416,11 @@
   font-size: var(--text-sm);
 }
 
-._toolbarNodeKindSelectTrigger_1bxeh_232:hover, ._toolbarButtonSelectTrigger_1bxeh_233:hover {
+._toolbarNodeKindSelectTrigger_1x7ym_252:hover, ._toolbarButtonSelectTrigger_1x7ym_253:hover {
     background-color: var(--baseBgHover);
   }
 
-._toolbarNodeKindSelectTrigger_1bxeh_232[data-state=open], ._toolbarButtonSelectTrigger_1bxeh_233[data-state=open] {
+._toolbarNodeKindSelectTrigger_1x7ym_252[data-state=open], ._toolbarButtonSelectTrigger_1x7ym_253[data-state=open] {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
     background-color: var(--baseBgHover);
@@ -284,7 +428,7 @@
 
 /** used in the sandpack */
 
-._toolbarButtonSelectTrigger_1bxeh_233 {
+._toolbarButtonSelectTrigger_1x7ym_253 {
   width: auto;
   -webkit-padding-start: var(--spacing-2) ;
           padding-inline-start: var(--spacing-2) ;
@@ -292,62 +436,62 @@
           padding-inline-end: var(--spacing-1);
 }
 
-._toolbarCodeBlockLanguageSelectTrigger_1bxeh_266, ._toolbarCodeBlockLanguageSelectContent_1bxeh_218 
+._toolbarCodeBlockLanguageSelectTrigger_1x7ym_286, ._toolbarCodeBlockLanguageSelectContent_1x7ym_238 
 {
   width: var(--spacing-48);
 }
 
-._toolbarNodeKindSelectItem_1bxeh_272 {
+._toolbarNodeKindSelectItem_1x7ym_292 {
   cursor: default;
   display: flex;
   padding: var(--spacing-2) var(--spacing-4);
 }
 
-._toolbarNodeKindSelectItem_1bxeh_272[data-highlighted] {
+._toolbarNodeKindSelectItem_1x7ym_292[data-highlighted] {
     background-color: var(--baseBgSubtle);
   }
 
-._toolbarNodeKindSelectItem_1bxeh_272[data-state=checked] {
+._toolbarNodeKindSelectItem_1x7ym_292[data-state=checked] {
     background-color: var(--accentBgActive);
   }
 
-._toolbarNodeKindSelectItem_1bxeh_272[data-highlighted] {
+._toolbarNodeKindSelectItem_1x7ym_292[data-highlighted] {
     outline: none;
   }
 
-._toolbarNodeKindSelectItem_1bxeh_272:last-child {
+._toolbarNodeKindSelectItem_1x7ym_292:last-child {
     border-bottom-left-radius: var(--radius-base);
     border-bottom-right-radius: var(--radius-base);
   }
 
-._toolbarNodeKindSelectDropdownArrow_1bxeh_295 {
+._toolbarNodeKindSelectDropdownArrow_1x7ym_315 {
   margin-left: auto;
 }
 
-._contentEditable_1bxeh_299 {
+._contentEditable_1x7ym_319 {
   width: 100%;
   color: var(--baseTextContrast);
 }
 
-._contentEditable_1bxeh_299:focus {
+._contentEditable_1x7ym_319:focus {
     outline: none;
   }
 
-._sandpackWrapper_1bxeh_307 {
+._sandpackWrapper_1x7ym_327 {
   margin-bottom:var(--spacing-5);
 }
 
-._frontmatterWrapper_1bxeh_311 {
+._frontmatterWrapper_1x7ym_331 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-3);
   background-color: var(--baseBgSubtle);
 }
 
-._frontmatterWrapper_1bxeh_311[data-expanded=true] {
+._frontmatterWrapper_1x7ym_331[data-expanded=true] {
     margin-bottom: var(--spacing-10);
   }
 
-._frontmatterToggleButton_1bxeh_321 {
+._frontmatterToggleButton_1x7ym_341 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -363,32 +507,32 @@
   font-size: var(--text-sm);
 }
 
-._frontmatterEditorTable_1bxeh_329 {
+._frontmatterEditorTable_1x7ym_349 {
   table-layout: fixed;
   margin-top: var(--spacing-3);
   border-spacing: var(--spacing-2);
 }
 
-._frontmatterEditorTable_1bxeh_329 th {
+._frontmatterEditorTable_1x7ym_349 th {
     text-align: left;
     font-size: var(--text-sm);
     padding: var(--spacing-2) var(--spacing-3);
   }
 
-._frontmatterEditorTable_1bxeh_329 col:nth-child(1) {
+._frontmatterEditorTable_1x7ym_349 col:nth-child(1) {
     width: 30%;
   }
 
-._frontmatterEditorTable_1bxeh_329 col:nth-child(2) {
+._frontmatterEditorTable_1x7ym_349 col:nth-child(2) {
     width: 70%;
   }
 
-._frontmatterEditorTable_1bxeh_329 td:last-child ._iconButton_1bxeh_347 {
+._frontmatterEditorTable_1x7ym_349 td:last-child ._iconButton_1x7ym_367 {
     margin-left: var(--spacing-4);
     margin-right: var(--spacing-4);
   }
 
-._frontmatterInput_1bxeh_353 {
+._frontmatterInput_1x7ym_373 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -406,7 +550,7 @@
   font-size: var(--text-sm);
 }
 
-._iconButton_1bxeh_347 {
+._iconButton_1x7ym_367 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -419,7 +563,7 @@
   color:var(--baseText);
 }
 
-._primaryButton_1bxeh_368 {
+._primaryButton_1x7ym_388 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -437,19 +581,19 @@
   border-radius: var(--radius-medium);
 }
 
-._linkDialogEditForm_1bxeh_378 {
+._linkDialogEditForm_1x7ym_398 {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
 }
 
-._linkDialogInputContainer_1bxeh_384 {
+._linkDialogInputContainer_1x7ym_404 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }
 
-._linkDialogInputWrapper_1bxeh_390 {
+._linkDialogInputWrapper_1x7ym_410 {
   display: flex;
   align-items: center;
   background-color: var(--baseBase);
@@ -458,13 +602,13 @@
   border:1px solid var(--baseBorder);
 }
 
-._linkDialogInputWrapper_1bxeh_390[data-visible-dropdown=true] {
+._linkDialogInputWrapper_1x7ym_410[data-visible-dropdown=true] {
     border-bottom-left-radius: var(--radius-none) ;
     border-bottom-right-radius: var(--radius-none) ;
     border-bottom-width: 0;
   }
 
-._linkDialogInputWrapper_1bxeh_390 > button {
+._linkDialogInputWrapper_1x7ym_410 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -477,7 +621,7 @@
     padding-right: var(--spacing-2);
   }
 
-._linkDialogInput_1bxeh_384 {
+._linkDialogInput_1x7ym_404 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -492,19 +636,19 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogInput_1bxeh_384::-moz-placeholder {
+._linkDialogInput_1x7ym_404::-moz-placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogInput_1bxeh_384::placeholder {
+._linkDialogInput_1x7ym_404::placeholder {
     color: var(--baseBorder);
   }
 
-._linkDialogAutocompleteContainer_1bxeh_420 {
+._linkDialogAutocompleteContainer_1x7ym_440 {
   position: relative;
 }
 
-._linkDialogAutocompleteContainer_1bxeh_420 ul {
+._linkDialogAutocompleteContainer_1x7ym_440 ul {
     all: unset;
     box-sizing: border-box;
     position: absolute;
@@ -521,11 +665,11 @@
     background-color: var(--baseBase);
   }
 
-._linkDialogAutocompleteContainer_1bxeh_420 ul[data-visible=true] {
+._linkDialogAutocompleteContainer_1x7ym_440 ul[data-visible=true] {
       display: block;
     }
 
-._linkDialogAutocompleteContainer_1bxeh_420 ul li {
+._linkDialogAutocompleteContainer_1x7ym_440 ul li {
       padding: var(--spacing-2) var(--spacing-3);
       white-space: nowrap;
       margin-bottom: var(--spacing-1);
@@ -533,34 +677,34 @@
       text-overflow: ellipsis;
     }
 
-._linkDialogAutocompleteContainer_1bxeh_420 ul li[data-selected=true] {
+._linkDialogAutocompleteContainer_1x7ym_440 ul li[data-selected=true] {
         background-color: var(--baseBgSubtle);
       }
 
-._linkDialogAutocompleteContainer_1bxeh_420 ul li[data-highlighted=true] {
+._linkDialogAutocompleteContainer_1x7ym_440 ul li[data-highlighted=true] {
         background-color: var(--baseBgHover);
       }
 
-._linkDialogAutocompleteContainer_1bxeh_420 ul li:last-of-type {
+._linkDialogAutocompleteContainer_1x7ym_440 ul li:last-of-type {
         border-bottom-left-radius: var(--radius-medium) ;
         border-bottom-right-radius: var(--radius-medium) ;
       }
 
-._linkDialogAnchor_1bxeh_465 {
+._linkDialogAnchor_1x7ym_485 {
   position: absolute;
   background-color: highlight;
   z-index: -1;
 }
 
-._linkDialogAnchor_1bxeh_465[data-visible=true] {
+._linkDialogAnchor_1x7ym_485[data-visible=true] {
     visibility: visible;
   }
 
-._linkDialogAnchor_1bxeh_465[data-visible=false] {
+._linkDialogAnchor_1x7ym_485[data-visible=false] {
     visibility: hidden;
   }
 
-._linkDialogPopoverContent_1bxeh_479, ._tableColumnEditorPopoverContent_1bxeh_479, ._dialogContent_1bxeh_479 {
+._linkDialogPopoverContent_1x7ym_499, ._tableColumnEditorPopoverContent_1x7ym_499, ._dialogContent_1x7ym_499 {
   filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   display: flex;
   align-items: center;
@@ -572,7 +716,7 @@
   font-size: var(--text-sm);
 }
 
-._linkDialogPreviewAnchor_1bxeh_493 {
+._linkDialogPreviewAnchor_1x7ym_513 {
   margin-right: var(--spacing-3);
   display: flex;
   align-items: flex-start;
@@ -581,20 +725,20 @@
   border: 1px solid transparent;
 }
 
-._linkDialogPreviewAnchor_1bxeh_493 svg {
+._linkDialogPreviewAnchor_1x7ym_513 svg {
     width: var(--spacing-5);
     height: var(--spacing-5);
     margin-left: var(--spacing-2);
   }
 
-._linkDialogPreviewAnchor_1bxeh_493 span {
+._linkDialogPreviewAnchor_1x7ym_513 span {
     max-width: 14rem;
     overflow-x: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-._tooltipContent_1bxeh_515 {
+._tooltipContent_1x7ym_535 {
   border-radius: var(--radius-medium);
   padding: var(--spacing-1) var(--spacing-2);
   font-size: var(--text-xs);
@@ -602,11 +746,11 @@
   color: var(--baseBase);
 }
 
-._tooltipContent_1bxeh_515 svg {
+._tooltipContent_1x7ym_535 svg {
     fill: var(--baseText);
   }
 
-._actionButton_1bxeh_527 {
+._actionButton_1x7ym_547 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -621,33 +765,33 @@
   border-radius: var(--radius-medium);
 }
 
-._actionButton_1bxeh_527 svg {
+._actionButton_1x7ym_547 svg {
     display: block;
   }
 
-._actionButton_1bxeh_527:hover {
+._actionButton_1x7ym_547:hover {
     background-color: var(--baseBgHover);
   }
 
-._actionButton_1bxeh_527:active svg {
+._actionButton_1x7ym_547:active svg {
     transform: translate(1px, 1px);
   }
 
-._actionButton_1bxeh_527[data-state=on], ._actionButton_1bxeh_527:active {
+._actionButton_1x7ym_547[data-state=on], ._actionButton_1x7ym_547:active {
     background-color: var(--accentBgActive);
   }
 
-._primaryActionButton_1bxeh_533 {
+._primaryActionButton_1x7ym_553 {
   background-color: var(--accentSolid);
   color:var(--baseBase);
 }
 
-._primaryActionButton_1bxeh_533:hover {
+._primaryActionButton_1x7ym_553:hover {
     background-color: var(--accentSolidHover);
     color:var(--baseBase);
   }
 
-._tableEditor_1bxeh_542 {
+._tableEditor_1x7ym_562 {
   table-layout: fixed;
   width: 100%;
   height: 100%;
@@ -655,50 +799,50 @@
   border-collapse: collapse;
 }
 
-._tableEditor_1bxeh_542 thead > tr > th {
+._tableEditor_1x7ym_562 thead > tr > th {
     text-align: right;
   }
 
-._tableEditor_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) {
+._tableEditor_1x7ym_562 > tbody > tr > td:not(._toolCell_1x7ym_573) {
     border: 1px solid var(--baseBorder);
     padding: var(--spacing-1) var(--spacing-2);
     white-space: normal;
   }
 
-._tableEditor_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) > div {
+._tableEditor_1x7ym_562 > tbody > tr > td:not(._toolCell_1x7ym_573) > div {
       outline: none;
     }
 
-._tableEditor_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) > div > p {
+._tableEditor_1x7ym_562 > tbody > tr > td:not(._toolCell_1x7ym_573) > div > p {
         margin: 0;
       }
 
-._tableEditor_1bxeh_542 > tbody > tr > td[data-active=true]:not(._toolCell_1bxeh_553) {
+._tableEditor_1x7ym_562 > tbody > tr > td[data-active=true]:not(._toolCell_1x7ym_573) {
       outline: solid 2px var(--accentSolid)
     }
 
-._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 {
+._tableEditor_1x7ym_562 ._tableColumnEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562 ._tableRowEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562 ._addRowButton_1x7ym_590, ._tableEditor_1x7ym_562 ._addColumnButton_1x7ym_590, ._tableEditor_1x7ym_562 ._iconButton_1x7ym_367 {
     opacity: 0;
   }
 
-._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 {
+._tableEditor_1x7ym_562:hover ._tableColumnEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562:hover ._tableRowEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562:hover ._addRowButton_1x7ym_590, ._tableEditor_1x7ym_562:hover ._addColumnButton_1x7ym_590, ._tableEditor_1x7ym_562:hover ._iconButton_1x7ym_367 {
       opacity: .3;
     }
 
-._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 {
+._tableEditor_1x7ym_562:hover ._tableColumnEditorTrigger_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._tableRowEditorTrigger_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._addRowButton_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._addColumnButton_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._iconButton_1x7ym_367:hover {
         opacity: 1;
       };
 
-._toolCell_1bxeh_553 {
+._toolCell_1x7ym_573 {
   text-align: right;
 }
 
-._toolCell_1bxeh_553 button {
+._toolCell_1x7ym_573 button {
     margin: auto;
     display: block;
   }
 
-._tableColumnEditorTrigger_1bxeh_570 {
+._tableColumnEditorTrigger_1x7ym_590 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -714,31 +858,31 @@
   opacity: 0.2;
 }
 
-._tableColumnEditorTrigger_1bxeh_570 svg {
+._tableColumnEditorTrigger_1x7ym_590 svg {
     display: block;
   }
 
-._tableColumnEditorTrigger_1bxeh_570:hover {
+._tableColumnEditorTrigger_1x7ym_590:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorTrigger_1bxeh_570:active svg {
+._tableColumnEditorTrigger_1x7ym_590:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorTrigger_1bxeh_570[data-state=on], ._tableColumnEditorTrigger_1bxeh_570:active {
+._tableColumnEditorTrigger_1x7ym_590[data-state=on], ._tableColumnEditorTrigger_1x7ym_590:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorTrigger_1bxeh_570[data-active=true] {
+._tableColumnEditorTrigger_1x7ym_590[data-active=true] {
     opacity: 1;
   }
 
-._tableColumnEditorToolbar_1bxeh_604 {
+._tableColumnEditorToolbar_1x7ym_624 {
   display: flex;
 }
 
-._tableColumnEditorToolbar_1bxeh_604 > button {
+._tableColumnEditorToolbar_1x7ym_624 > button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -751,32 +895,32 @@
     padding: var(--spacing-2);
   }
 
-._tableColumnEditorToolbar_1bxeh_604 > button svg {
+._tableColumnEditorToolbar_1x7ym_624 > button svg {
     display: block;
   }
 
-._tableColumnEditorToolbar_1bxeh_604 > button:hover {
+._tableColumnEditorToolbar_1x7ym_624 > button:hover {
     background-color: var(--baseBgHover);
   }
 
-._tableColumnEditorToolbar_1bxeh_604 > button:active svg {
+._tableColumnEditorToolbar_1x7ym_624 > button:active svg {
     transform: translate(1px, 1px);
   }
 
-._tableColumnEditorToolbar_1bxeh_604 > button[data-state=on], ._tableColumnEditorToolbar_1bxeh_604 > button:active {
+._tableColumnEditorToolbar_1x7ym_624 > button[data-state=on], ._tableColumnEditorToolbar_1x7ym_624 > button:active {
     background-color: var(--accentBgActive);
   }
 
-._tableColumnEditorToolbar_1bxeh_604 [role=separator] {
+._tableColumnEditorToolbar_1x7ym_624 [role=separator] {
     margin-left: var(--spacing-1);
     margin-right: var(--spacing-1);
   }
 
-._toggleGroupRoot_1bxeh_616 {
+._toggleGroupRoot_1x7ym_636 {
   display: inline-flex;
 }
 
-._toggleGroupRoot_1bxeh_616 button {
+._toggleGroupRoot_1x7ym_636 button {
     border: 0;
     background-color: transparent;
     font-size: inherit;
@@ -789,54 +933,54 @@
     padding: var(--spacing-2);
   }
 
-._toggleGroupRoot_1bxeh_616 button svg {
+._toggleGroupRoot_1x7ym_636 button svg {
     display: block;
   }
 
-._toggleGroupRoot_1bxeh_616 button:hover {
+._toggleGroupRoot_1x7ym_636 button:hover {
     background-color: var(--baseBgHover);
   }
 
-._toggleGroupRoot_1bxeh_616 button:active svg {
+._toggleGroupRoot_1x7ym_636 button:active svg {
     transform: translate(1px, 1px);
   }
 
-._toggleGroupRoot_1bxeh_616 button[data-state=on], ._toggleGroupRoot_1bxeh_616 button:active {
+._toggleGroupRoot_1x7ym_636 button[data-state=on], ._toggleGroupRoot_1x7ym_636 button:active {
     background-color: var(--accentBgActive);
   }
 
-._toggleGroupRoot_1bxeh_616 button:first-child {
+._toggleGroupRoot_1x7ym_636 button:first-child {
       border-top-left-radius: var(--radius-base);
       border-bottom-left-radius: var(--radius-base);
     }
 
-._toggleGroupRoot_1bxeh_616 button:last-child {
+._toggleGroupRoot_1x7ym_636 button:last-child {
       border-top-right-radius: var(--radius-base);
       border-bottom-right-radius: var(--radius-base);
     }
 
-._tableToolsColumn_1bxeh_633 {
+._tableToolsColumn_1x7ym_653 {
   width: 3rem;
 }
 
-._tableToolsColumn_1bxeh_633 button {
+._tableToolsColumn_1x7ym_653 button {
     margin: auto;
     display: block;
   }
 
-._leftAlignedCell_1bxeh_641 {
+._leftAlignedCell_1x7ym_661 {
   text-align: left;
 }
 
-._rightAlignedCell_1bxeh_645 {
+._rightAlignedCell_1x7ym_665 {
   text-align: right;
 }
 
-._centeredCell_1bxeh_649 {
+._centeredCell_1x7ym_669 {
   text-align: center;
 }
 
-._addColumnButton_1bxeh_570, ._addRowButton_1bxeh_570 {
+._addColumnButton_1x7ym_590, ._addRowButton_1x7ym_590 {
   border: 0;
   background-color: transparent;
   font-size: inherit;
@@ -854,62 +998,62 @@
   border-radius: var(--radius-medium);
 }
 
-._addColumnButton_1bxeh_570 svg, ._addRowButton_1bxeh_570 svg {
+._addColumnButton_1x7ym_590 svg, ._addRowButton_1x7ym_590 svg {
     display: block;
   }
 
-._addColumnButton_1bxeh_570:hover, ._addRowButton_1bxeh_570:hover {
+._addColumnButton_1x7ym_590:hover, ._addRowButton_1x7ym_590:hover {
     background-color: var(--baseBgHover);
   }
 
-._addColumnButton_1bxeh_570:active svg, ._addRowButton_1bxeh_570:active svg {
+._addColumnButton_1x7ym_590:active svg, ._addRowButton_1x7ym_590:active svg {
     transform: translate(1px, 1px);
   }
 
-._addColumnButton_1bxeh_570[data-state=on], ._addRowButton_1bxeh_570[data-state=on], ._addColumnButton_1bxeh_570:active, ._addRowButton_1bxeh_570:active {
+._addColumnButton_1x7ym_590[data-state=on], ._addRowButton_1x7ym_590[data-state=on], ._addColumnButton_1x7ym_590:active, ._addRowButton_1x7ym_590:active {
     background-color: var(--accentBgActive);
   }
 
-._addColumnButton_1bxeh_570 svg, ._addRowButton_1bxeh_570 svg {
+._addColumnButton_1x7ym_590 svg, ._addRowButton_1x7ym_590 svg {
     margin: auto;
   }
 
-._addRowButton_1bxeh_570 {
+._addRowButton_1x7ym_590 {
   width: 100%;
   margin-top: var(--spacing-2);
   box-sizing: border-box;
 }
 
-._addColumnButton_1bxeh_570 {
+._addColumnButton_1x7ym_590 {
   margin-left: var(--spacing-2);
   height: 100%;
 }
 
 /** Dialog */
 
-._dialogOverlay_1bxeh_677 {
+._dialogOverlay_1x7ym_697 {
   position: fixed;
   inset: 0;
-  animation: _overlayShow_1bxeh_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _overlayShow_1x7ym_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   background-color: var(--baseBase);
   z-index: 51;
   opacity: 0.5;
 }
 
-._dialogContent_1bxeh_479 {
+._dialogContent_1x7ym_499 {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  animation: _contentShow_1bxeh_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  animation: _contentShow_1x7ym_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
   z-index: 52;
 }
 
-._dialogContent_1bxeh_479:focus {
+._dialogContent_1x7ym_499:focus {
   outline: none;
 }
 
-@keyframes _overlayShow_1bxeh_1 {
+@keyframes _overlayShow_1x7ym_1 {
   from {
     opacity: 0;
   }
@@ -918,7 +1062,7 @@
   }
 }
 
-@keyframes _contentShow_1bxeh_1 {
+@keyframes _contentShow_1x7ym_1 {
   from {
     opacity: 0;
     transform: translate(-50%, -48%) scale(0.96);