@mdxeditor/editor 0.8.0 → 0.10.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (288) hide show
  1. package/README.md +2 -2
  2. package/dist/FormatConstants.d.ts +9 -0
  3. package/dist/FormatConstants.js +10 -0
  4. package/dist/MDXEditor.d.ts +31 -0
  5. package/dist/MDXEditor.js +105 -0
  6. package/dist/directive-editors/AdmonitionDirectiveDescriptor.d.ts +4 -0
  7. package/dist/directive-editors/AdmonitionDirectiveDescriptor.js +29 -0
  8. package/dist/directive-editors/GenericDirectiveEditor.d.ts +3 -0
  9. package/dist/directive-editors/GenericDirectiveEditor.js +32 -0
  10. package/dist/exportMarkdownFromLexical.d.ts +114 -0
  11. package/dist/exportMarkdownFromLexical.js +199 -0
  12. package/dist/gurx/index.d.ts +3 -0
  13. package/dist/gurx/react.d.ts +121 -0
  14. package/dist/gurx/react.js +112 -0
  15. package/dist/gurx/realm.d.ts +133 -0
  16. package/dist/gurx/realm.js +491 -0
  17. package/dist/gurx/realmFactory.d.ts +58 -0
  18. package/dist/gurx/realmFactory.js +28 -0
  19. package/dist/icons/add_column.svg.js +8 -0
  20. package/dist/icons/add_photo.svg.js +8 -0
  21. package/dist/icons/add_row.svg.js +8 -0
  22. package/dist/icons/arrow_drop_down.svg.js +8 -0
  23. package/dist/icons/arrow_right.svg.js +8 -0
  24. package/dist/icons/check.svg.js +8 -0
  25. package/dist/icons/close.svg.js +8 -0
  26. package/dist/icons/code.svg.js +8 -0
  27. package/dist/icons/content_copy.svg.js +8 -0
  28. package/dist/icons/delete.svg.js +8 -0
  29. package/dist/icons/delete_small.svg.js +8 -0
  30. package/dist/icons/deployed_code.svg.js +8 -0
  31. package/dist/icons/difference.svg.js +8 -0
  32. package/dist/icons/edit.svg.js +8 -0
  33. package/dist/icons/emergency_home.svg.js +8 -0
  34. package/dist/icons/format_align_center.svg.js +8 -0
  35. package/dist/icons/format_align_left.svg.js +8 -0
  36. package/dist/icons/format_align_right.svg.js +8 -0
  37. package/dist/icons/format_bold.svg.js +8 -0
  38. package/dist/icons/format_italic.svg.js +8 -0
  39. package/dist/icons/format_list_bulleted.svg.js +8 -0
  40. package/dist/icons/format_list_numbered.svg.js +8 -0
  41. package/dist/icons/format_underlined.svg.js +8 -0
  42. package/dist/icons/frame_source.svg.js +8 -0
  43. package/dist/icons/frontmatter.svg.js +8 -0
  44. package/dist/icons/horizontal_rule.svg.js +8 -0
  45. package/dist/icons/insert_col_left.svg.js +8 -0
  46. package/dist/icons/insert_col_right.svg.js +8 -0
  47. package/dist/icons/insert_row_above.svg.js +8 -0
  48. package/dist/icons/insert_row_below.svg.js +8 -0
  49. package/dist/icons/link.svg.js +8 -0
  50. package/dist/icons/link_off.svg.js +8 -0
  51. package/dist/icons/markdown.svg.js +8 -0
  52. package/dist/icons/more_horiz.svg.js +8 -0
  53. package/dist/icons/open_in_new.svg.js +8 -0
  54. package/dist/icons/redo.svg.js +8 -0
  55. package/dist/icons/rich_text.svg.js +8 -0
  56. package/dist/icons/settings.svg.js +8 -0
  57. package/dist/icons/table.svg.js +8 -0
  58. package/dist/icons/undo.svg.js +8 -0
  59. package/dist/importMarkdownToLexical.d.ts +84 -0
  60. package/dist/importMarkdownToLexical.js +65 -0
  61. package/dist/index.d.ts +49 -973
  62. package/dist/index.js +133 -66
  63. package/dist/jsx-editors/GenericJsxEditor.d.ts +3 -0
  64. package/dist/jsx-editors/GenericJsxEditor.js +56 -0
  65. package/dist/node_modules/react-diff-view/style/index.css.js +4 -0
  66. package/dist/plugins/codeblock/CodeBlockNode.d.ts +99 -0
  67. package/dist/plugins/codeblock/CodeBlockNode.js +155 -0
  68. package/dist/plugins/codeblock/CodeBlockVisitor.d.ts +4 -0
  69. package/dist/plugins/codeblock/CodeBlockVisitor.js +14 -0
  70. package/dist/plugins/codeblock/MdastCodeVisitor.d.ts +3 -0
  71. package/dist/plugins/codeblock/MdastCodeVisitor.js +16 -0
  72. package/dist/plugins/codeblock/index.d.ts +604 -0
  73. package/dist/plugins/codeblock/index.js +73 -0
  74. package/dist/plugins/codemirror/CodeMirrorEditor.d.ts +3 -0
  75. package/dist/plugins/codemirror/CodeMirrorEditor.js +33 -0
  76. package/dist/plugins/codemirror/index.d.ts +786 -0
  77. package/dist/plugins/codemirror/index.js +62 -0
  78. package/dist/plugins/core/LexicalLinebreakVisitor.d.ts +4 -0
  79. package/dist/plugins/core/LexicalLinebreakVisitor.js +10 -0
  80. package/dist/plugins/core/LexicalParagraphVisitor.d.ts +4 -0
  81. package/dist/plugins/core/LexicalParagraphVisitor.js +10 -0
  82. package/dist/plugins/core/LexicalRootVisitor.d.ts +4 -0
  83. package/dist/plugins/core/LexicalRootVisitor.js +10 -0
  84. package/dist/plugins/core/LexicalTextVisitor.d.ts +5 -0
  85. package/dist/plugins/core/LexicalTextVisitor.js +85 -0
  86. package/dist/plugins/core/MdastFormattingVisitor.d.ts +4 -0
  87. package/dist/plugins/core/MdastFormattingVisitor.js +36 -0
  88. package/dist/plugins/core/MdastInlineCodeVisitor.d.ts +3 -0
  89. package/dist/plugins/core/MdastInlineCodeVisitor.js +11 -0
  90. package/dist/plugins/core/MdastParagraphVisitor.d.ts +3 -0
  91. package/dist/plugins/core/MdastParagraphVisitor.js +15 -0
  92. package/dist/plugins/core/MdastRootVisitor.d.ts +3 -0
  93. package/dist/plugins/core/MdastRootVisitor.js +9 -0
  94. package/dist/plugins/core/MdastTextVisitor.d.ts +3 -0
  95. package/dist/plugins/core/MdastTextVisitor.js +10 -0
  96. package/dist/plugins/core/NestedLexicalEditor.d.ts +69 -0
  97. package/dist/plugins/core/NestedLexicalEditor.js +181 -0
  98. package/dist/plugins/core/PropertyPopover.d.ts +8 -0
  99. package/dist/plugins/core/PropertyPopover.js +36 -0
  100. package/dist/plugins/core/SharedHistoryPlugin.d.ts +2 -0
  101. package/dist/plugins/core/SharedHistoryPlugin.js +10 -0
  102. package/dist/plugins/core/index.d.ts +419 -0
  103. package/dist/plugins/core/index.js +343 -0
  104. package/dist/plugins/core/ui/PopoverUtils.d.ts +4 -0
  105. package/dist/plugins/core/ui/PopoverUtils.js +17 -0
  106. package/dist/plugins/diff-source/DiffSourceWrapper.d.ts +4 -0
  107. package/dist/plugins/diff-source/DiffSourceWrapper.js +11 -0
  108. package/dist/plugins/diff-source/DiffViewer.d.ts +2 -0
  109. package/dist/plugins/diff-source/DiffViewer.js +18 -0
  110. package/dist/plugins/diff-source/SourceEditor.d.ts +2 -0
  111. package/dist/plugins/diff-source/SourceEditor.js +25 -0
  112. package/dist/plugins/diff-source/index.d.ts +530 -0
  113. package/dist/plugins/diff-source/index.js +55 -0
  114. package/dist/plugins/directives/DirectiveNode.d.ts +51 -0
  115. package/dist/plugins/directives/DirectiveNode.js +92 -0
  116. package/dist/plugins/directives/DirectiveVisitor.d.ts +4 -0
  117. package/dist/plugins/directives/DirectiveVisitor.js +10 -0
  118. package/dist/plugins/directives/MdastDirectiveVisitor.d.ts +3 -0
  119. package/dist/plugins/directives/MdastDirectiveVisitor.js +13 -0
  120. package/dist/plugins/directives/index.d.ts +591 -0
  121. package/dist/plugins/directives/index.js +53 -0
  122. package/dist/plugins/frontmatter/FrontmatterEditor.d.ts +6 -0
  123. package/dist/plugins/frontmatter/FrontmatterEditor.js +69 -0
  124. package/dist/plugins/frontmatter/FrontmatterNode.d.ts +35 -0
  125. package/dist/plugins/frontmatter/FrontmatterNode.js +71 -0
  126. package/dist/plugins/frontmatter/LexicalFrontmatterVisitor.d.ts +4 -0
  127. package/dist/plugins/frontmatter/LexicalFrontmatterVisitor.js +10 -0
  128. package/dist/plugins/frontmatter/MdastFrontmatterVisitor.d.ts +3 -0
  129. package/dist/plugins/frontmatter/MdastFrontmatterVisitor.js +10 -0
  130. package/dist/plugins/frontmatter/index.d.ts +510 -0
  131. package/dist/plugins/frontmatter/index.js +53 -0
  132. package/dist/plugins/headings/LexicalHeadingVisitor.d.ts +4 -0
  133. package/dist/plugins/headings/LexicalHeadingVisitor.js +11 -0
  134. package/dist/plugins/headings/MdastHeadingVisitor.d.ts +3 -0
  135. package/dist/plugins/headings/MdastHeadingVisitor.js +10 -0
  136. package/dist/plugins/headings/index.d.ts +105 -0
  137. package/dist/plugins/headings/index.js +20 -0
  138. package/dist/plugins/image/ImageEditor.d.ts +7 -0
  139. package/dist/{ImageEditor-5f203a1c.js → plugins/image/ImageEditor.js} +12 -46
  140. package/dist/plugins/image/ImageNode.d.ts +53 -0
  141. package/dist/plugins/image/ImageNode.js +108 -0
  142. package/dist/plugins/image/LexicalImageVisitor.d.ts +4 -0
  143. package/dist/plugins/image/LexicalImageVisitor.js +15 -0
  144. package/dist/plugins/image/MdastImageVisitor.d.ts +3 -0
  145. package/dist/plugins/image/MdastImageVisitor.js +16 -0
  146. package/dist/plugins/image/index.d.ts +541 -0
  147. package/dist/plugins/image/index.js +244 -0
  148. package/dist/plugins/jsx/LexicalJsxNode.d.ts +54 -0
  149. package/dist/plugins/jsx/LexicalJsxNode.js +99 -0
  150. package/dist/plugins/jsx/LexicalJsxVisitor.d.ts +4 -0
  151. package/dist/plugins/jsx/LexicalJsxVisitor.js +12 -0
  152. package/dist/plugins/jsx/MdastMdxJsEsmVisitor.d.ts +3 -0
  153. package/dist/plugins/jsx/MdastMdxJsEsmVisitor.js +8 -0
  154. package/dist/plugins/jsx/MdastMdxJsxElementVisitor.d.ts +3 -0
  155. package/dist/plugins/jsx/MdastMdxJsxElementVisitor.js +12 -0
  156. package/dist/plugins/jsx/index.d.ts +461 -0
  157. package/dist/plugins/jsx/index.js +37 -0
  158. package/dist/plugins/link/LexicalLinkVisitor.d.ts +4 -0
  159. package/dist/plugins/link/LexicalLinkVisitor.js +10 -0
  160. package/dist/plugins/link/MdastLinkVisitor.d.ts +3 -0
  161. package/dist/plugins/link/MdastLinkVisitor.js +14 -0
  162. package/dist/plugins/link/index.d.ts +108 -0
  163. package/dist/plugins/link/index.js +24 -0
  164. package/dist/plugins/link-dialog/LinkDialog.d.ts +12 -0
  165. package/dist/plugins/link-dialog/LinkDialog.js +174 -0
  166. package/dist/plugins/link-dialog/index.d.ts +496 -0
  167. package/dist/plugins/link-dialog/index.js +242 -0
  168. package/dist/plugins/lists/LexicalListItemVisitor.d.ts +4 -0
  169. package/dist/plugins/lists/LexicalListItemVisitor.js +22 -0
  170. package/dist/plugins/lists/LexicalListVisitor.d.ts +4 -0
  171. package/dist/plugins/lists/LexicalListVisitor.js +14 -0
  172. package/dist/plugins/lists/MdastListItemVisitor.d.ts +3 -0
  173. package/dist/plugins/lists/MdastListItemVisitor.js +10 -0
  174. package/dist/plugins/lists/MdastListVisitor.d.ts +3 -0
  175. package/dist/plugins/lists/MdastListVisitor.js +18 -0
  176. package/dist/plugins/lists/index.d.ts +521 -0
  177. package/dist/plugins/lists/index.js +111 -0
  178. package/dist/plugins/markdown-shortcut/index.d.ts +51 -0
  179. package/dist/plugins/markdown-shortcut/index.js +34 -0
  180. package/dist/plugins/quote/LexicalQuoteVisitor.d.ts +4 -0
  181. package/dist/plugins/quote/LexicalQuoteVisitor.js +14 -0
  182. package/dist/plugins/quote/MdastBlockQuoteVisitor.d.ts +3 -0
  183. package/dist/plugins/quote/MdastBlockQuoteVisitor.js +10 -0
  184. package/dist/plugins/quote/index.d.ts +348 -0
  185. package/dist/plugins/quote/index.js +26 -0
  186. package/dist/plugins/sandpack/SandpackEditor.d.ts +7 -0
  187. package/dist/plugins/sandpack/SandpackEditor.js +35 -0
  188. package/dist/plugins/sandpack/index.d.ts +826 -0
  189. package/dist/plugins/sandpack/index.js +93 -0
  190. package/dist/plugins/sandpack/useCodeMirrorRef.d.ts +4 -0
  191. package/dist/{useCodeMirrorRef-ff0c2781.js → plugins/sandpack/useCodeMirrorRef.js} +22 -10
  192. package/dist/plugins/table/LexicalTableVisitor.d.ts +4 -0
  193. package/dist/plugins/table/LexicalTableVisitor.js +10 -0
  194. package/dist/plugins/table/MdastTableVisitor.d.ts +3 -0
  195. package/dist/plugins/table/MdastTableVisitor.js +10 -0
  196. package/dist/plugins/table/TableEditor.d.ts +21 -0
  197. package/dist/{TableEditor-bb94be2b.js → plugins/table/TableEditor.js} +109 -161
  198. package/dist/plugins/table/TableNode.d.ts +52 -0
  199. package/dist/plugins/table/TableNode.js +147 -0
  200. package/dist/plugins/table/index.d.ts +511 -0
  201. package/dist/plugins/table/index.js +59 -0
  202. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.d.ts +4 -0
  203. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.js +10 -0
  204. package/dist/plugins/thematic-break/MdastThematicBreakVisitor.d.ts +3 -0
  205. package/dist/plugins/thematic-break/MdastThematicBreakVisitor.js +10 -0
  206. package/dist/plugins/thematic-break/index.d.ts +510 -0
  207. package/dist/plugins/thematic-break/index.js +39 -0
  208. package/dist/plugins/toolbar/components/BlockTypeSelect.d.ts +2 -0
  209. package/dist/plugins/toolbar/components/BlockTypeSelect.js +52 -0
  210. package/dist/plugins/toolbar/components/BoldItalicUnderlineToggles.d.ts +2 -0
  211. package/dist/plugins/toolbar/components/BoldItalicUnderlineToggles.js +35 -0
  212. package/dist/plugins/toolbar/components/ChangeAdmonitionType.d.ts +2 -0
  213. package/dist/plugins/toolbar/components/ChangeAdmonitionType.js +30 -0
  214. package/dist/plugins/toolbar/components/ChangeCodeMirrorLanguage.d.ts +2 -0
  215. package/dist/plugins/toolbar/components/ChangeCodeMirrorLanguage.js +32 -0
  216. package/dist/plugins/toolbar/components/CodeToggle.d.ts +2 -0
  217. package/dist/plugins/toolbar/components/CodeToggle.js +20 -0
  218. package/dist/plugins/toolbar/components/CreateLink.d.ts +2 -0
  219. package/dist/plugins/toolbar/components/CreateLink.js +11 -0
  220. package/dist/plugins/toolbar/components/DiffSourceToggleWrapper.d.ts +4 -0
  221. package/dist/plugins/toolbar/components/DiffSourceToggleWrapper.js +27 -0
  222. package/dist/plugins/toolbar/components/InsertAdmonition.d.ts +2 -0
  223. package/dist/plugins/toolbar/components/InsertAdmonition.js +29 -0
  224. package/dist/plugins/toolbar/components/InsertCodeBlock.d.ts +2 -0
  225. package/dist/plugins/toolbar/components/InsertCodeBlock.js +20 -0
  226. package/dist/plugins/toolbar/components/InsertFrontmatter.d.ts +2 -0
  227. package/dist/plugins/toolbar/components/InsertFrontmatter.js +11 -0
  228. package/dist/plugins/toolbar/components/InsertImage.d.ts +2 -0
  229. package/dist/plugins/toolbar/components/InsertImage.js +23 -0
  230. package/dist/plugins/toolbar/components/InsertSandpack.d.ts +2 -0
  231. package/dist/plugins/toolbar/components/InsertSandpack.js +13 -0
  232. package/dist/plugins/toolbar/components/InsertTable.d.ts +2 -0
  233. package/dist/plugins/toolbar/components/InsertTable.js +20 -0
  234. package/dist/plugins/toolbar/components/InsertThematicBreak.d.ts +2 -0
  235. package/dist/plugins/toolbar/components/InsertThematicBreak.js +11 -0
  236. package/dist/plugins/toolbar/components/KitchenSinkToolbar.d.ts +2 -0
  237. package/dist/plugins/toolbar/components/KitchenSinkToolbar.js +58 -0
  238. package/dist/plugins/toolbar/components/ListsToggle.d.ts +2 -0
  239. package/dist/plugins/toolbar/components/ListsToggle.js +23 -0
  240. package/dist/plugins/toolbar/components/ShowSandpackInfo.d.ts +2 -0
  241. package/dist/plugins/toolbar/components/ShowSandpackInfo.js +32 -0
  242. package/dist/plugins/toolbar/components/UndoRedo.d.ts +2 -0
  243. package/dist/plugins/toolbar/components/UndoRedo.js +59 -0
  244. package/dist/plugins/toolbar/index.d.ts +416 -0
  245. package/dist/plugins/toolbar/index.js +39 -0
  246. package/dist/plugins/toolbar/primitives/DialogButton.d.ts +40 -0
  247. package/dist/plugins/toolbar/primitives/DialogButton.js +115 -0
  248. package/dist/plugins/toolbar/primitives/TooltipWrap.d.ts +5 -0
  249. package/dist/plugins/toolbar/primitives/TooltipWrap.js +12 -0
  250. package/dist/plugins/toolbar/primitives/select.d.ts +31 -0
  251. package/dist/plugins/toolbar/primitives/select.js +44 -0
  252. package/dist/plugins/toolbar/primitives/toolbar.d.ts +85 -0
  253. package/dist/plugins/toolbar/primitives/toolbar.js +111 -0
  254. package/dist/style.css +480 -240
  255. package/dist/styles/globals.css.js +4 -0
  256. package/dist/styles/lexical-theme.module.css.js +53 -0
  257. package/dist/styles/lexicalTheme.d.ts +2 -0
  258. package/dist/styles/lexicalTheme.js +28 -0
  259. package/dist/styles/ui.module.css.js +227 -0
  260. package/dist/utils/detectMac.d.ts +2 -0
  261. package/dist/utils/detectMac.js +6 -0
  262. package/dist/utils/fp.d.ts +47 -0
  263. package/dist/utils/fp.js +10 -0
  264. package/dist/utils/isPartOftheEditorUI.d.ts +1 -0
  265. package/dist/utils/isPartOftheEditorUI.js +12 -0
  266. package/dist/utils/lexicalHelpers.d.ts +11 -0
  267. package/dist/utils/lexicalHelpers.js +49 -0
  268. package/dist/utils/uuid4.d.ts +1 -0
  269. package/dist/utils/uuid4.js +10 -0
  270. package/dist/utils/voidEmitter.d.ts +14 -0
  271. package/dist/utils/voidEmitter.js +15 -0
  272. package/package.json +184 -14
  273. package/dist/CodeBlockEditor-59b65408.js +0 -78
  274. package/dist/CodeBlockEditor-5ae8b0a9.cjs +0 -1
  275. package/dist/FrontmatterEditor-2b27f5a7.js +0 -117
  276. package/dist/FrontmatterEditor-74ad4eb7.cjs +0 -1
  277. package/dist/ImageEditor-e5fd6b26.cjs +0 -1
  278. package/dist/JsxEditor-95724372.cjs +0 -1
  279. package/dist/JsxEditor-f061cc75.js +0 -108
  280. package/dist/SandpackEditor-37261889.cjs +0 -1
  281. package/dist/SandpackEditor-ce901c3c.js +0 -98
  282. package/dist/SourceEditor-6135bf63.cjs +0 -1
  283. package/dist/SourceEditor-e499b8bb.js +0 -63
  284. package/dist/TableEditor-4d00f956.cjs +0 -1
  285. package/dist/index-383c60bb.cjs +0 -1
  286. package/dist/index-470693d8.js +0 -4095
  287. package/dist/index.cjs +0 -1
  288. package/dist/useCodeMirrorRef-72d8430b.cjs +0 -1
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
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 {
1
+ :root, .light-theme {
2
2
  --blue1: hsl(206, 100%, 99.2%);
3
3
  --blue2: hsl(210, 100%, 98.0%);
4
4
  --blue3: hsl(209, 100%, 96.5%);
@@ -12,7 +12,7 @@
12
12
  --blue11: hsl(211, 100%, 43.2%);
13
13
  --blue12: hsl(211, 100%, 15.0%);
14
14
  }
15
- ._dark-theme_13nbk_1 {
15
+ .dark-theme {
16
16
  --blue1: hsl(212, 35.0%, 9.2%);
17
17
  --blue2: hsl(216, 50.0%, 11.8%);
18
18
  --blue3: hsl(214, 59.4%, 15.3%);
@@ -26,7 +26,7 @@
26
26
  --blue11: hsl(210, 100%, 66.1%);
27
27
  --blue12: hsl(206, 98.0%, 95.8%);
28
28
  }
29
- :root {
29
+ :root, .light-theme {
30
30
  --slate1: hsl(206, 30.0%, 98.8%);
31
31
  --slate2: hsl(210, 16.7%, 97.6%);
32
32
  --slate3: hsl(209, 13.3%, 95.3%);
@@ -40,7 +40,7 @@
40
40
  --slate11: hsl(206, 6.0%, 43.5%);
41
41
  --slate12: hsl(206, 24.0%, 9.0%);
42
42
  }
43
- ._dark-theme_13nbk_1 {
43
+ .dark-theme {
44
44
  --slate1: hsl(200, 7.0%, 8.8%);
45
45
  --slate2: hsl(195, 7.1%, 11.0%);
46
46
  --slate3: hsl(197, 6.8%, 13.6%);
@@ -54,7 +54,7 @@
54
54
  --slate11: hsl(206, 6.0%, 63.0%);
55
55
  --slate12: hsl(210, 6.0%, 93.0%);
56
56
  }
57
- :root {
57
+ :root, .light-theme {
58
58
  --grass1: hsl(116, 50.0%, 98.9%);
59
59
  --grass2: hsl(120, 60.0%, 97.1%);
60
60
  --grass3: hsl(120, 53.6%, 94.8%);
@@ -68,7 +68,7 @@
68
68
  --grass11: hsl(133, 50.0%, 32.5%);
69
69
  --grass12: hsl(130, 30.0%, 14.9%);
70
70
  }
71
- :root {
71
+ :root, .light-theme {
72
72
  --cyan1: hsl(185, 60.0%, 98.7%);
73
73
  --cyan2: hsl(185, 73.3%, 97.1%);
74
74
  --cyan3: hsl(186, 70.2%, 94.4%);
@@ -82,7 +82,7 @@
82
82
  --cyan11: hsl(192, 85.0%, 31.0%);
83
83
  --cyan12: hsl(192, 88.0%, 12.5%);
84
84
  }
85
- :root {
85
+ :root, .light-theme {
86
86
  --amber1: hsl(39, 70.0%, 99.0%);
87
87
  --amber2: hsl(40, 100%, 96.5%);
88
88
  --amber3: hsl(44, 100%, 91.7%);
@@ -96,7 +96,7 @@
96
96
  --amber11: hsl(30, 100%, 34.0%);
97
97
  --amber12: hsl(20, 80.0%, 17.0%);
98
98
  }
99
- :root {
99
+ :root, .light-theme {
100
100
  --red1: hsl(359, 100%, 99.4%);
101
101
  --red2: hsl(359, 100%, 98.6%);
102
102
  --red3: hsl(360, 100%, 96.8%);
@@ -110,86 +110,7 @@
110
110
  --red11: hsl(358, 65.0%, 48.7%);
111
111
  --red12: hsl(354, 50.0%, 14.6%);
112
112
  }
113
- ._bold_13nbk_10 {
114
- font-weight: bold;
115
- }
116
- ._italic_13nbk_14 {
117
- font-style: italic;
118
- }
119
- ._underline_13nbk_18 {
120
- text-decoration: underline;
121
- }
122
- ._bold_13nbk_10 {
123
- font-weight: 700
124
- }
125
- ._italic_13nbk_14 {
126
- font-style: italic
127
- }
128
- ._underline_13nbk_18 {
129
- text-decoration: underline
130
- }
131
- ._strikethrough_13nbk_34 {
132
- text-decoration: line-through
133
- }
134
- ._underlineStrikethrough_13nbk_38 {
135
- text-decoration: underline line-through
136
- }
137
- ._subscript_13nbk_42 {
138
- font-size: .8em;
139
- vertical-align: sub!important
140
- }
141
- ._superscript_13nbk_47 {
142
- font-size: .8em;
143
- vertical-align: super
144
- }
145
- ._code_13nbk_52 {
146
- background-color: var(--baseBg);
147
- padding: 1px .25rem;
148
- font-family: var(--font-mono);
149
- font-size: 94%
150
- }
151
- ._nestedListItem_13nbk_59 {
152
- list-style:none;
153
- }
154
- ._admonitionDanger_13nbk_63, ._admonitionInfo_13nbk_63, ._admonitionNote_13nbk_63, ._admonitionTip_13nbk_63, ._admonitionCaution_13nbk_63 {
155
- padding: var(--spacing-2);
156
- margin-top: var(--spacing-2);
157
- margin-bottom: var(--spacing-2);
158
- border-left: 3px solid var(--admonitionBorder);
159
- background-color: var(--admonitionBg);
160
- }
161
- ._admonitionInfo_13nbk_63 {
162
- --admonitionBorder: var(--admonitionInfoBorder);
163
- --admonitionBg: var(--admonitionInfoBg);
164
- }
165
- ._admonitionTip_13nbk_63 {
166
- --admonitionBorder: var(--admonitionTipBorder);
167
- --admonitionBg: var(--admonitionTipBg);
168
- }
169
- ._admonitionCaution_13nbk_63 {
170
- --admonitionBorder: var(--admonitionCautionBorder);
171
- --admonitionBg: var(--admonitionCautionBg);
172
- }
173
- ._admonitionDanger_13nbk_63 {
174
- --admonitionBorder: var(--admonitionDangerBorder);
175
- --admonitionBg: var(--admonitionDangerBg);
176
- }
177
- ._admonitionNote_13nbk_63 {
178
- --admonitionBorder: var(--admonitionNoteBorder);
179
- --admonitionBg: var(--admonitionNoteBg);
180
- }
181
- {
182
-
183
-
184
-
185
-
186
-
187
-
188
-
189
-
190
- }
191
-
192
- ._editorRoot_3tbtr_47 {
113
+ ._editorRoot_1tl3n_36 {
193
114
  --accentBase: var(--blue1);
194
115
  --accentBgSubtle: var(--blue2);
195
116
  --accentBg: var(--blue3);
@@ -216,7 +137,6 @@
216
137
  --baseText: var(--slate11);
217
138
  --baseTextContrast: var(--slate12);
218
139
 
219
-
220
140
  --admonitionTipBg: var(--cyan4);
221
141
  --admonitionTipBorder: var(--cyan8);
222
142
 
@@ -283,23 +203,23 @@
283
203
  color: var(--baseText);
284
204
  }
285
205
 
286
- ._dropZone_3tbtr_141 {
206
+ ._dropZone_1tl3n_129 {
287
207
  background: transparent;
288
208
  }
289
209
 
290
- ._dropZone_3tbtr_141[data-drop-zone-active=true] {
210
+ ._dropZone_1tl3n_129[data-drop-zone-active=true] {
291
211
  background: red;
292
212
  }
293
213
 
294
- ._editorWrapper_3tbtr_149 {
214
+ ._editorWrapper_1tl3n_137 {
295
215
  padding: var(--spacing-3);
296
216
  }
297
217
 
298
- ._nestedListItem_3tbtr_153 {
218
+ ._nestedListItem_1tl3n_141 {
299
219
  list-style: none;
300
220
  }
301
221
 
302
- ._toolbarRoot_3tbtr_157 {
222
+ ._toolbarRoot_1tl3n_145 {
303
223
  /* border: var(--spacing-px) solid var(--baseBorder); */
304
224
  margin-bottom: var(--spacing-6);
305
225
  z-index: 1;
@@ -316,11 +236,14 @@
316
236
  width: inherit;
317
237
  }
318
238
 
319
- ._toolbarRoot_3tbtr_157 div[role=separator] {
320
- margin: var(--spacing-1);
239
+ ._toolbarRoot_1tl3n_145 div[role=separator] {
240
+ margin: var(--spacing-2) var(--spacing-2);
241
+ border-left: 1px solid var(--baseBorder);
242
+ border-right: 1px solid var(--baseBase);
243
+ height: var(--spacing-4);
321
244
  }
322
245
 
323
- ._toolbarModeSwitch_3tbtr_178 {
246
+ ._toolbarModeSwitch_1tl3n_169 {
324
247
  margin-left: auto;
325
248
  align-self: stretch;
326
249
  align-items: stretch;
@@ -330,32 +253,31 @@
330
253
  font-size: var(--text-xs);
331
254
  }
332
255
 
333
- ._toolbarModeSwitch_3tbtr_178 ._toolbarToggleItem_3tbtr_187 {
334
- -webkit-padding-end: var(--spacing-4);
335
- padding-inline-end: var(--spacing-4);
336
- -webkit-padding-start: var(--spacing-4);
337
- padding-inline-start: var(--spacing-4);
256
+ ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178 {
257
+ padding-inline-end: var(--spacing-4);
258
+ padding-inline-start: var(--spacing-4);
338
259
  }
339
260
 
340
- ._toolbarModeSwitch_3tbtr_178 ._toolbarToggleItem_3tbtr_187:active, ._toolbarModeSwitch_3tbtr_178 ._toolbarToggleItem_3tbtr_187[data-state=on] {
261
+ ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178:active, ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178[data-state=on] {
341
262
  background-color:var(--baseBorder);
342
263
  }
343
264
 
344
- ._toolbarGroupOfGroups_3tbtr_197 {
265
+ ._toolbarGroupOfGroups_1tl3n_188 {
345
266
  display: flex;
267
+ margin: 0 var(--spacing-1);
346
268
  }
347
269
 
348
- ._toolbarToggleSingleGroup_3tbtr_201:first-of-type ._toolbarToggleItem_3tbtr_187:only-child, ._toolbarToggleSingleGroup_3tbtr_201:only-child ._toolbarToggleItem_3tbtr_187:first-child, ._toolbarModeSwitch_3tbtr_178 ._toolbarToggleItem_3tbtr_187:first-child {
270
+ ._toolbarToggleSingleGroup_1tl3n_193:first-of-type ._toolbarToggleItem_1tl3n_178:only-child, ._toolbarToggleSingleGroup_1tl3n_193:only-child ._toolbarToggleItem_1tl3n_178:first-child, ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178:first-child {
349
271
  border-top-left-radius: var(--radius-base);
350
272
  border-bottom-left-radius: var(--radius-base);
351
273
  }
352
274
 
353
- ._toolbarToggleSingleGroup_3tbtr_201:last-of-type ._toolbarToggleItem_3tbtr_187:only-child, ._toolbarToggleSingleGroup_3tbtr_201:only-child ._toolbarToggleItem_3tbtr_187:last-child, ._toolbarModeSwitch_3tbtr_178 ._toolbarToggleItem_3tbtr_187:last-child {
275
+ ._toolbarToggleSingleGroup_1tl3n_193:last-of-type ._toolbarToggleItem_1tl3n_178:only-child, ._toolbarToggleSingleGroup_1tl3n_193:only-child ._toolbarToggleItem_1tl3n_178:last-child, ._toolbarModeSwitch_1tl3n_169 ._toolbarToggleItem_1tl3n_178:last-child {
354
276
  border-top-right-radius: var(--radius-base);
355
277
  border-bottom-right-radius: var(--radius-base);
356
278
  }
357
279
 
358
- ._toolbarToggleItem_3tbtr_187, ._toolbarButton_3tbtr_215 {
280
+ ._toolbarToggleItem_1tl3n_178, ._toolbarButton_1tl3n_207 {
359
281
  border: 0;
360
282
  background-color: transparent;
361
283
  font-size: inherit;
@@ -368,31 +290,36 @@
368
290
  padding: var(--spacing-1);
369
291
  }
370
292
 
371
- ._toolbarToggleItem_3tbtr_187 svg, ._toolbarButton_3tbtr_215 svg {
293
+ ._toolbarToggleItem_1tl3n_178 svg, ._toolbarButton_1tl3n_207 svg {
372
294
  display: block;
373
295
  }
374
296
 
375
- ._toolbarToggleItem_3tbtr_187:hover, ._toolbarButton_3tbtr_215:hover {
297
+ ._toolbarToggleItem_1tl3n_178:hover, ._toolbarButton_1tl3n_207:hover {
376
298
  background-color: var(--baseBgHover);
377
299
  }
378
300
 
379
- ._toolbarToggleItem_3tbtr_187:active svg, ._toolbarButton_3tbtr_215:active svg {
301
+ ._toolbarToggleItem_1tl3n_178:active svg, ._toolbarButton_1tl3n_207:active svg {
380
302
  transform: translate(1px, 1px);
381
303
  }
382
304
 
383
- ._toolbarToggleItem_3tbtr_187[data-state=on], ._toolbarButton_3tbtr_215[data-state=on], ._toolbarToggleItem_3tbtr_187:active, ._toolbarButton_3tbtr_215:active {
305
+ ._toolbarToggleItem_1tl3n_178[data-state=on], ._toolbarButton_1tl3n_207[data-state=on], ._toolbarToggleItem_1tl3n_178:active, ._toolbarButton_1tl3n_207:active {
384
306
  background-color: var(--accentBgActive);
385
307
  }
386
308
 
387
- ._toolbarButton_3tbtr_215 {
309
+ ._toolbarToggleItem_1tl3n_178[data-disabled], ._toolbarButton_1tl3n_207[data-disabled] {
310
+ pointer-events: none;
311
+ color: var(--baseBorderHover);
312
+ }
313
+
314
+ ._toolbarButton_1tl3n_207 {
388
315
  border-radius: var(--radius-base);
389
316
  }
390
317
 
391
- ._toolbarToggleSingleGroup_3tbtr_201 {
318
+ ._toolbarToggleSingleGroup_1tl3n_193 {
392
319
  white-space: nowrap;
393
320
  }
394
321
 
395
- ._toolbarNodeKindSelectContainer_3tbtr_244, ._toolbarButtonDropdownContainer_3tbtr_245, ._toolbarCodeBlockLanguageSelectContent_3tbtr_246
322
+ ._toolbarNodeKindSelectContainer_1tl3n_241, ._toolbarButtonDropdownContainer_1tl3n_242, ._toolbarCodeBlockLanguageSelectContent_1tl3n_243, ._selectContainer_1tl3n_244
396
323
  {
397
324
  z-index: 3;
398
325
  width: var(--spacing-36);
@@ -402,11 +329,11 @@
402
329
  font-size: var(--text-sm);
403
330
  }
404
331
 
405
- ._toolbarButtonDropdownContainer_3tbtr_245 {
332
+ ._toolbarButtonDropdownContainer_1tl3n_242 {
406
333
  border-top-right-radius: var(--radius-base);
407
334
  }
408
335
 
409
- ._toolbarNodeKindSelectTrigger_3tbtr_260, ._toolbarButtonSelectTrigger_3tbtr_261 {
336
+ ._toolbarNodeKindSelectTrigger_1tl3n_258, ._toolbarButtonSelectTrigger_1tl3n_259, ._selectTrigger_1tl3n_260 {
410
337
  border: 0;
411
338
  background-color: transparent;
412
339
  display: flex;
@@ -414,92 +341,88 @@
414
341
  align-items: center;
415
342
  width: var(--spacing-36);
416
343
  padding: var(--spacing-1);
417
- -webkit-padding-start: var(--spacing-4) ;
418
- padding-inline-start: var(--spacing-4) ;
419
- -webkit-padding-end: var(--spacing-2);
420
- padding-inline-end: var(--spacing-2);
344
+ padding-inline-start: var(--spacing-4) ;
345
+ padding-inline-end: var(--spacing-2);
421
346
  border-radius: var(--radius-medium);
422
347
  white-space: nowrap;
423
348
  flex-wrap: nowrap;
424
349
  font-size: var(--text-sm);
425
350
  }
426
351
 
427
- ._toolbarNodeKindSelectTrigger_3tbtr_260:hover, ._toolbarButtonSelectTrigger_3tbtr_261:hover {
352
+ ._toolbarNodeKindSelectTrigger_1tl3n_258:hover, ._toolbarButtonSelectTrigger_1tl3n_259:hover, ._selectTrigger_1tl3n_260:hover {
428
353
  background-color: var(--baseBgHover);
429
354
  }
430
355
 
431
- ._toolbarNodeKindSelectTrigger_3tbtr_260[data-state=open], ._toolbarButtonSelectTrigger_3tbtr_261[data-state=open] {
356
+ ._toolbarNodeKindSelectTrigger_1tl3n_258[data-state=open], ._toolbarButtonSelectTrigger_1tl3n_259[data-state=open], ._selectTrigger_1tl3n_260[data-state=open] {
432
357
  border-bottom-right-radius: var(--radius-none);
433
358
  border-bottom-left-radius: var(--radius-none);
434
359
  background-color: var(--baseBgHover);
435
360
  }
436
361
 
437
362
  /** used in the sandpack */
438
-
439
- ._toolbarButtonSelectTrigger_3tbtr_261 {
363
+ ._toolbarButtonSelectTrigger_1tl3n_259 {
440
364
  width: auto;
441
- -webkit-padding-start: var(--spacing-2) ;
442
- padding-inline-start: var(--spacing-2) ;
443
- -webkit-padding-end: var(--spacing-1);
444
- padding-inline-end: var(--spacing-1);
365
+ padding-inline-start: var(--spacing-2) ;
366
+ padding-inline-end: var(--spacing-1);
445
367
  }
446
368
 
447
- ._toolbarCodeBlockLanguageSelectTrigger_3tbtr_294, ._toolbarCodeBlockLanguageSelectContent_3tbtr_246
369
+ ._toolbarCodeBlockLanguageSelectTrigger_1tl3n_293, ._toolbarCodeBlockLanguageSelectContent_1tl3n_243
448
370
  {
449
371
  width: var(--spacing-48);
450
372
  }
451
373
 
452
- ._toolbarNodeKindSelectItem_3tbtr_300 {
374
+ ._toolbarNodeKindSelectItem_1tl3n_299, ._selectItem_1tl3n_300
375
+ {
453
376
  cursor: default;
454
377
  display: flex;
455
378
  padding: var(--spacing-2) var(--spacing-4);
456
379
  }
457
380
 
458
- ._toolbarNodeKindSelectItem_3tbtr_300[data-highlighted] {
381
+ ._toolbarNodeKindSelectItem_1tl3n_299[data-highlighted], ._selectItem_1tl3n_300[data-highlighted] {
459
382
  background-color: var(--baseBgSubtle);
460
383
  }
461
384
 
462
- ._toolbarNodeKindSelectItem_3tbtr_300[data-state=checked] {
385
+ ._toolbarNodeKindSelectItem_1tl3n_299[data-state=checked], ._selectItem_1tl3n_300[data-state=checked] {
463
386
  background-color: var(--accentBgActive);
464
387
  }
465
388
 
466
- ._toolbarNodeKindSelectItem_3tbtr_300[data-highlighted] {
389
+ ._toolbarNodeKindSelectItem_1tl3n_299[data-highlighted], ._selectItem_1tl3n_300[data-highlighted] {
467
390
  outline: none;
468
391
  }
469
392
 
470
- ._toolbarNodeKindSelectItem_3tbtr_300:last-child {
393
+ ._toolbarNodeKindSelectItem_1tl3n_299:last-child, ._selectItem_1tl3n_300:last-child {
471
394
  border-bottom-left-radius: var(--radius-base);
472
395
  border-bottom-right-radius: var(--radius-base);
473
396
  }
474
397
 
475
- ._toolbarNodeKindSelectDropdownArrow_3tbtr_323 {
398
+ ._toolbarNodeKindSelectDropdownArrow_1tl3n_324, ._selectDropdownArrow_1tl3n_325 {
476
399
  margin-left: auto;
477
400
  }
478
401
 
479
- ._contentEditable_3tbtr_327 {
402
+ ._contentEditable_1tl3n_329 {
480
403
  width: 100%;
481
404
  color: var(--baseTextContrast);
482
405
  }
483
406
 
484
- ._contentEditable_3tbtr_327:focus {
407
+ ._contentEditable_1tl3n_329:focus {
485
408
  outline: none;
486
409
  }
487
410
 
488
- ._sandpackWrapper_3tbtr_335 {
411
+ ._sandpackWrapper_1tl3n_337 {
489
412
  margin-bottom:var(--spacing-5);
490
413
  }
491
414
 
492
- ._frontmatterWrapper_3tbtr_339 {
415
+ ._frontmatterWrapper_1tl3n_341 {
493
416
  border-radius: var(--radius-medium);
494
417
  padding: var(--spacing-3);
495
418
  background-color: var(--baseBgSubtle);
496
419
  }
497
420
 
498
- ._frontmatterWrapper_3tbtr_339[data-expanded=true] {
421
+ ._frontmatterWrapper_1tl3n_341[data-expanded=true] {
499
422
  margin-bottom: var(--spacing-10);
500
423
  }
501
424
 
502
- ._frontmatterToggleButton_3tbtr_349 {
425
+ ._frontmatterToggleButton_1tl3n_351 {
503
426
  border: 0;
504
427
  background-color: transparent;
505
428
  font-size: inherit;
@@ -515,32 +438,57 @@
515
438
  font-size: var(--text-sm);
516
439
  }
517
440
 
518
- ._frontmatterEditorTable_3tbtr_357 {
441
+ ._propertyPanelTitle_1tl3n_359 {
442
+ font-size: var(--text-xs);
443
+ font-weight: 400;
444
+ margin: 0;
445
+ padding-top: var(--spacing-2);
446
+ padding-left: var(--spacing-2);
447
+ }
448
+
449
+ ._propertyEditorTable_1tl3n_367 {
519
450
  table-layout: fixed;
520
- margin-top: var(--spacing-3);
521
451
  border-spacing: var(--spacing-2);
522
452
  }
523
453
 
524
- ._frontmatterEditorTable_3tbtr_357 th {
454
+ ._propertyEditorTable_1tl3n_367 th {
525
455
  text-align: left;
526
456
  font-size: var(--text-sm);
527
457
  padding: var(--spacing-2) var(--spacing-3);
528
458
  }
529
459
 
530
- ._frontmatterEditorTable_3tbtr_357 col:nth-child(1) {
460
+ ._propertyEditorTable_1tl3n_367 col:nth-child(1) {
531
461
  width: 30%;
532
462
  }
533
463
 
534
- ._frontmatterEditorTable_3tbtr_357 col:nth-child(2) {
464
+ ._propertyEditorTable_1tl3n_367 col:nth-child(2) {
535
465
  width: 70%;
536
466
  }
537
467
 
538
- ._frontmatterEditorTable_3tbtr_357 td:last-child ._iconButton_3tbtr_375 {
468
+ ._propertyEditorTable_1tl3n_367 td:last-child ._iconButton_1tl3n_384 {
539
469
  margin-left: var(--spacing-4);
540
470
  margin-right: var(--spacing-4);
541
471
  }
542
472
 
543
- ._frontmatterInput_3tbtr_381 {
473
+ ._propertyEditorTable_1tl3n_367 ._readOnlyColumnCell_1tl3n_389 {
474
+ padding-left: 0;
475
+ }
476
+
477
+ ._propertyEditorLabelCell_1tl3n_394 {
478
+ font-weight: 400;
479
+ }
480
+
481
+ ._readOnlyColumnCell_1tl3n_389 {
482
+ padding-left: 0;
483
+ }
484
+
485
+ ._buttonsFooter_1tl3n_402 {
486
+ display: flex;
487
+ justify-content: flex-end;
488
+ gap: var(--spacing-2);
489
+ }
490
+
491
+ ._propertyEditorInput_1tl3n_408 {
544
492
  border: 0;
545
493
  background-color: transparent;
546
494
  font-size: inherit;
@@ -558,7 +506,7 @@
558
506
  font-size: var(--text-sm);
559
507
  }
560
508
 
561
- ._iconButton_3tbtr_375 {
509
+ ._iconButton_1tl3n_384 {
562
510
  border: 0;
563
511
  background-color: transparent;
564
512
  font-size: inherit;
@@ -571,7 +519,7 @@
571
519
  color:var(--baseText);
572
520
  }
573
521
 
574
- ._primaryButton_3tbtr_396 {
522
+ ._primaryButton_1tl3n_423, ._secondaryButton_1tl3n_423 {
575
523
  border: 0;
576
524
  background-color: transparent;
577
525
  font-size: inherit;
@@ -589,19 +537,25 @@
589
537
  border-radius: var(--radius-medium);
590
538
  }
591
539
 
592
- ._linkDialogEditForm_3tbtr_406 {
540
+ ._secondaryButton_1tl3n_423 {
541
+ border: 1px solid var(--baseBorder);
542
+ background-color: var(--baseSolidHover);
543
+ color:var(--baseBase);
544
+ }
545
+
546
+ ._linkDialogEditForm_1tl3n_439 {
593
547
  display: flex;
594
548
  align-items: center;
595
549
  gap: var(--spacing-2);
596
550
  }
597
551
 
598
- ._linkDialogInputContainer_3tbtr_412 {
552
+ ._linkDialogInputContainer_1tl3n_445 {
599
553
  display: flex;
600
554
  flex-direction: column;
601
555
  align-items: stretch;
602
556
  }
603
557
 
604
- ._linkDialogInputWrapper_3tbtr_418 {
558
+ ._linkDialogInputWrapper_1tl3n_451 {
605
559
  display: flex;
606
560
  align-items: center;
607
561
  background-color: var(--baseBase);
@@ -610,13 +564,13 @@
610
564
  border:1px solid var(--baseBorder);
611
565
  }
612
566
 
613
- ._linkDialogInputWrapper_3tbtr_418[data-visible-dropdown=true] {
567
+ ._linkDialogInputWrapper_1tl3n_451[data-visible-dropdown=true] {
614
568
  border-bottom-left-radius: var(--radius-none) ;
615
569
  border-bottom-right-radius: var(--radius-none) ;
616
570
  border-bottom-width: 0;
617
571
  }
618
572
 
619
- ._linkDialogInputWrapper_3tbtr_418 > button {
573
+ ._linkDialogInputWrapper_1tl3n_451 > button {
620
574
  border: 0;
621
575
  background-color: transparent;
622
576
  font-size: inherit;
@@ -629,7 +583,7 @@
629
583
  padding-right: var(--spacing-2);
630
584
  }
631
585
 
632
- ._linkDialogInput_3tbtr_412 {
586
+ ._linkDialogInput_1tl3n_445 {
633
587
  border: 0;
634
588
  background-color: transparent;
635
589
  font-size: inherit;
@@ -644,19 +598,19 @@
644
598
  font-size: var(--text-sm);
645
599
  }
646
600
 
647
- ._linkDialogInput_3tbtr_412::-moz-placeholder {
601
+ ._linkDialogInput_1tl3n_445::-moz-placeholder {
648
602
  color: var(--baseBorder);
649
603
  }
650
604
 
651
- ._linkDialogInput_3tbtr_412::placeholder {
605
+ ._linkDialogInput_1tl3n_445::placeholder {
652
606
  color: var(--baseBorder);
653
607
  }
654
608
 
655
- ._linkDialogAutocompleteContainer_3tbtr_448 {
609
+ ._linkDialogAutocompleteContainer_1tl3n_481 {
656
610
  position: relative;
657
611
  }
658
612
 
659
- ._linkDialogAutocompleteContainer_3tbtr_448 ul {
613
+ ._linkDialogAutocompleteContainer_1tl3n_481 ul {
660
614
  all: unset;
661
615
  box-sizing: border-box;
662
616
  position: absolute;
@@ -673,11 +627,11 @@
673
627
  background-color: var(--baseBase);
674
628
  }
675
629
 
676
- ._linkDialogAutocompleteContainer_3tbtr_448 ul[data-visible=true] {
630
+ ._linkDialogAutocompleteContainer_1tl3n_481 ul[data-visible=true] {
677
631
  display: block;
678
632
  }
679
633
 
680
- ._linkDialogAutocompleteContainer_3tbtr_448 ul li {
634
+ ._linkDialogAutocompleteContainer_1tl3n_481 ul li {
681
635
  padding: var(--spacing-2) var(--spacing-3);
682
636
  white-space: nowrap;
683
637
  margin-bottom: var(--spacing-1);
@@ -685,35 +639,35 @@
685
639
  text-overflow: ellipsis;
686
640
  }
687
641
 
688
- ._linkDialogAutocompleteContainer_3tbtr_448 ul li[data-selected=true] {
642
+ ._linkDialogAutocompleteContainer_1tl3n_481 ul li[data-selected=true] {
689
643
  background-color: var(--baseBgSubtle);
690
644
  }
691
645
 
692
- ._linkDialogAutocompleteContainer_3tbtr_448 ul li[data-highlighted=true] {
646
+ ._linkDialogAutocompleteContainer_1tl3n_481 ul li[data-highlighted=true] {
693
647
  background-color: var(--baseBgHover);
694
648
  }
695
649
 
696
- ._linkDialogAutocompleteContainer_3tbtr_448 ul li:last-of-type {
650
+ ._linkDialogAutocompleteContainer_1tl3n_481 ul li:last-of-type {
697
651
  border-bottom-left-radius: var(--radius-medium) ;
698
652
  border-bottom-right-radius: var(--radius-medium) ;
699
653
  }
700
654
 
701
- ._linkDialogAnchor_3tbtr_493 {
655
+ ._linkDialogAnchor_1tl3n_526 {
702
656
  position: absolute;
703
657
  background-color: highlight;
704
658
  z-index: -1;
705
659
  }
706
660
 
707
- ._linkDialogAnchor_3tbtr_493[data-visible=true] {
661
+ ._linkDialogAnchor_1tl3n_526[data-visible=true] {
708
662
  visibility: visible;
709
663
  }
710
664
 
711
- ._linkDialogAnchor_3tbtr_493[data-visible=false] {
665
+ ._linkDialogAnchor_1tl3n_526[data-visible=false] {
712
666
  visibility: hidden;
713
667
  }
714
668
 
715
- ._linkDialogPopoverContent_3tbtr_507, ._tableColumnEditorPopoverContent_3tbtr_507, ._dialogContent_3tbtr_507 {
716
- filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
669
+ ._linkDialogPopoverContent_1tl3n_540, ._tableColumnEditorPopoverContent_1tl3n_540, ._dialogContent_1tl3n_540 {
670
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
717
671
  display: flex;
718
672
  align-items: center;
719
673
  gap: var(--spacing-0_5);
@@ -724,7 +678,24 @@
724
678
  font-size: var(--text-sm);
725
679
  }
726
680
 
727
- ._linkDialogPreviewAnchor_3tbtr_521 {
681
+ ._popoverContent_1tl3n_552 {
682
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
683
+ display: flex;
684
+ align-items: center;
685
+ gap: var(--spacing-0_5);
686
+ border-radius:var(--radius-medium);
687
+ background-color: var(--baseBgSubtle);
688
+ padding:var(--spacing-2) var(--spacing-2);
689
+ font-size: var(--text-sm);
690
+ }
691
+
692
+ ._popoverArrow_1tl3n_563 {
693
+ fill: var(--baseBgSubtle);
694
+ }
695
+
696
+
697
+
698
+ ._linkDialogPreviewAnchor_1tl3n_569 {
728
699
  margin-right: var(--spacing-3);
729
700
  display: flex;
730
701
  align-items: flex-start;
@@ -733,20 +704,24 @@
733
704
  border: 1px solid transparent;
734
705
  }
735
706
 
736
- ._linkDialogPreviewAnchor_3tbtr_521 svg {
707
+
708
+
709
+ ._linkDialogPreviewAnchor_1tl3n_569 svg {
737
710
  width: var(--spacing-5);
738
711
  height: var(--spacing-5);
739
712
  margin-left: var(--spacing-2);
740
713
  }
741
714
 
742
- ._linkDialogPreviewAnchor_3tbtr_521 span {
715
+
716
+
717
+ ._linkDialogPreviewAnchor_1tl3n_569 span {
743
718
  max-width: 14rem;
744
719
  overflow-x: hidden;
745
720
  text-overflow: ellipsis;
746
721
  white-space: nowrap;
747
722
  }
748
723
 
749
- ._tooltipContent_3tbtr_543 {
724
+ ._tooltipContent_1tl3n_591 {
750
725
  z-index: 2;
751
726
  position: relative;
752
727
  border-radius: var(--radius-medium);
@@ -756,11 +731,11 @@
756
731
  color: var(--baseBase);
757
732
  }
758
733
 
759
- ._tooltipContent_3tbtr_543 svg {
734
+ ._tooltipContent_1tl3n_591 svg {
760
735
  fill: var(--baseText);
761
736
  }
762
737
 
763
- ._actionButton_3tbtr_557 {
738
+ ._actionButton_1tl3n_605 {
764
739
  border: 0;
765
740
  background-color: transparent;
766
741
  font-size: inherit;
@@ -775,33 +750,33 @@
775
750
  border-radius: var(--radius-medium);
776
751
  }
777
752
 
778
- ._actionButton_3tbtr_557 svg {
753
+ ._actionButton_1tl3n_605 svg {
779
754
  display: block;
780
755
  }
781
756
 
782
- ._actionButton_3tbtr_557:hover {
757
+ ._actionButton_1tl3n_605:hover {
783
758
  background-color: var(--baseBgHover);
784
759
  }
785
760
 
786
- ._actionButton_3tbtr_557:active svg {
761
+ ._actionButton_1tl3n_605:active svg {
787
762
  transform: translate(1px, 1px);
788
763
  }
789
764
 
790
- ._actionButton_3tbtr_557[data-state=on], ._actionButton_3tbtr_557:active {
765
+ ._actionButton_1tl3n_605[data-state=on], ._actionButton_1tl3n_605:active {
791
766
  background-color: var(--accentBgActive);
792
767
  }
793
768
 
794
- ._primaryActionButton_3tbtr_563 {
769
+ ._primaryActionButton_1tl3n_611 {
795
770
  background-color: var(--accentSolid);
796
771
  color:var(--baseBase);
797
772
  }
798
773
 
799
- ._primaryActionButton_3tbtr_563:hover {
774
+ ._primaryActionButton_1tl3n_611:hover {
800
775
  background-color: var(--accentSolidHover);
801
776
  color:var(--baseBase);
802
777
  }
803
778
 
804
- ._tableEditor_3tbtr_572 {
779
+ ._tableEditor_1tl3n_620 {
805
780
  table-layout: fixed;
806
781
  width: 100%;
807
782
  height: 100%;
@@ -809,50 +784,50 @@
809
784
  border-collapse: collapse;
810
785
  }
811
786
 
812
- ._tableEditor_3tbtr_572 thead > tr > th {
787
+ ._tableEditor_1tl3n_620 thead > tr > th {
813
788
  text-align: right;
814
789
  }
815
790
 
816
- ._tableEditor_3tbtr_572 > tbody > tr > td:not(._toolCell_3tbtr_583) {
791
+ ._tableEditor_1tl3n_620 > tbody > tr > td:not(._toolCell_1tl3n_631) {
817
792
  border: 1px solid var(--baseBorder);
818
793
  padding: var(--spacing-1) var(--spacing-2);
819
794
  white-space: normal;
820
795
  }
821
796
 
822
- ._tableEditor_3tbtr_572 > tbody > tr > td:not(._toolCell_3tbtr_583) > div {
797
+ ._tableEditor_1tl3n_620 > tbody > tr > td:not(._toolCell_1tl3n_631) > div {
823
798
  outline: none;
824
799
  }
825
800
 
826
- ._tableEditor_3tbtr_572 > tbody > tr > td:not(._toolCell_3tbtr_583) > div > p {
801
+ ._tableEditor_1tl3n_620 > tbody > tr > td:not(._toolCell_1tl3n_631) > div > p {
827
802
  margin: 0;
828
803
  }
829
804
 
830
- ._tableEditor_3tbtr_572 > tbody > tr > td[data-active=true]:not(._toolCell_3tbtr_583) {
805
+ ._tableEditor_1tl3n_620 > tbody > tr > td[data-active=true]:not(._toolCell_1tl3n_631) {
831
806
  outline: solid 2px var(--accentSolid)
832
807
  }
833
808
 
834
- ._tableEditor_3tbtr_572 ._tableColumnEditorTrigger_3tbtr_600, ._tableEditor_3tbtr_572 ._tableRowEditorTrigger_3tbtr_600, ._tableEditor_3tbtr_572 ._addRowButton_3tbtr_600, ._tableEditor_3tbtr_572 ._addColumnButton_3tbtr_600, ._tableEditor_3tbtr_572 ._iconButton_3tbtr_375 {
809
+ ._tableEditor_1tl3n_620 ._tableColumnEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620 ._tableRowEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620 ._addRowButton_1tl3n_648, ._tableEditor_1tl3n_620 ._addColumnButton_1tl3n_648, ._tableEditor_1tl3n_620 ._iconButton_1tl3n_384 {
835
810
  opacity: .2;
836
811
  }
837
812
 
838
- ._tableEditor_3tbtr_572:hover ._tableColumnEditorTrigger_3tbtr_600, ._tableEditor_3tbtr_572:hover ._tableRowEditorTrigger_3tbtr_600, ._tableEditor_3tbtr_572:hover ._addRowButton_3tbtr_600, ._tableEditor_3tbtr_572:hover ._addColumnButton_3tbtr_600, ._tableEditor_3tbtr_572:hover ._iconButton_3tbtr_375 {
813
+ ._tableEditor_1tl3n_620:hover ._tableColumnEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620:hover ._tableRowEditorTrigger_1tl3n_648, ._tableEditor_1tl3n_620:hover ._addRowButton_1tl3n_648, ._tableEditor_1tl3n_620:hover ._addColumnButton_1tl3n_648, ._tableEditor_1tl3n_620:hover ._iconButton_1tl3n_384 {
839
814
  opacity: .5;
840
815
  }
841
816
 
842
- ._tableEditor_3tbtr_572:hover ._tableColumnEditorTrigger_3tbtr_600:hover, ._tableEditor_3tbtr_572:hover ._tableRowEditorTrigger_3tbtr_600:hover, ._tableEditor_3tbtr_572:hover ._addRowButton_3tbtr_600:hover, ._tableEditor_3tbtr_572:hover ._addColumnButton_3tbtr_600:hover, ._tableEditor_3tbtr_572:hover ._iconButton_3tbtr_375:hover {
817
+ ._tableEditor_1tl3n_620:hover ._tableColumnEditorTrigger_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._tableRowEditorTrigger_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._addRowButton_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._addColumnButton_1tl3n_648:hover, ._tableEditor_1tl3n_620:hover ._iconButton_1tl3n_384:hover {
843
818
  opacity: 1;
844
- };
819
+ }
845
820
 
846
- ._toolCell_3tbtr_583 {
821
+ ._toolCell_1tl3n_631 {
847
822
  text-align: right;
848
823
  }
849
824
 
850
- ._toolCell_3tbtr_583 button {
825
+ ._toolCell_1tl3n_631 button {
851
826
  margin: auto;
852
827
  display: block;
853
828
  }
854
829
 
855
- ._tableColumnEditorTrigger_3tbtr_600 {
830
+ ._tableColumnEditorTrigger_1tl3n_648 {
856
831
  border: 0;
857
832
  background-color: transparent;
858
833
  font-size: inherit;
@@ -868,31 +843,31 @@
868
843
  opacity: 0.2;
869
844
  }
870
845
 
871
- ._tableColumnEditorTrigger_3tbtr_600 svg {
846
+ ._tableColumnEditorTrigger_1tl3n_648 svg {
872
847
  display: block;
873
848
  }
874
849
 
875
- ._tableColumnEditorTrigger_3tbtr_600:hover {
850
+ ._tableColumnEditorTrigger_1tl3n_648:hover {
876
851
  background-color: var(--baseBgHover);
877
852
  }
878
853
 
879
- ._tableColumnEditorTrigger_3tbtr_600:active svg {
854
+ ._tableColumnEditorTrigger_1tl3n_648:active svg {
880
855
  transform: translate(1px, 1px);
881
856
  }
882
857
 
883
- ._tableColumnEditorTrigger_3tbtr_600[data-state=on], ._tableColumnEditorTrigger_3tbtr_600:active {
858
+ ._tableColumnEditorTrigger_1tl3n_648[data-state=on], ._tableColumnEditorTrigger_1tl3n_648:active {
884
859
  background-color: var(--accentBgActive);
885
860
  }
886
861
 
887
- ._tableColumnEditorTrigger_3tbtr_600[data-active=true] {
862
+ ._tableColumnEditorTrigger_1tl3n_648[data-active=true] {
888
863
  opacity: 1;
889
864
  }
890
865
 
891
- ._tableColumnEditorToolbar_3tbtr_634 {
866
+ ._tableColumnEditorToolbar_1tl3n_682 {
892
867
  display: flex;
893
868
  }
894
869
 
895
- ._tableColumnEditorToolbar_3tbtr_634 > button {
870
+ ._tableColumnEditorToolbar_1tl3n_682 > button {
896
871
  border: 0;
897
872
  background-color: transparent;
898
873
  font-size: inherit;
@@ -905,32 +880,34 @@
905
880
  padding: var(--spacing-2);
906
881
  }
907
882
 
908
- ._tableColumnEditorToolbar_3tbtr_634 > button svg {
883
+ ._tableColumnEditorToolbar_1tl3n_682 > button svg {
909
884
  display: block;
910
885
  }
911
886
 
912
- ._tableColumnEditorToolbar_3tbtr_634 > button:hover {
887
+ ._tableColumnEditorToolbar_1tl3n_682 > button:hover {
913
888
  background-color: var(--baseBgHover);
914
889
  }
915
890
 
916
- ._tableColumnEditorToolbar_3tbtr_634 > button:active svg {
891
+ ._tableColumnEditorToolbar_1tl3n_682 > button:active svg {
917
892
  transform: translate(1px, 1px);
918
893
  }
919
894
 
920
- ._tableColumnEditorToolbar_3tbtr_634 > button[data-state=on], ._tableColumnEditorToolbar_3tbtr_634 > button:active {
895
+ ._tableColumnEditorToolbar_1tl3n_682 > button[data-state=on], ._tableColumnEditorToolbar_1tl3n_682 > button:active {
921
896
  background-color: var(--accentBgActive);
922
897
  }
923
898
 
924
- ._tableColumnEditorToolbar_3tbtr_634 [role=separator] {
899
+ ._tableColumnEditorToolbar_1tl3n_682 [role=separator] {
925
900
  margin-left: var(--spacing-1);
926
901
  margin-right: var(--spacing-1);
927
902
  }
928
903
 
929
- ._toggleGroupRoot_3tbtr_646 {
904
+
905
+ ._toggleGroupRoot_1tl3n_694 {
930
906
  display: inline-flex;
931
907
  }
932
908
 
933
- ._toggleGroupRoot_3tbtr_646 button {
909
+
910
+ ._toggleGroupRoot_1tl3n_694 button {
934
911
  border: 0;
935
912
  background-color: transparent;
936
913
  font-size: inherit;
@@ -943,54 +920,60 @@
943
920
  padding: var(--spacing-2);
944
921
  }
945
922
 
946
- ._toggleGroupRoot_3tbtr_646 button svg {
923
+
924
+ ._toggleGroupRoot_1tl3n_694 button svg {
947
925
  display: block;
948
926
  }
949
927
 
950
- ._toggleGroupRoot_3tbtr_646 button:hover {
928
+
929
+ ._toggleGroupRoot_1tl3n_694 button:hover {
951
930
  background-color: var(--baseBgHover);
952
931
  }
953
932
 
954
- ._toggleGroupRoot_3tbtr_646 button:active svg {
933
+
934
+ ._toggleGroupRoot_1tl3n_694 button:active svg {
955
935
  transform: translate(1px, 1px);
956
936
  }
957
937
 
958
- ._toggleGroupRoot_3tbtr_646 button[data-state=on], ._toggleGroupRoot_3tbtr_646 button:active {
938
+
939
+ ._toggleGroupRoot_1tl3n_694 button[data-state=on], ._toggleGroupRoot_1tl3n_694 button:active {
959
940
  background-color: var(--accentBgActive);
960
941
  }
961
942
 
962
- ._toggleGroupRoot_3tbtr_646 button:first-child {
943
+
944
+ ._toggleGroupRoot_1tl3n_694 button:first-child {
963
945
  border-top-left-radius: var(--radius-base);
964
946
  border-bottom-left-radius: var(--radius-base);
965
947
  }
966
948
 
967
- ._toggleGroupRoot_3tbtr_646 button:last-child {
949
+
950
+ ._toggleGroupRoot_1tl3n_694 button:last-child {
968
951
  border-top-right-radius: var(--radius-base);
969
952
  border-bottom-right-radius: var(--radius-base);
970
953
  }
971
954
 
972
- ._tableToolsColumn_3tbtr_663 {
955
+ ._tableToolsColumn_1tl3n_711 {
973
956
  width: 3rem;
974
957
  }
975
958
 
976
- ._tableToolsColumn_3tbtr_663 button {
959
+ ._tableToolsColumn_1tl3n_711 button {
977
960
  margin: auto;
978
961
  display: block;
979
962
  }
980
963
 
981
- ._leftAlignedCell_3tbtr_671 {
964
+ ._leftAlignedCell_1tl3n_719 {
982
965
  text-align: left;
983
966
  }
984
967
 
985
- ._rightAlignedCell_3tbtr_675 {
968
+ ._rightAlignedCell_1tl3n_723 {
986
969
  text-align: right;
987
970
  }
988
971
 
989
- ._centeredCell_3tbtr_679 {
972
+ ._centeredCell_1tl3n_727 {
990
973
  text-align: center;
991
974
  }
992
975
 
993
- ._addColumnButton_3tbtr_600, ._addRowButton_3tbtr_600 {
976
+ ._addColumnButton_1tl3n_648, ._addRowButton_1tl3n_648 {
994
977
  border: 0;
995
978
  background-color: transparent;
996
979
  font-size: inherit;
@@ -1008,62 +991,61 @@
1008
991
  border-radius: var(--radius-medium);
1009
992
  }
1010
993
 
1011
- ._addColumnButton_3tbtr_600 svg, ._addRowButton_3tbtr_600 svg {
994
+ ._addColumnButton_1tl3n_648 svg, ._addRowButton_1tl3n_648 svg {
1012
995
  display: block;
1013
996
  }
1014
997
 
1015
- ._addColumnButton_3tbtr_600:hover, ._addRowButton_3tbtr_600:hover {
998
+ ._addColumnButton_1tl3n_648:hover, ._addRowButton_1tl3n_648:hover {
1016
999
  background-color: var(--baseBgHover);
1017
1000
  }
1018
1001
 
1019
- ._addColumnButton_3tbtr_600:active svg, ._addRowButton_3tbtr_600:active svg {
1002
+ ._addColumnButton_1tl3n_648:active svg, ._addRowButton_1tl3n_648:active svg {
1020
1003
  transform: translate(1px, 1px);
1021
1004
  }
1022
1005
 
1023
- ._addColumnButton_3tbtr_600[data-state=on], ._addRowButton_3tbtr_600[data-state=on], ._addColumnButton_3tbtr_600:active, ._addRowButton_3tbtr_600:active {
1006
+ ._addColumnButton_1tl3n_648[data-state=on], ._addRowButton_1tl3n_648[data-state=on], ._addColumnButton_1tl3n_648:active, ._addRowButton_1tl3n_648:active {
1024
1007
  background-color: var(--accentBgActive);
1025
1008
  }
1026
1009
 
1027
- ._addColumnButton_3tbtr_600 svg, ._addRowButton_3tbtr_600 svg {
1010
+ ._addColumnButton_1tl3n_648 svg, ._addRowButton_1tl3n_648 svg {
1028
1011
  margin: auto;
1029
1012
  }
1030
1013
 
1031
- ._addRowButton_3tbtr_600 {
1014
+ ._addRowButton_1tl3n_648 {
1032
1015
  width: 100%;
1033
1016
  margin-top: var(--spacing-2);
1034
1017
  box-sizing: border-box;
1035
1018
  }
1036
1019
 
1037
- ._addColumnButton_3tbtr_600 {
1020
+ ._addColumnButton_1tl3n_648 {
1038
1021
  margin-left: var(--spacing-2);
1039
1022
  height: 100%;
1040
1023
  }
1041
1024
 
1042
1025
  /** Dialog */
1043
-
1044
- ._dialogOverlay_3tbtr_707 {
1026
+ ._dialogOverlay_1tl3n_755 {
1045
1027
  position: fixed;
1046
1028
  inset: 0;
1047
- animation: _overlayShow_3tbtr_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1029
+ animation: _overlayShow_1tl3n_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1048
1030
  background-color: var(--baseBase);
1049
1031
  z-index: 51;
1050
1032
  opacity: 0.5;
1051
1033
  }
1052
1034
 
1053
- ._dialogContent_3tbtr_507 {
1035
+ ._dialogContent_1tl3n_540 {
1054
1036
  position: fixed;
1055
1037
  top: 50%;
1056
1038
  left: 50%;
1057
1039
  transform: translate(-50%, -50%);
1058
- animation: _contentShow_3tbtr_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1040
+ animation: _contentShow_1tl3n_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1059
1041
  z-index: 52;
1060
1042
  }
1061
-
1062
- ._dialogContent_3tbtr_507:focus {
1043
+ ._dialogContent_1tl3n_540:focus {
1063
1044
  outline: none;
1064
1045
  }
1065
1046
 
1066
- @keyframes _overlayShow_3tbtr_1 {
1047
+
1048
+ @keyframes _overlayShow_1tl3n_1 {
1067
1049
  from {
1068
1050
  opacity: 0;
1069
1051
  }
@@ -1072,7 +1054,7 @@
1072
1054
  }
1073
1055
  }
1074
1056
 
1075
- @keyframes _contentShow_3tbtr_1 {
1057
+ @keyframes _contentShow_1tl3n_1 {
1076
1058
  from {
1077
1059
  opacity: 0;
1078
1060
  transform: translate(-50%, -48%) scale(0.96);
@@ -1083,17 +1065,275 @@
1083
1065
  }
1084
1066
  }
1085
1067
 
1086
- ._focusedImage_3tbtr_749 {
1068
+ ._focusedImage_1tl3n_797 {
1087
1069
  outline: highlight solid 2px;
1088
1070
  }
1089
1071
 
1090
- ._imageWrapper_3tbtr_753 {
1072
+ ._imageWrapper_1tl3n_801 {
1091
1073
  display: inline;
1092
1074
  }
1093
1075
 
1094
- ._imageWrapper_3tbtr_753[draggable=true] {
1076
+ ._imageWrapper_1tl3n_801[draggable=true] {
1095
1077
  cursor: move; /* fallback if grab cursor is unsupported */
1096
1078
  cursor: grab;
1097
1079
  cursor: -webkit-grab;
1098
1080
  }
1081
+
1082
+ ._inlineEditor_1tl3n_812 {
1083
+ display: inline-flex;
1084
+ border-radius: var(--radius-medium);
1085
+ padding: var(--spacing-1);
1086
+ gap: var(--spacing-2);
1087
+ align-items: center;
1088
+ background: var(--baseBg);
1089
+ }
1090
+
1091
+ ._blockEditor_1tl3n_821 {
1092
+ display: flex;
1093
+ justify-content: stretch;
1094
+ border-radius: var(--radius-medium);
1095
+ padding: var(--spacing-2);
1096
+ gap: var(--spacing-2);
1097
+ align-items: center;
1098
+ background: var(--baseBg);
1099
+ }
1100
+
1101
+ ._blockEditor_1tl3n_821 ._nestedEditor_1tl3n_830 {
1102
+ flex-grow: 1;
1103
+ }
1104
+
1105
+ ._nestedEditor_1tl3n_830 {
1106
+ background: white;
1107
+ padding: var(--spacing-1) var(--spacing-2);
1108
+ border-radius: var(--radius-medium);
1109
+ }
1110
+
1111
+ ._nestedEditor_1tl3n_830 > p {
1112
+ margin: 0;
1113
+ }
1114
+
1115
+ ._nestedEditor_1tl3n_830:focus {
1116
+ outline: none;
1117
+ }
1118
+
1119
+ ._genericComponentName_1tl3n_847 {
1120
+ font-size: var(--text-sm);
1121
+ color: var(--baseText);
1122
+ padding-right: var(--spacing-2);
1123
+ }
1124
+
1125
+ ._diffSourceToggle_1tl3n_853 {
1126
+ border: 1px solid var(--baseBorder);
1127
+ border-radius: var(--radius-medium);
1128
+ display: flex;
1129
+ }
1130
+
1131
+ ._diffSourceToggle_1tl3n_853 ._toolbarToggleItem_1tl3n_178 {
1132
+ padding: 0;
1133
+ }
1134
+
1135
+ ._diffSourceToggle_1tl3n_853 ._toolbarToggleItem_1tl3n_178 > span {
1136
+ display: block;
1137
+ padding: var(--spacing-2) var(--spacing-3);
1138
+ }
1139
+
1140
+ ._selectWithLabel_1tl3n_867 {
1141
+ display: flex;
1142
+ align-items: center;
1143
+ gap: var(--spacing-2);
1144
+ margin-left: var(--spacing-2);
1145
+ }
1146
+
1147
+ ._selectWithLabel_1tl3n_867 > label {
1148
+ font-size: var(--text-sm);
1149
+ }
1150
+
1151
+ ._selectWithLabel_1tl3n_867 ._selectTrigger_1tl3n_260 {
1152
+ border: 1px solid var(--baseBorder);
1153
+ }
1154
+
1155
+ ._toolbarTitleMode_1tl3n_881 {
1156
+ font-size: var(--text-sm);
1157
+ margin-left: var(--spacing-2);
1158
+ }
1159
+ :root, ._light-theme_13nbk_1 {
1160
+ --blue1: hsl(206, 100%, 99.2%);
1161
+ --blue2: hsl(210, 100%, 98.0%);
1162
+ --blue3: hsl(209, 100%, 96.5%);
1163
+ --blue4: hsl(210, 98.8%, 94.0%);
1164
+ --blue5: hsl(209, 95.0%, 90.1%);
1165
+ --blue6: hsl(209, 81.2%, 84.5%);
1166
+ --blue7: hsl(208, 77.5%, 76.9%);
1167
+ --blue8: hsl(206, 81.9%, 65.3%);
1168
+ --blue9: hsl(206, 100%, 50.0%);
1169
+ --blue10: hsl(208, 100%, 47.3%);
1170
+ --blue11: hsl(211, 100%, 43.2%);
1171
+ --blue12: hsl(211, 100%, 15.0%);
1172
+ }
1173
+ ._dark-theme_13nbk_1 {
1174
+ --blue1: hsl(212, 35.0%, 9.2%);
1175
+ --blue2: hsl(216, 50.0%, 11.8%);
1176
+ --blue3: hsl(214, 59.4%, 15.3%);
1177
+ --blue4: hsl(214, 65.8%, 17.9%);
1178
+ --blue5: hsl(213, 71.2%, 20.2%);
1179
+ --blue6: hsl(212, 77.4%, 23.1%);
1180
+ --blue7: hsl(211, 85.1%, 27.4%);
1181
+ --blue8: hsl(211, 89.7%, 34.1%);
1182
+ --blue9: hsl(206, 100%, 50.0%);
1183
+ --blue10: hsl(209, 100%, 60.6%);
1184
+ --blue11: hsl(210, 100%, 66.1%);
1185
+ --blue12: hsl(206, 98.0%, 95.8%);
1186
+ }
1187
+ :root, ._light-theme_13nbk_1 {
1188
+ --slate1: hsl(206, 30.0%, 98.8%);
1189
+ --slate2: hsl(210, 16.7%, 97.6%);
1190
+ --slate3: hsl(209, 13.3%, 95.3%);
1191
+ --slate4: hsl(209, 12.2%, 93.2%);
1192
+ --slate5: hsl(208, 11.7%, 91.1%);
1193
+ --slate6: hsl(208, 11.3%, 88.9%);
1194
+ --slate7: hsl(207, 11.1%, 85.9%);
1195
+ --slate8: hsl(205, 10.7%, 78.0%);
1196
+ --slate9: hsl(206, 6.0%, 56.1%);
1197
+ --slate10: hsl(206, 5.8%, 52.3%);
1198
+ --slate11: hsl(206, 6.0%, 43.5%);
1199
+ --slate12: hsl(206, 24.0%, 9.0%);
1200
+ }
1201
+ ._dark-theme_13nbk_1 {
1202
+ --slate1: hsl(200, 7.0%, 8.8%);
1203
+ --slate2: hsl(195, 7.1%, 11.0%);
1204
+ --slate3: hsl(197, 6.8%, 13.6%);
1205
+ --slate4: hsl(198, 6.6%, 15.8%);
1206
+ --slate5: hsl(199, 6.4%, 17.9%);
1207
+ --slate6: hsl(201, 6.2%, 20.5%);
1208
+ --slate7: hsl(203, 6.0%, 24.3%);
1209
+ --slate8: hsl(207, 5.6%, 31.6%);
1210
+ --slate9: hsl(206, 6.0%, 43.9%);
1211
+ --slate10: hsl(206, 5.2%, 49.5%);
1212
+ --slate11: hsl(206, 6.0%, 63.0%);
1213
+ --slate12: hsl(210, 6.0%, 93.0%);
1214
+ }
1215
+ :root, ._light-theme_13nbk_1 {
1216
+ --grass1: hsl(116, 50.0%, 98.9%);
1217
+ --grass2: hsl(120, 60.0%, 97.1%);
1218
+ --grass3: hsl(120, 53.6%, 94.8%);
1219
+ --grass4: hsl(121, 47.5%, 91.4%);
1220
+ --grass5: hsl(122, 42.6%, 86.5%);
1221
+ --grass6: hsl(124, 39.0%, 79.7%);
1222
+ --grass7: hsl(126, 37.1%, 70.2%);
1223
+ --grass8: hsl(131, 38.1%, 56.3%);
1224
+ --grass9: hsl(131, 41.0%, 46.5%);
1225
+ --grass10: hsl(132, 43.1%, 42.2%);
1226
+ --grass11: hsl(133, 50.0%, 32.5%);
1227
+ --grass12: hsl(130, 30.0%, 14.9%);
1228
+ }
1229
+ :root, ._light-theme_13nbk_1 {
1230
+ --cyan1: hsl(185, 60.0%, 98.7%);
1231
+ --cyan2: hsl(185, 73.3%, 97.1%);
1232
+ --cyan3: hsl(186, 70.2%, 94.4%);
1233
+ --cyan4: hsl(186, 63.8%, 90.6%);
1234
+ --cyan5: hsl(187, 58.3%, 85.4%);
1235
+ --cyan6: hsl(188, 54.6%, 78.4%);
1236
+ --cyan7: hsl(189, 53.7%, 68.7%);
1237
+ --cyan8: hsl(189, 60.3%, 52.5%);
1238
+ --cyan9: hsl(190, 95.0%, 39.0%);
1239
+ --cyan10: hsl(191, 91.2%, 36.8%);
1240
+ --cyan11: hsl(192, 85.0%, 31.0%);
1241
+ --cyan12: hsl(192, 88.0%, 12.5%);
1242
+ }
1243
+ :root, ._light-theme_13nbk_1 {
1244
+ --amber1: hsl(39, 70.0%, 99.0%);
1245
+ --amber2: hsl(40, 100%, 96.5%);
1246
+ --amber3: hsl(44, 100%, 91.7%);
1247
+ --amber4: hsl(43, 100%, 86.8%);
1248
+ --amber5: hsl(42, 100%, 81.8%);
1249
+ --amber6: hsl(38, 99.7%, 76.3%);
1250
+ --amber7: hsl(36, 86.1%, 67.1%);
1251
+ --amber8: hsl(35, 85.2%, 55.1%);
1252
+ --amber9: hsl(39, 100%, 57.0%);
1253
+ --amber10: hsl(35, 100%, 55.5%);
1254
+ --amber11: hsl(30, 100%, 34.0%);
1255
+ --amber12: hsl(20, 80.0%, 17.0%);
1256
+ }
1257
+ :root, ._light-theme_13nbk_1 {
1258
+ --red1: hsl(359, 100%, 99.4%);
1259
+ --red2: hsl(359, 100%, 98.6%);
1260
+ --red3: hsl(360, 100%, 96.8%);
1261
+ --red4: hsl(360, 97.9%, 94.8%);
1262
+ --red5: hsl(360, 90.2%, 91.9%);
1263
+ --red6: hsl(360, 81.7%, 87.8%);
1264
+ --red7: hsl(359, 74.2%, 81.7%);
1265
+ --red8: hsl(359, 69.5%, 74.3%);
1266
+ --red9: hsl(358, 75.0%, 59.0%);
1267
+ --red10: hsl(358, 69.4%, 55.2%);
1268
+ --red11: hsl(358, 65.0%, 48.7%);
1269
+ --red12: hsl(354, 50.0%, 14.6%);
1270
+ }
1271
+ ._bold_13nbk_10 {
1272
+ font-weight: bold;
1273
+ }
1274
+ ._italic_13nbk_14 {
1275
+ font-style: italic;
1276
+ }
1277
+ ._underline_13nbk_18 {
1278
+ text-decoration: underline;
1279
+ }
1280
+ ._bold_13nbk_10 {
1281
+ font-weight: 700
1282
+ }
1283
+ ._italic_13nbk_14 {
1284
+ font-style: italic
1285
+ }
1286
+ ._underline_13nbk_18 {
1287
+ text-decoration: underline
1288
+ }
1289
+ ._strikethrough_13nbk_34 {
1290
+ text-decoration: line-through
1291
+ }
1292
+ ._underlineStrikethrough_13nbk_38 {
1293
+ text-decoration: underline line-through
1294
+ }
1295
+ ._subscript_13nbk_42 {
1296
+ font-size: .8em;
1297
+ vertical-align: sub!important
1298
+ }
1299
+ ._superscript_13nbk_47 {
1300
+ font-size: .8em;
1301
+ vertical-align: super
1302
+ }
1303
+ ._code_13nbk_52 {
1304
+ background-color: var(--baseBg);
1305
+ padding: 1px .25rem;
1306
+ font-family: var(--font-mono);
1307
+ font-size: 94%
1308
+ }
1309
+ ._nestedListItem_13nbk_59 {
1310
+ list-style:none;
1311
+ }
1312
+ ._admonitionDanger_13nbk_63, ._admonitionInfo_13nbk_63, ._admonitionNote_13nbk_63, ._admonitionTip_13nbk_63, ._admonitionCaution_13nbk_63 {
1313
+ padding: var(--spacing-2);
1314
+ margin-top: var(--spacing-2);
1315
+ margin-bottom: var(--spacing-2);
1316
+ border-left: 3px solid var(--admonitionBorder);
1317
+ background-color: var(--admonitionBg);
1318
+ }
1319
+ ._admonitionInfo_13nbk_63 {
1320
+ --admonitionBorder: var(--admonitionInfoBorder);
1321
+ --admonitionBg: var(--admonitionInfoBg);
1322
+ }
1323
+ ._admonitionTip_13nbk_63 {
1324
+ --admonitionBorder: var(--admonitionTipBorder);
1325
+ --admonitionBg: var(--admonitionTipBg);
1326
+ }
1327
+ ._admonitionCaution_13nbk_63 {
1328
+ --admonitionBorder: var(--admonitionCautionBorder);
1329
+ --admonitionBg: var(--admonitionCautionBg);
1330
+ }
1331
+ ._admonitionDanger_13nbk_63 {
1332
+ --admonitionBorder: var(--admonitionDangerBorder);
1333
+ --admonitionBg: var(--admonitionDangerBg);
1334
+ }
1335
+ ._admonitionNote_13nbk_63 {
1336
+ --admonitionBorder: var(--admonitionNoteBorder);
1337
+ --admonitionBg: var(--admonitionNoteBg);
1338
+ }
1099
1339
  :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;}