@mdxeditor/editor 0.1.0 → 0.2.0

package/dist/style.css

@@ -0,0 +1,931 @@
+@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 {
+  font-weight: bold;
+}
+
+._italic_1xdbx_5 {
+  font-style: italic;
+}
+
+._underline_1xdbx_9 {
+  text-decoration: underline;
+}
+
+._bold_1xdbx_1 {
+    font-weight: 700
+}
+
+._italic_1xdbx_5 {
+    font-style: italic
+}
+
+._underline_1xdbx_9 {
+    text-decoration: underline
+}
+
+._strikethrough_1xdbx_25 {
+    text-decoration: line-through
+}
+
+._underlineStrikethrough_1xdbx_29 {
+    text-decoration: underline line-through
+}
+
+._subscript_1xdbx_33 {
+    font-size: .8em;
+    vertical-align: sub!important
+}
+
+._superscript_1xdbx_38 {
+    font-size: .8em;
+    vertical-align: super
+}
+
+._code_1xdbx_43 {
+    background-color: var(--baseBg);
+    padding: 1px .25rem;
+    font-family: var(--font-mono);
+    font-size: 94%
+}
+
+._nestedListItem_1xdbx_50 {
+  list-style:none;
+}
+
+._admonitionDanger_1xdbx_54, ._admonitionInfo_1xdbx_54, ._admonitionNote_1xdbx_54, ._admonitionTip_1xdbx_54, ._admonitionCaution_1xdbx_54 {
+  border: 1px solid red;
+}
+ {
+  
+  
+  
+  
+}
+
+._editorRoot_1bxeh_43 {
+  --accentBase: var(--blue1);
+  --accentBgSubtle: var(--blue2);
+  --accentBg: var(--blue3);
+  --accentBgHover: var(--blue4);
+  --accentBgActive: var(--blue5);
+  --accentLine: var(--blue6);
+  --accentBorder: var(--blue7);
+  --accentBorderHover: var(--blue8);
+  --accentSolid: var(--blue9);
+  --accentSolidHover: var(--blue10);
+  --accentText: var(--blue11);
+  --accentTextContrast: var(--blue12);
+
+  --baseBase: var(--slate1);
+  --baseBgSubtle: var(--slate2);
+  --baseBg: var(--slate3);
+  --baseBgHover: var(--slate4);
+  --baseBgActive: var(--slate5);
+  --baseLine: var(--slate6);
+  --baseBorder: var(--slate7);
+  --baseBorderHover: var(--slate8);
+  --baseSolid: var(--slate9);
+  --baseSolidHover: var(--slate10);
+  --baseText: var(--slate11);
+  --baseTextContrast: var(--slate12);
+
+  --spacing-0:0px;
+  --spacing-px:1px;
+  --spacing-0_5:0.125rem;
+  --spacing-1:0.25rem;
+  --spacing-1_5:0.375rem;
+  --spacing-2:0.5rem;
+  --spacing-2_5:0.625rem;
+  --spacing-3:0.75rem;
+  --spacing-3_5:0.875rem;
+  --spacing-4:1rem;
+  --spacing-5:1.25rem;
+  --spacing-6:1.5rem;
+  --spacing-7:1.75rem;
+  --spacing-8:2rem;
+  --spacing-9:2.25rem;
+  --spacing-10:2.5rem;
+  --spacing-11:2.75rem;
+  --spacing-12:3rem;
+  --spacing-14:3.5rem;
+  --spacing-16:4rem;
+  --spacing-20:5rem;
+  --spacing-24:6rem;
+  --spacing-28:7rem;
+  --spacing-32:8rem;
+  --spacing-36:9rem;
+  --spacing-40:10rem;
+  --spacing-44:11rem;
+  --spacing-48:12rem;
+  --spacing-52:13rem;
+  --spacing-56:14rem;
+  --spacing-60:15rem;
+  --spacing-64:16rem;
+  --spacing-72:18rem;
+  --spacing-80:20rem;
+  --spacing-96:24rem;
+
+  --radius-none:0px;
+  --radius-small: var(--spacing-0_5);
+  --radius-base: var(--spacing-1);
+  --radius-medium: var(--spacing-1_5);
+  --radius-large: var(--spacing-2);
+  --radius-extra-large: var(--spacing-3);
+  --radius-full: 9999px;
+
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  --text-sm: 0.875rem;
+  --text-xs: 0.75rem;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  color: var(--baseText);
+}
+
+._editorWrapper_1bxeh_121 {
+  padding: var(--spacing-3);
+}
+
+._nestedListItem_1bxeh_125 {
+  list-style: none;
+}
+
+._toolbarRoot_1bxeh_129 {
+  /* border: var(--spacing-px) solid var(--baseBorder); */
+  z-index: 50;
+  margin-bottom: var(--spacing-6);
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-1);
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-2) var(--spacing-2);
+  align-items: center;
+  overflow-x: auto;
+  position: sticky;
+  top: 0;
+  background-color: var(--baseBgSubtle);
+  width: inherit;
+}
+
+._toolbarRoot_1bxeh_129 div[role=separator] {
+    margin: var(--spacing-1);
+  }
+
+._toolbarModeSwitch_1bxeh_150 {
+  margin-left: auto;
+  align-self: stretch;
+  align-items: stretch;
+  display: flex;
+  border: 1px solid var(--baseBg);
+  border-radius: var(--radius-medium);
+  font-size: var(--text-xs);
+}
+
+._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_1bxeh_150 ._toolbarToggleItem_1bxeh_159:active, ._toolbarModeSwitch_1bxeh_150 ._toolbarToggleItem_1bxeh_159[data-state=on] {
+      background-color:var(--baseBorder);
+    }
+
+._toolbarGroupOfGroups_1bxeh_169 {
+  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 {
+  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 {
+  border-top-right-radius: var(--radius-base);
+  border-bottom-right-radius: var(--radius-base);
+}
+
+._toolbarToggleItem_1bxeh_159, ._toolbarButton_1bxeh_187 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-1);
+}
+
+._toolbarToggleItem_1bxeh_159 svg, ._toolbarButton_1bxeh_187 svg {
+    display: block;
+  }
+
+._toolbarToggleItem_1bxeh_159:hover, ._toolbarButton_1bxeh_187:hover {
+    background-color: var(--baseBgHover);
+  }
+
+._toolbarToggleItem_1bxeh_159:active svg, ._toolbarButton_1bxeh_187: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 {
+    background-color: var(--accentBgActive);
+  }
+
+._toolbarButton_1bxeh_187 {
+  border-radius: var(--radius-base);
+}
+
+._toolbarToggleSingleGroup_1bxeh_173 {
+  white-space: nowrap;
+}
+
+._toolbarNodeKindSelectContainer_1bxeh_216, ._toolbarButtonDropdownContainer_1bxeh_217, ._toolbarCodeBlockLanguageSelectContent_1bxeh_218
+{
+  z-index: 60;
+  width: var(--spacing-36);
+  border-bottom-left-radius: var(--radius-base);
+  border-bottom-right-radius: var(--radius-base);
+  background-color: var(--baseBgHover);
+  font-size: var(--text-sm);
+}
+
+._toolbarButtonDropdownContainer_1bxeh_217 {
+  border-top-right-radius: var(--radius-base);
+}
+
+._toolbarNodeKindSelectTrigger_1bxeh_232, ._toolbarButtonSelectTrigger_1bxeh_233 {
+  border: 0;
+  background-color: transparent;
+  display: flex;
+  color: inherit;
+  align-items: center;
+  width: var(--spacing-36);
+  padding: var(--spacing-1);
+  -webkit-padding-start: var(--spacing-4) ;
+          padding-inline-start: var(--spacing-4) ;
+  -webkit-padding-end: var(--spacing-2);
+          padding-inline-end: var(--spacing-2);
+  border-radius: var(--radius-medium);
+  white-space: nowrap;
+  flex-wrap: nowrap;
+  font-size: var(--text-sm);
+}
+
+._toolbarNodeKindSelectTrigger_1bxeh_232:hover, ._toolbarButtonSelectTrigger_1bxeh_233:hover {
+    background-color: var(--baseBgHover);
+  }
+
+._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);
+  }
+
+/** used in the sandpack */
+
+._toolbarButtonSelectTrigger_1bxeh_233 {
+  width: auto;
+  -webkit-padding-start: var(--spacing-2) ;
+          padding-inline-start: var(--spacing-2) ;
+  -webkit-padding-end: var(--spacing-1);
+          padding-inline-end: var(--spacing-1);
+}
+
+._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_1bxeh_272[data-highlighted] {
+    background-color: var(--baseBgSubtle);
+  }
+
+._toolbarNodeKindSelectItem_1bxeh_272[data-state=checked] {
+    background-color: var(--accentBgActive);
+  }
+
+._toolbarNodeKindSelectItem_1bxeh_272[data-highlighted] {
+    outline: none;
+  }
+
+._toolbarNodeKindSelectItem_1bxeh_272:last-child {
+    border-bottom-left-radius: var(--radius-base);
+    border-bottom-right-radius: var(--radius-base);
+  }
+
+._toolbarNodeKindSelectDropdownArrow_1bxeh_295 {
+  margin-left: auto;
+}
+
+._contentEditable_1bxeh_299 {
+  width: 100%;
+  color: var(--baseTextContrast);
+}
+
+._contentEditable_1bxeh_299:focus {
+    outline: none;
+  }
+
+._sandpackWrapper_1bxeh_307 {
+  margin-bottom:var(--spacing-5);
+}
+
+._frontmatterWrapper_1bxeh_311 {
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-3);
+  background-color: var(--baseBgSubtle);
+}
+
+._frontmatterWrapper_1bxeh_311[data-expanded=true] {
+    margin-bottom: var(--spacing-10);
+  }
+
+._frontmatterToggleButton_1bxeh_321 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  display: flex;
+  align-items: center;
+  gap:var(--spacing-1);
+  font-size: var(--text-sm);
+}
+
+._frontmatterEditorTable_1bxeh_329 {
+  table-layout: fixed;
+  margin-top: var(--spacing-3);
+  border-spacing: var(--spacing-2);
+}
+
+._frontmatterEditorTable_1bxeh_329 th {
+    text-align: left;
+    font-size: var(--text-sm);
+    padding: var(--spacing-2) var(--spacing-3);
+  }
+
+._frontmatterEditorTable_1bxeh_329 col:nth-child(1) {
+    width: 30%;
+  }
+
+._frontmatterEditorTable_1bxeh_329 col:nth-child(2) {
+    width: 70%;
+  }
+
+._frontmatterEditorTable_1bxeh_329 td:last-child ._iconButton_1bxeh_347 {
+    margin-left: var(--spacing-4);
+    margin-right: var(--spacing-4);
+  }
+
+._frontmatterInput_1bxeh_353 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3);
+  border-radius: var(--radius-base);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBase);
+  font-size: var(--text-sm);
+}
+
+._iconButton_1bxeh_347 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  color:var(--baseText);
+}
+
+._primaryButton_1bxeh_368 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-2) var(--spacing-3);
+  border: 1px solid var(--accentBorder);
+  background-color: var(--accentSolidHover);
+  color:var(--baseBase);
+  font-size: var(--text-sm);
+  border-radius: var(--radius-medium);
+}
+
+._linkDialogEditForm_1bxeh_378 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+}
+
+._linkDialogInputContainer_1bxeh_384 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+._linkDialogInputWrapper_1bxeh_390 {
+  display: flex;
+  align-items: center;
+  background-color: var(--baseBase);
+
+  border-radius: var(--radius-base);
+  border:1px solid var(--baseBorder);
+}
+
+._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_1bxeh_390 > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding-right: var(--spacing-2);
+  }
+
+._linkDialogInput_1bxeh_384 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  width: 13rem;
+  padding: var(--spacing-2) var(--spacing-3);
+  font-size: var(--text-sm);
+}
+
+._linkDialogInput_1bxeh_384::-moz-placeholder {
+    color: var(--baseBorder);
+  }
+
+._linkDialogInput_1bxeh_384::placeholder {
+    color: var(--baseBorder);
+  }
+
+._linkDialogAutocompleteContainer_1bxeh_420 {
+  position: relative;
+}
+
+._linkDialogAutocompleteContainer_1bxeh_420 ul {
+    all: unset;
+    box-sizing: border-box;
+    position: absolute;
+    font-size: var(--text-sm);
+    width: 100%;
+    display: none;
+    border-bottom-left-radius: var(--radius-medium) ;
+    border-bottom-right-radius: var(--radius-medium) ;
+    max-height: var(--spacing-48);
+    overflow-x: hidden;
+    overflow-y: auto;
+    border: 1px solid var(--baseBorder);
+    border-top-width: 0;
+    background-color: var(--baseBase);
+  }
+
+._linkDialogAutocompleteContainer_1bxeh_420 ul[data-visible=true] {
+      display: block;
+    }
+
+._linkDialogAutocompleteContainer_1bxeh_420 ul li {
+      padding: var(--spacing-2) var(--spacing-3);
+      white-space: nowrap;
+      margin-bottom: var(--spacing-1);
+      overflow-x: hidden;
+      text-overflow: ellipsis;
+    }
+
+._linkDialogAutocompleteContainer_1bxeh_420 ul li[data-selected=true] {
+        background-color: var(--baseBgSubtle);
+      }
+
+._linkDialogAutocompleteContainer_1bxeh_420 ul li[data-highlighted=true] {
+        background-color: var(--baseBgHover);
+      }
+
+._linkDialogAutocompleteContainer_1bxeh_420 ul li:last-of-type {
+        border-bottom-left-radius: var(--radius-medium) ;
+        border-bottom-right-radius: var(--radius-medium) ;
+      }
+
+._linkDialogAnchor_1bxeh_465 {
+  position: absolute;
+  background-color: highlight;
+  z-index: -1;
+}
+
+._linkDialogAnchor_1bxeh_465[data-visible=true] {
+    visibility: visible;
+  }
+
+._linkDialogAnchor_1bxeh_465[data-visible=false] {
+    visibility: hidden;
+  }
+
+._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;
+  gap: var(--spacing-0_5);
+  border-radius:var(--radius-medium);
+  border: 1px solid var(--baseBorder);
+  background-color: var(--baseBgSubtle);
+  padding:var(--spacing-2) var(--spacing-2);
+  font-size: var(--text-sm);
+}
+
+._linkDialogPreviewAnchor_1bxeh_493 {
+  margin-right: var(--spacing-3);
+  display: flex;
+  align-items: flex-start;
+  color: var(--accentText);
+  text-decoration: none;
+  border: 1px solid transparent;
+}
+
+._linkDialogPreviewAnchor_1bxeh_493 svg {
+    width: var(--spacing-5);
+    height: var(--spacing-5);
+    margin-left: var(--spacing-2);
+  }
+
+._linkDialogPreviewAnchor_1bxeh_493 span {
+    max-width: 14rem;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+._tooltipContent_1bxeh_515 {
+  border-radius: var(--radius-medium);
+  padding: var(--spacing-1) var(--spacing-2);
+  font-size: var(--text-xs);
+  background-color: var(--baseText);
+  color: var(--baseBase);
+}
+
+._tooltipContent_1bxeh_515 svg {
+    fill: var(--baseText);
+  }
+
+._actionButton_1bxeh_527 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-2);
+  padding: var(--spacing-1) var(--spacing-1);
+  border-radius: var(--radius-medium);
+}
+
+._actionButton_1bxeh_527 svg {
+    display: block;
+  }
+
+._actionButton_1bxeh_527:hover {
+    background-color: var(--baseBgHover);
+  }
+
+._actionButton_1bxeh_527:active svg {
+    transform: translate(1px, 1px);
+  }
+
+._actionButton_1bxeh_527[data-state=on], ._actionButton_1bxeh_527:active {
+    background-color: var(--accentBgActive);
+  }
+
+._primaryActionButton_1bxeh_533 {
+  background-color: var(--accentSolid);
+  color:var(--baseBase);
+}
+
+._primaryActionButton_1bxeh_533:hover {
+    background-color: var(--accentSolidHover);
+    color:var(--baseBase);
+  }
+
+._tableEditor_1bxeh_542 {
+  table-layout: fixed;
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+._tableEditor_1bxeh_542 thead > tr > th {
+    text-align: right;
+  }
+
+._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_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) > div {
+      outline: none;
+    }
+
+._tableEditor_1bxeh_542 > tbody > tr > td:not(._toolCell_1bxeh_553) > div > p {
+        margin: 0;
+      }
+
+._tableEditor_1bxeh_542 > tbody > tr > td[data-active=true]:not(._toolCell_1bxeh_553) {
+      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 {
+    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 {
+      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 {
+        opacity: 1;
+      };
+
+._toolCell_1bxeh_553 {
+  text-align: right;
+}
+
+._toolCell_1bxeh_553 button {
+    margin: auto;
+    display: block;
+  }
+
+._tableColumnEditorTrigger_1bxeh_570 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-2);
+  padding: var(--spacing-1);
+  border-radius: var(--radius-full);
+  opacity: 0.2;
+}
+
+._tableColumnEditorTrigger_1bxeh_570 svg {
+    display: block;
+  }
+
+._tableColumnEditorTrigger_1bxeh_570:hover {
+    background-color: var(--baseBgHover);
+  }
+
+._tableColumnEditorTrigger_1bxeh_570:active svg {
+    transform: translate(1px, 1px);
+  }
+
+._tableColumnEditorTrigger_1bxeh_570[data-state=on], ._tableColumnEditorTrigger_1bxeh_570:active {
+    background-color: var(--accentBgActive);
+  }
+
+._tableColumnEditorTrigger_1bxeh_570[data-active=true] {
+    opacity: 1;
+  }
+
+._tableColumnEditorToolbar_1bxeh_604 {
+  display: flex;
+}
+
+._tableColumnEditorToolbar_1bxeh_604 > button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding: var(--spacing-2);
+  }
+
+._tableColumnEditorToolbar_1bxeh_604 > button svg {
+    display: block;
+  }
+
+._tableColumnEditorToolbar_1bxeh_604 > button:hover {
+    background-color: var(--baseBgHover);
+  }
+
+._tableColumnEditorToolbar_1bxeh_604 > button:active svg {
+    transform: translate(1px, 1px);
+  }
+
+._tableColumnEditorToolbar_1bxeh_604 > button[data-state=on], ._tableColumnEditorToolbar_1bxeh_604 > button:active {
+    background-color: var(--accentBgActive);
+  }
+
+._tableColumnEditorToolbar_1bxeh_604 [role=separator] {
+    margin-left: var(--spacing-1);
+    margin-right: var(--spacing-1);
+  }
+
+._toggleGroupRoot_1bxeh_616 {
+  display: inline-flex;
+}
+
+._toggleGroupRoot_1bxeh_616 button {
+    border: 0;
+    background-color: transparent;
+    font-size: inherit;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    all: unset;
+    box-sizing: border-box;
+    cursor: default;
+    padding: var(--spacing-2);
+  }
+
+._toggleGroupRoot_1bxeh_616 button svg {
+    display: block;
+  }
+
+._toggleGroupRoot_1bxeh_616 button:hover {
+    background-color: var(--baseBgHover);
+  }
+
+._toggleGroupRoot_1bxeh_616 button:active svg {
+    transform: translate(1px, 1px);
+  }
+
+._toggleGroupRoot_1bxeh_616 button[data-state=on], ._toggleGroupRoot_1bxeh_616 button:active {
+    background-color: var(--accentBgActive);
+  }
+
+._toggleGroupRoot_1bxeh_616 button:first-child {
+      border-top-left-radius: var(--radius-base);
+      border-bottom-left-radius: var(--radius-base);
+    }
+
+._toggleGroupRoot_1bxeh_616 button:last-child {
+      border-top-right-radius: var(--radius-base);
+      border-bottom-right-radius: var(--radius-base);
+    }
+
+._tableToolsColumn_1bxeh_633 {
+  width: 3rem;
+}
+
+._tableToolsColumn_1bxeh_633 button {
+    margin: auto;
+    display: block;
+  }
+
+._leftAlignedCell_1bxeh_641 {
+  text-align: left;
+}
+
+._rightAlignedCell_1bxeh_645 {
+  text-align: right;
+}
+
+._centeredCell_1bxeh_649 {
+  text-align: center;
+}
+
+._addColumnButton_1bxeh_570, ._addRowButton_1bxeh_570 {
+  border: 0;
+  background-color: transparent;
+  font-size: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  all: unset;
+  box-sizing: border-box;
+  cursor: default;
+  padding: var(--spacing-2);
+  background-color: var(--baseBase);
+
+  display: flex;
+  align-items: center;
+  border-radius: var(--radius-medium);
+}
+
+._addColumnButton_1bxeh_570 svg, ._addRowButton_1bxeh_570 svg {
+    display: block;
+  }
+
+._addColumnButton_1bxeh_570:hover, ._addRowButton_1bxeh_570:hover {
+    background-color: var(--baseBgHover);
+  }
+
+._addColumnButton_1bxeh_570:active svg, ._addRowButton_1bxeh_570: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 {
+    background-color: var(--accentBgActive);
+  }
+
+._addColumnButton_1bxeh_570 svg, ._addRowButton_1bxeh_570 svg {
+    margin: auto;
+  }
+
+._addRowButton_1bxeh_570 {
+  width: 100%;
+  margin-top: var(--spacing-2);
+  box-sizing: border-box;
+}
+
+._addColumnButton_1bxeh_570 {
+  margin-left: var(--spacing-2);
+  height: 100%;
+}
+
+/** Dialog */
+
+._dialogOverlay_1bxeh_677 {
+  position: fixed;
+  inset: 0;
+  animation: _overlayShow_1bxeh_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  background-color: var(--baseBase);
+  z-index: 51;
+  opacity: 0.5;
+}
+
+._dialogContent_1bxeh_479 {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  animation: _contentShow_1bxeh_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  z-index: 52;
+}
+
+._dialogContent_1bxeh_479:focus {
+  outline: none;
+}
+
+@keyframes _overlayShow_1bxeh_1 {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: .5;
+  }
+}
+
+@keyframes _contentShow_1bxeh_1 {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+:root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d;}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%;}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff td{padding-bottom:0;padding-top:0;vertical-align:top;}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5;}.diff-gutter>a{color:inherit;display:block;}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color);}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color);}.diff-gutter-omit{cursor:default;}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color);}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all;}.diff-code-edit{color:inherit;display:inline-block;}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color);}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color);}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color);}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color);}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color);}.diff-widget-content{vertical-align:top;}.diff-gutter-col{width:7ch;}.diff-gutter-omit{height:0;}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px;}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0;}