@mantine-vue/tiptap 3.4.0 → 3.6.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 (19) hide show
  1. package/cjs/index.cjs +513 -22
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +508 -23
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/RichTextEditor.context.d.ts +3 -0
  6. package/lib/RichTextEditor.d.ts +2 -0
  7. package/lib/RichTextEditor.types.d.ts +7 -0
  8. package/lib/RichTextEditor.vue.d.ts +3 -0
  9. package/lib/RichTextEditorControl/RichTextEditorImageUploadControl.d.ts +2 -0
  10. package/lib/RichTextEditorControl/RichTextEditorImageUploadControl.types.d.ts +11 -0
  11. package/lib/RichTextEditorControl/RichTextEditorImageUploadControl.vue.d.ts +4 -0
  12. package/lib/RichTextEditorControl/index.d.ts +1 -0
  13. package/lib/extensions/UploadImage.d.ts +21 -0
  14. package/lib/extensions/index.d.ts +1 -0
  15. package/lib/icons/Icons.d.ts +1 -0
  16. package/lib/labels.d.ts +1 -0
  17. package/package.json +3 -3
  18. package/styles.css +180 -135
  19. package/styles.layer.css +180 -135
package/styles.layer.css CHANGED
@@ -1,65 +1,110 @@
1
1
  @layer mantine {
2
- ._root_1avnr_1 {
2
+ ._root_1jng1_1 {
3
3
  position: relative;
4
4
  border: calc(0.0625rem * var(--mantine-scale)) solid;
5
5
  border-radius: var(--mantine-radius-default);
6
6
  }
7
7
 
8
- ._root_1avnr_1:where(:has(> [data-sticky])) {
8
+ ._root_1jng1_1:where(:has(> [data-sticky])) {
9
9
  overflow: clip;
10
10
  }
11
11
 
12
- :where([data-mantine-color-scheme='light']) ._root_1avnr_1 {
12
+ :where([data-mantine-color-scheme='light']) ._root_1jng1_1 {
13
13
  border-color: var(--mantine-color-gray-4);
14
14
  }
15
15
 
16
- :where([data-mantine-color-scheme='dark']) ._root_1avnr_1 {
16
+ :where([data-mantine-color-scheme='dark']) ._root_1jng1_1 {
17
17
  border-color: var(--mantine-color-dark-4);
18
18
  }
19
19
 
20
- ._Typography_1avnr_19 {
20
+ .mantine-upload-image-wrapper {
21
+ position: relative;
22
+ display: block;
23
+ width: fit-content;
24
+ }
25
+
26
+ .mantine-upload-image-wrapper:where([data-uploading]) {
27
+ opacity: 0.6;
28
+ }
29
+
30
+ .mantine-upload-image-wrapper:where([data-uploading])::after {
31
+ content: '';
32
+ position: absolute;
33
+ inset: 0;
34
+ border: 2px solid var(--mantine-primary-color-filled);
35
+ border-radius: var(--mantine-radius-sm);
36
+ animation: _mantine-upload-image-pulse_1jng1_1 1s ease-in-out infinite alternate;
37
+ pointer-events: none;
38
+ }
39
+
40
+ .mantine-upload-image-wrapper:where([data-upload-error]) {
41
+ opacity: 0.5;
42
+ filter: grayscale(1);
43
+ }
44
+
45
+ .mantine-upload-image-wrapper:where([data-upload-error])::after {
46
+ content: '!';
47
+ position: absolute;
48
+ inset: 0;
49
+ display: grid;
50
+ place-items: center;
51
+ color: var(--mantine-color-red-filled);
52
+ font-size: calc(2rem * var(--mantine-scale));
53
+ font-weight: 700;
54
+ }
55
+
56
+ @keyframes _mantine-upload-image-pulse_1jng1_1 {
57
+ from {
58
+ opacity: 0.35;
59
+ }
60
+ to {
61
+ opacity: 1;
62
+ }
63
+ }
64
+
65
+ ._Typography_1jng1_64 {
21
66
  padding: 0;
22
67
  margin: 0;
23
68
  }
24
69
 
25
- ._Typography_1avnr_19 li > p {
70
+ ._Typography_1jng1_64 li > p {
26
71
  margin: 0;
27
72
  }
28
73
 
29
- ._Typography_1avnr_19 ul li,
30
- ._Typography_1avnr_19 ol li {
74
+ ._Typography_1jng1_64 ul li,
75
+ ._Typography_1jng1_64 ol li {
31
76
  margin-top: calc(0.125rem * var(--mantine-scale));
32
77
  }
33
78
 
34
- ._Typography_1avnr_19 p {
79
+ ._Typography_1jng1_64 p {
35
80
  margin-bottom: calc(0.4375rem * var(--mantine-scale));
36
81
  }
37
82
 
38
- ._Typography_1avnr_19 h1,
39
- ._Typography_1avnr_19 h2,
40
- ._Typography_1avnr_19 h3,
41
- ._Typography_1avnr_19 h4,
42
- ._Typography_1avnr_19 h5,
43
- ._Typography_1avnr_19 h6,
44
- ._Typography_1avnr_19 p {
83
+ ._Typography_1jng1_64 h1,
84
+ ._Typography_1jng1_64 h2,
85
+ ._Typography_1jng1_64 h3,
86
+ ._Typography_1jng1_64 h4,
87
+ ._Typography_1jng1_64 h5,
88
+ ._Typography_1jng1_64 h6,
89
+ ._Typography_1jng1_64 p {
45
90
  margin-top: 0;
46
91
  }
47
92
 
48
- ._content_1avnr_47 {
93
+ ._content_1jng1_92 {
49
94
  background-color: var(--mantine-color-body);
50
95
  border-radius: var(--mantine-radius-default);
51
96
  }
52
97
 
53
- ._content_1avnr_47 .ProseMirror {
98
+ ._content_1jng1_92 .ProseMirror {
54
99
  outline: 0;
55
100
  padding: var(--mantine-spacing-md);
56
101
  }
57
102
 
58
- ._content_1avnr_47 .ProseMirror > *:last-child {
103
+ ._content_1jng1_92 .ProseMirror > *:last-child {
59
104
  margin-bottom: 0;
60
105
  }
61
106
 
62
- ._content_1avnr_47 .ProseMirror p.is-editor-empty:first-of-type::before {
107
+ ._content_1jng1_92 .ProseMirror p.is-editor-empty:first-of-type::before {
63
108
  content: attr(data-placeholder);
64
109
  pointer-events: none;
65
110
  user-select: none;
@@ -68,19 +113,19 @@
68
113
  color: var(--mantine-color-placeholder);
69
114
  }
70
115
 
71
- ._content_1avnr_47 div:not(.ProseMirror) {
116
+ ._content_1jng1_92 div:not(.ProseMirror) {
72
117
  /* Position the bubble menu above the toolbar. As it doesn't have its own selector,
73
118
  assert that the non-ProseMirror div is the bubble or floating menu */
74
119
  z-index: 2;
75
120
  }
76
121
 
77
- ._content_1avnr_47 pre {
122
+ ._content_1jng1_92 pre {
78
123
  font-family: var(--mantine-font-family-monospace);
79
124
  border-radius: var(--mantine-radius-default);
80
125
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
81
126
  }
82
127
 
83
- :where([data-mantine-color-scheme='light']) ._content_1avnr_47 pre {
128
+ :where([data-mantine-color-scheme='light']) ._content_1jng1_92 pre {
84
129
  background-color: var(--mantine-color-gray-0);
85
130
  color: var(--mantine-color-gray-9);
86
131
  --code-color-comment: var(--mantine-color-gray-5);
@@ -90,7 +135,7 @@
90
135
  --code-color-keyword: var(--mantine-color-violet-7);
91
136
  }
92
137
 
93
- :where([data-mantine-color-scheme='dark']) ._content_1avnr_47 pre {
138
+ :where([data-mantine-color-scheme='dark']) ._content_1jng1_92 pre {
94
139
  background-color: var(--mantine-color-dark-8);
95
140
  color: var(--mantine-color-dark-1);
96
141
  --code-color-comment: var(--mantine-color-dark-2);
@@ -100,70 +145,70 @@
100
145
  --code-color-keyword: var(--mantine-color-violet-3);
101
146
  }
102
147
 
103
- ._content_1avnr_47 pre code {
148
+ ._content_1jng1_92 pre code {
104
149
  background: none !important;
105
150
  color: inherit;
106
151
  font-size: var(--mantine-font-size-sm);
107
152
  padding: 0;
108
153
  }
109
154
 
110
- ._content_1avnr_47 pre .hljs-comment,
111
- ._content_1avnr_47 pre .hljs-quote {
155
+ ._content_1jng1_92 pre .hljs-comment,
156
+ ._content_1jng1_92 pre .hljs-quote {
112
157
  color: var(--code-color-comment);
113
158
  }
114
159
 
115
- ._content_1avnr_47 pre .hljs-variable,
116
- ._content_1avnr_47 pre .hljs-template-variable,
117
- ._content_1avnr_47 pre .hljs-attribute,
118
- ._content_1avnr_47 pre .hljs-tag,
119
- ._content_1avnr_47 pre .hljs-regexp,
120
- ._content_1avnr_47 pre .hljs-link,
121
- ._content_1avnr_47 pre .hljs-name,
122
- ._content_1avnr_47 pre .hljs-selector-id,
123
- ._content_1avnr_47 pre .hljs-selector-class {
160
+ ._content_1jng1_92 pre .hljs-variable,
161
+ ._content_1jng1_92 pre .hljs-template-variable,
162
+ ._content_1jng1_92 pre .hljs-attribute,
163
+ ._content_1jng1_92 pre .hljs-tag,
164
+ ._content_1jng1_92 pre .hljs-regexp,
165
+ ._content_1jng1_92 pre .hljs-link,
166
+ ._content_1jng1_92 pre .hljs-name,
167
+ ._content_1jng1_92 pre .hljs-selector-id,
168
+ ._content_1jng1_92 pre .hljs-selector-class {
124
169
  color: var(--code-color-var);
125
170
  }
126
171
 
127
- ._content_1avnr_47 pre .hljs-number,
128
- ._content_1avnr_47 pre .hljs-meta,
129
- ._content_1avnr_47 pre .hljs-built_in,
130
- ._content_1avnr_47 pre .hljs-builtin-name,
131
- ._content_1avnr_47 pre .hljs-literal,
132
- ._content_1avnr_47 pre .hljs-type,
133
- ._content_1avnr_47 pre .hljs-params {
172
+ ._content_1jng1_92 pre .hljs-number,
173
+ ._content_1jng1_92 pre .hljs-meta,
174
+ ._content_1jng1_92 pre .hljs-built_in,
175
+ ._content_1jng1_92 pre .hljs-builtin-name,
176
+ ._content_1jng1_92 pre .hljs-literal,
177
+ ._content_1jng1_92 pre .hljs-type,
178
+ ._content_1jng1_92 pre .hljs-params {
134
179
  color: var(--code-color-number);
135
180
  }
136
181
 
137
- ._content_1avnr_47 pre .hljs-string,
138
- ._content_1avnr_47 pre .hljs-symbol,
139
- ._content_1avnr_47 pre .hljs-bullet {
182
+ ._content_1jng1_92 pre .hljs-string,
183
+ ._content_1jng1_92 pre .hljs-symbol,
184
+ ._content_1jng1_92 pre .hljs-bullet {
140
185
  color: var(--code-color-var);
141
186
  }
142
187
 
143
- ._content_1avnr_47 pre .hljs-title,
144
- ._content_1avnr_47 pre .hljs-section {
188
+ ._content_1jng1_92 pre .hljs-title,
189
+ ._content_1jng1_92 pre .hljs-section {
145
190
  color: var(--code-color-title);
146
191
  }
147
192
 
148
- ._content_1avnr_47 pre .hljs-keyword,
149
- ._content_1avnr_47 pre .hljs-selector-tag {
193
+ ._content_1jng1_92 pre .hljs-keyword,
194
+ ._content_1jng1_92 pre .hljs-selector-tag {
150
195
  color: var(--code-color-keyword);
151
196
  }
152
197
 
153
- ._content_1avnr_47 pre .hljs-emphasis {
198
+ ._content_1jng1_92 pre .hljs-emphasis {
154
199
  font-style: italic;
155
200
  }
156
201
 
157
- ._content_1avnr_47 pre .hljs-strong {
202
+ ._content_1jng1_92 pre .hljs-strong {
158
203
  font-weight: 700;
159
204
  }
160
205
 
161
- ._content_1avnr_47 .tableWrapper {
206
+ ._content_1jng1_92 .tableWrapper {
162
207
  margin-bottom: var(--mantine-spacing-sm);
163
208
  overflow-x: auto;
164
209
  }
165
210
 
166
- ._content_1avnr_47 table {
211
+ ._content_1jng1_92 table {
167
212
  width: 100%;
168
213
  margin: 0;
169
214
  border-collapse: collapse;
@@ -171,16 +216,16 @@
171
216
  overflow: hidden;
172
217
  }
173
218
 
174
- :where([data-mantine-color-scheme='light']) ._content_1avnr_47 table {
219
+ :where([data-mantine-color-scheme='light']) ._content_1jng1_92 table {
175
220
  --rte-table-border-color: var(--mantine-color-gray-3);
176
221
  }
177
222
 
178
- :where([data-mantine-color-scheme='dark']) ._content_1avnr_47 table {
223
+ :where([data-mantine-color-scheme='dark']) ._content_1jng1_92 table {
179
224
  --rte-table-border-color: var(--mantine-color-dark-4);
180
225
  }
181
226
 
182
- ._content_1avnr_47 td,
183
- ._content_1avnr_47 th {
227
+ ._content_1jng1_92 td,
228
+ ._content_1jng1_92 th {
184
229
  position: relative;
185
230
  min-width: 1em;
186
231
  padding: 7px var(--mantine-spacing-xs);
@@ -189,15 +234,15 @@
189
234
  box-sizing: border-box;
190
235
  }
191
236
 
192
- ._content_1avnr_47 th {
237
+ ._content_1jng1_92 th {
193
238
  text-align: start;
194
239
  }
195
240
 
196
- ._content_1avnr_47 .selectedCell {
241
+ ._content_1jng1_92 .selectedCell {
197
242
  background-color: color-mix(in srgb, var(--mantine-primary-color-light) 30%, transparent);
198
243
  }
199
244
 
200
- ._content_1avnr_47 .column-resize-handle {
245
+ ._content_1jng1_92 .column-resize-handle {
201
246
  position: absolute;
202
247
  inset-block: 0;
203
248
  inset-inline-end: calc(-0.125rem * var(--mantine-scale));
@@ -206,11 +251,11 @@
206
251
  background-color: var(--mantine-primary-color-filled);
207
252
  }
208
253
 
209
- ._content_1avnr_47 .ProseMirror-gapcursor::after {
254
+ ._content_1jng1_92 .ProseMirror-gapcursor::after {
210
255
  border-top-color: var(--mantine-color-text);
211
256
  }
212
257
 
213
- ._content_1avnr_47 [data-type='details'] {
258
+ ._content_1jng1_92 [data-type='details'] {
214
259
  display: flex;
215
260
  align-items: flex-start;
216
261
  gap: var(--mantine-spacing-xs);
@@ -220,17 +265,17 @@
220
265
  border-radius: var(--mantine-radius-default);
221
266
  }
222
267
 
223
- :where([data-mantine-color-scheme='light']) ._content_1avnr_47 [data-type='details'] {
268
+ :where([data-mantine-color-scheme='light']) ._content_1jng1_92 [data-type='details'] {
224
269
  --rte-details-border-color: var(--mantine-color-gray-3);
225
270
  --rte-details-button-hover: var(--mantine-color-gray-1);
226
271
  }
227
272
 
228
- :where([data-mantine-color-scheme='dark']) ._content_1avnr_47 [data-type='details'] {
273
+ :where([data-mantine-color-scheme='dark']) ._content_1jng1_92 [data-type='details'] {
229
274
  --rte-details-border-color: var(--mantine-color-dark-4);
230
275
  --rte-details-button-hover: var(--mantine-color-dark-5);
231
276
  }
232
277
 
233
- ._content_1avnr_47 [data-type='details'] > button {
278
+ ._content_1jng1_92 [data-type='details'] > button {
234
279
  display: flex;
235
280
  align-items: center;
236
281
  justify-content: center;
@@ -244,16 +289,16 @@
244
289
  cursor: pointer;
245
290
  }
246
291
 
247
- ._content_1avnr_47 [data-type='details'] > button:empty {
292
+ ._content_1jng1_92 [data-type='details'] > button:empty {
248
293
  width: 1.25rem;
249
294
  height: calc(1em * var(--mantine-line-height));
250
295
  }
251
296
 
252
- ._content_1avnr_47 [data-type='details'] > button:empty:hover {
297
+ ._content_1jng1_92 [data-type='details'] > button:empty:hover {
253
298
  background-color: var(--rte-details-button-hover);
254
299
  }
255
300
 
256
- ._content_1avnr_47 [data-type='details'] > button:empty::before {
301
+ ._content_1jng1_92 [data-type='details'] > button:empty::before {
257
302
  content: '';
258
303
  width: 0;
259
304
  height: 0;
@@ -262,13 +307,13 @@
262
307
  border-color: transparent transparent transparent currentColor;
263
308
  }
264
309
 
265
- ._content_1avnr_47
310
+ ._content_1jng1_92
266
311
  [data-type='details']:has(> div > [data-type='detailsContent']:not([hidden]))
267
312
  > button:empty::before {
268
313
  transform: rotate(90deg);
269
314
  }
270
315
 
271
- ._content_1avnr_47 [data-type='details'] > div {
316
+ ._content_1jng1_92 [data-type='details'] > div {
272
317
  display: flex;
273
318
  flex-direction: column;
274
319
  gap: var(--mantine-spacing-xs);
@@ -276,58 +321,58 @@
276
321
  min-width: 0;
277
322
  }
278
323
 
279
- ._content_1avnr_47 [data-type='details'] summary {
324
+ ._content_1jng1_92 [data-type='details'] summary {
280
325
  font-weight: 600;
281
326
  }
282
327
 
283
- ._content_1avnr_47 [data-type='detailsContent'][hidden] {
328
+ ._content_1jng1_92 [data-type='detailsContent'][hidden] {
284
329
  display: none;
285
330
  }
286
331
 
287
- ._content_1avnr_47 [data-type='detailsContent'] > *:last-child {
332
+ ._content_1jng1_92 [data-type='detailsContent'] > *:last-child {
288
333
  margin-bottom: 0;
289
334
  }
290
335
 
291
- ._linkEditorDropdown_1avnr_292 {
336
+ ._linkEditorDropdown_1jng1_337 {
292
337
  background-color: var(--mantine-color-body);
293
338
  }
294
339
 
295
- ._tableInsertDropdown_1avnr_296 {
340
+ ._tableInsertDropdown_1jng1_341 {
296
341
  background-color: var(--mantine-color-body);
297
342
  padding: var(--mantine-spacing-xs);
298
343
  }
299
344
 
300
- ._tableInsertGrid_1avnr_301 {
345
+ ._tableInsertGrid_1jng1_346 {
301
346
  display: grid;
302
347
  grid-template-columns: repeat(var(--rte-table-insert-columns, 10), 1fr);
303
348
  gap: calc(0.1875rem * var(--mantine-scale));
304
349
  }
305
350
 
306
- ._tableInsertCell_1avnr_307 {
351
+ ._tableInsertCell_1jng1_352 {
307
352
  width: calc(1.25rem * var(--mantine-scale));
308
353
  height: calc(1.25rem * var(--mantine-scale));
309
354
  }
310
355
 
311
- :where([data-mantine-color-scheme='light']) ._tableInsertCell_1avnr_307 {
356
+ :where([data-mantine-color-scheme='light']) ._tableInsertCell_1jng1_352 {
312
357
  background-color: var(--mantine-color-gray-2);
313
358
  }
314
359
 
315
- :where([data-mantine-color-scheme='dark']) ._tableInsertCell_1avnr_307 {
360
+ :where([data-mantine-color-scheme='dark']) ._tableInsertCell_1jng1_352 {
316
361
  background-color: var(--mantine-color-dark-5);
317
362
  }
318
363
 
319
- ._tableInsertCell_1avnr_307[data-active] {
364
+ ._tableInsertCell_1jng1_352[data-active] {
320
365
  background-color: var(--mantine-primary-color-filled);
321
366
  }
322
367
 
323
- ._tableInsertLabel_1avnr_324 {
368
+ ._tableInsertLabel_1jng1_369 {
324
369
  margin-top: var(--mantine-spacing-xs);
325
370
  text-align: center;
326
371
  font-size: var(--mantine-font-size-sm);
327
372
  color: var(--mantine-color-dimmed);
328
373
  }
329
374
 
330
- ._control_1avnr_331 {
375
+ ._control_1jng1_376 {
331
376
  display: flex;
332
377
  justify-content: center;
333
378
  align-items: center;
@@ -335,140 +380,140 @@
335
380
  cursor: default;
336
381
  }
337
382
 
338
- ._control_1avnr_331:where([data-variant='default']) {
383
+ ._control_1jng1_376:where([data-variant='default']) {
339
384
  border: calc(0.0625rem * var(--mantine-scale)) solid;
340
385
  min-width: calc(1.625rem * var(--mantine-scale));
341
386
  height: calc(1.625rem * var(--mantine-scale));
342
387
  }
343
388
 
344
- ._control_1avnr_331:where([data-variant='subtle']) {
389
+ ._control_1jng1_376:where([data-variant='subtle']) {
345
390
  --control-icon-size: calc(1.25rem * var(--mantine-scale));
346
391
  min-width: calc(2rem * var(--mantine-scale));
347
392
  height: calc(2rem * var(--mantine-scale));
348
393
  }
349
394
 
350
- :where([data-mantine-color-scheme='light']) ._control_1avnr_331 {
395
+ :where([data-mantine-color-scheme='light']) ._control_1jng1_376 {
351
396
  background-color: var(--mantine-color-white);
352
397
  border-color: var(--mantine-color-gray-4);
353
398
  color: var(--mantine-color-gray-7);
354
399
  }
355
400
 
356
- :where([data-mantine-color-scheme='dark']) ._control_1avnr_331 {
401
+ :where([data-mantine-color-scheme='dark']) ._control_1jng1_376 {
357
402
  border-color: var(--mantine-color-dark-4);
358
403
  color: var(--mantine-color-dark-1);
359
404
  }
360
405
 
361
- :where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-variant='default']) {
406
+ :where([data-mantine-color-scheme='dark']) ._control_1jng1_376:where([data-variant='default']) {
362
407
  background-color: var(--mantine-color-dark-6);
363
408
  }
364
409
 
365
- :where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-variant='subtle']) {
410
+ :where([data-mantine-color-scheme='dark']) ._control_1jng1_376:where([data-variant='subtle']) {
366
411
  background-color: var(--mantine-color-dark-7);
367
412
  }
368
413
 
369
- ._control_1avnr_331:where([data-disabled]) {
414
+ ._control_1jng1_376:where([data-disabled]) {
370
415
  cursor: not-allowed;
371
416
  opacity: 0.5;
372
417
  }
373
418
 
374
- ._control_1avnr_331:where([data-interactive]:not([data-disabled])) {
419
+ ._control_1jng1_376:where([data-interactive]:not([data-disabled])) {
375
420
  cursor: pointer;
376
421
  }
377
422
 
378
423
  @media (hover: hover) {
379
424
 
380
- ._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover {
425
+ ._control_1jng1_376:where([data-interactive]:not([data-disabled])):hover {
381
426
  color: var(--mantine-color-bright);
382
427
  }
383
- :where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover:where([data-variant='default']) {
428
+ :where([data-mantine-color-scheme='light']) ._control_1jng1_376:where([data-interactive]:not([data-disabled])):hover:where([data-variant='default']) {
384
429
  background-color: var(--mantine-color-gray-0);
385
430
  }
386
431
 
387
- :where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover:where([data-variant='subtle']) {
432
+ :where([data-mantine-color-scheme='light']) ._control_1jng1_376:where([data-interactive]:not([data-disabled])):hover:where([data-variant='subtle']) {
388
433
  background-color: var(--mantine-color-gray-1);
389
434
  }
390
435
 
391
- :where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover {
436
+ :where([data-mantine-color-scheme='dark']) ._control_1jng1_376:where([data-interactive]:not([data-disabled])):hover {
392
437
  background-color: var(--mantine-color-dark-5);
393
438
  }
394
439
  }
395
440
 
396
441
  @media (hover: none) {
397
442
 
398
- ._control_1avnr_331:where([data-interactive]:not([data-disabled])):active {
443
+ ._control_1jng1_376:where([data-interactive]:not([data-disabled])):active {
399
444
  color: var(--mantine-color-bright);
400
445
  }
401
- :where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):active:where([data-variant='default']) {
446
+ :where([data-mantine-color-scheme='light']) ._control_1jng1_376:where([data-interactive]:not([data-disabled])):active:where([data-variant='default']) {
402
447
  background-color: var(--mantine-color-gray-0);
403
448
  }
404
449
 
405
- :where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):active:where([data-variant='subtle']) {
450
+ :where([data-mantine-color-scheme='light']) ._control_1jng1_376:where([data-interactive]:not([data-disabled])):active:where([data-variant='subtle']) {
406
451
  background-color: var(--mantine-color-gray-1);
407
452
  }
408
453
 
409
- :where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):active {
454
+ :where([data-mantine-color-scheme='dark']) ._control_1jng1_376:where([data-interactive]:not([data-disabled])):active {
410
455
  background-color: var(--mantine-color-dark-5);
411
456
  }
412
457
  }
413
458
 
414
- ._control_1avnr_331:where([data-active]) {
459
+ ._control_1jng1_376:where([data-active]) {
415
460
  background-color: var(--mantine-primary-color-light);
416
461
  color: var(--mantine-primary-color-light-color);
417
462
  }
418
463
 
419
464
  @media (hover: hover) {
420
465
 
421
- ._control_1avnr_331:where([data-active]):hover {
466
+ ._control_1jng1_376:where([data-active]):hover {
422
467
  background-color: var(--mantine-primary-color-light-hover);
423
468
  }
424
469
  }
425
470
 
426
471
  @media (hover: none) {
427
472
 
428
- ._control_1avnr_331:where([data-active]):active {
473
+ ._control_1jng1_376:where([data-active]):active {
429
474
  background-color: var(--mantine-primary-color-light-hover);
430
475
  }
431
476
  }
432
477
 
433
- ._controlIcon_1avnr_406 {
478
+ ._controlIcon_1jng1_451 {
434
479
  width: var(--control-icon-size, 16px);
435
480
  height: var(--control-icon-size, 16px);
436
481
  }
437
482
 
438
- ._controlsGroup_1avnr_411 {
483
+ ._controlsGroup_1jng1_456 {
439
484
  display: flex;
440
485
  background-color: var(--mantine-color-body);
441
486
  }
442
487
 
443
- ._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]) {
488
+ ._controlsGroup_1jng1_456:where([data-variant='default']) :where([data-rich-text-editor-control]) {
444
489
  border-radius: 0;
445
490
  }
446
491
 
447
- ._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
492
+ ._controlsGroup_1jng1_456:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
448
493
  border-inline-end-width: 0;
449
494
  }
450
495
 
451
- ._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:last-of-type) {
496
+ ._controlsGroup_1jng1_456:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:last-of-type) {
452
497
  border-start-end-radius: var(--mantine-radius-default);
453
498
  border-end-end-radius: var(--mantine-radius-default);
454
499
  }
455
500
 
456
- ._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:first-of-type) {
501
+ ._controlsGroup_1jng1_456:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:first-of-type) {
457
502
  border-start-start-radius: var(--mantine-radius-default);
458
503
  border-end-start-radius: var(--mantine-radius-default);
459
504
  }
460
505
 
461
- ._linkEditor_1avnr_292 {
506
+ ._linkEditor_1jng1_337 {
462
507
  display: flex;
463
508
  }
464
509
 
465
- ._linkEditorInput_1avnr_440 {
510
+ ._linkEditorInput_1jng1_485 {
466
511
  border-start-end-radius: 0;
467
512
  border-end-end-radius: 0;
468
513
  border-inline-end: 0;
469
514
  }
470
515
 
471
- ._linkEditorExternalControl_1avnr_446 {
516
+ ._linkEditorExternalControl_1jng1_491 {
472
517
  border: calc(0.0625rem * var(--mantine-scale)) solid;
473
518
  color: var(--mantine-color-text);
474
519
  height: calc(1.5rem * var(--mantine-scale));
@@ -479,41 +524,41 @@
479
524
  border-radius: var(--mantine-radius-default);
480
525
  }
481
526
 
482
- :where([data-mantine-color-scheme='light']) ._linkEditorExternalControl_1avnr_446 {
527
+ :where([data-mantine-color-scheme='light']) ._linkEditorExternalControl_1jng1_491 {
483
528
  background-color: var(--mantine-color-white);
484
529
  border-color: var(--mantine-color-gray-4);
485
530
  }
486
531
 
487
- :where([data-mantine-color-scheme='dark']) ._linkEditorExternalControl_1avnr_446 {
532
+ :where([data-mantine-color-scheme='dark']) ._linkEditorExternalControl_1jng1_491 {
488
533
  background-color: var(--mantine-color-dark-7);
489
534
  border-color: var(--mantine-color-dark-4);
490
535
  }
491
536
 
492
- ._linkEditorExternalControl_1avnr_446:where([data-active]) {
537
+ ._linkEditorExternalControl_1jng1_491:where([data-active]) {
493
538
  background-color: var(--mantine-primary-color-light);
494
539
  color: var(--mantine-primary-color-filled);
495
540
  }
496
541
 
497
542
  @media (hover: hover) {
498
543
 
499
- ._linkEditorExternalControl_1avnr_446:where([data-active]):hover {
544
+ ._linkEditorExternalControl_1jng1_491:where([data-active]):hover {
500
545
  background-color: var(--mantine-primary-color-light-hover);
501
546
  }
502
547
  }
503
548
 
504
549
  @media (hover: none) {
505
550
 
506
- ._linkEditorExternalControl_1avnr_446:where([data-active]):active {
551
+ ._linkEditorExternalControl_1jng1_491:where([data-active]):active {
507
552
  background-color: var(--mantine-primary-color-light-hover);
508
553
  }
509
554
  }
510
555
 
511
- ._linkEditorSave_1avnr_476 {
556
+ ._linkEditorSave_1jng1_521 {
512
557
  border-start-start-radius: 0;
513
558
  border-end-start-radius: 0;
514
559
  }
515
560
 
516
- ._toolbar_1avnr_481 {
561
+ ._toolbar_1jng1_526 {
517
562
  display: flex;
518
563
  align-items: center;
519
564
  flex-wrap: wrap;
@@ -526,58 +571,58 @@
526
571
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
527
572
  }
528
573
 
529
- ._toolbar_1avnr_481:where([data-variant='default']) {
574
+ ._toolbar_1jng1_526:where([data-variant='default']) {
530
575
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
531
576
  }
532
577
 
533
- ._toolbar_1avnr_481:where([data-variant='subtle']) {
578
+ ._toolbar_1jng1_526:where([data-variant='subtle']) {
534
579
  padding: calc(0.25rem * var(--mantine-scale));
535
580
  row-gap: 0;
536
581
  }
537
582
 
538
- :where([data-mantine-color-scheme='light']) ._toolbar_1avnr_481 {
583
+ :where([data-mantine-color-scheme='light']) ._toolbar_1jng1_526 {
539
584
  border-color: var(--mantine-color-gray-4);
540
585
  }
541
586
 
542
- :where([data-mantine-color-scheme='dark']) ._toolbar_1avnr_481 {
587
+ :where([data-mantine-color-scheme='dark']) ._toolbar_1jng1_526 {
543
588
  border-color: var(--mantine-color-dark-4);
544
589
  }
545
590
 
546
- ._toolbar_1avnr_481:where([data-sticky]) {
591
+ ._toolbar_1jng1_526:where([data-sticky]) {
547
592
  position: sticky;
548
593
  }
549
594
 
550
- ._taskList_1avnr_515 {
595
+ ._taskList_1jng1_560 {
551
596
  list-style-type: none;
552
597
  padding: 0;
553
598
  padding-inline-start: 0;
554
599
  }
555
600
 
556
- ._taskList_1avnr_515 :where(li) {
601
+ ._taskList_1jng1_560 :where(li) {
557
602
  margin: 0;
558
603
  padding: 0;
559
604
  display: flex;
560
605
  }
561
606
 
562
- ._taskList_1avnr_515 :where(li[data-checked] > div) {
607
+ ._taskList_1jng1_560 :where(li[data-checked] > div) {
563
608
  flex: 1 1 auto;
564
609
  min-width: 0;
565
610
  }
566
611
 
567
- ._taskList_1avnr_515 :where(ul) {
612
+ ._taskList_1jng1_560 :where(ul) {
568
613
  margin-top: calc(0.3125rem * var(--mantine-scale));
569
614
  }
570
615
 
571
- ._taskList_1avnr_515 p {
616
+ ._taskList_1jng1_560 p {
572
617
  margin: 0;
573
618
  padding: 0;
574
619
  }
575
620
 
576
- ._taskList_1avnr_515 :where(label) {
621
+ ._taskList_1jng1_560 :where(label) {
577
622
  display: inline-block;
578
623
  }
579
624
 
580
- ._taskList_1avnr_515 :where(input) {
625
+ ._taskList_1jng1_560 :where(input) {
581
626
  cursor: pointer;
582
627
  appearance: none;
583
628
  width: calc(1.125rem * var(--mantine-scale));
@@ -588,22 +633,22 @@
588
633
  position: relative;
589
634
  }
590
635
 
591
- :where([data-mantine-color-scheme='light']) ._taskList_1avnr_515 :where(input) {
636
+ :where([data-mantine-color-scheme='light']) ._taskList_1jng1_560 :where(input) {
592
637
  background-color: var(--mantine-color-white);
593
638
  border-color: var(--mantine-color-gray-4);
594
639
  }
595
640
 
596
- :where([data-mantine-color-scheme='dark']) ._taskList_1avnr_515 :where(input) {
641
+ :where([data-mantine-color-scheme='dark']) ._taskList_1jng1_560 :where(input) {
597
642
  background-color: var(--mantine-color-dark-6);
598
643
  border-color: var(--mantine-color-dark-4);
599
644
  }
600
645
 
601
- ._taskList_1avnr_515 :where(input):checked {
646
+ ._taskList_1jng1_560 :where(input):checked {
602
647
  background-color: var(--mantine-primary-color-filled);
603
648
  border-color: var(--mantine-primary-color-filled);
604
649
  }
605
650
 
606
- ._taskList_1avnr_515 :where(input):checked::before {
651
+ ._taskList_1jng1_560 :where(input):checked::before {
607
652
  position: absolute;
608
653
  content: '';
609
654
  inset: 0;
@@ -613,7 +658,7 @@
613
658
  background-position: center;
614
659
  }
615
660
 
616
- ._taskList_1avnr_515 :where(li > label) {
661
+ ._taskList_1jng1_560 :where(li > label) {
617
662
  margin-inline-end: var(--mantine-spacing-sm);
618
663
  }
619
664
  /*$vite$:1*/