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