@clevertask/scribe 0.0.0

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 (41) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +167 -0
  3. package/dist/SlashCommandList-DYKFukY8.js +3734 -0
  4. package/dist/components/Menu/BarMenu.d.ts +7 -0
  5. package/dist/components/Menu/BarMenu.js +119 -0
  6. package/dist/components/Menu/BubbleMenu.d.ts +7 -0
  7. package/dist/components/Menu/BubbleMenu.js +176 -0
  8. package/dist/components/Scribe/extension/extension-link.d.ts +2 -0
  9. package/dist/components/Scribe/extension/extension-link.js +934 -0
  10. package/dist/components/Scribe/extension/extension-selectedText.d.ts +12 -0
  11. package/dist/components/Scribe/extension/extension-selectedText.js +13 -0
  12. package/dist/components/Scribe/extension/index.d.ts +2 -0
  13. package/dist/components/Scribe/extension/index.js +1647 -0
  14. package/dist/components/Scribe/extension/slashCommand/SlashCommandList.d.ts +5 -0
  15. package/dist/components/Scribe/extension/slashCommand/SlashCommandList.js +10 -0
  16. package/dist/components/Scribe/extension/slashCommand/index.d.ts +4 -0
  17. package/dist/components/Scribe/extension/slashCommand/index.js +154 -0
  18. package/dist/components/Scribe/extension/slashCommand/items.d.ts +23 -0
  19. package/dist/components/Scribe/extension/slashCommand/items.js +159 -0
  20. package/dist/components/Scribe/extension/slashCommand/renderItems.d.ts +8 -0
  21. package/dist/components/Scribe/extension/slashCommand/renderItems.js +38 -0
  22. package/dist/components/Scribe/index.d.ts +28 -0
  23. package/dist/components/Scribe/index.js +92 -0
  24. package/dist/index-Cu10LNOZ.js +2505 -0
  25. package/dist/index-CzwFCNeI.js +12114 -0
  26. package/dist/main.css +1134 -0
  27. package/dist/main.d.ts +2 -0
  28. package/dist/main.js +10 -0
  29. package/dist/marked.esm-DIt7dqAB.js +1574 -0
  30. package/dist/purify.es-Bzg5nW_L.js +524 -0
  31. package/dist/turndown.browser.es-DwgPoVx0.js +646 -0
  32. package/dist/utils/html-to-markdown.d.ts +1 -0
  33. package/dist/utils/html-to-markdown.js +11 -0
  34. package/dist/utils/index.d.ts +3 -0
  35. package/dist/utils/index.js +8 -0
  36. package/dist/utils/is-in-viewport.d.ts +1 -0
  37. package/dist/utils/is-in-viewport.js +7 -0
  38. package/dist/utils/markdown-to-html.d.ts +1 -0
  39. package/dist/utils/markdown-to-html.js +6 -0
  40. package/dist/vite-env.d.js +1 -0
  41. package/package.json +95 -0
