@mantine-vue/schedule 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 (40) hide show
  1. package/cjs/index.cjs +1146 -262
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +1145 -263
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/component-props.d.ts +13 -2
  6. package/lib/components/DayView/DayView.types.d.ts +7 -3
  7. package/lib/components/DayView/DayView.vue.d.ts +2 -0
  8. package/lib/components/DayView/get-day-view-events/get-day-positioned-events.d.ts +4 -2
  9. package/lib/components/DayView/get-day-view-events/get-day-view-events.d.ts +3 -2
  10. package/lib/components/MonthView/MonthView.types.d.ts +9 -1
  11. package/lib/components/MonthView/MonthView.vue.d.ts +2 -0
  12. package/lib/components/MonthView/get-month-view-events/reserve-row.d.ts +7 -0
  13. package/lib/components/ResourcesDayView/ResourcesDayView.types.d.ts +10 -1
  14. package/lib/components/ResourcesDayView/ResourcesDayView.vue.d.ts +2 -0
  15. package/lib/components/ResourcesDayView/index.d.ts +0 -1
  16. package/lib/components/ResourcesMonthView/ResourcesMonthView.types.d.ts +10 -1
  17. package/lib/components/ResourcesMonthView/ResourcesMonthView.vue.d.ts +2 -0
  18. package/lib/components/ResourcesSchedule/ResourcesSchedule.types.d.ts +10 -1
  19. package/lib/components/ResourcesSchedule/ResourcesSchedule.vue.d.ts +2 -0
  20. package/lib/components/ResourcesWeekView/ResourcesWeekView.types.d.ts +10 -1
  21. package/lib/components/ResourcesWeekView/ResourcesWeekView.vue.d.ts +2 -0
  22. package/lib/components/Schedule/Schedule.types.d.ts +12 -2
  23. package/lib/components/Schedule/Schedule.vue.d.ts +2 -0
  24. package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.types.d.ts +12 -0
  25. package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.vue.d.ts +2 -0
  26. package/lib/components/WeekView/WeekView.types.d.ts +7 -3
  27. package/lib/components/WeekView/WeekView.vue.d.ts +2 -0
  28. package/lib/components/WeekView/get-week-view-events/get-week-positioned-events.d.ts +4 -2
  29. package/lib/hooks/use-event-resize.d.ts +10 -2
  30. package/lib/hooks/use-horizontal-event-resize.d.ts +9 -1
  31. package/lib/hooks/validate-event-resize.d.ts +26 -0
  32. package/lib/types.d.ts +40 -0
  33. package/lib/utils/apply-cascade-layout/apply-cascade-layout.d.ts +5 -0
  34. package/lib/utils/get-overlap-clusters/get-overlap-clusters.d.ts +2 -0
  35. package/lib/utils/index.d.ts +4 -0
  36. package/lib/utils/is-event-placement-allowed/is-event-placement-allowed.d.ts +13 -0
  37. package/package.json +4 -4
  38. package/styles.css +711 -379
  39. package/styles.layer.css +711 -379
  40. package/lib/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.d.ts +0 -2
package/styles.css CHANGED
@@ -60,7 +60,7 @@
60
60
  z-index: 2;
61
61
  text-transform: uppercase;
62
62
  }
63
- ._event_19lsr_1 {
63
+ ._event_iymqv_1 {
64
64
  padding: calc(0.0625rem * var(--mantine-scale));
65
65
  pointer-events: none;
66
66
  display: flex;
@@ -70,58 +70,96 @@
70
70
  z-index: 3;
71
71
  }
72
72
 
73
- ._event_19lsr_1:where([data-auto-size]) {
73
+ ._event_iymqv_1:where([data-cascade]) {
74
+ z-index: var(--event-z-index, 3);
75
+ transition: z-index 0s;
76
+ }
77
+
78
+ ._event_iymqv_1:where([data-cascade]) ._eventInner_iymqv_14 {
79
+ box-shadow: 0 0 0 1px var(--mantine-color-body);
80
+ }
81
+
82
+ @media (hover: hover) {
83
+
84
+ ._event_iymqv_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):hover {
85
+ z-index: var(--event-z-index-raised, 9);
86
+ transition-delay: var(--event-raise-delay, 600ms);
87
+ }
88
+ }
89
+
90
+ @media (hover: none) {
91
+
92
+ ._event_iymqv_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):active {
93
+ z-index: var(--event-z-index-raised, 9);
94
+ transition-delay: var(--event-raise-delay, 600ms);
95
+ }
96
+ }
97
+
98
+ ._event_iymqv_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):where(:focus-visible) {
99
+ z-index: var(--event-z-index-raised, 9);
100
+ }
101
+
102
+ ._event_iymqv_1:where([data-auto-size]) {
74
103
  container-type: size;
75
104
  }
76
105
 
