@mdxeditor/editor 0.9.0 → 0.10.0-alpha.2

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