package/dist/main.css ADDED
@@ -0,0 +1,1134 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }/*
108
+ ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
109
+ *//*
110
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112
+ */
113
+
114
+ *,
115
+ ::before,
116
+ ::after {
117
+ box-sizing: border-box; /* 1 */
118
+ border-width: 0; /* 2 */
119
+ border-style: solid; /* 2 */
120
+ border-color: #e5e7eb; /* 2 */
121
+ }
122
+
123
+ ::before,
124
+ ::after {
125
+ --tw-content: '';
126
+ }
127
+
128
+ /*
129
+ 1. Use a consistent sensible line-height in all browsers.
130
+ 2. Prevent adjustments of font size after orientation changes in iOS.
131
+ 3. Use a more readable tab size.
132
+ 4. Use the user's configured `sans` font-family by default.
133
+ 5. Use the user's configured `sans` font-feature-settings by default.
134
+ 6. Use the user's configured `sans` font-variation-settings by default.
135
+ 7. Disable tap highlights on iOS
136
+ */
137
+
138
+ html,
139
+ :host {
140
+ line-height: 1.5; /* 1 */
141
+ -webkit-text-size-adjust: 100%; /* 2 */
142
+ -moz-tab-size: 4; /* 3 */
143
+ -o-tab-size: 4;
144
+ tab-size: 4; /* 3 */
145
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
146
+ font-feature-settings: normal; /* 5 */
147
+ font-variation-settings: normal; /* 6 */
148
+ -webkit-tap-highlight-color: transparent; /* 7 */
149
+ }
150
+
151
+ /*
152
+ 1. Remove the margin in all browsers.
153
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
154
+ */
155
+
156
+ body {
157
+ margin: 0; /* 1 */
158
+ line-height: inherit; /* 2 */
159
+ }
160
+
161
+ /*
162
+ 1. Add the correct height in Firefox.
163
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
164
+ 3. Ensure horizontal rules are visible by default.
165
+ */
166
+
167
+ hr {
168
+ height: 0; /* 1 */
169
+ color: inherit; /* 2 */
170
+ border-top-width: 1px; /* 3 */
171
+ }
172
+
173
+ /*
174
+ Add the correct text decoration in Chrome, Edge, and Safari.
175
+ */
176
+
177
+ abbr:where([title]) {
178
+ -webkit-text-decoration: underline dotted;
179
+ text-decoration: underline dotted;
180
+ }
181
+
182
+ /*
183
+ Remove the default font size and weight for headings.
184
+ */
185
+
186
+ h1,
187
+ h2,
188
+ h3,
189
+ h4,
190
+ h5,
191
+ h6 {
192
+ font-size: inherit;
193
+ font-weight: inherit;
194
+ }
195
+
196
+ /*
197
+ Reset links to optimize for opt-in styling instead of opt-out.
198
+ */
199
+
200
+ a {
201
+ color: inherit;
202
+ text-decoration: inherit;
203
+ }
204
+
205
+ /*
206
+ Add the correct font weight in Edge and Safari.
207
+ */
208
+
209
+ b,
210
+ strong {
211
+ font-weight: bolder;
212
+ }
213
+
214
+ /*
215
+ 1. Use the user's configured `mono` font-family by default.
216
+ 2. Use the user's configured `mono` font-feature-settings by default.
217
+ 3. Use the user's configured `mono` font-variation-settings by default.
218
+ 4. Correct the odd `em` font sizing in all browsers.
219
+ */
220
+
221
+ code,
222
+ kbd,
223
+ samp,
224
+ pre {
225
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
226
+ font-feature-settings: normal; /* 2 */
227
+ font-variation-settings: normal; /* 3 */
228
+ font-size: 1em; /* 4 */
229
+ }
230
+
231
+ /*
232
+ Add the correct font size in all browsers.
233
+ */
234
+
235
+ small {
236
+ font-size: 80%;
237
+ }
238
+
239
+ /*
240
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
241
+ */
242
+
243
+ sub,
244
+ sup {
245
+ font-size: 75%;
246
+ line-height: 0;
247
+ position: relative;
248
+ vertical-align: baseline;
249
+ }
250
+
251
+ sub {
252
+ bottom: -0.25em;
253
+ }
254
+
255
+ sup {
256
+ top: -0.5em;
257
+ }
258
+
259
+ /*
260
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
261
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
262
+ 3. Remove gaps between table borders by default.
263
+ */
264
+
265
+ table {
266
+ text-indent: 0; /* 1 */
267
+ border-color: inherit; /* 2 */
268
+ border-collapse: collapse; /* 3 */
269
+ }
270
+
271
+ /*
272
+ 1. Change the font styles in all browsers.
273
+ 2. Remove the margin in Firefox and Safari.
274
+ 3. Remove default padding in all browsers.
275
+ */
276
+
277
+ button,
278
+ input,
279
+ optgroup,
280
+ select,
281
+ textarea {
282
+ font-family: inherit; /* 1 */
283
+ font-feature-settings: inherit; /* 1 */
284
+ font-variation-settings: inherit; /* 1 */
285
+ font-size: 100%; /* 1 */
286
+ font-weight: inherit; /* 1 */
287
+ line-height: inherit; /* 1 */
288
+ letter-spacing: inherit; /* 1 */
289
+ color: inherit; /* 1 */
290
+ margin: 0; /* 2 */
291
+ padding: 0; /* 3 */
292
+ }
293
+
294
+ /*
295
+ Remove the inheritance of text transform in Edge and Firefox.
296
+ */
297
+
298
+ button,
299
+ select {
300
+ text-transform: none;
301
+ }
302
+
303
+ /*
304
+ 1. Correct the inability to style clickable types in iOS and Safari.
305
+ 2. Remove default button styles.
306
+ */
307
+
308
+ button,
309
+ input:where([type='button']),
310
+ input:where([type='reset']),
311
+ input:where([type='submit']) {
312
+ -webkit-appearance: button; /* 1 */
313
+ background-color: transparent; /* 2 */
314
+ background-image: none; /* 2 */
315
+ }
316
+
317
+ /*
318
+ Use the modern Firefox focus style for all focusable elements.
319
+ */
320
+
321
+ :-moz-focusring {
322
+ outline: auto;
323
+ }
324
+
325
+ /*
326
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
327
+ */
328
+
329
+ :-moz-ui-invalid {
330
+ box-shadow: none;
331
+ }
332
+
333
+ /*
334
+ Add the correct vertical alignment in Chrome and Firefox.
335
+ */
336
+
337
+ progress {
338
+ vertical-align: baseline;
339
+ }
340
+
341
+ /*
342
+ Correct the cursor style of increment and decrement buttons in Safari.
343
+ */
344
+
345
+ ::-webkit-inner-spin-button,
346
+ ::-webkit-outer-spin-button {
347
+ height: auto;
348
+ }
349
+
350
+ /*
351
+ 1. Correct the odd appearance in Chrome and Safari.
352
+ 2. Correct the outline style in Safari.
353
+ */
354
+
355
+ [type='search'] {
356
+ -webkit-appearance: textfield; /* 1 */
357
+ outline-offset: -2px; /* 2 */
358
+ }
359
+
360
+ /*
361
+ Remove the inner padding in Chrome and Safari on macOS.
362
+ */
363
+
364
+ ::-webkit-search-decoration {
365
+ -webkit-appearance: none;
366
+ }
367
+
368
+ /*
369
+ 1. Correct the inability to style clickable types in iOS and Safari.
370
+ 2. Change font properties to `inherit` in Safari.
371
+ */
372
+
373
+ ::-webkit-file-upload-button {
374
+ -webkit-appearance: button; /* 1 */
375
+ font: inherit; /* 2 */
376
+ }
377
+
378
+ /*
379
+ Add the correct display in Chrome and Safari.
380
+ */
381
+
382
+ summary {
383
+ display: list-item;
384
+ }
385
+
386
+ /*
387
+ Removes the default spacing and border for appropriate elements.
388
+ */
389
+
390
+ blockquote,
391
+ dl,
392
+ dd,
393
+ h1,
394
+ h2,
395
+ h3,
396
+ h4,
397
+ h5,
398
+ h6,
399
+ hr,
400
+ figure,
401
+ p,
402
+ pre {
403
+ margin: 0;
404
+ }
405
+
406
+ fieldset {
407
+ margin: 0;
408
+ padding: 0;
409
+ }
410
+
411
+ legend {
412
+ padding: 0;
413
+ }
414
+
415
+ ol,
416
+ ul,
417
+ menu {
418
+ list-style: none;
419
+ margin: 0;
420
+ padding: 0;
421
+ }
422
+
423
+ /*
424
+ Reset default styling for dialogs.
425
+ */
426
+ dialog {
427
+ padding: 0;
428
+ }
429
+
430
+ /*
431
+ Prevent resizing textareas horizontally by default.
432
+ */
433
+
434
+ textarea {
435
+ resize: vertical;
436
+ }
437
+
438
+ /*
439
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
440
+ 2. Set the default placeholder color to the user's configured gray 400 color.
441
+ */
442
+
443
+ input::-moz-placeholder, textarea::-moz-placeholder {
444
+ opacity: 1; /* 1 */
445
+ color: #9ca3af; /* 2 */
446
+ }
447
+
448
+ input::placeholder,
449
+ textarea::placeholder {
450
+ opacity: 1; /* 1 */
451
+ color: #9ca3af; /* 2 */
452
+ }
453
+
454
+ /*
455
+ Set the default cursor for buttons.
456
+ */
457
+
458
+ button,
459
+ [role="button"] {
460
+ cursor: pointer;
461
+ }
462
+
463
+ /*
464
+ Make sure disabled buttons don't get the pointer cursor.
465
+ */
466
+ :disabled {
467
+ cursor: default;
468
+ }
469
+
470
+ /*
471
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
472
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
473
+ This can trigger a poorly considered lint error in some tools but is included by design.
474
+ */
475
+
476
+ img,
477
+ svg,
478
+ video,
479
+ canvas,
480
+ audio,
481
+ iframe,
482
+ embed,
483
+ object {
484
+ display: block; /* 1 */
485
+ vertical-align: middle; /* 2 */
486
+ }
487
+
488
+ /*
489
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
490
+ */
491
+
492
+ img,
493
+ video {
494
+ max-width: 100%;
495
+ height: auto;
496
+ }
497
+
498
+ /* Make elements with the HTML hidden attribute stay hidden by default */
499
+ [hidden]:where(:not([hidden="until-found"])) {
500
+ display: none;
501
+ }
502
+ .container {
503
+ width: 100%;
504
+ }
505
+ @media (min-width: 640px) {
506
+
507
+ .container {
508
+ max-width: 640px;
509
+ }
510
+ }
511
+ @media (min-width: 768px) {
512
+
513
+ .container {
514
+ max-width: 768px;
515
+ }
516
+ }
517
+ @media (min-width: 1024px) {
518
+
519
+ .container {
520
+ max-width: 1024px;
521
+ }
522
+ }
523
+ @media (min-width: 1280px) {
524
+
525
+ .container {
526
+ max-width: 1280px;
527
+ }
528
+ }
529
+ @media (min-width: 1536px) {
530
+
531
+ .container {
532
+ max-width: 1536px;
533
+ }
534
+ }
535
+ .prose {
536
+ color: var(--tw-prose-body);
537
+ max-width: 65ch;
538
+ }
539
+ .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
540
+ margin-top: 1.25em;
541
+ margin-bottom: 1.25em;
542
+ }
543
+ .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
544
+ color: var(--tw-prose-lead);
545
+ font-size: 1.25em;
546
+ line-height: 1.6;
547
+ margin-top: 1.2em;
548
+ margin-bottom: 1.2em;
549
+ }
550
+ .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
551
+ color: var(--tw-prose-links);
552
+ text-decoration: underline;
553
+ font-weight: 500;
554
+ }
555
+ .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
556
+ color: var(--tw-prose-bold);
557
+ font-weight: 600;
558
+ }
559
+ .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
560
+ color: inherit;
561
+ }
562
+ .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
563
+ color: inherit;
564
+ }
565
+ .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
566
+ color: inherit;
567
+ }
568
+ .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
569
+ list-style-type: decimal;
570
+ margin-top: 1.25em;
571
+ margin-bottom: 1.25em;
572
+ padding-inline-start: 1.625em;
573
+ }
574
+ .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
575
+ list-style-type: upper-alpha;
576
+ }
577
+ .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
578
+ list-style-type: lower-alpha;
579
+ }
580
+ .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
581
+ list-style-type: upper-alpha;
582
+ }
583
+ .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
584
+ list-style-type: lower-alpha;
585
+ }
586
+ .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
587
+ list-style-type: upper-roman;
588
+ }
589
+ .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
590
+ list-style-type: lower-roman;
591
+ }
592
+ .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
593
+ list-style-type: upper-roman;
594
+ }
595
+ .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
596
+ list-style-type: lower-roman;
597
+ }
598
+ .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
599
+ list-style-type: decimal;
600
+ }
601
+ .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
602
+ list-style-type: disc;
603
+ margin-top: 1.25em;
604
+ margin-bottom: 1.25em;
605
+ padding-inline-start: 1.625em;
606
+ }
607
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
608
+ font-weight: 400;
609
+ color: var(--tw-prose-counters);
610
+ }
611
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
612
+ color: var(--tw-prose-bullets);
613
+ }
614
+ .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
615
+ color: var(--tw-prose-headings);
616
+ font-weight: 600;
617
+ margin-top: 1.25em;
618
+ }
619
+ .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
620
+ border-color: var(--tw-prose-hr);
621
+ border-top-width: 1px;
622
+ margin-top: 3em;
623
+ margin-bottom: 3em;
624
+ }
625
+ .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
626
+ font-weight: 500;
627
+ font-style: italic;
628
+ color: var(--tw-prose-quotes);
629
+ border-inline-start-width: 0.25rem;
630
+ border-inline-start-color: var(--tw-prose-quote-borders);
631
+ quotes: "\201C""\201D""\2018""\2019";
632
+ margin-top: 1.6em;
633
+ margin-bottom: 1.6em;
634
+ padding-inline-start: 1em;
635
+ }
636
+ .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
637
+ content: open-quote;
638
+ }
639
+ .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
640
+ content: close-quote;
641
+ }
642
+ .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
643
+ color: var(--tw-prose-headings);
644
+ font-weight: 800;
645
+ font-size: 2.25em;
646
+ margin-top: 0;
647
+ margin-bottom: 0.8888889em;
648
+ line-height: 1.1111111;
649
+ }
650
+ .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
651
+ font-weight: 900;
652
+ color: inherit;
653
+ }
654
+ .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
655
+ color: var(--tw-prose-headings);
656
+ font-weight: 700;
657
+ font-size: 1.5em;
658
+ margin-top: 2em;
659
+ margin-bottom: 1em;
660
+ line-height: 1.3333333;
661
+ }
662
+ .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
663
+ font-weight: 800;
664
+ color: inherit;
665
+ }
666
+ .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
667
+ color: var(--tw-prose-headings);
668
+ font-weight: 600;
669
+ font-size: 1.25em;
670
+ margin-top: 1.6em;
671
+ margin-bottom: 0.6em;
672
+ line-height: 1.6;
673
+ }
674
+ .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
675
+ font-weight: 700;
676
+ color: inherit;
677
+ }
678
+ .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
679
+ color: var(--tw-prose-headings);
680
+ font-weight: 600;
681
+ margin-top: 1.5em;
682
+ margin-bottom: 0.5em;
683
+ line-height: 1.5;
684
+ }
685
+ .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
686
+ font-weight: 700;
687
+ color: inherit;
688
+ }
689
+ .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
690
+ margin-top: 2em;
691
+ margin-bottom: 2em;
692
+ }
693
+ .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
694
+ display: block;
695
+ margin-top: 2em;
696
+ margin-bottom: 2em;
697
+ }
698
+ .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
699
+ margin-top: 2em;
700
+ margin-bottom: 2em;
701
+ }
702
+ .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
703
+ font-weight: 500;
704
+ font-family: inherit;
705
+ color: var(--tw-prose-kbd);
706
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
707
+ font-size: 0.875em;
708
+ border-radius: 0.3125rem;
709
+ padding-top: 0.1875em;
710
+ padding-inline-end: 0.375em;
711
+ padding-bottom: 0.1875em;
712
+ padding-inline-start: 0.375em;
713
+ }
714
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
715
+ color: var(--tw-prose-code);
716
+ font-weight: 600;
717
+ font-size: 0.875em;
718
+ }
719
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
720
+ content: "`";
721
+ }
722
+ .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
723
+ content: "`";
724
+ }
725
+ .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
726
+ color: inherit;
727
+ }
728
+ .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
729
+ color: inherit;
730
+ }
731
+ .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
732
+ color: inherit;
733
+ font-size: 0.875em;
734
+ }
735
+ .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
736
+ color: inherit;
737
+ font-size: 0.9em;
738
+ }
739
+ .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
740
+ color: inherit;
741
+ }
742
+ .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
743
+ color: inherit;
744
+ }
745
+ .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
746
+ color: inherit;
747
+ }
748
+ .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
749
+ color: var(--tw-prose-pre-code);
750
+ background-color: var(--tw-prose-pre-bg);
751
+ overflow-x: auto;
752
+ font-weight: 400;
753
+ font-size: 0.875em;
754
+ line-height: 1.7142857;
755
+ margin-top: 1.7142857em;
756
+ margin-bottom: 1.7142857em;
757
+ border-radius: 0.375rem;
758
+ padding-top: 0.8571429em;
759
+ padding-inline-end: 1.1428571em;
760
+ padding-bottom: 0.8571429em;
761
+ padding-inline-start: 1.1428571em;
762
+ }
763
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
764
+ background-color: transparent;
765
+ border-width: 0;
766
+ border-radius: 0;
767
+ padding: 0;
768
+ font-weight: inherit;
769
+ color: inherit;
770
+ font-size: inherit;
771
+ font-family: inherit;
772
+ line-height: inherit;
773
+ }
774
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
775
+ content: none;
776
+ }
777
+ .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
778
+ content: none;
779
+ }
780
+ .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
781
+ width: 100%;
782
+ table-layout: auto;
783
+ margin-top: 2em;
784
+ margin-bottom: 2em;
785
+ font-size: 0.875em;
786
+ line-height: 1.7142857;
787
+ }
788
+ .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
789
+ border-bottom-width: 1px;
790
+ border-bottom-color: var(--tw-prose-th-borders);
791
+ }
792
+ .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
793
+ color: var(--tw-prose-headings);
794
+ font-weight: 600;
795
+ vertical-align: bottom;
796
+ padding-inline-end: 0.5714286em;
797
+ padding-bottom: 0.5714286em;
798
+ padding-inline-start: 0.5714286em;
799
+ }
800
+ .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
801
+ border-bottom-width: 1px;
802
+ border-bottom-color: var(--tw-prose-td-borders);
803
+ }
804
+ .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
805
+ border-bottom-width: 0;
806
+ }
807
+ .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
808
+ vertical-align: baseline;
809
+ }
810
+ .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
811
+ border-top-width: 1px;
812
+ border-top-color: var(--tw-prose-th-borders);
813
+ }
814
+ .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
815
+ vertical-align: top;
816
+ }
817
+ .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
818
+ text-align: start;
819
+ }
820
+ .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
821
+ margin-top: 0;
822
+ margin-bottom: 0;
823
+ }
824
+ .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
825
+ color: var(--tw-prose-captions);
826
+ font-size: 0.875em;
827
+ line-height: 1.4285714;
828
+ margin-top: 0.8571429em;
829
+ }
830
+ .prose {
831
+ --tw-prose-body: #374151;
832
+ --tw-prose-headings: #111827;
833
+ --tw-prose-lead: #4b5563;
834
+ --tw-prose-links: #111827;
835
+ --tw-prose-bold: #111827;
836
+ --tw-prose-counters: #6b7280;
837
+ --tw-prose-bullets: #d1d5db;
838
+ --tw-prose-hr: #e5e7eb;
839
+ --tw-prose-quotes: #111827;
840
+ --tw-prose-quote-borders: #e5e7eb;
841
+ --tw-prose-captions: #6b7280;
842
+ --tw-prose-kbd: #111827;
843
+ --tw-prose-kbd-shadows: 17 24 39;
844
+ --tw-prose-code: #111827;
845
+ --tw-prose-pre-code: #e5e7eb;
846
+ --tw-prose-pre-bg: #1f2937;
847
+ --tw-prose-th-borders: #d1d5db;
848
+ --tw-prose-td-borders: #e5e7eb;
849
+ --tw-prose-invert-body: #d1d5db;
850
+ --tw-prose-invert-headings: #fff;
851
+ --tw-prose-invert-lead: #9ca3af;
852
+ --tw-prose-invert-links: #fff;
853
+ --tw-prose-invert-bold: #fff;
854
+ --tw-prose-invert-counters: #9ca3af;
855
+ --tw-prose-invert-bullets: #4b5563;
856
+ --tw-prose-invert-hr: #374151;
857
+ --tw-prose-invert-quotes: #f3f4f6;
858
+ --tw-prose-invert-quote-borders: #374151;
859
+ --tw-prose-invert-captions: #9ca3af;
860
+ --tw-prose-invert-kbd: #fff;
861
+ --tw-prose-invert-kbd-shadows: 255 255 255;
862
+ --tw-prose-invert-code: #fff;
863
+ --tw-prose-invert-pre-code: #d1d5db;
864
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
865
+ --tw-prose-invert-th-borders: #4b5563;
866
+ --tw-prose-invert-td-borders: #374151;
867
+ font-size: 1rem;
868
+ line-height: 1.75;
869
+ }
870
+ .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
871
+ margin-top: 0;
872
+ margin-bottom: 0;
873
+ }
874
+ .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
875
+ margin-top: 0.5em;
876
+ margin-bottom: 0.5em;
877
+ }
878
+ .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
879
+ padding-inline-start: 0.375em;
880
+ }
881
+ .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
882
+ padding-inline-start: 0.375em;
883
+ }
884
+ .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
885
+ margin-top: 0.75em;
886
+ margin-bottom: 0.75em;
887
+ }
888
+ .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
889
+ margin-top: 1.25em;
890
+ }
891
+ .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
892
+ margin-bottom: 1.25em;
893
+ }
894
+ .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
895
+ margin-top: 1.25em;
896
+ }
897
+ .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
898
+ margin-bottom: 1.25em;
899
+ }
900
+ .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
901
+ margin-top: 0.75em;
902
+ margin-bottom: 0.75em;
903
+ }
904
+ .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
905
+ margin-top: 1.25em;
906
+ margin-bottom: 1.25em;
907
+ }
908
+ .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
909
+ margin-top: 0.5em;
910
+ padding-inline-start: 1.625em;
911
+ }
912
+ .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
913
+ margin-top: 0;
914
+ }
915
+ .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
916
+ margin-top: 0;
917
+ }
918
+ .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
919
+ margin-top: 0;
920
+ }
921
+ .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
922
+ margin-top: 0;
923
+ }
924
+ .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
925
+ padding-inline-start: 0;
926
+ }
927
+ .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
928
+ padding-inline-end: 0;
929
+ }
930
+ .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
931
+ padding-top: 0.5714286em;
932
+ padding-inline-end: 0.5714286em;
933
+ padding-bottom: 0.5714286em;
934
+ padding-inline-start: 0.5714286em;
935
+ }
936
+ .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
937
+ padding-inline-start: 0;
938
+ }
939
+ .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
940
+ padding-inline-end: 0;
941
+ }
942
+ .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
943
+ margin-top: 2em;
944
+ margin-bottom: 2em;
945
+ }
946
+ .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
947
+ margin-top: 0;
948
+ }
949
+ .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
950
+ margin-bottom: 0;
951
+ }
952
+ .visible {
953
+ visibility: visible;
954
+ }
955
+ .block {
956
+ display: block;
957
+ }
958
+ .inline {
959
+ display: inline;
960
+ }
961
+ .flex {
962
+ display: flex;
963
+ }
964
+ .w-full {
965
+ width: 100%;
966
+ }
967
+ .max-w-none {
968
+ max-width: none;
969
+ }
970
+ .cursor-not-allowed {
971
+ cursor: not-allowed;
972
+ }
973
+ .cursor-pointer {
974
+ cursor: pointer;
975
+ }
976
+ .flex-row {
977
+ flex-direction: row;
978
+ }
979
+ .flex-col {
980
+ flex-direction: column;
981
+ }
982
+ .items-center {
983
+ align-items: center;
984
+ }
985
+ .gap-2 {
986
+ gap: 0.5rem;
987
+ }
988
+ .gap-4 {
989
+ gap: 1rem;
990
+ }
991
+ .gap-x-4 {
992
+ -moz-column-gap: 1rem;
993
+ column-gap: 1rem;
994
+ }
995
+ .rounded-\[4px\] {
996
+ border-radius: 4px;
997
+ }
998
+ .rounded-lg {
999
+ border-radius: 0.5rem;
1000
+ }
1001
+ .rounded-md {
1002
+ border-radius: 0.375rem;
1003
+ }
1004
+ .border {
1005
+ border-width: 1px;
1006
+ }
1007
+ .border-b {
1008
+ border-bottom-width: 1px;
1009
+ }
1010
+ .border-l {
1011
+ border-left-width: 1px;
1012
+ }
1013
+ .bg-gray-100 {
1014
+ --tw-bg-opacity: 1;
1015
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1016
+ }
1017
+ .bg-gray-200 {
1018
+ --tw-bg-opacity: 1;
1019
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1020
+ }
1021
+ .bg-white {
1022
+ --tw-bg-opacity: 1;
1023
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1024
+ }
1025
+ .bg-opacity-50 {
1026
+ --tw-bg-opacity: 0.5;
1027
+ }
1028
+ .p-2 {
1029
+ padding: 0.5rem;
1030
+ }
1031
+ .p-\[12px\] {
1032
+ padding: 12px;
1033
+ }
1034
+ .p-\[16px\] {
1035
+ padding: 16px;
1036
+ }
1037
+ .p-\[8px\] {
1038
+ padding: 8px;
1039
+ }
1040
+ .font-bold {
1041
+ font-weight: 700;
1042
+ }
1043
+ .italic {
1044
+ font-style: italic;
1045
+ }
1046
+ .filter {
1047
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1048
+ }
1049
+
1050
+ .scribe {
1051
+ height: 100%;
1052
+ width: 100%;
1053
+ border-width: 0px;
1054
+ outline: 2px solid transparent;
1055
+ outline-offset: 2px;
1056
+ }
1057
+
1058
+ .tiptap p.is-editor-empty:first-child::before {
1059
+ pointer-events: none;
1060
+ float: left;
1061
+ height: 0px;
1062
+ --tw-text-opacity: 1;
1063
+ color: rgb(149 149 149 / var(--tw-text-opacity, 1));
1064
+ content: attr(data-placeholder);
1065
+ }
1066
+
1067
+ .bubble-menu-wrapper {
1068
+ border-radius: 6px;
1069
+ --tw-bg-opacity: 1;
1070
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1071
+ padding: 10px;
1072
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
1073
+ }
1074
+ .menu-item-wrapper {
1075
+ display: flex;
1076
+ gap: 0.5rem;
1077
+ }
1078
+ .menu-item-wrapper > button {
1079
+ cursor: pointer;
1080
+ border-radius: 4px;
1081
+ border-style: none;
1082
+ background-color: transparent;
1083
+ padding: 0.25rem;
1084
+ }
1085
+ .menu-item-wrapper > button:hover {
1086
+ --tw-bg-opacity: 1;
1087
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1088
+ }
1089
+ .menu-item-wrapper > button.active {
1090
+ border-radius: 4px;
1091
+ --tw-bg-opacity: 1;
1092
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1093
+ padding: 0.25rem;
1094
+ }
1095
+ .menu-icon {
1096
+ height: 1rem;
1097
+ width: 1rem;
1098
+ fill: transparent;
1099
+ stroke: currentColor;
1100
+ }
1101
+
1102
+ .slash-menu-wrapper {
1103
+ max-height: 300px;
1104
+ overflow-y: auto;
1105
+ border-radius: 6px;
1106
+ border-width: 1px;
1107
+ border-style: solid;
1108
+ --tw-border-opacity: 1;
1109
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1110
+ --tw-bg-opacity: 1;
1111
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1112
+ padding-top: 12px;
1113
+ padding-bottom: 12px;
1114
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1115
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1116
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1117
+ }
1118
+
1119
+ .slash-menu-icon {
1120
+ height: 20px;
1121
+ width: 20px;
1122
+ fill: #000;
1123
+ }
1124
+ .slash-menu-icon-with-strokes {
1125
+ height: 20px;
1126
+ width: 20px;
1127
+ stroke: #000;
1128
+ }
1129
+
1130
+ .scribe .scribe-image-node {
1131
+ margin: auto;
1132
+ height: auto;
1133
+ width: 100%;
1134
+ }