77
- ._event_19lsr_1:where([data-draggable]) ._eventInner_19lsr_14 {
106
+ ._event_iymqv_1:where([data-invalid]) ._eventInner_iymqv_14 {
107
+ border: 1px solid var(--mantine-color-error);
108
+ opacity: 0.6;
109
+ }
110
+
111
+ ._event_iymqv_1:where([data-draggable]) ._eventInner_iymqv_14 {
78
112
  cursor: grab;
79
113
  }
80
114
 
81
- ._event_19lsr_1:where([data-draggable]) ._eventInner_19lsr_14:active {
115
+ ._event_iymqv_1:where([data-draggable]) ._eventInner_iymqv_14:active {
82
116
  cursor: grabbing;
83
117
  }
84
118
 
85
- ._event_19lsr_1:where([data-dragging]) {
119
+ ._event_iymqv_1:where([data-dragging]) {
86
120
  opacity: 0.2;
87
121
  }
88
122
 
89
- ._event_19lsr_1:where([data-dragging]) ._eventInner_19lsr_14 {
123
+ ._event_iymqv_1:where([data-dragging]) ._eventInner_iymqv_14 {
90
124
  cursor: grabbing;
91
125
  }
92
126
 
93
- ._event_19lsr_1:where([data-any-dragging]:not([data-dragging])) {
127
+ ._event_iymqv_1:where([data-any-dragging]:not([data-dragging])) {
94
128
  pointer-events: none;
95
129
  }
96
130
 
97
- ._event_19lsr_1:where([data-any-dragging]:not([data-dragging])) ._eventInner_19lsr_14 {
131
+ ._event_iymqv_1:where([data-any-dragging]:not([data-dragging])) ._eventInner_iymqv_14 {
98
132
  pointer-events: none;
99
133
  }
100
134
 
101
- ._event_19lsr_1:where([data-static]) {
135
+ ._event_iymqv_1:where([data-static]) {
102
136
  pointer-events: none;
103
137
  cursor: default;
104
138
  }
105
139
 
106
- ._event_19lsr_1:where([data-resizing]) {
140
+ ._event_iymqv_1:where([data-resizing]) {
107
141
  z-index: 10;
108
142
  }
109
143
 
110
144
  @media (hover: hover) {
111
145
 
112
- ._event_19lsr_1:where([data-resizing]) ._eventInner_19lsr_14:hover {
146
+ ._event_iymqv_1:where([data-resizing]) ._eventInner_iymqv_14:hover {
113
147
  background-color: var(--event-bg);
114
148
  }
115
149
  }
116
150
 
117
151
  @media (hover: none) {
118
152
 
119
- ._event_19lsr_1:where([data-resizing]) ._eventInner_19lsr_14:active {
153
+ ._event_iymqv_1:where([data-resizing]) ._eventInner_iymqv_14:active {
120
154
  background-color: var(--event-bg);
121
155
  }
122
156
  }
123
157
 
124
- ._event_19lsr_1:where([data-hanging='start'], [data-hanging='both'])::before {
158
+ ._event_iymqv_1:where([data-cascade][data-resizing]) {
159
+ z-index: var(--event-cascade-interaction-z-index, 999);
160
+ }
161
+
162
+ ._event_iymqv_1:where([data-hanging='start'], [data-hanging='both'])::before {
125
163
  content: '';
126
164
  position: absolute;
127
165
  inset-block: calc(0.125rem * var(--mantine-scale));
@@ -132,13 +170,13 @@
132
170
  opacity: 0.3;
133
171
  }
134
172
 
135
- ._event_19lsr_1:where([data-hanging='start'], [data-hanging='both']) ._eventInner_19lsr_14 {
173
+ ._event_iymqv_1:where([data-hanging='start'], [data-hanging='both']) ._eventInner_iymqv_14 {
136
174
  padding-inline-start: calc(0.375rem * var(--mantine-scale));
137
175
  border-start-start-radius: 0;
138
176
  border-end-start-radius: 0;
139
177
  }
140
178
 
141
- ._event_19lsr_1:where([data-hanging='end'], [data-hanging='both'])::after {
179
+ ._event_iymqv_1:where([data-hanging='end'], [data-hanging='both'])::after {
142
180
  content: '';
143
181
  position: absolute;
144
182
  inset-block: calc(0.125rem * var(--mantine-scale));
@@ -149,27 +187,27 @@
149
187
  opacity: 0.3;
150
188
  }
151
189
 
152
- ._event_19lsr_1:where([data-hanging='end'], [data-hanging='both']) ._eventInner_19lsr_14 {
190
+ ._event_iymqv_1:where([data-hanging='end'], [data-hanging='both']) ._eventInner_iymqv_14 {
153
191
  padding-inline-end: calc(0.375rem * var(--mantine-scale));
154
192
  border-start-end-radius: 0;
155
193
  border-end-end-radius: 0;
156
194
  }
157
195
 
158
- ._event_19lsr_1:where([data-clip-start]) ._eventInner_19lsr_14 {
196
+ ._event_iymqv_1:where([data-clip-start]) ._eventInner_iymqv_14 {
159
197
  padding-inline-start: calc(0.75rem * var(--mantine-scale));
160
198
  border-start-start-radius: 0;
161
199
  border-end-start-radius: 0;
162
200
  clip-path: polygon(10px 0, 100% 0, 100% 100%, calc(0.625rem * var(--mantine-scale)) 100%, 0 50%);
163
201
  }
164
202
 
165
- ._event_19lsr_1:where([data-clip-end]) ._eventInner_19lsr_14 {
203
+ ._event_iymqv_1:where([data-clip-end]) ._eventInner_iymqv_14 {
166
204
  padding-inline-end: calc(0.75rem * var(--mantine-scale));
167
205
  border-start-end-radius: 0;
168
206
  border-end-end-radius: 0;
169
207
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
170
208
  }
171
209
 
172
- ._event_19lsr_1:where([data-clip-start][data-clip-end]) ._eventInner_19lsr_14 {
210
+ ._event_iymqv_1:where([data-clip-start][data-clip-end]) ._eventInner_iymqv_14 {
173
211
  clip-path: polygon(
174
212
  calc(0.625rem * var(--mantine-scale)) 0,
175
213
  calc(100% - 10px) 0,
@@ -180,7 +218,7 @@
180
218
  );
181
219
  }
182
220
 
183
- ._eventInner_19lsr_14 {
221
+ ._eventInner_iymqv_14 {
184
222
  background-color: var(--event-bg);
185
223
  color: var(--event-color);
186
224
  pointer-events: all;
@@ -196,41 +234,41 @@
196
234
  overflow: hidden;
197
235
  }
198
236
 
199
- ._eventInner_19lsr_14:where([data-nowrap]) {
237
+ ._eventInner_iymqv_14:where([data-nowrap]) {
200
238
  white-space: nowrap;
201
239
  text-overflow: ellipsis;
202
240
  line-height: 1.25;
203
241
  }
204
242
 
205
- ._eventInner_19lsr_14:where([data-size='md']) {
243
+ ._eventInner_iymqv_14:where([data-size='md']) {
206
244
  font-size: calc(0.875rem * var(--mantine-scale));
207
245
  padding: calc(0.25rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
208
246
  }
209
247
 
210
248
  @media (hover: hover) {
211
249
 
212
- ._eventInner_19lsr_14:hover {
250
+ ._eventInner_iymqv_14:hover {
213
251
  background-color: var(--event-hover);
214
252
  }
215
253
  }
216
254
 
217
255
  @media (hover: none) {
218
256
 
219
- ._eventInner_19lsr_14:active {
257
+ ._eventInner_iymqv_14:active {
220
258
  background-color: var(--event-hover);
221
259
  }
222
260
  }
223
261
 
224
262
  @container (max-width: 12px) {
225
263
 
226
- ._eventInner_19lsr_14:where([data-auto-size]) {
264
+ ._eventInner_iymqv_14:where([data-auto-size]) {
227
265
  padding-inline: 0
228
266
  }
229
267
  }
230
268
 
231
269
  @container (min-width: 16px) {
232
270
 
233
- ._eventInner_19lsr_14:where([data-auto-size]) {
271
+ ._eventInner_iymqv_14:where([data-auto-size]) {
234
272
  width: calc(100% - 2px);
235
273
  margin-inline: auto
236
274
  }
@@ -238,7 +276,7 @@
238
276
 
239
277
  @container (max-height: 18px) {
240
278
 
241
- ._eventInner_19lsr_14:where([data-auto-size]) {
279
+ ._eventInner_iymqv_14:where([data-auto-size]) {
242
280
  font-size: calc(0.5625rem * var(--mantine-scale));
243
281
  padding-block: 0rem;
244
282
  display: flex;
@@ -247,30 +285,30 @@
247
285
  }
248
286
  }
249
287
 
250
- ._event_19lsr_1[data-static] ._eventInner_19lsr_14 {
288
+ ._event_iymqv_1[data-static] ._eventInner_iymqv_14 {
251
289
  cursor: default;
252
290
  pointer-events: none;
253
291
  }
254
292
 
255
293
  @media (hover: hover) {
256
294
 
257
- ._event_19lsr_1[data-static] ._eventInner_19lsr_14:hover {
295
+ ._event_iymqv_1[data-static] ._eventInner_iymqv_14:hover {
258
296
  background-color: var(--event-bg);
259
297
  }
260
298
  }
261
299
 
262
300
  @media (hover: none) {
263
301
 
264
- ._event_19lsr_1[data-static] ._eventInner_19lsr_14:active {
302
+ ._event_iymqv_1[data-static] ._eventInner_iymqv_14:active {
265
303
  background-color: var(--event-bg);
266
304
  }
267
305
  }
268
306
 
269
- :where([data-slot-dragging]) ._eventInner_19lsr_14 {
307
+ :where([data-slot-dragging]) ._eventInner_iymqv_14 {
270
308
  pointer-events: none;
271
309
  }
272
310
 
273
- ._eventResizeHandle_19lsr_186 {
311
+ ._eventResizeHandle_iymqv_215 {
274
312
  position: absolute;
275
313
  left: 50%;
276
314
  transform: translateX(-50%);
@@ -287,34 +325,34 @@
287
325
  transition: opacity 100ms ease;
288
326
  }
289
327
 
290
- ._eventResizeHandle_19lsr_186::before {
328
+ ._eventResizeHandle_iymqv_215::before {
291
329
  content: '';
292
330
  position: absolute;
293
331
  inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
294
332
  }
295
333
 
296
- ._eventResizeHandle_19lsr_186:where([data-edge='top']) {
334
+ ._eventResizeHandle_iymqv_215:where([data-edge='top']) {
297
335
  top: calc(-0.125rem * var(--mantine-scale));
298
336
  }
299
337
 
300
- ._eventResizeHandle_19lsr_186:where([data-edge='bottom']) {
338
+ ._eventResizeHandle_iymqv_215:where([data-edge='bottom']) {
301
339
  bottom: calc(-0.125rem * var(--mantine-scale));
302
340
  }
303
341
 
304
- ._event_19lsr_1:where(:hover, [data-resizing]) ._eventResizeHandle_19lsr_186 {
342
+ ._event_iymqv_1:where(:hover, [data-resizing]) ._eventResizeHandle_iymqv_215 {
305
343
  opacity: 0.5;
306
344
  }
307
345
 
308
346
  @media (hover: hover) {
309
347
 
310
- ._eventResizeHandle_19lsr_186:hover {
348
+ ._eventResizeHandle_iymqv_215:hover {
311
349
  opacity: 0.8;
312
350
  }
313
351
  }
314
352
 
315
353
  @media (hover: none) {
316
354
 
317
- ._eventResizeHandle_19lsr_186:active {
355
+ ._eventResizeHandle_iymqv_215:active {
318
356
  opacity: 0.8;
319
357
  }
320
358
  }
@@ -569,7 +607,7 @@
569
607
  display: flex;
570
608
  gap: calc(0.25rem * var(--mantine-scale));
571
609
  }
572
- ._dayView_1nebu_1 {
610
+ ._dayView_18224_1 {
573
611
  --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */
574
612
  --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */
575
613
  --day-view-slot-labels-width: calc(5rem * var(--mantine-scale));
@@ -578,45 +616,54 @@
578
616
  overflow: hidden;
579
617
  }
580
618
 
581
- :where([data-mantine-color-scheme='light']) ._dayView_1nebu_1 {
619
+ ._dayView_18224_1:where(:has([data-cascade])) {
620
+ isolation: isolate;
621
+ --event-cascade-interaction-z-index: 999;
622
+ }
623
+
624
+ ._dayView_18224_1:where(:has([data-cascade])) ._dayViewDragPreview_18224_13 {
625
+ z-index: var(--event-cascade-interaction-z-index);
626
+ }
627
+
628
+ :where([data-mantine-color-scheme='light']) ._dayView_18224_1 {
582
629
  --day-view-border-color: var(--mantine-color-gray-3);
583
630
  --day-view-business-hours-bg: var(--mantine-color-white);
584
631
  --day-view-non-business-hours-bg: var(--mantine-color-gray-0);
585
632
  }
586
633
 
587
- :where([data-mantine-color-scheme='dark']) ._dayView_1nebu_1 {
634
+ :where([data-mantine-color-scheme='dark']) ._dayView_18224_1 {
588
635
  --day-view-border-color: var(--mantine-color-dark-4);
589
636
  --day-view-business-hours-bg: var(--mantine-color-dark-7);
590
637
  --day-view-non-business-hours-bg: var(--mantine-color-dark-6);
591
638
  }
592
639
 
593
- ._dayViewScrollArea_1nebu_22 {
640
+ ._dayViewScrollArea_18224_31 {
594
641
  border: 1px solid var(--day-view-border-color);
595
642
  border-radius: var(--day-view-radius);
596
643
  overflow: hidden;
597
644
  }
598
645
 
599
- ._dayViewScrollArea_1nebu_22 :where(.mantine-ScrollArea-scrollbar) {
646
+ ._dayViewScrollArea_18224_31 :where(.mantine-ScrollArea-scrollbar) {
600
647
  z-index: 4;
601
648
  }
602
649
 
603
- ._dayViewInner_1nebu_32 {
650
+ ._dayViewInner_18224_41 {
604
651
  display: flex;
605
652
  }
606
653
 
607
- ._dayViewTimeSlots_1nebu_36 {
654
+ ._dayViewTimeSlots_18224_45 {
608
655
  position: relative;
609
656
  }
610
657
 
611
- ._dayViewTimeSlots_1nebu_36:where(:first-of-type) ._dayViewSlot_1nebu_39:where([data-first]) {
658
+ ._dayViewTimeSlots_18224_45:where(:first-of-type) ._dayViewSlot_18224_48:where([data-first]) {
612
659
  border-top-color: transparent;
613
660
  }
614
661
 
615
- ._dayViewSlotLabels_1nebu_44 {
662
+ ._dayViewSlotLabels_18224_53 {
616
663
  width: var(--day-view-slot-labels-width);
617
664
  }
618
665
 
619
- ._dayViewSlotLabel_1nebu_44 {
666
+ ._dayViewSlotLabel_18224_53 {
620
667
  height: var(--slot-height);
621
668
  border-top: 1px solid var(--day-view-border-color);
622
669
  font-size: var(--mantine-font-size-sm);
@@ -625,28 +672,28 @@
625
672
  font-variant-numeric: tabular-nums;
626
673
  }
627
674
 
628
- ._dayViewSlotLabel_1nebu_44:where([data-all-day]) {
675
+ ._dayViewSlotLabel_18224_53:where([data-all-day]) {
629
676
  height: var(--all-day-slot-height);
630
677
  border-top: 0;
631
678
  }
632
679
 
633
- ._dayViewSlotLabel_1nebu_44:where(:first-of-type) {
680
+ ._dayViewSlotLabel_18224_53:where(:first-of-type) {
634
681
  border-top: 0;
635
682
  }
636
683
 
637
- ._dayViewSlotLabel_1nebu_44:where([data-business-hours]) {
684
+ ._dayViewSlotLabel_18224_53:where([data-business-hours]) {
638
685
  background-color: var(--day-view-business-hours-bg);
639
686
  }
640
687
 
641
- ._dayViewSlotLabel_1nebu_44:where([data-non-business-hours]) {
688
+ ._dayViewSlotLabel_18224_53:where([data-non-business-hours]) {
642
689
  background-color: var(--day-view-non-business-hours-bg);
643
690
  }
644
691
 
645
- ._dayViewSlots_1nebu_74 {
692
+ ._dayViewSlots_18224_83 {
646
693
  flex: 1;
647
694
  }
648
695
 
649
- ._dayViewSlot_1nebu_39 {
696
+ ._dayViewSlot_18224_48 {
650
697
  display: block;
651
698
  width: 100%;
652
699
  border-top: 1px dotted var(--day-view-border-color);
@@ -654,56 +701,56 @@
654
701
  position: relative;
655
702
  }
656
703
 
657
- ._dayViewSlot_1nebu_39:where(:focus) {
704
+ ._dayViewSlot_18224_48:where(:focus) {
658
705
  z-index: 1;
659
706
  }
660
707
 
661
- ._dayViewSlot_1nebu_39:where([data-hour-start]) {
708
+ ._dayViewSlot_18224_48:where([data-hour-start]) {
662
709
  border-top: 1px solid var(--day-view-border-color);
663
710
  }
664
711
 
665
712
  @media (hover: hover) {
666
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:hover {
713
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:hover {
667
714
  background-color: var(--mantine-color-gray-1);
668
715
  }
669
716
 
670
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:hover {
717
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:hover {
671
718
  background-color: var(--mantine-color-dark-5);
672
719
  }
673
720
  }
674
721
 
675
722
  @media (hover: none) {
676
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:active {
723
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:active {
677
724
  background-color: var(--mantine-color-gray-1);
678
725
  }
679
726
 
680
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:active {
727
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:active {
681
728
  background-color: var(--mantine-color-dark-5);
682
729
  }
683
730
  }
684
731
 
685
- ._dayViewSlot_1nebu_39:where([data-all-day]) {
732
+ ._dayViewSlot_18224_48:where([data-all-day]) {
686
733
  height: var(--all-day-slot-height);
687
734
  border-top: 0;
688
735
  }
689
736
 
690
- ._dayViewSlot_1nebu_39:where([data-business-hours]) {
737
+ ._dayViewSlot_18224_48:where([data-business-hours]) {
691
738
  background-color: var(--day-view-business-hours-bg);
692
739
  }
693
740
 
694
- ._dayViewSlot_1nebu_39:where([data-non-business-hours]) {
741
+ ._dayViewSlot_18224_48:where([data-non-business-hours]) {
695
742
  background-color: var(--day-view-non-business-hours-bg);
696
743
  }
697
744
 
698
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
745
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:where([data-drop-target]) {
699
746
  background-color: var(--mantine-color-blue-1);
700
747
  }
701
748
 
702
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
749
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:where([data-drop-target]) {
703
750
  background-color: var(--mantine-color-dark-5);
704
751
  }
705
752
 
706
- ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
753
+ ._dayViewSlot_18224_48:where([data-drop-target])::before {
707
754
  content: '';
708
755
  position: absolute;
709
756
  inset: 0;
@@ -713,20 +760,29 @@
713
760
  border-radius: calc(0.125rem * var(--mantine-scale));
714
761
  }
715
762
 
716
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
763
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:where([data-drop-target])::before {
717
764
  border-color: var(--mantine-color-blue-4);
718
765
  }
719
766
 
720
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
767
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:where([data-drop-target])::before {
721
768
  border-color: var(--mantine-color-blue-6);
722
769
  }
723
770
 
724
- ._dayViewSlot_1nebu_39:where([data-drag-selected]),
725
- ._dayViewSlot_1nebu_39:where([data-drag-selected]):hover {
771
+ ._dayViewSlot_18224_48:where([data-drop-target]):where([data-invalid]) {
772
+ background-color: transparent;
773
+ }
774
+
775
+ ._dayViewSlot_18224_48:where([data-drop-target]):where([data-invalid])::before {
776
+ border-color: var(--mantine-color-error);
777
+ opacity: 0.6;
778
+ }
779
+
780
+ ._dayViewSlot_18224_48:where([data-drag-selected]),
781
+ ._dayViewSlot_18224_48:where([data-drag-selected]):hover {
726
782
  background-color: var(--mantine-primary-color-light);
727
783
  }
728
784
 
729
- ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
785
+ ._dayViewSlot_18224_48:where([data-drag-selected])::before {
730
786
  content: '';
731
787
  position: absolute;
732
788
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -735,24 +791,24 @@
735
791
  border: calc(0.0625rem * var(--mantine-scale)) solid;
736
792
  }
737
793
 
738
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
794
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_18224_48:where([data-drag-selected])::before {
739
795
  border-color: var(--mantine-primary-color-2);
740
796
  }
741
797
 
742
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
798
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_18224_48:where([data-drag-selected])::before {
743
799
  border-color: var(--mantine-primary-color-9);
744
800
  }
745
801
 
746
- ._dayViewSlot_1nebu_39:where([data-drag-slot-index]) {
802
+ ._dayViewSlot_18224_48:where([data-drag-slot-index]) {
747
803
  touch-action: none;
748
804
  }
749
805
 
750
- ._dayViewSlot_1nebu_39:where([data-static]) {
806
+ ._dayViewSlot_18224_48:where([data-static]) {
751
807
  cursor: default;
752
808
  pointer-events: none;
753
809
  }
754
810
 
755
- ._dayViewBackgroundEvent_1nebu_178 {
811
+ ._dayViewBackgroundEvent_18224_196 {
756
812
  position: absolute;
757
813
  border-radius: 0;
758
814
  pointer-events: none;
@@ -765,7 +821,7 @@
765
821
  color: var(--bg-event-color);
766
822
  }
767
823
 
768
- ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]) {
824
+ ._dayViewBackgroundEvent_18224_196:where([data-interactive]) {
769
825
  pointer-events: auto;
770
826
  cursor: pointer;
771
827
  user-select: none;
@@ -773,24 +829,98 @@
773
829
 
774
830
  @media (hover: hover) {
775
831
 
776
- ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):hover {
832
+ ._dayViewBackgroundEvent_18224_196:where([data-interactive]):hover {
777
833
  background-color: var(--bg-event-hover);
778
834
  }
779
835
  }
780
836
 
781
837
  @media (hover: none) {
782
838
 
783
- ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):active {
839
+ ._dayViewBackgroundEvent_18224_196:where([data-interactive]):active {
784
840
  background-color: var(--bg-event-hover);
785
841
  }
786
842
  }
787
843
 
788
- ._dayViewAllDay_1nebu_201 {
844
+ @media (hover: hover) {
845
+
846
+ ._dayViewBackgroundEvent_18224_196:where([data-resizing]):hover {
847
+ background-color: var(--bg-event-bg);
848
+ }
849
+ }
850
+
851
+ @media (hover: none) {
852
+
853
+ ._dayViewBackgroundEvent_18224_196:where([data-resizing]):active {
854
+ background-color: var(--bg-event-bg);
855
+ }
856
+ }
857
+
858
+ ._dayViewBackgroundEventResizeHandle_18224_225 {
859
+ position: absolute;
860
+ left: 50%;
861
+ transform: translateX(-50%);
862
+ width: 40%;
863
+ max-width: calc(2.5rem * var(--mantine-scale));
864
+ height: calc(0.25rem * var(--mantine-scale));
865
+ border-radius: calc(0.125rem * var(--mantine-scale));
866
+ cursor: ns-resize;
867
+ pointer-events: all;
868
+ z-index: 4;
869
+ touch-action: none;
870
+ background-color: var(--bg-event-color);
871
+ opacity: 0;
872
+ transition: opacity 100ms ease;
873
+ }
874
+
875
+ ._dayViewBackgroundEventResizeHandle_18224_225::before {
876
+ content: '';
877
+ position: absolute;
878
+ inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
879
+ }
880
+
881
+ ._dayViewBackgroundEventResizeHandle_18224_225:where([data-edge='top']) {
882
+ top: 0;
883
+ }
884
+
885
+ ._dayViewBackgroundEventResizeHandle_18224_225:where([data-edge='bottom']) {
886
+ bottom: 0;
887
+ }
888
+
889
+ ._dayViewBackgroundEvent_18224_196:where(:hover, [data-resizing]) ._dayViewBackgroundEventResizeHandle_18224_225 {
890
+ opacity: 0.5;
891
+ }
892
+
893
+ @media (hover: hover) {
894
+
895
+ ._dayViewBackgroundEventResizeHandle_18224_225:hover {
896
+ opacity: 0.8;
897
+ }
898
+ }
899
+
900
+ @media (hover: none) {
901
+
902
+ ._dayViewBackgroundEventResizeHandle_18224_225:active {
903
+ opacity: 0.8;
904
+ }
905
+ }
906
+
907
+ ._dayView_18224_1:where([data-event-interaction], [data-slot-dragging])
908
+ ._dayViewBackgroundEvent_18224_196:not([data-resizing]) {
909
+ pointer-events: none;
910
+ }
911
+
912
+ ._dayView_18224_1:where([data-event-interaction], [data-slot-dragging])
913
+ ._dayViewBackgroundEvent_18224_196:not([data-resizing]) ._dayViewBackgroundEventResizeHandle_18224_225 {
914
+ pointer-events: none;
915
+ opacity: 0;
916
+ }
917
+
918
+ ._dayViewAllDay_18224_272 {
789
919
  position: relative;
790
920
  height: var(--all-day-slot-height);
791
921
  }
792
922
 
793
- ._dayViewAllDayEvents_1nebu_206 {
923
+ ._dayViewAllDayEvents_18224_277 {
794
924
  position: absolute;
795
925
  inset: 0;
796
926
  display: flex;
@@ -1109,7 +1239,7 @@
1109
1239
  text-align: center;
1110
1240
  padding-block: var(--mantine-spacing-xl);
1111
1241
  }
1112
- ._monthView_hbhp2_1 {
1242
+ ._monthView_98v2r_1 {
1113
1243
  --week-numbers-offset: 0rem;
1114
1244
  --month-view-border: 1px solid var(--month-view-border-color);
1115
1245
  --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
@@ -1117,29 +1247,29 @@
1117
1247
  --min-day-width: calc(5.25rem * var(--mantine-scale));
1118
1248
  }
1119
1249
 
1120
- ._monthView_hbhp2_1:where([data-with-week-numbers]) {
1250
+ ._monthView_98v2r_1:where([data-with-week-numbers]) {
1121
1251
  --week-numbers-offset: calc(2.625rem * var(--mantine-scale));
1122
1252
  }
1123
1253
 
1124
- :where([data-mantine-color-scheme='light']) ._monthView_hbhp2_1 {
1254
+ :where([data-mantine-color-scheme='light']) ._monthView_98v2r_1 {
1125
1255
  --month-view-border-color: var(--mantine-color-gray-3);
1126
1256
  }
1127
1257
 
1128
- :where([data-mantine-color-scheme='dark']) ._monthView_hbhp2_1 {
1258
+ :where([data-mantine-color-scheme='dark']) ._monthView_98v2r_1 {
1129
1259
  --month-view-border-color: var(--mantine-color-dark-4);
1130
1260
  }
1131
1261
 
1132
- ._monthViewWeekdays_hbhp2_21 {
1262
+ ._monthViewWeekdays_98v2r_21 {
1133
1263
  display: flex;
1134
1264
  }
1135
1265
 
1136
- ._monthViewWeek_hbhp2_21 {
1266
+ ._monthViewWeek_98v2r_21 {
1137
1267
  display: flex;
1138
1268
  position: relative;
1139
1269
  min-width: calc(var(--min-day-width) * 7 + var(--week-numbers-offset));
1140
1270
  }
1141
1271
 
1142
- ._monthViewWeekNumber_hbhp2_31 {
1272
+ ._monthViewWeekNumber_98v2r_31 {
1143
1273
  flex: 0 0 var(--week-numbers-offset);
1144
1274
  display: flex;
1145
1275
  align-items: center;
@@ -1155,45 +1285,45 @@
1155
1285
  user-select: none;
1156
1286
  }
1157
1287
 
1158
- :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewWeekNumber_hbhp2_31 {
1288
+ :where(._monthViewWeek_98v2r_21:first-child) ._monthViewWeekNumber_98v2r_31 {
1159
1289
  border-start-start-radius: var(--month-view-radius);
1160
1290
  }
1161
1291
 
1162
- :where([data-with-weekdays] ._monthView_hbhp2_1) :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewWeekNumber_hbhp2_31 {
1292
+ :where([data-with-weekdays] ._monthView_98v2r_1) :where(._monthViewWeek_98v2r_21:first-child) ._monthViewWeekNumber_98v2r_31 {
1163
1293
  border-start-start-radius: 0;
1164
1294
  }
1165
1295
 
1166
- :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewWeekNumber_hbhp2_31 {
1296
+ :where(._monthViewWeek_98v2r_21:last-child) ._monthViewWeekNumber_98v2r_31 {
1167
1297
  border-block-end: var(--month-view-border);
1168
1298
  border-end-start-radius: var(--month-view-radius);
1169
1299
  }
1170
1300
 
1171
1301
  @media (hover: hover) {
1172
- :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_hbhp2_31:hover {
1302
+ :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_98v2r_31:hover {
1173
1303
  background-color: var(--mantine-color-gray-0);
1174
1304
  }
1175
1305
 
1176
- :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_hbhp2_31:hover {
1306
+ :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_98v2r_31:hover {
1177
1307
  background-color: var(--mantine-color-dark-6);
1178
1308
  }
1179
1309
  }
1180
1310
 
1181
1311
  @media (hover: none) {
1182
- :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_hbhp2_31:active {
1312
+ :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_98v2r_31:active {
1183
1313
  background-color: var(--mantine-color-gray-0);
1184
1314
  }
1185
1315
 
1186
- :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_hbhp2_31:active {
1316
+ :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_98v2r_31:active {
1187
1317
  background-color: var(--mantine-color-dark-6);
1188
1318
  }
1189
1319
  }
1190
1320
 
1191
- ._monthViewWeekNumber_hbhp2_31:where([data-static]) {
1321
+ ._monthViewWeekNumber_98v2r_31:where([data-static]) {
1192
1322
  cursor: default;
1193
1323
  pointer-events: none;
1194
1324
  }
1195
1325
 
1196
- ._monthViewWeekday_hbhp2_21 {
1326
+ ._monthViewWeekday_98v2r_21 {
1197
1327
  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
1198
1328
  min-width: var(--min-day-width);
1199
1329
  height: calc(2.25rem * var(--mantine-scale));
@@ -1212,27 +1342,27 @@
1212
1342
  user-select: none;
1213
1343
  }
1214
1344
 
1215
- ._monthViewWeekday_hbhp2_21:where(:first-child) {
1345
+ ._monthViewWeekday_98v2r_21:where(:first-child) {
1216
1346
  border-start-start-radius: var(--month-view-radius);
1217
1347
  }
1218
1348
 
1219
- :where([data-with-week-numbers] ._monthView_hbhp2_1) ._monthViewWeekday_hbhp2_21:where(:first-child) {
1349
+ :where([data-with-week-numbers] ._monthView_98v2r_1) ._monthViewWeekday_98v2r_21:where(:first-child) {
1220
1350
  border-start-start-radius: 0;
1221
1351
  }
1222
1352
 
1223
- ._monthViewWeekday_hbhp2_21:where(:last-child) {
1353
+ ._monthViewWeekday_98v2r_21:where(:last-child) {
1224
1354
  border-inline-end: var(--month-view-border);
1225
1355
  border-start-end-radius: var(--month-view-radius);
1226
1356
  }
1227
1357
 
1228
- ._monthViewWeekdaysCorner_hbhp2_107 {
1358
+ ._monthViewWeekdaysCorner_98v2r_107 {
1229
1359
  flex: 0 0 var(--week-numbers-offset);
1230
1360
  border-block-start: var(--month-view-border);
1231
1361
  border-inline-start: var(--month-view-border);
1232
1362
  border-start-start-radius: var(--month-view-radius);
1233
1363
  }
1234
1364
 
1235
- ._monthViewDay_hbhp2_114 {
1365
+ ._monthViewDay_98v2r_114 {
1236
1366
  min-width: var(--min-day-width);
1237
1367
  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
1238
1368
  height: calc(52px + var(--month-view-max-events, 2) * 24px);
@@ -1249,89 +1379,89 @@
1249
1379
  position: relative;
1250
1380
  }
1251
1381
 
1252
- ._monthViewDay_hbhp2_114:where(:last-child) {
1382
+ ._monthViewDay_98v2r_114:where(:last-child) {
1253
1383
  border-inline-end: var(--month-view-border);
1254
1384
  }
1255
1385
 
1256
- :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114:where(:last-child) {
1386
+ :where(._monthViewWeek_98v2r_21:last-child) ._monthViewDay_98v2r_114:where(:last-child) {
1257
1387
  border-block-end: var(--month-view-border);
1258
1388
  border-end-end-radius: var(--month-view-radius);
1259
1389
  }
1260
1390
 
1261
- :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:last-child) {
1391
+ :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:last-child) {
1262
1392
  border-start-end-radius: var(--month-view-radius);
1263
1393
  }
1264
1394
 
1265
- :where(:not([data-with-weekdays])) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:last-child) {
1395
+ :where(:not([data-with-weekdays])) ._monthView_98v2r_1 :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:last-child) {
1266
1396
  border-start-end-radius: var(--month-view-radius);
1267
1397
  }
1268
1398
 
1269
- :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1399
+ :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
1270
1400
  border-start-start-radius: var(--month-view-radius);
1271
1401
  }
1272
1402
 
1273
- :where([data-with-week-numbers]) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1403
+ :where([data-with-week-numbers]) ._monthView_98v2r_1 :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
1274
1404
  border-start-start-radius: 0;
1275
1405
  }
1276
1406
 
1277
- :where([data-with-weekdays]) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1407
+ :where([data-with-weekdays]) ._monthView_98v2r_1 :where(._monthViewWeek_98v2r_21:first-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
1278
1408
  border-start-start-radius: 0;
1279
1409
  }
1280
1410
 
1281
- :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1411
+ :where(._monthViewWeek_98v2r_21:last-child) ._monthViewDay_98v2r_114:where(:first-of-type) {
1282
1412
  border-end-start-radius: var(--month-view-radius);
1283
1413
  }
1284
1414
 
1285
- :where([data-with-week-numbers]) ._monthViewWeek_hbhp2_21:last-child ._monthViewDay_hbhp2_114:where(:first-of-type) {
1415
+ :where([data-with-week-numbers]) ._monthViewWeek_98v2r_21:last-child ._monthViewDay_98v2r_114:where(:first-of-type) {
1286
1416
  border-end-start-radius: 0;
1287
1417
  }
1288
1418
 
1289
- :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114 {
1419
+ :where(._monthViewWeek_98v2r_21:last-child) ._monthViewDay_98v2r_114 {
1290
1420
  border-block-end: var(--month-view-border);
1291
1421
  }
1292
1422
 
1293
- ._monthViewDay_hbhp2_114:where([data-weekend]) {
1423
+ ._monthViewDay_98v2r_114:where([data-weekend]) {
1294
1424
  color: var(--mantine-color-red-6);
1295
1425
  }
1296
1426
 
1297
- ._monthViewDay_hbhp2_114:where([data-outside]) {
1427
+ ._monthViewDay_98v2r_114:where([data-outside]) {
1298
1428
  color: color-mix(in srgb, var(--day-base-color), transparent 60%);
1299
1429
  }
1300
1430
 
1301
- ._monthViewDay_hbhp2_114:where([data-static]) {
1431
+ ._monthViewDay_98v2r_114:where([data-static]) {
1302
1432
  cursor: default;
1303
1433
  pointer-events: none;
1304
1434
  }
1305
1435
 
1306
1436
  @media (hover: hover) {
1307
- :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:hover:where(:not([data-static])) {
1437
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:hover:where(:not([data-static])) {
1308
1438
  background-color: var(--mantine-color-gray-0);
1309
1439
  }
1310
1440
 
1311
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:hover:where(:not([data-static])) {
1441
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:hover:where(:not([data-static])) {
1312
1442
  background-color: var(--mantine-color-dark-6);
1313
1443
  }
1314
1444
  }
1315
1445
 
1316
1446
  @media (hover: none) {
1317
- :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:active:where(:not([data-static])) {
1447
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:active:where(:not([data-static])) {
1318
1448
  background-color: var(--mantine-color-gray-0);
1319
1449
  }
1320
1450
 
1321
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:active:where(:not([data-static])) {
1451
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:active:where(:not([data-static])) {
1322
1452
  background-color: var(--mantine-color-dark-6);
1323
1453
  }
1324
1454
  }
1325
1455
 
1326
- :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drop-target]) {
1456
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:where([data-drop-target]) {
1327
1457
  background-color: var(--mantine-color-blue-1);
1328
1458
  }
1329
1459
 
1330
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drop-target]) {
1460
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:where([data-drop-target]) {
1331
1461
  background-color: var(--mantine-color-dark-5);
1332
1462
  }
1333
1463
 
1334
- ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
1464
+ ._monthViewDay_98v2r_114:where([data-drop-target])::before {
1335
1465
  content: '';
1336
1466
  position: absolute;
1337
1467
  inset: 0rem;
@@ -1341,20 +1471,29 @@
1341
1471
  border-radius: calc(0.125rem * var(--mantine-scale));
1342
1472
  }
1343
1473
 
1344
- :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
1474
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:where([data-drop-target])::before {
1345
1475
  border-color: var(--mantine-color-blue-4);
1346
1476
  }
1347
1477
 
1348
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
1478
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:where([data-drop-target])::before {
1349
1479
  border-color: var(--mantine-color-blue-6);
1350
1480
  }
1351
1481
 
1352
- ._monthViewDay_hbhp2_114:where([data-drag-selected]),
1353
- ._monthViewDay_hbhp2_114:where([data-drag-selected]):hover {
1482
+ ._monthViewDay_98v2r_114:where([data-drop-target]):where([data-invalid]) {
1483
+ background-color: transparent;
1484
+ }
1485
+
1486
+ ._monthViewDay_98v2r_114:where([data-drop-target]):where([data-invalid])::before {
1487
+ border-color: var(--mantine-color-error);
1488
+ opacity: 0.6;
1489
+ }
1490
+
1491
+ ._monthViewDay_98v2r_114:where([data-drag-selected]),
1492
+ ._monthViewDay_98v2r_114:where([data-drag-selected]):hover {
1354
1493
  background-color: var(--mantine-primary-color-light);
1355
1494
  }
1356
1495
 
1357
- ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
1496
+ ._monthViewDay_98v2r_114:where([data-drag-selected])::before {
1358
1497
  content: '';
1359
1498
  position: absolute;
1360
1499
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -1363,19 +1502,19 @@
1363
1502
  border: calc(0.0625rem * var(--mantine-scale)) solid;
1364
1503
  }
1365
1504
 
1366
- :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
1505
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_98v2r_114:where([data-drag-selected])::before {
1367
1506
  border-color: var(--mantine-primary-color-2);
1368
1507
  }
1369
1508
 
1370
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
1509
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_98v2r_114:where([data-drag-selected])::before {
1371
1510
  border-color: var(--mantine-primary-color-9);
1372
1511
  }
1373
1512
 
1374
- ._monthViewDay_hbhp2_114:where([data-drag-slot-index]) {
1513
+ ._monthViewDay_98v2r_114:where([data-drag-slot-index]) {
1375
1514
  touch-action: none;
1376
1515
  }
1377
1516
 
1378
- ._monthViewDayLabel_hbhp2_255 {
1517
+ ._monthViewDayLabel_98v2r_264 {
1379
1518
  width: calc(1.625rem * var(--mantine-scale));
1380
1519
  aspect-ratio: 1;
1381
1520
  display: flex;
@@ -1386,12 +1525,12 @@
1386
1525
  user-select: none;
1387
1526
  }
1388
1527
 
1389
- ._monthViewDayLabel_hbhp2_255:where([data-today]) {
1528
+ ._monthViewDayLabel_98v2r_264:where([data-today]) {
1390
1529
  background-color: var(--mantine-primary-color-filled);
1391
1530
  color: var(--mantine-primary-color-contrast);
1392
1531
  }
1393
1532
 
1394
- ._monthViewBackgroundEvent_hbhp2_271 {
1533
+ ._monthViewBackgroundEvent_98v2r_280 {
1395
1534
  position: absolute;
1396
1535
  pointer-events: none;
1397
1536
  z-index: 2;
@@ -1406,7 +1545,7 @@
1406
1545
  color: var(--bg-event-color);
1407
1546
  }
1408
1547
 
1409
- ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]) {
1548
+ ._monthViewBackgroundEvent_98v2r_280:where([data-interactive]) {
1410
1549
  pointer-events: auto;
1411
1550
  cursor: pointer;
1412
1551
  user-select: none;
@@ -1414,19 +1553,19 @@
1414
1553
 
1415
1554
  @media (hover: hover) {
1416
1555
 
1417
- ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]):hover {
1556
+ ._monthViewBackgroundEvent_98v2r_280:where([data-interactive]):hover {
1418
1557
  background-color: var(--bg-event-hover);
1419
1558
  }
1420
1559
  }
1421
1560
 
1422
1561
  @media (hover: none) {
1423
1562
 
1424
- ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]):active {
1563
+ ._monthViewBackgroundEvent_98v2r_280:where([data-interactive]):active {
1425
1564
  background-color: var(--bg-event-hover);
1426
1565
  }
1427
1566
  }
1428
1567
 
1429
- ._monthViewEvents_hbhp2_296 {
1568
+ ._monthViewEvents_98v2r_305 {
1430
1569
  position: absolute;
1431
1570
  inset-inline: 0;
1432
1571
  inset-inline-start: var(--week-numbers-offset);
@@ -1435,7 +1574,7 @@
1435
1574
  pointer-events: none;
1436
1575
  z-index: 3;
1437
1576
  }
1438
- ._weekView_1f3zt_1 {
1577
+ ._weekView_1ttnb_1 {
1439
1578
  --week-view-week-day-height: calc(3.625rem * var(--mantine-scale));
1440
1579
  --week-view-all-day-slots-height: calc(3rem * var(--mantine-scale));
1441
1580
  --week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
@@ -1444,19 +1583,19 @@
1444
1583
  --week-view-slot-height: calc(4rem * var(--mantine-scale));
1445
1584
  }
1446
1585
 
1447
- :where([data-mantine-color-scheme='light']) ._weekView_1f3zt_1 {
1586
+ :where([data-mantine-color-scheme='light']) ._weekView_1ttnb_1 {
1448
1587
  --week-view-border-color: var(--mantine-color-gray-3);
1449
1588
  --week-view-business-hours-bg: var(--mantine-color-white);
1450
1589
  --week-view-non-business-hours-bg: var(--mantine-color-gray-0);
1451
1590
  }
1452
1591
 
1453
- :where([data-mantine-color-scheme='dark']) ._weekView_1f3zt_1 {
1592
+ :where([data-mantine-color-scheme='dark']) ._weekView_1ttnb_1 {
1454
1593
  --week-view-border-color: var(--mantine-color-dark-4);
1455
1594
  --week-view-business-hours-bg: var(--mantine-color-dark-7);
1456
1595
  --week-view-non-business-hours-bg: var(--mantine-color-dark-6);
1457
1596
  }
1458
1597
 
1459
- ._weekViewRoot_1f3zt_22 {
1598
+ ._weekViewRoot_1ttnb_22 {
1460
1599
  --indicator-labels-offset: calc(var(--week-view-slots-label-width) / var(--number-of-days));
1461
1600
 
1462
1601
  border: 1px solid var(--week-view-border-color);
@@ -1464,17 +1603,26 @@
1464
1603
  overflow: hidden;
1465
1604
  }
1466
1605
 
1467
- ._weekViewInner_1f3zt_30 {
1606
+ ._weekViewRoot_1ttnb_22:where(:has([data-cascade])) {
1607
+ isolation: isolate;
1608
+ --event-cascade-interaction-z-index: 999;
1609
+ }
1610
+
1611
+ ._weekViewRoot_1ttnb_22:where(:has([data-cascade])) ._weekViewDragPreview_1ttnb_33 {
1612
+ z-index: var(--event-cascade-interaction-z-index);
1613
+ }
1614
+
1615
+ ._weekViewInner_1ttnb_39 {
1468
1616
  display: flex;
1469
1617
  position: relative;
1470
1618
  overflow: hidden;
1471
1619
  }
1472
1620
 
1473
- ._weekViewScrollArea_1f3zt_36 :where(.mantine-ScrollArea-scrollbar) {
1621
+ ._weekViewScrollArea_1ttnb_45 :where(.mantine-ScrollArea-scrollbar) {
1474
1622
  z-index: 4;
1475
1623
  }
1476
1624
 
1477
- ._weekViewHeader_1f3zt_42 {
1625
+ ._weekViewHeader_1ttnb_51 {
1478
1626
  display: flex;
1479
1627
  position: sticky;
1480
1628
  top: 0;
@@ -1485,11 +1633,11 @@
1485
1633
  transition: box-shadow 100ms ease;
1486
1634
  }
1487
1635
 
1488
- ._weekViewHeader_1f3zt_42:where([data-scrolled]) {
1636
+ ._weekViewHeader_1ttnb_51:where([data-scrolled]) {
1489
1637
  box-shadow: var(--mantine-shadow-sm);
1490
1638
  }
1491
1639
 
1492
- ._weekViewCorner_1f3zt_57 {
1640
+ ._weekViewCorner_1ttnb_66 {
1493
1641
  height: var(--week-view-week-day-height);
1494
1642
  flex: 0 0 var(--week-view-slots-label-width);
1495
1643
  min-width: var(--week-view-slots-label-width);
@@ -1500,13 +1648,13 @@
1500
1648
  justify-content: center;
1501
1649
  }
1502
1650
 
1503
- ._weekViewSlotLabels_1f3zt_68 {
1651
+ ._weekViewSlotLabels_1ttnb_77 {
1504
1652
  flex: 0 0 var(--week-view-slots-label-width);
1505
1653
  min-width: var(--week-view-slots-label-width);
1506
1654
  background-color: var(--mantine-color-body);
1507
1655
  }
1508
1656
 
1509
- ._weekViewSlotLabel_1f3zt_68 {
1657
+ ._weekViewSlotLabel_1ttnb_77 {
1510
1658
  border-top: 1px solid var(--week-view-border-color);
1511
1659
  text-align: right;
1512
1660
  height: var(--week-view-slot-height);
@@ -1519,20 +1667,20 @@
1519
1667
  text-transform: uppercase;
1520
1668
  }
1521
1669
 
1522
- ._weekViewSlotLabel_1f3zt_68:where([data-business-hours]) {
1670
+ ._weekViewSlotLabel_1ttnb_77:where([data-business-hours]) {
1523
1671
  background-color: var(--week-view-business-hours-bg);
1524
1672
  }
1525
1673
 
1526
- ._weekViewSlotLabel_1f3zt_68:where([data-non-business-hours]) {
1674
+ ._weekViewSlotLabel_1ttnb_77:where([data-non-business-hours]) {
1527
1675
  background-color: var(--week-view-non-business-hours-bg);
1528
1676
  }
1529
1677
 
1530
- ._weekViewDay_1f3zt_95 {
1678
+ ._weekViewDay_1ttnb_104 {
1531
1679
  flex: 1;
1532
1680
  border-inline-start: 1px solid var(--week-view-border-color);
1533
1681
  }
1534
1682
 
1535
- ._weekViewDayLabel_1f3zt_100 {
1683
+ ._weekViewDayLabel_1ttnb_109 {
1536
1684
  height: var(--week-view-week-day-height);
1537
1685
  min-width: var(--week-view-min-slot-width);
1538
1686
  display: flex;
@@ -1547,40 +1695,40 @@
1547
1695
  padding-inline-start: calc(0.3125rem * var(--mantine-scale));
1548
1696
  }
1549
1697
 
1550
- ._weekViewDayLabel_1f3zt_100:where([data-weekend]) {
1698
+ ._weekViewDayLabel_1ttnb_109:where([data-weekend]) {
1551
1699
  color: var(--mantine-color-error);
1552
1700
  }
1553
1701
 
1554
- ._weekViewDayLabel_1f3zt_100:where([data-today]) {
1702
+ ._weekViewDayLabel_1ttnb_109:where([data-today]) {
1555
1703
  gap: calc(0.375rem * var(--mantine-scale));
1556
1704
  }
1557
1705
 
1558
1706
  @media (hover: hover) {
1559
- :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:hover {
1707
+ :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1ttnb_109:hover {
1560
1708
  background-color: var(--mantine-color-gray-0);
1561
1709
  }
1562
1710
 
1563
- :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:hover {
1711
+ :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1ttnb_109:hover {
1564
1712
  background-color: var(--mantine-color-dark-6);
1565
1713
  }
1566
1714
  }
1567
1715
 
1568
1716
  @media (hover: none) {
1569
- :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:active {
1717
+ :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1ttnb_109:active {
1570
1718
  background-color: var(--mantine-color-gray-0);
1571
1719
  }
1572
1720
 
1573
- :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:active {
1721
+ :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1ttnb_109:active {
1574
1722
  background-color: var(--mantine-color-dark-6);
1575
1723
  }
1576
1724
  }
1577
1725
 
1578
- ._weekViewDayLabel_1f3zt_100:where([data-static]) {
1726
+ ._weekViewDayLabel_1ttnb_109:where([data-static]) {
1579
1727
  cursor: default;
1580
1728
  pointer-events: none;
1581
1729
  }
1582
1730
 
1583
- ._weekViewDayNumber_1f3zt_138 {
1731
+ ._weekViewDayNumber_1ttnb_147 {
1584
1732
  text-align: center;
1585
1733
  width: calc(1.625rem * var(--mantine-scale));
1586
1734
  aspect-ratio: 1;
@@ -1591,18 +1739,18 @@
1591
1739
  font-size: var(--mantine-font-size-sm);
1592
1740
  }
1593
1741
 
1594
- :where(._weekViewDayLabel_1f3zt_100[data-today]) ._weekViewDayNumber_1f3zt_138 {
1742
+ :where(._weekViewDayLabel_1ttnb_109[data-today]) ._weekViewDayNumber_1ttnb_147 {
1595
1743
  background-color: var(--mantine-primary-color-filled);
1596
1744
  color: var(--mantine-primary-color-contrast);
1597
1745
  }
1598
1746
 
1599
- ._weekViewDayWeekday_1f3zt_154 {
1747
+ ._weekViewDayWeekday_1ttnb_163 {
1600
1748
  text-align: center;
1601
1749
  font-size: var(--mantine-font-size-sm);
1602
1750
  text-transform: capitalize;
1603
1751
  }
1604
1752
 
1605
- ._weekViewBackgroundEvent_1f3zt_160 {
1753
+ ._weekViewBackgroundEvent_1ttnb_169 {
1606
1754
  position: absolute;
1607
1755
  pointer-events: none;
1608
1756
  z-index: 2;
@@ -1615,7 +1763,7 @@
1615
1763
  color: var(--bg-event-color);
1616
1764
  }
1617
1765
 
1618
- ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]) {
1766
+ ._weekViewBackgroundEvent_1ttnb_169:where([data-interactive]) {
1619
1767
  pointer-events: auto;
1620
1768
  cursor: pointer;
1621
1769
  user-select: none;
@@ -1623,23 +1771,97 @@
1623
1771
 
1624
1772
  @media (hover: hover) {
1625
1773
 
1626
- ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):hover {
1774
+ ._weekViewBackgroundEvent_1ttnb_169:where([data-interactive]):hover {
1627
1775
  background-color: var(--bg-event-hover);
1628
1776
  }
1629
1777
  }
1630
1778
 
1631
1779
  @media (hover: none) {
1632
1780
 
1633
- ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):active {
1781
+ ._weekViewBackgroundEvent_1ttnb_169:where([data-interactive]):active {
1634
1782
  background-color: var(--bg-event-hover);
1635
1783
  }
1636
1784
  }
1637
1785
 
1638
- ._weekViewDaySlots_1f3zt_183 {
1786
+ @media (hover: hover) {
1787
+
1788
+ ._weekViewBackgroundEvent_1ttnb_169:where([data-resizing]):hover {
1789
+ background-color: var(--bg-event-bg);
1790
+ }
1791
+ }
1792
+
1793
+ @media (hover: none) {
1794
+
1795
+ ._weekViewBackgroundEvent_1ttnb_169:where([data-resizing]):active {
1796
+ background-color: var(--bg-event-bg);
1797
+ }
1798
+ }
1799
+
1800
+ ._weekViewBackgroundEventResizeHandle_1ttnb_198 {
1801
+ position: absolute;
1802
+ left: 50%;
1803
+ transform: translateX(-50%);
1804
+ width: 40%;
1805
+ max-width: calc(2.5rem * var(--mantine-scale));
1806
+ height: calc(0.25rem * var(--mantine-scale));
1807
+ border-radius: calc(0.125rem * var(--mantine-scale));
1808
+ cursor: ns-resize;
1809
+ pointer-events: all;
1810
+ z-index: 4;
1811
+ touch-action: none;
1812
+ background-color: var(--bg-event-color);
1813
+ opacity: 0;
1814
+ transition: opacity 100ms ease;
1815
+ }
1816
+
1817
+ ._weekViewBackgroundEventResizeHandle_1ttnb_198::before {
1818
+ content: '';
1819
+ position: absolute;
1820
+ inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
1821
+ }
1822
+
1823
+ ._weekViewBackgroundEventResizeHandle_1ttnb_198:where([data-edge='top']) {
1824
+ top: 0;
1825
+ }
1826
+
1827
+ ._weekViewBackgroundEventResizeHandle_1ttnb_198:where([data-edge='bottom']) {
1828
+ bottom: 0;
1829
+ }
1830
+
1831
+ ._weekViewBackgroundEvent_1ttnb_169:where(:hover, [data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198 {
1832
+ opacity: 0.5;
1833
+ }
1834
+
1835
+ @media (hover: hover) {
1836
+
1837
+ ._weekViewBackgroundEventResizeHandle_1ttnb_198:hover {
1838
+ opacity: 0.8;
1839
+ }
1840
+ }
1841
+
1842
+ @media (hover: none) {
1843
+
1844
+ ._weekViewBackgroundEventResizeHandle_1ttnb_198:active {
1845
+ opacity: 0.8;
1846
+ }
1847
+ }
1848
+
1849
+ ._weekView_1ttnb_1:where([data-slot-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]),
1850
+ ._weekViewRoot_1ttnb_22:where([data-event-interaction]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]),
1851
+ ._weekViewRoot_1ttnb_22:where([data-all-day-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) {
1852
+ pointer-events: none;
1853
+ }
1854
+
1855
+ ._weekView_1ttnb_1:where([data-slot-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198, ._weekViewRoot_1ttnb_22:where([data-event-interaction]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198, ._weekViewRoot_1ttnb_22:where([data-all-day-dragging]) ._weekViewBackgroundEvent_1ttnb_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_1ttnb_198 {
1856
+ pointer-events: none;
1857
+ opacity: 0;
1858
+ }
1859
+
1860
+ ._weekViewDaySlots_1ttnb_246 {
1639
1861
  position: relative;
1640
1862
  }
1641
1863
 
1642
- ._weekViewDaySlot_1f3zt_183 {
1864
+ ._weekViewDaySlot_1ttnb_246 {
1643
1865
  display: block;
1644
1866
  width: 100%;
1645
1867
  border-top: 1px solid var(--week-view-border-color);
@@ -1650,47 +1872,47 @@
1650
1872
  position: relative;
1651
1873
  }
1652
1874
 
1653
- ._weekViewDaySlot_1f3zt_183:where(:focus) {
1875
+ ._weekViewDaySlot_1ttnb_246:where(:focus) {
1654
1876
  z-index: 1;
1655
1877
  }
1656
1878
 
1657
1879
  @media (hover: hover) {
1658
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:hover {
1880
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:hover {
1659
1881
  background-color: var(--mantine-color-gray-1);
1660
1882
  }
1661
1883
 
1662
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:hover {
1884
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:hover {
1663
1885
  background-color: var(--mantine-color-dark-5);
1664
1886
  }
1665
1887
  }
1666
1888
 
1667
1889
  @media (hover: none) {
1668
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:active {
1890
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:active {
1669
1891
  background-color: var(--mantine-color-gray-1);
1670
1892
  }
1671
1893
 
1672
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:active {
1894
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:active {
1673
1895
  background-color: var(--mantine-color-dark-5);
1674
1896
  }
1675
1897
  }
1676
1898
 
1677
- ._weekViewDaySlot_1f3zt_183:where([data-business-hours]) {
1899
+ ._weekViewDaySlot_1ttnb_246:where([data-business-hours]) {
1678
1900
  background-color: var(--week-view-business-hours-bg);
1679
1901
  }
1680
1902
 
1681
- ._weekViewDaySlot_1f3zt_183:where([data-non-business-hours]) {
1903
+ ._weekViewDaySlot_1ttnb_246:where([data-non-business-hours]) {
1682
1904
  background-color: var(--week-view-non-business-hours-bg);
1683
1905
  }
1684
1906
 
1685
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
1907
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target]) {
1686
1908
  background-color: var(--mantine-color-blue-1);
1687
1909
  }
1688
1910
 
1689
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
1911
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target]) {
1690
1912
  background-color: var(--mantine-color-dark-5);
1691
1913
  }
1692
1914
 
1693
- ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
1915
+ ._weekViewDaySlot_1ttnb_246:where([data-drop-target])::before {
1694
1916
  content: '';
1695
1917
  position: absolute;
1696
1918
  inset: 0;
@@ -1700,20 +1922,29 @@
1700
1922
  border-radius: calc(0.125rem * var(--mantine-scale));
1701
1923
  }
1702
1924
 
1703
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
1925
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target])::before {
1704
1926
  border-color: var(--mantine-color-blue-4);
1705
1927
  }
1706
1928
 
1707
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
1929
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:where([data-drop-target])::before {
1708
1930
  border-color: var(--mantine-color-blue-6);
1709
1931
  }
1710
1932
 
1711
- ._weekViewDaySlot_1f3zt_183:where([data-drag-selected]),
1712
- ._weekViewDaySlot_1f3zt_183:where([data-drag-selected]):hover {
1933
+ ._weekViewDaySlot_1ttnb_246:where([data-drop-target]):where([data-invalid]) {
1934
+ background-color: transparent;
1935
+ }
1936
+
1937
+ ._weekViewDaySlot_1ttnb_246:where([data-drop-target]):where([data-invalid])::before {
1938
+ border-color: var(--mantine-color-error);
1939
+ opacity: 0.6;
1940
+ }
1941
+
1942
+ ._weekViewDaySlot_1ttnb_246:where([data-drag-selected]),
1943
+ ._weekViewDaySlot_1ttnb_246:where([data-drag-selected]):hover {
1713
1944
  background-color: var(--mantine-primary-color-light);
1714
1945
  }
1715
1946
 
1716
- ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
1947
+ ._weekViewDaySlot_1ttnb_246:where([data-drag-selected])::before {
1717
1948
  content: '';
1718
1949
  position: absolute;
1719
1950
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -1722,72 +1953,72 @@
1722
1953
  border: calc(0.0625rem * var(--mantine-scale)) solid;
1723
1954
  }
1724
1955
 
1725
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
1956
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1ttnb_246:where([data-drag-selected])::before {
1726
1957
  border-color: var(--mantine-primary-color-2);
1727
1958
  }
1728
1959
 
1729
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
1960
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1ttnb_246:where([data-drag-selected])::before {
1730
1961
  border-color: var(--mantine-primary-color-9);
1731
1962
  }
1732
1963
 
1733
- ._weekViewDaySlot_1f3zt_183:where([data-drag-slot-index]) {
1964
+ ._weekViewDaySlot_1ttnb_246:where([data-drag-slot-index]) {
1734
1965
  touch-action: none;
1735
1966
  }
1736
1967
 
1737
- ._weekViewDaySlot_1f3zt_183:where([data-static]) {
1968
+ ._weekViewDaySlot_1ttnb_246:where([data-static]) {
1738
1969
  cursor: default;
1739
1970
  pointer-events: none;
1740
1971
  }
1741
1972
 
1742
- ._weekViewWeekLabel_1f3zt_281 {
1973
+ ._weekViewWeekLabel_1ttnb_353 {
1743
1974
  text-align: center;
1744
1975
  margin-bottom: calc(0.25rem * var(--mantine-scale));
1745
1976
  font-size: var(--mantine-font-size-sm);
1746
1977
  }
1747
1978
 
1748
- ._weekViewWeekNumber_1f3zt_287 {
1979
+ ._weekViewWeekNumber_1ttnb_359 {
1749
1980
  font-weight: var(--mantine-font-weight-medium);
1750
1981
  text-align: center;
1751
1982
  font-size: var(--mantine-font-size-lg);
1752
1983
  }
1753
1984
 
1754
- ._weekViewAllDaySlots_1f3zt_293 {
1985
+ ._weekViewAllDaySlots_1ttnb_365 {
1755
1986
  display: flex;
1756
1987
  height: var(--week-view-all-day-slots-height);
1757
1988
  }
1758
1989
 
1759
- ._weekViewAllDaySlotsLabel_1f3zt_298 {
1990
+ ._weekViewAllDaySlotsLabel_1ttnb_370 {
1760
1991
  flex: 0 0 var(--week-view-slots-label-width);
1761
1992
  text-align: right;
1762
1993
  padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
1763
1994
  font-size: var(--mantine-font-size-sm);
1764
1995
  }
1765
1996
 
1766
- ._weekViewAllDaySlotsEvents_1f3zt_305 {
1997
+ ._weekViewAllDaySlotsEvents_1ttnb_377 {
1767
1998
  position: absolute;
1768
1999
  inset: 0;
1769
2000
  overflow: hidden;
1770
2001
  pointer-events: none;
1771
2002
  }
1772
2003
 
1773
- ._weekViewAllDaySlotsList_1f3zt_312 {
2004
+ ._weekViewAllDaySlotsList_1ttnb_384 {
1774
2005
  position: relative;
1775
2006
  width: 100%;
1776
2007
  height: 100%;
1777
2008
  display: flex;
1778
2009
  }
1779
2010
 
1780
- ._weekViewAllDaySlotsList_1f3zt_312 > ._weekViewDaySlot_1f3zt_183 {
2011
+ ._weekViewAllDaySlotsList_1ttnb_384 > ._weekViewDaySlot_1ttnb_246 {
1781
2012
  flex: 1;
1782
2013
  border-inline-start: 1px solid var(--week-view-border-color);
1783
2014
  height: 100%;
1784
2015
  }
1785
2016
 
1786
- ._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305 {
2017
+ ._weekViewAllDaySlotsList_1ttnb_384:hover ._weekViewAllDaySlotsEvents_1ttnb_377, ._weekViewAllDaySlotsList_1ttnb_384:focus-within ._weekViewAllDaySlotsEvents_1ttnb_377 {
1787
2018
  overflow: visible;
1788
2019
  }
1789
2020
 
1790
- ._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305::before, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305::before {
2021
+ ._weekViewAllDaySlotsList_1ttnb_384:hover ._weekViewAllDaySlotsEvents_1ttnb_377::before, ._weekViewAllDaySlotsList_1ttnb_384:focus-within ._weekViewAllDaySlotsEvents_1ttnb_377::before {
1791
2022
  content: '';
1792
2023
  position: absolute;
1793
2024
  top: 100%;
@@ -2152,7 +2383,7 @@
2152
2383
  display: block
2153
2384
  }
2154
2385
  }
2155
- ._resourcesDayView_wmj51_1 {
2386
+ ._resourcesDayView_1ak2d_1 {
2156
2387
  --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2157
2388
  --resources-day-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2158
2389
  --resources-day-view-slot-width: calc(5rem * var(--mantine-scale));
@@ -2161,19 +2392,19 @@
2161
2392
  --resources-day-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2162
2393
  }
2163
2394
 
2164
- :where([data-mantine-color-scheme='light']) ._resourcesDayView_wmj51_1 {
2395
+ :where([data-mantine-color-scheme='light']) ._resourcesDayView_1ak2d_1 {
2165
2396
  --resources-day-view-border-color: var(--mantine-color-gray-3);
2166
2397
  --resources-day-view-business-hours-bg: var(--mantine-color-white);
2167
2398
  --resources-day-view-non-business-hours-bg: var(--mantine-color-gray-0);
2168
2399
  }
2169
2400
 
2170
- :where([data-mantine-color-scheme='dark']) ._resourcesDayView_wmj51_1 {
2401
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayView_1ak2d_1 {
2171
2402
  --resources-day-view-border-color: var(--mantine-color-dark-4);
2172
2403
  --resources-day-view-business-hours-bg: var(--mantine-color-dark-7);
2173
2404
  --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);
2174
2405
  }
2175
2406
 
2176
- ._resourcesDayViewRoot_wmj51_22 {
2407
+ ._resourcesDayViewRoot_1ak2d_22 {
2177
2408
  border: 1px solid var(--resources-day-view-border-color);
2178
2409
  border-radius: var(--resources-day-view-radius);
2179
2410
  overflow: hidden;
@@ -2181,20 +2412,20 @@
2181
2412
  position: relative;
2182
2413
  }
2183
2414
 
2184
- ._resourcesDayViewScrollArea_wmj51_30 :where([data-mantine-scrollbar]) {
2415
+ ._resourcesDayViewScrollArea_1ak2d_30 :where([data-mantine-scrollbar]) {
2185
2416
  z-index: 20;
2186
2417
  }
2187
2418
 
2188
- ._resourcesDayViewScrollArea_wmj51_30 :where([data-scrollarea-viewport]) {
2419
+ ._resourcesDayViewScrollArea_1ak2d_30 :where([data-scrollarea-viewport]) {
2189
2420
  overscroll-behavior-x: none;
2190
2421
  }
2191
2422
 
2192
- ._resourcesDayViewInner_wmj51_39 {
2423
+ ._resourcesDayViewInner_1ak2d_39 {
2193
2424
  display: inline-flex;
2194
2425
  flex-direction: column;
2195
2426
  position: relative;
2196
2427
  }
2197
- ._resourcesDayViewTimeLabelsRow_wmj51_44 {
2428
+ ._resourcesDayViewTimeLabelsRow_1ak2d_44 {
2198
2429
  display: flex;
2199
2430
  position: sticky;
2200
2431
  top: 0;
@@ -2204,10 +2435,10 @@
2204
2435
  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2205
2436
  transition: box-shadow 100ms ease;
2206
2437
  }
2207
- ._resourcesDayViewTimeLabelsRow_wmj51_44:where([data-scrolled]) {
2438
+ ._resourcesDayViewTimeLabelsRow_1ak2d_44:where([data-scrolled]) {
2208
2439
  box-shadow: var(--mantine-shadow-sm);
2209
2440
  }
2210
- ._resourcesDayViewCorner_wmj51_57 {
2441
+ ._resourcesDayViewCorner_1ak2d_57 {
2211
2442
  flex: 0 0 var(--resources-day-view-resource-label-width);
2212
2443
  min-width: var(--resources-day-view-resource-label-width);
2213
2444
  border-inline-end: 1px solid var(--resources-day-view-border-color);
@@ -2222,7 +2453,7 @@
2222
2453
  font-weight: var(--mantine-font-weight-medium);
2223
2454
  user-select: none;
2224
2455
  }
2225
- ._resourcesDayViewTimeLabel_wmj51_44 {
2456
+ ._resourcesDayViewTimeLabel_1ak2d_44 {
2226
2457
  flex: 0 0 var(--resources-day-view-slot-width);
2227
2458
  min-width: var(--resources-day-view-slot-width);
2228
2459
  max-width: var(--resources-day-view-slot-width);
@@ -2237,20 +2468,20 @@
2237
2468
  text-transform: uppercase;
2238
2469
  border-inline-end: 1px solid var(--resources-day-view-border-color);
2239
2470
  }
2240
- ._resourcesDayViewTimeLabel_wmj51_44:where(:last-of-type) {
2471
+ ._resourcesDayViewTimeLabel_1ak2d_44:where(:last-of-type) {
2241
2472
  border-inline-end: none;
2242
2473
  }
2243
- ._resourcesDayViewTimeLabel_wmj51_44:where([data-business-hours]) {
2474
+ ._resourcesDayViewTimeLabel_1ak2d_44:where([data-business-hours]) {
2244
2475
  background-color: var(--resources-day-view-business-hours-bg);
2245
2476
  }
2246
- ._resourcesDayViewTimeLabel_wmj51_44:where([data-non-business-hours]) {
2477
+ ._resourcesDayViewTimeLabel_1ak2d_44:where([data-non-business-hours]) {
2247
2478
  background-color: var(--resources-day-view-non-business-hours-bg);
2248
2479
  }
2249
- ._resourcesDayViewRow_wmj51_96 {
2480
+ ._resourcesDayViewRow_1ak2d_96 {
2250
2481
  display: flex;
2251
2482
  border-top: 1px solid var(--resources-day-view-border-color);
2252
2483
  }
2253
- ._resourcesDayViewResourceLabel_wmj51_100 {
2484
+ ._resourcesDayViewResourceLabel_1ak2d_100 {
2254
2485
  flex: 0 0 var(--resources-day-view-resource-label-width);
2255
2486
  min-width: var(--resources-day-view-resource-label-width);
2256
2487
  display: flex;
@@ -2268,14 +2499,14 @@
2268
2499
  background-color: var(--mantine-color-body);
2269
2500
  transition: box-shadow 100ms ease;
2270
2501
  }
2271
- ._resourcesDayViewResourceLabel_wmj51_100:where([data-scrolled-x]) {
2502
+ ._resourcesDayViewResourceLabel_1ak2d_100:where([data-scrolled-x]) {
2272
2503
  box-shadow: var(--mantine-shadow-sm);
2273
2504
  }
2274
- ._resourcesDayViewResourceLabel_wmj51_100:where([data-has-groups]) {
2505
+ ._resourcesDayViewResourceLabel_1ak2d_100:where([data-has-groups]) {
2275
2506
  left: var(--resources-day-view-group-label-width);
2276
2507
  }
2277
- ._resourcesDayViewGroupColumn_wmj51_124,
2278
- ._resourcesDayViewGroupColumnEmpty_wmj51_125 {
2508
+ ._resourcesDayViewGroupColumn_1ak2d_124,
2509
+ ._resourcesDayViewGroupColumnEmpty_1ak2d_125 {
2279
2510
  flex: 0 0 var(--resources-day-view-group-label-width);
2280
2511
  min-width: var(--resources-day-view-group-label-width);
2281
2512
  min-height: var(--resources-day-view-row-height);
@@ -2285,7 +2516,7 @@
2285
2516
  background-color: var(--mantine-color-body);
2286
2517
  border-inline-end: 1px solid var(--resources-day-view-border-color);
2287
2518
  }
2288
- ._resourcesDayViewGroupColumn_wmj51_124 {
2519
+ ._resourcesDayViewGroupColumn_1ak2d_124 {
2289
2520
  display: flex;
2290
2521
  align-items: center;
2291
2522
  justify-content: center;
@@ -2296,19 +2527,19 @@
2296
2527
  user-select: none;
2297
2528
  overflow: visible;
2298
2529
  }
2299
- ._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='first'], [data-group-position='only']) {
2530
+ ._resourcesDayViewGroupColumn_1ak2d_124:where([data-group-position='first'], [data-group-position='only']) {
2300
2531
  z-index: 13;
2301
2532
  }
2302
- ._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='middle'], [data-group-position='last']) {
2533
+ ._resourcesDayViewGroupColumn_1ak2d_124:where([data-group-position='middle'], [data-group-position='last']) {
2303
2534
  margin-top: calc(-0.0625rem * var(--mantine-scale));
2304
2535
  min-height: calc(var(--resources-day-view-row-height) + 1px);
2305
2536
  }
2306
- ._resourcesDayViewRowSlots_wmj51_153 {
2537
+ ._resourcesDayViewRowSlots_1ak2d_153 {
2307
2538
  display: flex;
2308
2539
  position: relative;
2309
2540
  min-height: var(--resources-day-view-row-height);
2310
2541
  }
2311
- ._resourcesDayViewRowSlot_wmj51_153 {
2542
+ ._resourcesDayViewRowSlot_1ak2d_153 {
2312
2543
  flex: 0 0 var(--resources-day-view-slot-width);
2313
2544
  min-width: var(--resources-day-view-slot-width);
2314
2545
  max-width: var(--resources-day-view-slot-width);
@@ -2317,41 +2548,41 @@
2317
2548
  cursor: pointer;
2318
2549
  position: relative;
2319
2550
  }
2320
- ._resourcesDayViewRowSlot_wmj51_153:where(:last-of-type) {
2551
+ ._resourcesDayViewRowSlot_1ak2d_153:where(:last-of-type) {
2321
2552
  border-inline-end: none;
2322
2553
  }
2323
- ._resourcesDayViewRowSlot_wmj51_153:where(:focus) {
2554
+ ._resourcesDayViewRowSlot_1ak2d_153:where(:focus) {
2324
2555
  z-index: 1;
2325
2556
  }
2326
- ._resourcesDayViewRowSlot_wmj51_153:where([data-business-hours]) {
2557
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-business-hours]) {
2327
2558
  background-color: var(--resources-day-view-business-hours-bg);
2328
2559
  }
2329
- ._resourcesDayViewRowSlot_wmj51_153:where([data-non-business-hours]) {
2560
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-non-business-hours]) {
2330
2561
  background-color: var(--resources-day-view-non-business-hours-bg);
2331
2562
  }
2332
2563
  @media (hover: hover) {
2333
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:hover {
2564
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:hover {
2334
2565
  background-color: var(--mantine-color-gray-1);
2335
2566
  }
2336
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:hover {
2567
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:hover {
2337
2568
  background-color: var(--mantine-color-dark-5);
2338
2569
  }
2339
2570
  }
2340
2571
  @media (hover: none) {
2341
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:active {
2572
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:active {
2342
2573
  background-color: var(--mantine-color-gray-1);
2343
2574
  }
2344
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:active {
2575
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:active {
2345
2576
  background-color: var(--mantine-color-dark-5);
2346
2577
  }
2347
2578
  }
2348
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
2579
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]) {
2349
2580
  background-color: var(--mantine-color-blue-1);
2350
2581
  }
2351
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
2582
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]) {
2352
2583
  background-color: var(--mantine-color-dark-5);
2353
2584
  }
2354
- ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
2585
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target])::before {
2355
2586
  content: '';
2356
2587
  position: absolute;
2357
2588
  inset: 0;
@@ -2360,17 +2591,24 @@
2360
2591
  border: calc(0.0625rem * var(--mantine-scale)) solid;
2361
2592
  border-radius: calc(0.125rem * var(--mantine-scale));
2362
2593
  }
2363
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
2594
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target])::before {
2364
2595
  border-color: var(--mantine-color-blue-4);
2365
2596
  }
2366
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
2597
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target])::before {
2367
2598
  border-color: var(--mantine-color-blue-6);
2368
2599
  }
2369
- ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]),
2370
- ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]):hover {
2600
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]):where([data-invalid]) {
2601
+ background-color: transparent;
2602
+ }
2603
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-drop-target]):where([data-invalid])::before {
2604
+ border-color: var(--mantine-color-error);
2605
+ opacity: 0.6;
2606
+ }
2607
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-selected]),
2608
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-selected]):hover {
2371
2609
  background-color: var(--mantine-primary-color-light);
2372
2610
  }
2373
- ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected])::before {
2611
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-selected])::before {
2374
2612
  content: '';
2375
2613
  position: absolute;
2376
2614
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2378,14 +2616,14 @@
2378
2616
  z-index: 2;
2379
2617
  border: 1px solid var(--mantine-primary-color-2);
2380
2618
  }
2381
- ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-slot-index]) {
2619
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-drag-slot-index]) {
2382
2620
  touch-action: none;
2383
2621
  }
2384
- ._resourcesDayViewRowSlot_wmj51_153:where([data-static]) {
2622
+ ._resourcesDayViewRowSlot_1ak2d_153:where([data-static]) {
2385
2623
  cursor: default;
2386
2624
  pointer-events: none;
2387
2625
  }
2388
- ._resourcesDayViewCurrentTimeIndicator_wmj51_231 {
2626
+ ._resourcesDayViewCurrentTimeIndicator_1ak2d_240 {
2389
2627
  --_indicator-color: var(--resources-day-view-indicator-color, var(--mantine-color-red-7));
2390
2628
  --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2391
2629
  --_thumb-size: calc(0.75rem * var(--mantine-scale));
@@ -2397,13 +2635,13 @@
2397
2635
  width: calc(0.125rem * var(--mantine-scale));
2398
2636
  z-index: 3;
2399
2637
  }
2400
- ._resourcesDayViewCurrentTimeIndicatorLine_wmj51_243 {
2638
+ ._resourcesDayViewCurrentTimeIndicatorLine_1ak2d_252 {
2401
2639
  width: 100%;
2402
2640
  position: absolute;
2403
2641
  inset-block: 0;
2404
2642
  background-color: var(--_indicator-color);
2405
2643
  }
2406
- ._resourcesDayViewCurrentTimeIndicatorThumb_wmj51_249 {
2644
+ ._resourcesDayViewCurrentTimeIndicatorThumb_1ak2d_258 {
2407
2645
  position: absolute;
2408
2646
  top: calc(-0.3125rem * var(--mantine-scale));
2409
2647
  left: calc(-0.3125rem * var(--mantine-scale));
@@ -2413,7 +2651,7 @@
2413
2651
  border: 1px solid var(--mantine-color-body);
2414
2652
  background-color: var(--_indicator-color);
2415
2653
  }
2416
- ._resourcesDayViewCurrentTimeIndicatorTimeBubble_wmj51_259 {
2654
+ ._resourcesDayViewCurrentTimeIndicatorTimeBubble_1ak2d_268 {
2417
2655
  position: absolute;
2418
2656
  height: var(--_time-bubble-height);
2419
2657
  width: var(--_time-bubble-width);
@@ -2432,7 +2670,7 @@
2432
2670
  left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2433
2671
  z-index: 3;
2434
2672
  }
2435
- ._resourcesDayViewBackgroundEvent_wmj51_278 {
2673
+ ._resourcesDayViewBackgroundEvent_1ak2d_287 {
2436
2674
  position: absolute;
2437
2675
  pointer-events: none;
2438
2676
  z-index: 2;
@@ -2444,34 +2682,46 @@
2444
2682
  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2445
2683
  color: var(--bg-event-color);
2446
2684
  }
2447
- ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]) {
2685
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-interactive]) {
2448
2686
  pointer-events: auto;
2449
2687
  cursor: pointer;
2450
2688
  user-select: none;
2451
2689
  }
2452
2690
  @media (hover: hover) {
2453
2691
 
2454
- ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):hover {
2692
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-interactive]):hover {
2455
2693
  background-color: var(--bg-event-hover);
2456
2694
  }
2457
2695
  }
2458
2696
  @media (hover: none) {
2459
2697
 
2460
- ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):active {
2698
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-interactive]):active {
2461
2699
  background-color: var(--bg-event-hover);
2462
2700
  }
2463
2701
  }
2464
- ._resourcesDayViewAllDayEvent_wmj51_300 {
2702
+ @media (hover: hover) {
2703
+
2704
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]):hover {
2705
+ background-color: var(--bg-event-bg);
2706
+ }
2707
+ }
2708
+ @media (hover: none) {
2709
+
2710
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]):active {
2711
+ background-color: var(--bg-event-bg);
2712
+ }
2713
+ }
2714
+ ._resourcesDayViewAllDayEvent_1ak2d_315 {
2465
2715
  position: absolute;
2466
2716
  inset-inline: calc(0.0625rem * var(--mantine-scale));
2467
2717
  height: var(--resources-day-view-all-day-height);
2468
2718
  z-index: 3;
2469
2719
  }
2470
- ._resourcesDayViewEventWrapper_wmj51_306 {
2720
+ ._resourcesDayViewEventWrapper_1ak2d_321 {
2471
2721
  position: absolute;
2472
2722
  z-index: 3;
2473
2723
  }
2474
- ._resourcesDayViewResizeHandle_wmj51_310 {
2724
+ ._resourcesDayViewResizeHandle_1ak2d_325 {
2475
2725
  position: absolute;
2476
2726
  top: 20%;
2477
2727
  width: calc(0.25rem * var(--mantine-scale));
@@ -2484,35 +2734,64 @@
2484
2734
  pointer-events: all;
2485
2735
  background-color: var(--event-color);
2486
2736
  }
2487
- ._resourcesDayViewResizeHandle_wmj51_310::before {
2737
+ ._resourcesDayViewResizeHandle_1ak2d_325::before {
2488
2738
  content: '';
2489
2739
  position: absolute;
2490
2740
  inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2491
2741
  }
2492
- ._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='start']) {
2742
+ ._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='start']) {
2493
2743
  left: calc(-0.125rem * var(--mantine-scale));
2494
2744
  }
2495
- ._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='end']) {
2745
+ ._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='end']) {
2496
2746
  right: calc(-0.125rem * var(--mantine-scale));
2497
2747
  }
2498
- ._resourcesDayViewEventWrapper_wmj51_306:hover ._resourcesDayViewResizeHandle_wmj51_310 {
2748
+ ._resourcesDayViewEventWrapper_1ak2d_321:hover ._resourcesDayViewResizeHandle_1ak2d_325 {
2499
2749
  opacity: 0.5;
2500
2750
  }
2501
- ._resourcesDayViewEventWrapper_wmj51_306 ._resourcesDayViewResizeHandle_wmj51_310:hover,
2502
- ._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310[data-active] {
2751
+ ._resourcesDayViewEventWrapper_1ak2d_321 ._resourcesDayViewResizeHandle_1ak2d_325:hover,
2752
+ ._resourcesDayViewEventWrapper_1ak2d_321[data-resizing] ._resourcesDayViewResizeHandle_1ak2d_325[data-active] {
2503
2753
  opacity: 0.8;
2504
2754
  }
2505
- ._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310:not([data-active]) {
2755
+ ._resourcesDayViewEventWrapper_1ak2d_321[data-resizing] ._resourcesDayViewResizeHandle_1ak2d_325:not([data-active]) {
2506
2756
  opacity: 0;
2507
2757
  pointer-events: none;
2508
2758
  }
2509
- ._resourcesDayView_wmj51_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_wmj51_153 {
2759
+ ._resourcesDayView_1ak2d_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_1ak2d_153 {
2510
2760
  pointer-events: none;
2511
2761
  }
2512
- ._resourcesDayView_wmj51_1:where([data-resizing]) * {
2762
+ ._resourcesDayView_1ak2d_1:where([data-event-interaction], [data-slot-dragging])
2763
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:not([data-resizing]) {
2764
+ pointer-events: none;
2765
+ }
2766
+ ._resourcesDayView_1ak2d_1:where([data-event-interaction], [data-slot-dragging])
2767
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:not([data-resizing]) ._resourcesDayViewResizeHandle_1ak2d_325 {
2768
+ pointer-events: none;
2769
+ opacity: 0;
2770
+ }
2771
+ ._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325 {
2772
+ background-color: var(--bg-event-color);
2773
+ }
2774
+ ._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='start']) {
2775
+ left: 0;
2776
+ }
2777
+ ._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325:where([data-edge='end']) {
2778
+ right: 0;
2779
+ }
2780
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:hover ._resourcesDayViewResizeHandle_1ak2d_325 {
2781
+ opacity: 0.5;
2782
+ }
2783
+ ._resourcesDayViewBackgroundEvent_1ak2d_287 ._resourcesDayViewResizeHandle_1ak2d_325:hover,
2784
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]) ._resourcesDayViewResizeHandle_1ak2d_325:where([data-active]) {
2785
+ opacity: 0.8;
2786
+ }
2787
+ ._resourcesDayViewBackgroundEvent_1ak2d_287:where([data-resizing]) ._resourcesDayViewResizeHandle_1ak2d_325:not([data-active]) {
2788
+ opacity: 0;
2789
+ pointer-events: none;
2790
+ }
2791
+ ._resourcesDayView_1ak2d_1:where([data-resizing]) * {
2513
2792
  cursor: ew-resize !important;
2514
2793
  }
2515
- ._resourcesWeekView_1komm_1 {
2794
+ ._resourcesWeekView_1g2tz_1 {
2516
2795
  --resources-week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2517
2796
  --resources-week-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2518
2797
  --resources-week-view-slot-width: calc(3.75rem * var(--mantine-scale));
@@ -2520,35 +2799,35 @@
2520
2799
  --resources-week-view-group-label-width: calc(5rem * var(--mantine-scale));
2521
2800
  --resources-week-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2522
2801
  }
2523
- :where([data-mantine-color-scheme='light']) ._resourcesWeekView_1komm_1 {
2802
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekView_1g2tz_1 {
2524
2803
  --resources-week-view-border-color: var(--mantine-color-gray-3);
2525
2804
  --resources-week-view-business-hours-bg: var(--mantine-color-white);
2526
2805
  --resources-week-view-non-business-hours-bg: var(--mantine-color-gray-0);
2527
2806
  }
2528
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_1komm_1 {
2807
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_1g2tz_1 {
2529
2808
  --resources-week-view-border-color: var(--mantine-color-dark-4);
2530
2809
  --resources-week-view-business-hours-bg: var(--mantine-color-dark-7);
2531
2810
  --resources-week-view-non-business-hours-bg: var(--mantine-color-dark-6);
2532
2811
  }
2533
- ._resourcesWeekViewRoot_1komm_19 {
2812
+ ._resourcesWeekViewRoot_1g2tz_19 {
2534
2813
  border: 1px solid var(--resources-week-view-border-color);
2535
2814
  border-radius: var(--resources-week-view-radius);
2536
2815
  overflow: hidden;
2537
2816
  max-width: fit-content;
2538
2817
  position: relative;
2539
2818
  }
2540
- ._resourcesWeekViewScrollArea_1komm_26 :where([data-mantine-scrollbar]) {
2819
+ ._resourcesWeekViewScrollArea_1g2tz_26 :where([data-mantine-scrollbar]) {
2541
2820
  z-index: 20;
2542
2821
  }
2543
- ._resourcesWeekViewScrollArea_1komm_26 :where([data-scrollarea-viewport]) {
2822
+ ._resourcesWeekViewScrollArea_1g2tz_26 :where([data-scrollarea-viewport]) {
2544
2823
  overscroll-behavior-x: none;
2545
2824
  }
2546
- ._resourcesWeekViewInner_1komm_34 {
2825
+ ._resourcesWeekViewInner_1g2tz_34 {
2547
2826
  display: inline-flex;
2548
2827
  flex-direction: column;
2549
2828
  position: relative;
2550
2829
  }
2551
- ._resourcesWeekViewHeaderRows_1komm_39 {
2830
+ ._resourcesWeekViewHeaderRows_1g2tz_39 {
2552
2831
  display: flex;
2553
2832
  position: sticky;
2554
2833
  top: 0;
@@ -2557,7 +2836,7 @@
2557
2836
  border-bottom: 1px solid var(--resources-week-view-border-color);
2558
2837
  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2559
2838
  }
2560
- ._resourcesWeekViewCorner_1komm_48 {
2839
+ ._resourcesWeekViewCorner_1g2tz_48 {
2561
2840
  flex: 0 0 var(--resources-week-view-resource-label-width);
2562
2841
  min-width: var(--resources-week-view-resource-label-width);
2563
2842
  border-inline-end: 1px solid var(--resources-week-view-border-color);
@@ -2572,15 +2851,15 @@
2572
2851
  font-weight: var(--mantine-font-weight-medium);
2573
2852
  user-select: none;
2574
2853
  }
2575
- ._resourcesWeekViewHeaderContent_1komm_63 {
2854
+ ._resourcesWeekViewHeaderContent_1g2tz_63 {
2576
2855
  display: flex;
2577
2856
  flex-direction: column;
2578
2857
  }
2579
- ._resourcesWeekViewDayLabelsRow_1komm_67 {
2858
+ ._resourcesWeekViewDayLabelsRow_1g2tz_67 {
2580
2859
  display: flex;
2581
2860
  border-bottom: 1px solid var(--resources-week-view-border-color);
2582
2861
  }
2583
- ._resourcesWeekViewDayLabel_1komm_67 {
2862
+ ._resourcesWeekViewDayLabel_1g2tz_67 {
2584
2863
  display: flex;
2585
2864
  align-items: center;
2586
2865
  justify-content: center;
@@ -2592,21 +2871,21 @@
2592
2871
  text-transform: capitalize;
2593
2872
  border-inline-end: 1px solid var(--resources-week-view-border-color);
2594
2873
  }
2595
- ._resourcesWeekViewDayLabel_1komm_67:where(:last-of-type) {
2874
+ ._resourcesWeekViewDayLabel_1g2tz_67:where(:last-of-type) {
2596
2875
  border-inline-end: none;
2597
2876
  }
2598
- ._resourcesWeekViewDayLabel_1komm_67:where([data-weekend]) {
2877
+ ._resourcesWeekViewDayLabel_1g2tz_67:where([data-weekend]) {
2599
2878
  color: var(--mantine-color-red-6);
2600
2879
  }
2601
- ._resourcesWeekViewDayLabel_1komm_67:where([data-today]) {
2880
+ ._resourcesWeekViewDayLabel_1g2tz_67:where([data-today]) {
2602
2881
  color: var(--mantine-primary-color-contrast);
2603
2882
  background-color: var(--mantine-primary-color-filled);
2604
2883
  font-weight: var(--mantine-font-weight-bold);
2605
2884
  }
2606
- ._resourcesWeekViewTimeLabelsRow_1komm_94 {
2885
+ ._resourcesWeekViewTimeLabelsRow_1g2tz_94 {
2607
2886
  display: flex;
2608
2887
  }
2609
- ._resourcesWeekViewTimeLabel_1komm_94 {
2888
+ ._resourcesWeekViewTimeLabel_1g2tz_94 {
2610
2889
  flex: 0 0 var(--resources-week-view-slot-width);
2611
2890
  min-width: var(--resources-week-view-slot-width);
2612
2891
  max-width: var(--resources-week-view-slot-width);
@@ -2621,20 +2900,20 @@
2621
2900
  text-transform: uppercase;
2622
2901
  border-inline-end: 1px solid var(--resources-week-view-border-color);
2623
2902
  }
2624
- ._resourcesWeekViewTimeLabel_1komm_94:where(:last-of-type) {
2903
+ ._resourcesWeekViewTimeLabel_1g2tz_94:where(:last-of-type) {
2625
2904
  border-inline-end: none;
2626
2905
  }
2627
- ._resourcesWeekViewTimeLabel_1komm_94:where([data-business-hours]) {
2906
+ ._resourcesWeekViewTimeLabel_1g2tz_94:where([data-business-hours]) {
2628
2907
  background-color: var(--resources-week-view-business-hours-bg);
2629
2908
  }
2630
- ._resourcesWeekViewTimeLabel_1komm_94:where([data-non-business-hours]) {
2909
+ ._resourcesWeekViewTimeLabel_1g2tz_94:where([data-non-business-hours]) {
2631
2910
  background-color: var(--resources-week-view-non-business-hours-bg);
2632
2911
  }
2633
- ._resourcesWeekViewRow_1komm_121 {
2912
+ ._resourcesWeekViewRow_1g2tz_121 {
2634
2913
  display: flex;
2635
2914
  border-top: 1px solid var(--resources-week-view-border-color);
2636
2915
  }
2637
- ._resourcesWeekViewResourceLabel_1komm_125 {
2916
+ ._resourcesWeekViewResourceLabel_1g2tz_125 {
2638
2917
  flex: 0 0 var(--resources-week-view-resource-label-width);
2639
2918
  min-width: var(--resources-week-view-resource-label-width);
2640
2919
  display: flex;
@@ -2652,14 +2931,14 @@
2652
2931
  background-color: var(--mantine-color-body);
2653
2932
  transition: box-shadow 100ms ease;
2654
2933
  }
2655
- ._resourcesWeekViewResourceLabel_1komm_125:where([data-scrolled-x]) {
2934
+ ._resourcesWeekViewResourceLabel_1g2tz_125:where([data-scrolled-x]) {
2656
2935
  box-shadow: var(--mantine-shadow-sm);
2657
2936
  }
2658
- ._resourcesWeekViewResourceLabel_1komm_125:where([data-has-groups]) {
2937
+ ._resourcesWeekViewResourceLabel_1g2tz_125:where([data-has-groups]) {
2659
2938
  left: var(--resources-week-view-group-label-width);
2660
2939
  }
2661
- ._resourcesWeekViewGroupColumn_1komm_149,
2662
- ._resourcesWeekViewGroupColumnEmpty_1komm_150 {
2940
+ ._resourcesWeekViewGroupColumn_1g2tz_149,
2941
+ ._resourcesWeekViewGroupColumnEmpty_1g2tz_150 {
2663
2942
  flex: 0 0 var(--resources-week-view-group-label-width);
2664
2943
  min-width: var(--resources-week-view-group-label-width);
2665
2944
  min-height: var(--resources-week-view-row-height);
@@ -2669,7 +2948,7 @@
2669
2948
  background-color: var(--mantine-color-body);
2670
2949
  border-inline-end: 1px solid var(--resources-week-view-border-color);
2671
2950
  }
2672
- ._resourcesWeekViewGroupColumn_1komm_149 {
2951
+ ._resourcesWeekViewGroupColumn_1g2tz_149 {
2673
2952
  display: flex;
2674
2953
  align-items: center;
2675
2954
  justify-content: center;
@@ -2680,19 +2959,19 @@
2680
2959
  user-select: none;
2681
2960
  overflow: visible;
2682
2961
  }
2683
- ._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='first'], [data-group-position='only']) {
2962
+ ._resourcesWeekViewGroupColumn_1g2tz_149:where([data-group-position='first'], [data-group-position='only']) {
2684
2963
  z-index: 13;
2685
2964
  }
2686
- ._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='middle'], [data-group-position='last']) {
2965
+ ._resourcesWeekViewGroupColumn_1g2tz_149:where([data-group-position='middle'], [data-group-position='last']) {
2687
2966
  margin-top: calc(-0.0625rem * var(--mantine-scale));
2688
2967
  min-height: calc(var(--resources-week-view-row-height) + 1px);
2689
2968
  }
2690
- ._resourcesWeekViewRowSlots_1komm_178 {
2969
+ ._resourcesWeekViewRowSlots_1g2tz_178 {
2691
2970
  display: flex;
2692
2971
  position: relative;
2693
2972
  min-height: var(--resources-week-view-row-height);
2694
2973
  }
2695
- ._resourcesWeekViewRowSlot_1komm_178 {
2974
+ ._resourcesWeekViewRowSlot_1g2tz_178 {
2696
2975
  flex: 0 0 var(--resources-week-view-slot-width);
2697
2976
  min-width: var(--resources-week-view-slot-width);
2698
2977
  max-width: var(--resources-week-view-slot-width);
@@ -2701,48 +2980,48 @@
2701
2980
  cursor: pointer;
2702
2981
  position: relative;
2703
2982
  }
2704
- ._resourcesWeekViewRowSlot_1komm_178:where(:last-of-type) {
2983
+ ._resourcesWeekViewRowSlot_1g2tz_178:where(:last-of-type) {
2705
2984
  border-inline-end: none;
2706
2985
  }
2707
- ._resourcesWeekViewRowSlot_1komm_178:where(:focus) {
2986
+ ._resourcesWeekViewRowSlot_1g2tz_178:where(:focus) {
2708
2987
  z-index: 1;
2709
2988
  }
2710
- ._resourcesWeekViewRowSlot_1komm_178:where([data-business-hours]) {
2989
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-business-hours]) {
2711
2990
  background-color: var(--resources-week-view-business-hours-bg);
2712
2991
  }
2713
- ._resourcesWeekViewRowSlot_1komm_178:where([data-non-business-hours]) {
2992
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-non-business-hours]) {
2714
2993
  background-color: var(--resources-week-view-non-business-hours-bg);
2715
2994
  }
2716
- ._resourcesWeekViewRowSlot_1komm_178:where([data-static]) {
2995
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-static]) {
2717
2996
  cursor: default;
2718
2997
  pointer-events: none;
2719
2998
  }
2720
- ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-slot-index]) {
2999
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-slot-index]) {
2721
3000
  touch-action: none;
2722
3001
  }
2723
3002
  @media (hover: hover) {
2724
- :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:hover {
3003
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1g2tz_178:hover {
2725
3004
  background-color: var(--mantine-color-gray-1);
2726
3005
  }
2727
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:hover {
3006
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1g2tz_178:hover {
2728
3007
  background-color: var(--mantine-color-dark-5);
2729
3008
  }
2730
3009
  }
2731
3010
  @media (hover: none) {
2732
- :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:active {
3011
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1g2tz_178:active {
2733
3012
  background-color: var(--mantine-color-gray-1);
2734
3013
  }
2735
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:active {
3014
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1g2tz_178:active {
2736
3015
  background-color: var(--mantine-color-dark-5);
2737
3016
  }
2738
3017
  }
2739
- :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
3018
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]) {
2740
3019
  background-color: var(--mantine-color-blue-1);
2741
3020
  }
2742
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
3021
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]) {
2743
3022
  background-color: var(--mantine-color-dark-5);
2744
3023
  }
2745
- ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target])::before {
3024
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target])::before {
2746
3025
  content: '';
2747
3026
  position: absolute;
2748
3027
  inset: 0;
@@ -2751,11 +3030,18 @@
2751
3030
  border: 1px solid var(--mantine-color-blue-4);
2752
3031
  border-radius: calc(0.125rem * var(--mantine-scale));
2753
3032
  }
2754
- ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]),
2755
- ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]):hover {
3033
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]):where([data-invalid]) {
3034
+ background-color: transparent;
3035
+ }
3036
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drop-target]):where([data-invalid])::before {
3037
+ border-color: var(--mantine-color-error);
3038
+ opacity: 0.6;
3039
+ }
3040
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-selected]),
3041
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-selected]):hover {
2756
3042
  background-color: var(--mantine-primary-color-light);
2757
3043
  }
2758
- ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected])::before {
3044
+ ._resourcesWeekViewRowSlot_1g2tz_178:where([data-drag-selected])::before {
2759
3045
  content: '';
2760
3046
  position: absolute;
2761
3047
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2763,7 +3049,7 @@
2763
3049
  z-index: 2;
2764
3050
  border: 1px solid var(--mantine-primary-color-2);
2765
3051
  }
2766
- ._resourcesWeekViewBackgroundEvent_1komm_250 {
3052
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259 {
2767
3053
  position: absolute;
2768
3054
  pointer-events: none;
2769
3055
  z-index: 2;
@@ -2775,31 +3061,41 @@
2775
3061
  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2776
3062
  color: var(--bg-event-color);
2777
3063
  }
2778
- ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]) {
3064
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-interactive]) {
2779
3065
  pointer-events: auto;
2780
3066
  cursor: pointer;
2781
3067
  user-select: none;
2782
3068
  }
2783
3069
  @media (hover: hover) {
2784
- ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):hover {
3070
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-interactive]):hover {
2785
3071
  background-color: var(--bg-event-hover);
2786
3072
  }
2787
3073
  }
2788
3074
  @media (hover: none) {
2789
- ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):active {
3075
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-interactive]):active {
2790
3076
  background-color: var(--bg-event-hover);
2791
3077
  }
2792
3078
  }
2793
- ._resourcesWeekViewAllDayEvent_1komm_272 {
3079
+ @media (hover: hover) {
3080
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]):hover {
3081
+ background-color: var(--bg-event-bg);
3082
+ }
3083
+ }
3084
+ @media (hover: none) {
3085
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]):active {
3086
+ background-color: var(--bg-event-bg);
3087
+ }
3088
+ }
3089
+ ._resourcesWeekViewAllDayEvent_1g2tz_287 {
2794
3090
  position: absolute;
2795
3091
  height: var(--resources-week-view-all-day-height);
2796
3092
  z-index: 2;
2797
3093
  }
2798
- ._resourcesWeekViewEventWrapper_1komm_277 {
3094
+ ._resourcesWeekViewEventWrapper_1g2tz_292 {
2799
3095
  position: absolute;
2800
3096
  z-index: 3;
2801
3097
  }
2802
- ._resourcesWeekViewResizeHandle_1komm_281 {
3098
+ ._resourcesWeekViewResizeHandle_1g2tz_296 {
2803
3099
  position: absolute;
2804
3100
  top: 20%;
2805
3101
  width: calc(0.25rem * var(--mantine-scale));
@@ -2812,35 +3108,64 @@
2812
3108
  pointer-events: all;
2813
3109
  background-color: var(--event-color);
2814
3110
  }
2815
- ._resourcesWeekViewResizeHandle_1komm_281::before {
3111
+ ._resourcesWeekViewResizeHandle_1g2tz_296::before {
2816
3112
  content: '';
2817
3113
  position: absolute;
2818
3114
  inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2819
3115
  }
2820
- ._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='start']) {
3116
+ ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='start']) {
2821
3117
  left: calc(-0.125rem * var(--mantine-scale));
2822
3118
  }
2823
- ._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='end']) {
3119
+ ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='end']) {
2824
3120
  right: calc(-0.125rem * var(--mantine-scale));
2825
3121
  }
2826
- ._resourcesWeekViewEventWrapper_1komm_277:hover ._resourcesWeekViewResizeHandle_1komm_281 {
3122
+ ._resourcesWeekViewEventWrapper_1g2tz_292:hover ._resourcesWeekViewResizeHandle_1g2tz_296 {
2827
3123
  opacity: 0.5;
2828
3124
  }
2829
- ._resourcesWeekViewEventWrapper_1komm_277 ._resourcesWeekViewResizeHandle_1komm_281:hover,
2830
- ._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281[data-active] {
3125
+ ._resourcesWeekViewEventWrapper_1g2tz_292 ._resourcesWeekViewResizeHandle_1g2tz_296:hover,
3126
+ ._resourcesWeekViewEventWrapper_1g2tz_292[data-resizing] ._resourcesWeekViewResizeHandle_1g2tz_296[data-active] {
2831
3127
  opacity: 0.8;
2832
3128
  }
2833
- ._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281:not([data-active]) {
3129
+ ._resourcesWeekViewEventWrapper_1g2tz_292[data-resizing] ._resourcesWeekViewResizeHandle_1g2tz_296:not([data-active]) {
2834
3130
  opacity: 0;
2835
3131
  pointer-events: none;
2836
3132
  }
2837
- ._resourcesWeekView_1komm_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_1komm_178 {
3133
+ ._resourcesWeekView_1g2tz_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_1g2tz_178 {
3134
+ pointer-events: none;
3135
+ }
3136
+ ._resourcesWeekView_1g2tz_1:where([data-event-interaction], [data-slot-dragging])
3137
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:not([data-resizing]) {
2838
3138
  pointer-events: none;
2839
3139
  }
2840
- ._resourcesWeekView_1komm_1:where([data-resizing]) * {
3140
+ ._resourcesWeekView_1g2tz_1:where([data-event-interaction], [data-slot-dragging])
3141
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:not([data-resizing]) ._resourcesWeekViewResizeHandle_1g2tz_296 {
3142
+ pointer-events: none;
3143
+ opacity: 0;
3144
+ }
3145
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296 {
3146
+ background-color: var(--bg-event-color);
3147
+ }
3148
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='start']) {
3149
+ left: 0;
3150
+ }
3151
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-edge='end']) {
3152
+ right: 0;
3153
+ }
3154
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:hover ._resourcesWeekViewResizeHandle_1g2tz_296 {
3155
+ opacity: 0.5;
3156
+ }
3157
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259 ._resourcesWeekViewResizeHandle_1g2tz_296:hover,
3158
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]) ._resourcesWeekViewResizeHandle_1g2tz_296:where([data-active]) {
3159
+ opacity: 0.8;
3160
+ }
3161
+ ._resourcesWeekViewBackgroundEvent_1g2tz_259:where([data-resizing]) ._resourcesWeekViewResizeHandle_1g2tz_296:not([data-active]) {
3162
+ opacity: 0;
3163
+ pointer-events: none;
3164
+ }
3165
+ ._resourcesWeekView_1g2tz_1:where([data-resizing]) * {
2841
3166
  cursor: ew-resize !important;
2842
3167
  }
2843
- ._resourcesWeekViewCurrentTimeIndicator_1komm_322 {
3168
+ ._resourcesWeekViewCurrentTimeIndicator_1g2tz_373 {
2844
3169
  --_indicator-color: var(--resources-week-view-indicator-color, var(--mantine-color-red-7));
2845
3170
  --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2846
3171
  --_thumb-size: calc(0.75rem * var(--mantine-scale));
@@ -2852,13 +3177,13 @@
2852
3177
  width: calc(0.125rem * var(--mantine-scale));
2853
3178
  z-index: 3;
2854
3179
  }
2855
- ._resourcesWeekViewCurrentTimeIndicatorLine_1komm_334 {
3180
+ ._resourcesWeekViewCurrentTimeIndicatorLine_1g2tz_385 {
2856
3181
  width: 100%;
2857
3182
  position: absolute;
2858
3183
  inset-block: 0;
2859
3184
  background-color: var(--_indicator-color);
2860
3185
  }
2861
- ._resourcesWeekViewCurrentTimeIndicatorThumb_1komm_340 {
3186
+ ._resourcesWeekViewCurrentTimeIndicatorThumb_1g2tz_391 {
2862
3187
  position: absolute;
2863
3188
  top: calc(-0.3125rem * var(--mantine-scale));
2864
3189
  left: calc(-0.3125rem * var(--mantine-scale));
@@ -2868,7 +3193,7 @@
2868
3193
  border: 1px solid var(--mantine-color-body);
2869
3194
  background-color: var(--_indicator-color);
2870
3195
  }
2871
- ._resourcesWeekViewCurrentTimeIndicatorTimeBubble_1komm_350 {
3196
+ ._resourcesWeekViewCurrentTimeIndicatorTimeBubble_1g2tz_401 {
2872
3197
  position: absolute;
2873
3198
  top: 0;
2874
3199
  height: var(--_time-bubble-height);
@@ -2887,7 +3212,7 @@
2887
3212
  left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2888
3213
  z-index: 3;
2889
3214
  }
2890
- ._resourcesMonthView_uqbdi_1 {
3215
+ ._resourcesMonthView_1rka1_1 {
2891
3216
  --resources-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2892
3217
  --resources-month-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2893
3218
  --resources-month-view-day-width: calc(5rem * var(--mantine-scale));
@@ -2895,34 +3220,34 @@
2895
3220
  --resources-month-view-group-label-width: calc(5rem * var(--mantine-scale));
2896
3221
  }
2897
3222
 
2898
- :where([data-mantine-color-scheme='light']) ._resourcesMonthView_uqbdi_1 {
3223
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthView_1rka1_1 {
2899
3224
  --resources-month-view-border-color: var(--mantine-color-gray-3);
2900
3225
  }
2901
3226
 
2902
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthView_uqbdi_1 {
3227
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthView_1rka1_1 {
2903
3228
  --resources-month-view-border-color: var(--mantine-color-dark-4);
2904
3229
  }
2905
3230
 
2906
- ._resourcesMonthViewRoot_uqbdi_17 {
3231
+ ._resourcesMonthViewRoot_1rka1_17 {
2907
3232
  border: 1px solid var(--resources-month-view-border-color);
2908
3233
  border-radius: var(--resources-month-view-radius);
2909
3234
  overflow: hidden;
2910
3235
  max-width: fit-content;
2911
3236
  }
2912
3237
 
2913
- ._resourcesMonthViewScrollArea_uqbdi_24 :where([data-mantine-scrollbar]) {
3238
+ ._resourcesMonthViewScrollArea_1rka1_24 :where([data-mantine-scrollbar]) {
2914
3239
  z-index: 20;
2915
3240
  }
2916
3241
 
2917
- ._resourcesMonthViewScrollArea_uqbdi_24 :where([data-scrollarea-viewport]) {
3242
+ ._resourcesMonthViewScrollArea_1rka1_24 :where([data-scrollarea-viewport]) {
2918
3243
  overscroll-behavior-x: none;
2919
3244
  }
2920
3245
 
2921
- ._resourcesMonthViewInner_uqbdi_33 {
3246
+ ._resourcesMonthViewInner_1rka1_33 {
2922
3247
  display: inline-flex;
2923
3248
  flex-direction: column;
2924
3249
  }
2925
- ._resourcesMonthViewDayLabelsRow_uqbdi_37 {
3250
+ ._resourcesMonthViewDayLabelsRow_1rka1_37 {
2926
3251
  display: flex;
2927
3252
  position: sticky;
2928
3253
  top: 0;
@@ -2931,7 +3256,7 @@
2931
3256
  border-bottom: 1px solid var(--resources-month-view-border-color);
2932
3257
  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2933
3258
  }
2934
- ._resourcesMonthViewCorner_uqbdi_46 {
3259
+ ._resourcesMonthViewCorner_1rka1_46 {
2935
3260
  flex: 0 0 var(--resources-month-view-resource-label-width);
2936
3261
  min-width: var(--resources-month-view-resource-label-width);
2937
3262
  border-inline-end: 1px solid var(--resources-month-view-border-color);
@@ -2946,7 +3271,7 @@
2946
3271
  user-select: none;
2947
3272
  background-color: var(--mantine-color-body);
2948
3273
  }
2949
- ._resourcesMonthViewDayLabel_uqbdi_37 {
3274
+ ._resourcesMonthViewDayLabel_1rka1_37 {
2950
3275
  flex: 0 0 var(--resources-month-view-day-width);
2951
3276
  min-width: var(--resources-month-view-day-width);
2952
3277
  max-width: var(--resources-month-view-day-width);
@@ -2960,33 +3285,33 @@
2960
3285
  cursor: default;
2961
3286
  border-inline-end: 1px solid var(--resources-month-view-border-color);
2962
3287
  }
2963
- ._resourcesMonthViewDayLabel_uqbdi_37:where(:last-of-type) {
3288
+ ._resourcesMonthViewDayLabel_1rka1_37:where(:last-of-type) {
2964
3289
  border-inline-end: none;
2965
3290
  }
2966
- ._resourcesMonthViewDayLabel_uqbdi_37:where([data-weekend]) {
3291
+ ._resourcesMonthViewDayLabel_1rka1_37:where([data-weekend]) {
2967
3292
  color: var(--mantine-color-red-6);
2968
3293
  }
2969
- ._resourcesMonthViewDayLabel_uqbdi_37:where([data-today]) {
3294
+ ._resourcesMonthViewDayLabel_1rka1_37:where([data-today]) {
2970
3295
  background-color: var(--mantine-primary-color-filled);
2971
3296
  color: var(--mantine-primary-color-contrast);
2972
3297
  }
2973
- ._resourcesMonthViewDayLabelWeekday_uqbdi_85 {
3298
+ ._resourcesMonthViewDayLabelWeekday_1rka1_85 {
2974
3299
  font-size: calc(0.75rem * var(--mantine-scale));
2975
3300
  font-weight: var(--mantine-font-weight-medium);
2976
3301
  text-transform: capitalize;
2977
3302
  line-height: 1;
2978
3303
  margin-bottom: calc(0.1875rem * var(--mantine-scale));
2979
3304
  }
2980
- ._resourcesMonthViewDayLabelNumber_uqbdi_92 {
3305
+ ._resourcesMonthViewDayLabelNumber_1rka1_92 {
2981
3306
  font-weight: var(--mantine-font-weight-medium);
2982
3307
  font-size: calc(0.75rem * var(--mantine-scale));
2983
3308
  line-height: 1;
2984
3309
  }
2985
- ._resourcesMonthViewRow_uqbdi_97 {
3310
+ ._resourcesMonthViewRow_1rka1_97 {
2986
3311
  display: flex;
2987
3312
  border-top: 1px solid var(--resources-month-view-border-color);
2988
3313
  }
2989
- ._resourcesMonthViewResourceLabel_uqbdi_101 {
3314
+ ._resourcesMonthViewResourceLabel_1rka1_101 {
2990
3315
  flex: 0 0 var(--resources-month-view-resource-label-width);
2991
3316
  min-width: var(--resources-month-view-resource-label-width);
2992
3317
  display: flex;
@@ -3002,11 +3327,11 @@
3002
3327
  z-index: 4;
3003
3328
  background-color: var(--mantine-color-body);
3004
3329
  }
3005
- ._resourcesMonthViewResourceLabel_uqbdi_101:where([data-has-groups]) {
3330
+ ._resourcesMonthViewResourceLabel_1rka1_101:where([data-has-groups]) {
3006
3331
  left: var(--resources-month-view-group-label-width);
3007
3332
  }
3008
- ._resourcesMonthViewGroupColumn_uqbdi_120,
3009
- ._resourcesMonthViewGroupColumnEmpty_uqbdi_121 {
3333
+ ._resourcesMonthViewGroupColumn_1rka1_120,
3334
+ ._resourcesMonthViewGroupColumnEmpty_1rka1_121 {
3010
3335
  flex: 0 0 var(--resources-month-view-group-label-width);
3011
3336
  min-width: var(--resources-month-view-group-label-width);
3012
3337
  min-height: var(--resources-month-view-row-height);
@@ -3016,7 +3341,7 @@
3016
3341
  background-color: var(--mantine-color-body);
3017
3342
  border-inline-end: 1px solid var(--resources-month-view-border-color);
3018
3343
  }
3019
- ._resourcesMonthViewGroupColumn_uqbdi_120 {
3344
+ ._resourcesMonthViewGroupColumn_1rka1_120 {
3020
3345
  display: flex;
3021
3346
  align-items: center;
3022
3347
  justify-content: center;
@@ -3027,19 +3352,19 @@
3027
3352
  user-select: none;
3028
3353
  overflow: visible;
3029
3354
  }
3030
- ._resourcesMonthViewGroupColumn_uqbdi_120:where([data-group-position='first'], [data-group-position='only']) {
3355
+ ._resourcesMonthViewGroupColumn_1rka1_120:where([data-group-position='first'], [data-group-position='only']) {
3031
3356
  z-index: 6;
3032
3357
  }
3033
- ._resourcesMonthViewGroupColumn_uqbdi_120:where([data-group-position='middle'], [data-group-position='last']) {
3358
+ ._resourcesMonthViewGroupColumn_1rka1_120:where([data-group-position='middle'], [data-group-position='last']) {
3034
3359
  margin-top: calc(-0.0625rem * var(--mantine-scale));
3035
3360
  min-height: calc(var(--resources-month-view-row-height) + 1px);
3036
3361
  }
3037
- ._resourcesMonthViewRowSlots_uqbdi_149 {
3362
+ ._resourcesMonthViewRowSlots_1rka1_149 {
3038
3363
  display: flex;
3039
3364
  position: relative;
3040
3365
  min-height: var(--resources-month-view-row-height);
3041
3366
  }
3042
- ._resourcesMonthViewCell_uqbdi_154 {
3367
+ ._resourcesMonthViewCell_1rka1_154 {
3043
3368
  flex: 0 0 var(--resources-month-view-day-width);
3044
3369
  min-width: var(--resources-month-view-day-width);
3045
3370
  max-width: var(--resources-month-view-day-width);
@@ -3049,41 +3374,41 @@
3049
3374
  position: relative;
3050
3375
  overflow: hidden;
3051
3376
  }
3052
- ._resourcesMonthViewCell_uqbdi_154:where(:last-of-type) {
3377
+ ._resourcesMonthViewCell_1rka1_154:where(:last-of-type) {
3053
3378
  border-inline-end: none;
3054
3379
  }
3055
- ._resourcesMonthViewCell_uqbdi_154:where(:focus) {
3380
+ ._resourcesMonthViewCell_1rka1_154:where(:focus) {
3056
3381
  z-index: 1;
3057
3382
  }
3058
3383
  @media (hover: hover) {
3059
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:hover:where(:not([data-static])) {
3384
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:hover:where(:not([data-static])) {
3060
3385
  background-color: var(--mantine-color-gray-0);
3061
3386
  }
3062
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:hover:where(:not([data-static])) {
3387
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:hover:where(:not([data-static])) {
3063
3388
  background-color: var(--mantine-color-dark-6);
3064
3389
  }
3065
3390
  }
3066
3391
  @media (hover: none) {
3067
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:active:where(:not([data-static])) {
3392
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:active:where(:not([data-static])) {
3068
3393
  background-color: var(--mantine-color-gray-0);
3069
3394
  }
3070
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:active:where(:not([data-static])) {
3395
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:active:where(:not([data-static])) {
3071
3396
  background-color: var(--mantine-color-dark-6);
3072
3397
  }
3073
3398
  }
3074
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:where([data-weekend]) {
3399
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:where([data-weekend]) {
3075
3400
  background-color: var(--mantine-color-gray-0);
3076
3401
  }
3077
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:where([data-weekend]) {
3402
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:where([data-weekend]) {
3078
3403
  background-color: var(--mantine-color-dark-8);
3079
3404
  }
3080
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target]) {
3405
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_1rka1_154:where([data-drop-target]) {
3081
3406
  background-color: var(--mantine-color-blue-1);
3082
3407
  }
3083
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target]) {
3408
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_1rka1_154:where([data-drop-target]) {
3084
3409
  background-color: var(--mantine-color-dark-5);
3085
3410
  }
3086
- ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target])::before {
3411
+ ._resourcesMonthViewCell_1rka1_154:where([data-drop-target])::before {
3087
3412
  content: '';
3088
3413
  position: absolute;
3089
3414
  inset: 0;
@@ -3092,11 +3417,18 @@
3092
3417
  border: 1px solid var(--mantine-color-blue-4);
3093
3418
  border-radius: calc(0.125rem * var(--mantine-scale));
3094
3419
  }
3095
- ._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected]),
3096
- ._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected]):hover {
3420
+ ._resourcesMonthViewCell_1rka1_154:where([data-drop-target]):where([data-invalid]) {
3421
+ background-color: transparent;
3422
+ }
3423
+ ._resourcesMonthViewCell_1rka1_154:where([data-drop-target]):where([data-invalid])::before {
3424
+ border-color: var(--mantine-color-error);
3425
+ opacity: 0.6;
3426
+ }
3427
+ ._resourcesMonthViewCell_1rka1_154:where([data-drag-selected]),
3428
+ ._resourcesMonthViewCell_1rka1_154:where([data-drag-selected]):hover {
3097
3429
  background-color: var(--mantine-primary-color-light);
3098
3430
  }
3099
- ._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected])::before {
3431
+ ._resourcesMonthViewCell_1rka1_154:where([data-drag-selected])::before {
3100
3432
  content: '';
3101
3433
  position: absolute;
3102
3434
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -3104,35 +3436,35 @@
3104
3436
  z-index: 2;
3105
3437
  border: 1px solid var(--mantine-primary-color-2);
3106
3438
  }
3107
- ._resourcesMonthViewCell_uqbdi_154:where([data-drag-slot-index]) {
3439
+ ._resourcesMonthViewCell_1rka1_154:where([data-drag-slot-index]) {
3108
3440
  touch-action: none;
3109
3441
  }
3110
- ._resourcesMonthViewCell_uqbdi_154:where([data-static]) {
3442
+ ._resourcesMonthViewCell_1rka1_154:where([data-static]) {
3111
3443
  cursor: default;
3112
3444
  pointer-events: none;
3113
3445
  }
3114
- ._resourcesMonthView_uqbdi_1:where([data-event-interaction]) ._resourcesMonthViewCell_uqbdi_154 {
3446
+ ._resourcesMonthView_1rka1_1:where([data-event-interaction]) ._resourcesMonthViewCell_1rka1_154 {
3115
3447
  pointer-events: none;
3116
3448
  }
3117
3449
 
3118
- ._resourcesMonthViewEventWrapper_uqbdi_230:hover ._resourcesMonthViewResizeHandle_uqbdi_231 {
3450
+ ._resourcesMonthViewEventWrapper_1rka1_239:hover ._resourcesMonthViewResizeHandle_1rka1_240 {
3119
3451
  opacity: 0.5;
3120
3452
  }
3121
3453
 
3122
- ._resourcesMonthViewEventWrapper_uqbdi_230 ._resourcesMonthViewResizeHandle_uqbdi_231:hover {
3454
+ ._resourcesMonthViewEventWrapper_1rka1_239 ._resourcesMonthViewResizeHandle_1rka1_240:hover {
3123
3455
  opacity: 0.8;
3124
3456
  }
3125
3457
 
3126
- ._resourcesMonthViewEventWrapper_uqbdi_230:where([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231:where([data-active]) {
3458
+ ._resourcesMonthViewEventWrapper_1rka1_239:where([data-resizing]) ._resourcesMonthViewResizeHandle_1rka1_240:where([data-active]) {
3127
3459
  opacity: 0.8;
3128
3460
  }
3129
3461
 
3130
- ._resourcesMonthViewEventWrapper_uqbdi_230:where([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231:not([data-active]) {
3462
+ ._resourcesMonthViewEventWrapper_1rka1_239:where([data-resizing]) ._resourcesMonthViewResizeHandle_1rka1_240:not([data-active]) {
3131
3463
  opacity: 0;
3132
3464
  pointer-events: none;
3133
3465
  }
3134
3466
 
3135
- ._resourcesMonthViewResizeHandle_uqbdi_231 {
3467
+ ._resourcesMonthViewResizeHandle_1rka1_240 {
3136
3468
  position: absolute;
3137
3469
  top: 20%;
3138
3470
  width: calc(0.25rem * var(--mantine-scale));
@@ -3147,29 +3479,29 @@
3147
3479
  background-color: var(--event-color);
3148
3480
  }
3149
3481
 
3150
- ._resourcesMonthViewResizeHandle_uqbdi_231::before {
3482
+ ._resourcesMonthViewResizeHandle_1rka1_240::before {
3151
3483
  content: '';
3152
3484
  position: absolute;
3153
3485
  inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
3154
3486
  }
3155
3487
 
3156
- ._resourcesMonthViewResizeHandle_uqbdi_231:where([data-edge='start']) {
3488
+ ._resourcesMonthViewResizeHandle_1rka1_240:where([data-edge='start']) {
3157
3489
  inset-inline-start: calc(-0.125rem * var(--mantine-scale));
3158
3490
  }
3159
3491
 
3160
- ._resourcesMonthViewResizeHandle_uqbdi_231:where([data-edge='end']) {
3492
+ ._resourcesMonthViewResizeHandle_1rka1_240:where([data-edge='end']) {
3161
3493
  inset-inline-end: calc(-0.125rem * var(--mantine-scale));
3162
3494
  }
3163
3495
 
3164
- ._resourcesMonthView_uqbdi_1:where([data-resizing]) * {
3496
+ ._resourcesMonthView_1rka1_1:where([data-resizing]) * {
3165
3497
  cursor: ew-resize !important;
3166
3498
  }
3167
3499
 
3168
- ._resourcesMonthView_uqbdi_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_uqbdi_230:not([data-resizing]) {
3500
+ ._resourcesMonthView_1rka1_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_1rka1_239:not([data-resizing]) {
3169
3501
  pointer-events: none;
3170
3502
  }
3171
3503
 
3172
- ._resourcesMonthView_uqbdi_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_uqbdi_230:not([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231 {
3504
+ ._resourcesMonthView_1rka1_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_1rka1_239:not([data-resizing]) ._resourcesMonthViewResizeHandle_1rka1_240 {
3173
3505
  opacity: 0;
3174
3506
  }
3175
3507
  ._root_13xbl_1 {