@mantine-vue/schedule 3.2.0 → 3.4.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 (29) hide show
  1. package/cjs/index.cjs +755 -236
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +756 -238
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/component-props.d.ts +15 -0
  6. package/lib/components/ResourcesDayView/ResourcesDayView.types.d.ts +6 -0
  7. package/lib/components/ResourcesMonthView/ResourcesMonthView.types.d.ts +8 -2
  8. package/lib/components/ResourcesMonthView/ResourcesMonthView.vue.d.ts +3 -0
  9. package/lib/components/ResourcesSchedule/ResourcesSchedule.types.d.ts +3 -1
  10. package/lib/components/ResourcesWeekView/ResourcesWeekView.types.d.ts +6 -0
  11. package/lib/components/Schedule/Schedule.types.d.ts +2 -0
  12. package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.d.ts +3 -0
  13. package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.types.d.ts +24 -0
  14. package/lib/components/ScheduleBackgroundEvent/ScheduleBackgroundEvent.vue.d.ts +15 -0
  15. package/lib/components/ScheduleBackgroundEvent/index.d.ts +1 -0
  16. package/lib/components/WeekView/get-week-view-events/find-available-column.d.ts +6 -3
  17. package/lib/components/YearView/YearView.d.ts +1 -0
  18. package/lib/components/YearView/YearView.types.d.ts +14 -1
  19. package/lib/components/YearView/YearView.vue.d.ts +9 -2
  20. package/lib/components/use-slot-drop-target.d.ts +4 -0
  21. package/lib/hooks/use-event-resize.d.ts +1 -0
  22. package/lib/hooks/use-horizontal-event-resize.d.ts +1 -0
  23. package/lib/index.d.mts +1 -0
  24. package/lib/index.d.ts +1 -0
  25. package/lib/types.d.ts +1 -1
  26. package/lib/utils/calculate-drop-time/calculate-drop-time.d.ts +11 -1
  27. package/package.json +4 -4
  28. package/styles.css +523 -370
  29. package/styles.layer.css +523 -370
package/styles.css CHANGED
@@ -569,7 +569,7 @@
569
569
  display: flex;
570
570
  gap: calc(0.25rem * var(--mantine-scale));
571
571
  }
572
- ._dayView_r6otq_1 {
572
+ ._dayView_1nebu_1 {
573
573
  --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */
574
574
  --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */
575
575
  --day-view-slot-labels-width: calc(5rem * var(--mantine-scale));
@@ -578,45 +578,45 @@
578
578
  overflow: hidden;
579
579
  }
580
580
 
581
- :where([data-mantine-color-scheme='light']) ._dayView_r6otq_1 {
581
+ :where([data-mantine-color-scheme='light']) ._dayView_1nebu_1 {
582
582
  --day-view-border-color: var(--mantine-color-gray-3);
583
583
  --day-view-business-hours-bg: var(--mantine-color-white);
584
584
  --day-view-non-business-hours-bg: var(--mantine-color-gray-0);
585
585
  }
586
586
 
587
- :where([data-mantine-color-scheme='dark']) ._dayView_r6otq_1 {
587
+ :where([data-mantine-color-scheme='dark']) ._dayView_1nebu_1 {
588
588
  --day-view-border-color: var(--mantine-color-dark-4);
589
589
  --day-view-business-hours-bg: var(--mantine-color-dark-7);
590
590
  --day-view-non-business-hours-bg: var(--mantine-color-dark-6);
591
591
  }
592
592
 
593
- ._dayViewScrollArea_r6otq_22 {
593
+ ._dayViewScrollArea_1nebu_22 {
594
594
  border: 1px solid var(--day-view-border-color);
595
595
  border-radius: var(--day-view-radius);
596
596
  overflow: hidden;
597
597
  }
598
598
 
599
- ._dayViewScrollArea_r6otq_22 :where(.mantine-ScrollArea-scrollbar) {
599
+ ._dayViewScrollArea_1nebu_22 :where(.mantine-ScrollArea-scrollbar) {
600
600
  z-index: 4;
601
601
  }
602
602
 
603
- ._dayViewInner_r6otq_32 {
603
+ ._dayViewInner_1nebu_32 {
604
604
  display: flex;
605
605
  }
606
606
 
607
- ._dayViewTimeSlots_r6otq_36 {
607
+ ._dayViewTimeSlots_1nebu_36 {
608
608
  position: relative;
609
609
  }
610
610
 
611
- ._dayViewTimeSlots_r6otq_36:where(:first-of-type) ._dayViewSlot_r6otq_39:where([data-first]) {
611
+ ._dayViewTimeSlots_1nebu_36:where(:first-of-type) ._dayViewSlot_1nebu_39:where([data-first]) {
612
612
  border-top-color: transparent;
613
613
  }
614
614
 
615
- ._dayViewSlotLabels_r6otq_44 {
615
+ ._dayViewSlotLabels_1nebu_44 {
616
616
  width: var(--day-view-slot-labels-width);
617
617
  }
618
618
 
619
- ._dayViewSlotLabel_r6otq_44 {
619
+ ._dayViewSlotLabel_1nebu_44 {
620
620
  height: var(--slot-height);
621
621
  border-top: 1px solid var(--day-view-border-color);
622
622
  font-size: var(--mantine-font-size-sm);
@@ -625,28 +625,28 @@
625
625
  font-variant-numeric: tabular-nums;
626
626
  }
627
627
 
628
- ._dayViewSlotLabel_r6otq_44:where([data-all-day]) {
628
+ ._dayViewSlotLabel_1nebu_44:where([data-all-day]) {
629
629
  height: var(--all-day-slot-height);
630
630
  border-top: 0;
631
631
  }
632
632
 
633
- ._dayViewSlotLabel_r6otq_44:where(:first-of-type) {
633
+ ._dayViewSlotLabel_1nebu_44:where(:first-of-type) {
634
634
  border-top: 0;
635
635
  }
636
636
 
637
- ._dayViewSlotLabel_r6otq_44:where([data-business-hours]) {
637
+ ._dayViewSlotLabel_1nebu_44:where([data-business-hours]) {
638
638
  background-color: var(--day-view-business-hours-bg);
639
639
  }
640
640
 
641
- ._dayViewSlotLabel_r6otq_44:where([data-non-business-hours]) {
641
+ ._dayViewSlotLabel_1nebu_44:where([data-non-business-hours]) {
642
642
  background-color: var(--day-view-non-business-hours-bg);
643
643
  }
644
644
 
645
- ._dayViewSlots_r6otq_74 {
645
+ ._dayViewSlots_1nebu_74 {
646
646
  flex: 1;
647
647
  }
648
648
 
649
- ._dayViewSlot_r6otq_39 {
649
+ ._dayViewSlot_1nebu_39 {
650
650
  display: block;
651
651
  width: 100%;
652
652
  border-top: 1px dotted var(--day-view-border-color);
@@ -654,56 +654,56 @@
654
654
  position: relative;
655
655
  }
656
656
 
657
- ._dayViewSlot_r6otq_39:where(:focus) {
657
+ ._dayViewSlot_1nebu_39:where(:focus) {
658
658
  z-index: 1;
659
659
  }
660
660
 
661
- ._dayViewSlot_r6otq_39:where([data-hour-start]) {
661
+ ._dayViewSlot_1nebu_39:where([data-hour-start]) {
662
662
  border-top: 1px solid var(--day-view-border-color);
663
663
  }
664
664
 
665
665
  @media (hover: hover) {
666
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:hover {
666
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:hover {
667
667
  background-color: var(--mantine-color-gray-1);
668
668
  }
669
669
 
670
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:hover {
670
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:hover {
671
671
  background-color: var(--mantine-color-dark-5);
672
672
  }
673
673
  }
674
674
 
675
675
  @media (hover: none) {
676
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:active {
676
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:active {
677
677
  background-color: var(--mantine-color-gray-1);
678
678
  }
679
679
 
680
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:active {
680
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:active {
681
681
  background-color: var(--mantine-color-dark-5);
682
682
  }
683
683
  }
684
684
 
685
- ._dayViewSlot_r6otq_39:where([data-all-day]) {
685
+ ._dayViewSlot_1nebu_39:where([data-all-day]) {
686
686
  height: var(--all-day-slot-height);
687
687
  border-top: 0;
688
688
  }
689
689
 
690
- ._dayViewSlot_r6otq_39:where([data-business-hours]) {
690
+ ._dayViewSlot_1nebu_39:where([data-business-hours]) {
691
691
  background-color: var(--day-view-business-hours-bg);
692
692
  }
693
693
 
694
- ._dayViewSlot_r6otq_39:where([data-non-business-hours]) {
694
+ ._dayViewSlot_1nebu_39:where([data-non-business-hours]) {
695
695
  background-color: var(--day-view-non-business-hours-bg);
696
696
  }
697
697
 
698
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drop-target]) {
698
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
699
699
  background-color: var(--mantine-color-blue-1);
700
700
  }
701
701
 
702
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drop-target]) {
702
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
703
703
  background-color: var(--mantine-color-dark-5);
704
704
  }
705
705
 
706
- ._dayViewSlot_r6otq_39:where([data-drop-target])::before {
706
+ ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
707
707
  content: '';
708
708
  position: absolute;
709
709
  inset: 0;
@@ -713,20 +713,20 @@
713
713
  border-radius: calc(0.125rem * var(--mantine-scale));
714
714
  }
715
715
 
716
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drop-target])::before {
716
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
717
717
  border-color: var(--mantine-color-blue-4);
718
718
  }
719
719
 
720
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drop-target])::before {
720
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
721
721
  border-color: var(--mantine-color-blue-6);
722
722
  }
723
723
 
724
- ._dayViewSlot_r6otq_39:where([data-drag-selected]),
725
- ._dayViewSlot_r6otq_39:where([data-drag-selected]):hover {
724
+ ._dayViewSlot_1nebu_39:where([data-drag-selected]),
725
+ ._dayViewSlot_1nebu_39:where([data-drag-selected]):hover {
726
726
  background-color: var(--mantine-primary-color-light);
727
727
  }
728
728
 
729
- ._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
729
+ ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
730
730
  content: '';
731
731
  position: absolute;
732
732
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -735,24 +735,24 @@
735
735
  border: calc(0.0625rem * var(--mantine-scale)) solid;
736
736
  }
737
737
 
738
- :where([data-mantine-color-scheme='light']) ._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
738
+ :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
739
739
  border-color: var(--mantine-primary-color-2);
740
740
  }
741
741
 
742
- :where([data-mantine-color-scheme='dark']) ._dayViewSlot_r6otq_39:where([data-drag-selected])::before {
742
+ :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
743
743
  border-color: var(--mantine-primary-color-9);
744
744
  }
745
745
 
746
- ._dayViewSlot_r6otq_39:where([data-drag-slot-index]) {
746
+ ._dayViewSlot_1nebu_39:where([data-drag-slot-index]) {
747
747
  touch-action: none;
748
748
  }
749
749
 
750
- ._dayViewSlot_r6otq_39:where([data-static]) {
750
+ ._dayViewSlot_1nebu_39:where([data-static]) {
751
751
  cursor: default;
752
752
  pointer-events: none;
753
753
  }
754
754
 
755
- ._dayViewBackgroundEvent_r6otq_178 {
755
+ ._dayViewBackgroundEvent_1nebu_178 {
756
756
  position: absolute;
757
757
  border-radius: 0;
758
758
  pointer-events: none;
@@ -765,12 +765,32 @@
765
765
  color: var(--bg-event-color);
766
766
  }
767
767
 
768
- ._dayViewAllDay_r6otq_191 {
768
+ ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]) {
769
+ pointer-events: auto;
770
+ cursor: pointer;
771
+ user-select: none;
772
+ }
773
+
774
+ @media (hover: hover) {
775
+
776
+ ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):hover {
777
+ background-color: var(--bg-event-hover);
778
+ }
779
+ }
780
+
781
+ @media (hover: none) {
782
+
783
+ ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):active {
784
+ background-color: var(--bg-event-hover);
785
+ }
786
+ }
787
+
788
+ ._dayViewAllDay_1nebu_201 {
769
789
  position: relative;
770
790
  height: var(--all-day-slot-height);
771
791
  }
772
792
 
773
- ._dayViewAllDayEvents_r6otq_196 {
793
+ ._dayViewAllDayEvents_1nebu_206 {
774
794
  position: absolute;
775
795
  inset: 0;
776
796
  display: flex;
@@ -1089,7 +1109,7 @@
1089
1109
  text-align: center;
1090
1110
  padding-block: var(--mantine-spacing-xl);
1091
1111
  }
1092
- ._monthView_2aohq_1 {
1112
+ ._monthView_hbhp2_1 {
1093
1113
  --week-numbers-offset: 0rem;
1094
1114
  --month-view-border: 1px solid var(--month-view-border-color);
1095
1115
  --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
@@ -1097,29 +1117,29 @@
1097
1117
  --min-day-width: calc(5.25rem * var(--mantine-scale));
1098
1118
  }
1099
1119
 
1100
- ._monthView_2aohq_1:where([data-with-week-numbers]) {
1120
+ ._monthView_hbhp2_1:where([data-with-week-numbers]) {
1101
1121
  --week-numbers-offset: calc(2.625rem * var(--mantine-scale));
1102
1122
  }
1103
1123
 
1104
- :where([data-mantine-color-scheme='light']) ._monthView_2aohq_1 {
1124
+ :where([data-mantine-color-scheme='light']) ._monthView_hbhp2_1 {
1105
1125
  --month-view-border-color: var(--mantine-color-gray-3);
1106
1126
  }
1107
1127
 
1108
- :where([data-mantine-color-scheme='dark']) ._monthView_2aohq_1 {
1128
+ :where([data-mantine-color-scheme='dark']) ._monthView_hbhp2_1 {
1109
1129
  --month-view-border-color: var(--mantine-color-dark-4);
1110
1130
  }
1111
1131
 
1112
- ._monthViewWeekdays_2aohq_21 {
1132
+ ._monthViewWeekdays_hbhp2_21 {
1113
1133
  display: flex;
1114
1134
  }
1115
1135
 
1116
- ._monthViewWeek_2aohq_21 {
1136
+ ._monthViewWeek_hbhp2_21 {
1117
1137
  display: flex;
1118
1138
  position: relative;
1119
1139
  min-width: calc(var(--min-day-width) * 7 + var(--week-numbers-offset));
1120
1140
  }
1121
1141
 
1122
- ._monthViewWeekNumber_2aohq_31 {
1142
+ ._monthViewWeekNumber_hbhp2_31 {
1123
1143
  flex: 0 0 var(--week-numbers-offset);
1124
1144
  display: flex;
1125
1145
  align-items: center;
@@ -1135,45 +1155,45 @@
1135
1155
  user-select: none;
1136
1156
  }
1137
1157
 
1138
- :where(._monthViewWeek_2aohq_21:first-child) ._monthViewWeekNumber_2aohq_31 {
1158
+ :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewWeekNumber_hbhp2_31 {
1139
1159
  border-start-start-radius: var(--month-view-radius);
1140
1160
  }
1141
1161
 
1142
- :where([data-with-weekdays] ._monthView_2aohq_1) :where(._monthViewWeek_2aohq_21:first-child) ._monthViewWeekNumber_2aohq_31 {
1162
+ :where([data-with-weekdays] ._monthView_hbhp2_1) :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewWeekNumber_hbhp2_31 {
1143
1163
  border-start-start-radius: 0;
1144
1164
  }
1145
1165
 
1146
- :where(._monthViewWeek_2aohq_21:last-child) ._monthViewWeekNumber_2aohq_31 {
1166
+ :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewWeekNumber_hbhp2_31 {
1147
1167
  border-block-end: var(--month-view-border);
1148
1168
  border-end-start-radius: var(--month-view-radius);
1149
1169
  }
1150
1170
 
1151
1171
  @media (hover: hover) {
1152
- :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_2aohq_31:hover {
1172
+ :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_hbhp2_31:hover {
1153
1173
  background-color: var(--mantine-color-gray-0);
1154
1174
  }
1155
1175
 
1156
- :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_2aohq_31:hover {
1176
+ :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_hbhp2_31:hover {
1157
1177
  background-color: var(--mantine-color-dark-6);
1158
1178
  }
1159
1179
  }
1160
1180
 
1161
1181
  @media (hover: none) {
1162
- :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_2aohq_31:active {
1182
+ :where([data-mantine-color-scheme='light']) ._monthViewWeekNumber_hbhp2_31:active {
1163
1183
  background-color: var(--mantine-color-gray-0);
1164
1184
  }
1165
1185
 
1166
- :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_2aohq_31:active {
1186
+ :where([data-mantine-color-scheme='dark']) ._monthViewWeekNumber_hbhp2_31:active {
1167
1187
  background-color: var(--mantine-color-dark-6);
1168
1188
  }
1169
1189
  }
1170
1190
 
1171
- ._monthViewWeekNumber_2aohq_31:where([data-static]) {
1191
+ ._monthViewWeekNumber_hbhp2_31:where([data-static]) {
1172
1192
  cursor: default;
1173
1193
  pointer-events: none;
1174
1194
  }
1175
1195
 
1176
- ._monthViewWeekday_2aohq_21 {
1196
+ ._monthViewWeekday_hbhp2_21 {
1177
1197
  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
1178
1198
  min-width: var(--min-day-width);
1179
1199
  height: calc(2.25rem * var(--mantine-scale));
@@ -1192,27 +1212,27 @@
1192
1212
  user-select: none;
1193
1213
  }
1194
1214
 
1195
- ._monthViewWeekday_2aohq_21:where(:first-child) {
1215
+ ._monthViewWeekday_hbhp2_21:where(:first-child) {
1196
1216
  border-start-start-radius: var(--month-view-radius);
1197
1217
  }
1198
1218
 
1199
- :where([data-with-week-numbers] ._monthView_2aohq_1) ._monthViewWeekday_2aohq_21:where(:first-child) {
1219
+ :where([data-with-week-numbers] ._monthView_hbhp2_1) ._monthViewWeekday_hbhp2_21:where(:first-child) {
1200
1220
  border-start-start-radius: 0;
1201
1221
  }
1202
1222
 
1203
- ._monthViewWeekday_2aohq_21:where(:last-child) {
1223
+ ._monthViewWeekday_hbhp2_21:where(:last-child) {
1204
1224
  border-inline-end: var(--month-view-border);
1205
1225
  border-start-end-radius: var(--month-view-radius);
1206
1226
  }
1207
1227
 
1208
- ._monthViewWeekdaysCorner_2aohq_107 {
1228
+ ._monthViewWeekdaysCorner_hbhp2_107 {
1209
1229
  flex: 0 0 var(--week-numbers-offset);
1210
1230
  border-block-start: var(--month-view-border);
1211
1231
  border-inline-start: var(--month-view-border);
1212
1232
  border-start-start-radius: var(--month-view-radius);
1213
1233
  }
1214
1234
 
1215
- ._monthViewDay_2aohq_114 {
1235
+ ._monthViewDay_hbhp2_114 {
1216
1236
  min-width: var(--min-day-width);
1217
1237
  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
1218
1238
  height: calc(52px + var(--month-view-max-events, 2) * 24px);
@@ -1229,89 +1249,89 @@
1229
1249
  position: relative;
1230
1250
  }
1231
1251
 
1232
- ._monthViewDay_2aohq_114:where(:last-child) {
1252
+ ._monthViewDay_hbhp2_114:where(:last-child) {
1233
1253
  border-inline-end: var(--month-view-border);
1234
1254
  }
1235
1255
 
1236
- :where(._monthViewWeek_2aohq_21:last-child) ._monthViewDay_2aohq_114:where(:last-child) {
1256
+ :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114:where(:last-child) {
1237
1257
  border-block-end: var(--month-view-border);
1238
1258
  border-end-end-radius: var(--month-view-radius);
1239
1259
  }
1240
1260
 
1241
- :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:last-child) {
1261
+ :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:last-child) {
1242
1262
  border-start-end-radius: var(--month-view-radius);
1243
1263
  }
1244
1264
 
1245
- :where(:not([data-with-weekdays])) ._monthView_2aohq_1 :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:last-child) {
1265
+ :where(:not([data-with-weekdays])) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:last-child) {
1246
1266
  border-start-end-radius: var(--month-view-radius);
1247
1267
  }
1248
1268
 
1249
- :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
1269
+ :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1250
1270
  border-start-start-radius: var(--month-view-radius);
1251
1271
  }
1252
1272
 
1253
- :where([data-with-week-numbers]) ._monthView_2aohq_1 :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
1273
+ :where([data-with-week-numbers]) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1254
1274
  border-start-start-radius: 0;
1255
1275
  }
1256
1276
 
1257
- :where([data-with-weekdays]) ._monthView_2aohq_1 :where(._monthViewWeek_2aohq_21:first-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
1277
+ :where([data-with-weekdays]) ._monthView_hbhp2_1 :where(._monthViewWeek_hbhp2_21:first-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1258
1278
  border-start-start-radius: 0;
1259
1279
  }
1260
1280
 
1261
- :where(._monthViewWeek_2aohq_21:last-child) ._monthViewDay_2aohq_114:where(:first-of-type) {
1281
+ :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114:where(:first-of-type) {
1262
1282
  border-end-start-radius: var(--month-view-radius);
1263
1283
  }
1264
1284
 
1265
- :where([data-with-week-numbers]) ._monthViewWeek_2aohq_21:last-child ._monthViewDay_2aohq_114:where(:first-of-type) {
1285
+ :where([data-with-week-numbers]) ._monthViewWeek_hbhp2_21:last-child ._monthViewDay_hbhp2_114:where(:first-of-type) {
1266
1286
  border-end-start-radius: 0;
1267
1287
  }
1268
1288
 
1269
- :where(._monthViewWeek_2aohq_21:last-child) ._monthViewDay_2aohq_114 {
1289
+ :where(._monthViewWeek_hbhp2_21:last-child) ._monthViewDay_hbhp2_114 {
1270
1290
  border-block-end: var(--month-view-border);
1271
1291
  }
1272
1292
 
1273
- ._monthViewDay_2aohq_114:where([data-weekend]) {
1293
+ ._monthViewDay_hbhp2_114:where([data-weekend]) {
1274
1294
  color: var(--mantine-color-red-6);
1275
1295
  }
1276
1296
 
1277
- ._monthViewDay_2aohq_114:where([data-outside]) {
1297
+ ._monthViewDay_hbhp2_114:where([data-outside]) {
1278
1298
  color: color-mix(in srgb, var(--day-base-color), transparent 60%);
1279
1299
  }
1280
1300
 
1281
- ._monthViewDay_2aohq_114:where([data-static]) {
1301
+ ._monthViewDay_hbhp2_114:where([data-static]) {
1282
1302
  cursor: default;
1283
1303
  pointer-events: none;
1284
1304
  }
1285
1305
 
1286
1306
  @media (hover: hover) {
1287
- :where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:hover:where(:not([data-static])) {
1307
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:hover:where(:not([data-static])) {
1288
1308
  background-color: var(--mantine-color-gray-0);
1289
1309
  }
1290
1310
 
1291
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:hover:where(:not([data-static])) {
1311
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:hover:where(:not([data-static])) {
1292
1312
  background-color: var(--mantine-color-dark-6);
1293
1313
  }
1294
1314
  }
1295
1315
 
1296
1316
  @media (hover: none) {
1297
- :where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:active:where(:not([data-static])) {
1317
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:active:where(:not([data-static])) {
1298
1318
  background-color: var(--mantine-color-gray-0);
1299
1319
  }
1300
1320
 
1301
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:active:where(:not([data-static])) {
1321
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:active:where(:not([data-static])) {
1302
1322
  background-color: var(--mantine-color-dark-6);
1303
1323
  }
1304
1324
  }
1305
1325
 
1306
- :where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:where([data-drop-target]) {
1326
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drop-target]) {
1307
1327
  background-color: var(--mantine-color-blue-1);
1308
1328
  }
1309
1329
 
1310
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:where([data-drop-target]) {
1330
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drop-target]) {
1311
1331
  background-color: var(--mantine-color-dark-5);
1312
1332
  }
1313
1333
 
1314
- ._monthViewDay_2aohq_114:where([data-drop-target])::before {
1334
+ ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
1315
1335
  content: '';
1316
1336
  position: absolute;
1317
1337
  inset: 0rem;
@@ -1321,20 +1341,20 @@
1321
1341
  border-radius: calc(0.125rem * var(--mantine-scale));
1322
1342
  }
1323
1343
 
1324
- :where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:where([data-drop-target])::before {
1344
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
1325
1345
  border-color: var(--mantine-color-blue-4);
1326
1346
  }
1327
1347
 
1328
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:where([data-drop-target])::before {
1348
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drop-target])::before {
1329
1349
  border-color: var(--mantine-color-blue-6);
1330
1350
  }
1331
1351
 
1332
- ._monthViewDay_2aohq_114:where([data-drag-selected]),
1333
- ._monthViewDay_2aohq_114:where([data-drag-selected]):hover {
1352
+ ._monthViewDay_hbhp2_114:where([data-drag-selected]),
1353
+ ._monthViewDay_hbhp2_114:where([data-drag-selected]):hover {
1334
1354
  background-color: var(--mantine-primary-color-light);
1335
1355
  }
1336
1356
 
1337
- ._monthViewDay_2aohq_114:where([data-drag-selected])::before {
1357
+ ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
1338
1358
  content: '';
1339
1359
  position: absolute;
1340
1360
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -1343,19 +1363,19 @@
1343
1363
  border: calc(0.0625rem * var(--mantine-scale)) solid;
1344
1364
  }
1345
1365
 
1346
- :where([data-mantine-color-scheme='light']) ._monthViewDay_2aohq_114:where([data-drag-selected])::before {
1366
+ :where([data-mantine-color-scheme='light']) ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
1347
1367
  border-color: var(--mantine-primary-color-2);
1348
1368
  }
1349
1369
 
1350
- :where([data-mantine-color-scheme='dark']) ._monthViewDay_2aohq_114:where([data-drag-selected])::before {
1370
+ :where([data-mantine-color-scheme='dark']) ._monthViewDay_hbhp2_114:where([data-drag-selected])::before {
1351
1371
  border-color: var(--mantine-primary-color-9);
1352
1372
  }
1353
1373
 
1354
- ._monthViewDay_2aohq_114:where([data-drag-slot-index]) {
1374
+ ._monthViewDay_hbhp2_114:where([data-drag-slot-index]) {
1355
1375
  touch-action: none;
1356
1376
  }
1357
1377
 
1358
- ._monthViewDayLabel_2aohq_255 {
1378
+ ._monthViewDayLabel_hbhp2_255 {
1359
1379
  width: calc(1.625rem * var(--mantine-scale));
1360
1380
  aspect-ratio: 1;
1361
1381
  display: flex;
@@ -1366,12 +1386,12 @@
1366
1386
  user-select: none;
1367
1387
  }
1368
1388
 
1369
- ._monthViewDayLabel_2aohq_255:where([data-today]) {
1389
+ ._monthViewDayLabel_hbhp2_255:where([data-today]) {
1370
1390
  background-color: var(--mantine-primary-color-filled);
1371
1391
  color: var(--mantine-primary-color-contrast);
1372
1392
  }
1373
1393
 
1374
- ._monthViewBackgroundEvent_2aohq_271 {
1394
+ ._monthViewBackgroundEvent_hbhp2_271 {
1375
1395
  position: absolute;
1376
1396
  pointer-events: none;
1377
1397
  z-index: 2;
@@ -1386,7 +1406,27 @@
1386
1406
  color: var(--bg-event-color);
1387
1407
  }
1388
1408
 
1389
- ._monthViewEvents_2aohq_286 {
1409
+ ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]) {
1410
+ pointer-events: auto;
1411
+ cursor: pointer;
1412
+ user-select: none;
1413
+ }
1414
+
1415
+ @media (hover: hover) {
1416
+
1417
+ ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]):hover {
1418
+ background-color: var(--bg-event-hover);
1419
+ }
1420
+ }
1421
+
1422
+ @media (hover: none) {
1423
+
1424
+ ._monthViewBackgroundEvent_hbhp2_271:where([data-interactive]):active {
1425
+ background-color: var(--bg-event-hover);
1426
+ }
1427
+ }
1428
+
1429
+ ._monthViewEvents_hbhp2_296 {
1390
1430
  position: absolute;
1391
1431
  inset-inline: 0;
1392
1432
  inset-inline-start: var(--week-numbers-offset);
@@ -1395,7 +1435,7 @@
1395
1435
  pointer-events: none;
1396
1436
  z-index: 3;
1397
1437
  }
1398
- ._weekView_16qgh_1 {
1438
+ ._weekView_1f3zt_1 {
1399
1439
  --week-view-week-day-height: calc(3.625rem * var(--mantine-scale));
1400
1440
  --week-view-all-day-slots-height: calc(3rem * var(--mantine-scale));
1401
1441
  --week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
@@ -1404,19 +1444,19 @@
1404
1444
  --week-view-slot-height: calc(4rem * var(--mantine-scale));
1405
1445
  }
1406
1446
 
1407
- :where([data-mantine-color-scheme='light']) ._weekView_16qgh_1 {
1447
+ :where([data-mantine-color-scheme='light']) ._weekView_1f3zt_1 {
1408
1448
  --week-view-border-color: var(--mantine-color-gray-3);
1409
1449
  --week-view-business-hours-bg: var(--mantine-color-white);
1410
1450
  --week-view-non-business-hours-bg: var(--mantine-color-gray-0);
1411
1451
  }
1412
1452
 
1413
- :where([data-mantine-color-scheme='dark']) ._weekView_16qgh_1 {
1453
+ :where([data-mantine-color-scheme='dark']) ._weekView_1f3zt_1 {
1414
1454
  --week-view-border-color: var(--mantine-color-dark-4);
1415
1455
  --week-view-business-hours-bg: var(--mantine-color-dark-7);
1416
1456
  --week-view-non-business-hours-bg: var(--mantine-color-dark-6);
1417
1457
  }
1418
1458
 
1419
- ._weekViewRoot_16qgh_22 {
1459
+ ._weekViewRoot_1f3zt_22 {
1420
1460
  --indicator-labels-offset: calc(var(--week-view-slots-label-width) / var(--number-of-days));
1421
1461
 
1422
1462
  border: 1px solid var(--week-view-border-color);
@@ -1424,17 +1464,17 @@
1424
1464
  overflow: hidden;
1425
1465
  }
1426
1466
 
1427
- ._weekViewInner_16qgh_30 {
1467
+ ._weekViewInner_1f3zt_30 {
1428
1468
  display: flex;
1429
1469
  position: relative;
1430
1470
  overflow: hidden;
1431
1471
  }
1432
1472
 
1433
- ._weekViewScrollArea_16qgh_36 :where(.mantine-ScrollArea-scrollbar) {
1473
+ ._weekViewScrollArea_1f3zt_36 :where(.mantine-ScrollArea-scrollbar) {
1434
1474
  z-index: 4;
1435
1475
  }
1436
1476
 
1437
- ._weekViewHeader_16qgh_42 {
1477
+ ._weekViewHeader_1f3zt_42 {
1438
1478
  display: flex;
1439
1479
  position: sticky;
1440
1480
  top: 0;
@@ -1445,11 +1485,11 @@
1445
1485
  transition: box-shadow 100ms ease;
1446
1486
  }
1447
1487
 
1448
- ._weekViewHeader_16qgh_42:where([data-scrolled]) {
1488
+ ._weekViewHeader_1f3zt_42:where([data-scrolled]) {
1449
1489
  box-shadow: var(--mantine-shadow-sm);
1450
1490
  }
1451
1491
 
1452
- ._weekViewCorner_16qgh_57 {
1492
+ ._weekViewCorner_1f3zt_57 {
1453
1493
  height: var(--week-view-week-day-height);
1454
1494
  flex: 0 0 var(--week-view-slots-label-width);
1455
1495
  min-width: var(--week-view-slots-label-width);
@@ -1460,13 +1500,13 @@
1460
1500
  justify-content: center;
1461
1501
  }
1462
1502
 
1463
- ._weekViewSlotLabels_16qgh_68 {
1503
+ ._weekViewSlotLabels_1f3zt_68 {
1464
1504
  flex: 0 0 var(--week-view-slots-label-width);
1465
1505
  min-width: var(--week-view-slots-label-width);
1466
1506
  background-color: var(--mantine-color-body);
1467
1507
  }
1468
1508
 
1469
- ._weekViewSlotLabel_16qgh_68 {
1509
+ ._weekViewSlotLabel_1f3zt_68 {
1470
1510
  border-top: 1px solid var(--week-view-border-color);
1471
1511
  text-align: right;
1472
1512
  height: var(--week-view-slot-height);
@@ -1479,20 +1519,20 @@
1479
1519
  text-transform: uppercase;
1480
1520
  }
1481
1521
 
1482
- ._weekViewSlotLabel_16qgh_68:where([data-business-hours]) {
1522
+ ._weekViewSlotLabel_1f3zt_68:where([data-business-hours]) {
1483
1523
  background-color: var(--week-view-business-hours-bg);
1484
1524
  }
1485
1525
 
1486
- ._weekViewSlotLabel_16qgh_68:where([data-non-business-hours]) {
1526
+ ._weekViewSlotLabel_1f3zt_68:where([data-non-business-hours]) {
1487
1527
  background-color: var(--week-view-non-business-hours-bg);
1488
1528
  }
1489
1529
 
1490
- ._weekViewDay_16qgh_95 {
1530
+ ._weekViewDay_1f3zt_95 {
1491
1531
  flex: 1;
1492
1532
  border-inline-start: 1px solid var(--week-view-border-color);
1493
1533
  }
1494
1534
 
1495
- ._weekViewDayLabel_16qgh_100 {
1535
+ ._weekViewDayLabel_1f3zt_100 {
1496
1536
  height: var(--week-view-week-day-height);
1497
1537
  min-width: var(--week-view-min-slot-width);
1498
1538
  display: flex;
@@ -1507,40 +1547,40 @@
1507
1547
  padding-inline-start: calc(0.3125rem * var(--mantine-scale));
1508
1548
  }
1509
1549
 
1510
- ._weekViewDayLabel_16qgh_100:where([data-weekend]) {
1550
+ ._weekViewDayLabel_1f3zt_100:where([data-weekend]) {
1511
1551
  color: var(--mantine-color-error);
1512
1552
  }
1513
1553
 
1514
- ._weekViewDayLabel_16qgh_100:where([data-today]) {
1554
+ ._weekViewDayLabel_1f3zt_100:where([data-today]) {
1515
1555
  gap: calc(0.375rem * var(--mantine-scale));
1516
1556
  }
1517
1557
 
1518
1558
  @media (hover: hover) {
1519
- :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_16qgh_100:hover {
1559
+ :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:hover {
1520
1560
  background-color: var(--mantine-color-gray-0);
1521
1561
  }
1522
1562
 
1523
- :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_16qgh_100:hover {
1563
+ :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:hover {
1524
1564
  background-color: var(--mantine-color-dark-6);
1525
1565
  }
1526
1566
  }
1527
1567
 
1528
1568
  @media (hover: none) {
1529
- :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_16qgh_100:active {
1569
+ :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:active {
1530
1570
  background-color: var(--mantine-color-gray-0);
1531
1571
  }
1532
1572
 
1533
- :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_16qgh_100:active {
1573
+ :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:active {
1534
1574
  background-color: var(--mantine-color-dark-6);
1535
1575
  }
1536
1576
  }
1537
1577
 
1538
- ._weekViewDayLabel_16qgh_100:where([data-static]) {
1578
+ ._weekViewDayLabel_1f3zt_100:where([data-static]) {
1539
1579
  cursor: default;
1540
1580
  pointer-events: none;
1541
1581
  }
1542
1582
 
1543
- ._weekViewDayNumber_16qgh_138 {
1583
+ ._weekViewDayNumber_1f3zt_138 {
1544
1584
  text-align: center;
1545
1585
  width: calc(1.625rem * var(--mantine-scale));
1546
1586
  aspect-ratio: 1;
@@ -1551,18 +1591,18 @@
1551
1591
  font-size: var(--mantine-font-size-sm);
1552
1592
  }
1553
1593
 
1554
- :where(._weekViewDayLabel_16qgh_100[data-today]) ._weekViewDayNumber_16qgh_138 {
1594
+ :where(._weekViewDayLabel_1f3zt_100[data-today]) ._weekViewDayNumber_1f3zt_138 {
1555
1595
  background-color: var(--mantine-primary-color-filled);
1556
1596
  color: var(--mantine-primary-color-contrast);
1557
1597
  }
1558
1598
 
1559
- ._weekViewDayWeekday_16qgh_154 {
1599
+ ._weekViewDayWeekday_1f3zt_154 {
1560
1600
  text-align: center;
1561
1601
  font-size: var(--mantine-font-size-sm);
1562
1602
  text-transform: capitalize;
1563
1603
  }
1564
1604
 
1565
- ._weekViewBackgroundEvent_16qgh_160 {
1605
+ ._weekViewBackgroundEvent_1f3zt_160 {
1566
1606
  position: absolute;
1567
1607
  pointer-events: none;
1568
1608
  z-index: 2;
@@ -1575,11 +1615,31 @@
1575
1615
  color: var(--bg-event-color);
1576
1616
  }
1577
1617
 
1578
- ._weekViewDaySlots_16qgh_173 {
1618
+ ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]) {
1619
+ pointer-events: auto;
1620
+ cursor: pointer;
1621
+ user-select: none;
1622
+ }
1623
+
1624
+ @media (hover: hover) {
1625
+
1626
+ ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):hover {
1627
+ background-color: var(--bg-event-hover);
1628
+ }
1629
+ }
1630
+
1631
+ @media (hover: none) {
1632
+
1633
+ ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):active {
1634
+ background-color: var(--bg-event-hover);
1635
+ }
1636
+ }
1637
+
1638
+ ._weekViewDaySlots_1f3zt_183 {
1579
1639
  position: relative;
1580
1640
  }
1581
1641
 
1582
- ._weekViewDaySlot_16qgh_173 {
1642
+ ._weekViewDaySlot_1f3zt_183 {
1583
1643
  display: block;
1584
1644
  width: 100%;
1585
1645
  border-top: 1px solid var(--week-view-border-color);
@@ -1590,47 +1650,47 @@
1590
1650
  position: relative;
1591
1651
  }
1592
1652
 
1593
- ._weekViewDaySlot_16qgh_173:where(:focus) {
1653
+ ._weekViewDaySlot_1f3zt_183:where(:focus) {
1594
1654
  z-index: 1;
1595
1655
  }
1596
1656
 
1597
1657
  @media (hover: hover) {
1598
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:hover {
1658
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:hover {
1599
1659
  background-color: var(--mantine-color-gray-1);
1600
1660
  }
1601
1661
 
1602
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:hover {
1662
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:hover {
1603
1663
  background-color: var(--mantine-color-dark-5);
1604
1664
  }
1605
1665
  }
1606
1666
 
1607
1667
  @media (hover: none) {
1608
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:active {
1668
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:active {
1609
1669
  background-color: var(--mantine-color-gray-1);
1610
1670
  }
1611
1671
 
1612
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:active {
1672
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:active {
1613
1673
  background-color: var(--mantine-color-dark-5);
1614
1674
  }
1615
1675
  }
1616
1676
 
1617
- ._weekViewDaySlot_16qgh_173:where([data-business-hours]) {
1677
+ ._weekViewDaySlot_1f3zt_183:where([data-business-hours]) {
1618
1678
  background-color: var(--week-view-business-hours-bg);
1619
1679
  }
1620
1680
 
1621
- ._weekViewDaySlot_16qgh_173:where([data-non-business-hours]) {
1681
+ ._weekViewDaySlot_1f3zt_183:where([data-non-business-hours]) {
1622
1682
  background-color: var(--week-view-non-business-hours-bg);
1623
1683
  }
1624
1684
 
1625
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:where([data-drop-target]) {
1685
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
1626
1686
  background-color: var(--mantine-color-blue-1);
1627
1687
  }
1628
1688
 
1629
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:where([data-drop-target]) {
1689
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
1630
1690
  background-color: var(--mantine-color-dark-5);
1631
1691
  }
1632
1692
 
1633
- ._weekViewDaySlot_16qgh_173:where([data-drop-target])::before {
1693
+ ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
1634
1694
  content: '';
1635
1695
  position: absolute;
1636
1696
  inset: 0;
@@ -1640,20 +1700,20 @@
1640
1700
  border-radius: calc(0.125rem * var(--mantine-scale));
1641
1701
  }
1642
1702
 
1643
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:where([data-drop-target])::before {
1703
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
1644
1704
  border-color: var(--mantine-color-blue-4);
1645
1705
  }
1646
1706
 
1647
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:where([data-drop-target])::before {
1707
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
1648
1708
  border-color: var(--mantine-color-blue-6);
1649
1709
  }
1650
1710
 
1651
- ._weekViewDaySlot_16qgh_173:where([data-drag-selected]),
1652
- ._weekViewDaySlot_16qgh_173:where([data-drag-selected]):hover {
1711
+ ._weekViewDaySlot_1f3zt_183:where([data-drag-selected]),
1712
+ ._weekViewDaySlot_1f3zt_183:where([data-drag-selected]):hover {
1653
1713
  background-color: var(--mantine-primary-color-light);
1654
1714
  }
1655
1715
 
1656
- ._weekViewDaySlot_16qgh_173:where([data-drag-selected])::before {
1716
+ ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
1657
1717
  content: '';
1658
1718
  position: absolute;
1659
1719
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -1662,72 +1722,72 @@
1662
1722
  border: calc(0.0625rem * var(--mantine-scale)) solid;
1663
1723
  }
1664
1724
 
1665
- :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_16qgh_173:where([data-drag-selected])::before {
1725
+ :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
1666
1726
  border-color: var(--mantine-primary-color-2);
1667
1727
  }
1668
1728
 
1669
- :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_16qgh_173:where([data-drag-selected])::before {
1729
+ :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
1670
1730
  border-color: var(--mantine-primary-color-9);
1671
1731
  }
1672
1732
 
1673
- ._weekViewDaySlot_16qgh_173:where([data-drag-slot-index]) {
1733
+ ._weekViewDaySlot_1f3zt_183:where([data-drag-slot-index]) {
1674
1734
  touch-action: none;
1675
1735
  }
1676
1736
 
1677
- ._weekViewDaySlot_16qgh_173:where([data-static]) {
1737
+ ._weekViewDaySlot_1f3zt_183:where([data-static]) {
1678
1738
  cursor: default;
1679
1739
  pointer-events: none;
1680
1740
  }
1681
1741
 
1682
- ._weekViewWeekLabel_16qgh_271 {
1742
+ ._weekViewWeekLabel_1f3zt_281 {
1683
1743
  text-align: center;
1684
1744
  margin-bottom: calc(0.25rem * var(--mantine-scale));
1685
1745
  font-size: var(--mantine-font-size-sm);
1686
1746
  }
1687
1747
 
1688
- ._weekViewWeekNumber_16qgh_277 {
1748
+ ._weekViewWeekNumber_1f3zt_287 {
1689
1749
  font-weight: var(--mantine-font-weight-medium);
1690
1750
  text-align: center;
1691
1751
  font-size: var(--mantine-font-size-lg);
1692
1752
  }
1693
1753
 
1694
- ._weekViewAllDaySlots_16qgh_283 {
1754
+ ._weekViewAllDaySlots_1f3zt_293 {
1695
1755
  display: flex;
1696
1756
  height: var(--week-view-all-day-slots-height);
1697
1757
  }
1698
1758
 
1699
- ._weekViewAllDaySlotsLabel_16qgh_288 {
1759
+ ._weekViewAllDaySlotsLabel_1f3zt_298 {
1700
1760
  flex: 0 0 var(--week-view-slots-label-width);
1701
1761
  text-align: right;
1702
1762
  padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
1703
1763
  font-size: var(--mantine-font-size-sm);
1704
1764
  }
1705
1765
 
1706
- ._weekViewAllDaySlotsEvents_16qgh_295 {
1766
+ ._weekViewAllDaySlotsEvents_1f3zt_305 {
1707
1767
  position: absolute;
1708
1768
  inset: 0;
1709
1769
  overflow: hidden;
1710
1770
  pointer-events: none;
1711
1771
  }
1712
1772
 
1713
- ._weekViewAllDaySlotsList_16qgh_302 {
1773
+ ._weekViewAllDaySlotsList_1f3zt_312 {
1714
1774
  position: relative;
1715
1775
  width: 100%;
1716
1776
  height: 100%;
1717
1777
  display: flex;
1718
1778
  }
1719
1779
 
1720
- ._weekViewAllDaySlotsList_16qgh_302 > ._weekViewDaySlot_16qgh_173 {
1780
+ ._weekViewAllDaySlotsList_1f3zt_312 > ._weekViewDaySlot_1f3zt_183 {
1721
1781
  flex: 1;
1722
1782
  border-inline-start: 1px solid var(--week-view-border-color);
1723
1783
  height: 100%;
1724
1784
  }
1725
1785
 
1726
- ._weekViewAllDaySlotsList_16qgh_302:hover ._weekViewAllDaySlotsEvents_16qgh_295, ._weekViewAllDaySlotsList_16qgh_302:focus-within ._weekViewAllDaySlotsEvents_16qgh_295 {
1786
+ ._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305 {
1727
1787
  overflow: visible;
1728
1788
  }
1729
1789
 
1730
- ._weekViewAllDaySlotsList_16qgh_302:hover ._weekViewAllDaySlotsEvents_16qgh_295::before, ._weekViewAllDaySlotsList_16qgh_302:focus-within ._weekViewAllDaySlotsEvents_16qgh_295::before {
1790
+ ._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305::before, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305::before {
1731
1791
  content: '';
1732
1792
  position: absolute;
1733
1793
  top: 100%;
@@ -1736,35 +1796,36 @@
1736
1796
  z-index: 1;
1737
1797
  pointer-events: all;
1738
1798
  }
1739
- ._yearView_1y6ar_1 {
1799
+ ._yearView_1ww3l_1 {
1740
1800
  --year-view-radius: var(--schedule-radius, var(--mantine-radius-default));
1741
1801
  --year-view-font-size: var(--mantine-font-size-sm);
1802
+ --year-view-columns: 7;
1742
1803
  container-type: inline-size;
1743
1804
  }
1744
1805
 
1745
- :where([data-mantine-color-scheme='light']) ._yearView_1y6ar_1 {
1806
+ :where([data-mantine-color-scheme='light']) ._yearView_1ww3l_1 {
1746
1807
  --year-view-border-color: var(--mantine-color-gray-3);
1747
1808
  }
1748
1809
 
1749
- :where([data-mantine-color-scheme='dark']) ._yearView_1y6ar_1 {
1810
+ :where([data-mantine-color-scheme='dark']) ._yearView_1ww3l_1 {
1750
1811
  --year-view-border-color: var(--mantine-color-dark-4);
1751
1812
  }
1752
1813
 
1753
- ._yearViewMonths_1y6ar_15 {
1814
+ ._yearViewMonths_1ww3l_16 {
1754
1815
  display: grid;
1755
1816
  grid-template-columns: repeat(3, 1fr);
1756
1817
  }
1757
1818
 
1758
1819
  @container (width <= 850px) {
1759
1820
 
1760
- ._yearViewMonths_1y6ar_15 {
1821
+ ._yearViewMonths_1ww3l_16 {
1761
1822
  --year-view-font-size: calc(var(--mantine-font-size-sm) - 2px)
1762
1823
  }
1763
1824
  }
1764
1825
 
1765
1826
  @container (width <= 750px) {
1766
1827
 
1767
- ._yearViewMonths_1y6ar_15 {
1828
+ ._yearViewMonths_1ww3l_16 {
1768
1829
  grid-template-columns: repeat(2, 1fr);
1769
1830
  --year-view-font-size: var(--mantine-font-size-xs)
1770
1831
  }
@@ -1772,30 +1833,30 @@
1772
1833
 
1773
1834
  @container (width <= 520px) {
1774
1835
 
1775
- ._yearViewMonths_1y6ar_15 {
1836
+ ._yearViewMonths_1ww3l_16 {
1776
1837
  --year-view-font-size: calc(var(--mantine-font-size-xs) - 2px)
1777
1838
  }
1778
1839
  }
1779
1840
 
1780
1841
  @container (width <= 420px) {
1781
1842
 
1782
- ._yearViewMonths_1y6ar_15 {
1843
+ ._yearViewMonths_1ww3l_16 {
1783
1844
  grid-template-columns: 1fr;
1784
1845
  --year-view-font-size: var(--mantine-font-size-xs)
1785
1846
  }
1786
1847
  }
1787
1848
 
1788
- ._yearViewMonth_1y6ar_15 {
1849
+ ._yearViewMonth_1ww3l_16 {
1789
1850
  --week-numbers-offset: 0rem;
1790
1851
  --day-base-color: var(--mantine-color-text);
1791
1852
  --day-dimmed-color: color-mix(in srgb, var(--day-base-color), transparent 65%);
1792
1853
  }
1793
1854
 
1794
- ._yearViewMonth_1y6ar_15:where([data-with-week-numbers]) {
1855
+ ._yearViewMonth_1ww3l_16:where([data-with-week-numbers]) {
1795
1856
  --week-numbers-offset: calc(1.75rem * var(--mantine-scale));
1796
1857
  }
1797
1858
 
1798
- ._yearViewMonth_1y6ar_15 {
1859
+ ._yearViewMonth_1ww3l_16 {
1799
1860
 
1800
1861
  min-width: 0;
1801
1862
  border: 1px solid var(--year-view-border-color);
@@ -1804,59 +1865,59 @@
1804
1865
  margin-inline-start: calc(-0.0625rem * var(--mantine-scale));
1805
1866
  }
1806
1867
 
1807
- ._yearViewMonth_1y6ar_15:where(:nth-child(3n + 1)) {
1868
+ ._yearViewMonth_1ww3l_16:where(:nth-child(3n + 1)) {
1808
1869
  margin-inline-start: 0;
1809
1870
  }
1810
1871
 
1811
- ._yearViewMonth_1y6ar_15:where(:nth-child(-n + 3)) {
1872
+ ._yearViewMonth_1ww3l_16:where(:nth-child(-n + 3)) {
1812
1873
  margin-top: 0;
1813
1874
  }
1814
1875
 
1815
- ._yearViewMonth_1y6ar_15:where(:nth-child(1)) {
1876
+ ._yearViewMonth_1ww3l_16:where(:nth-child(1)) {
1816
1877
  border-start-start-radius: var(--year-view-radius);
1817
1878
  }
1818
1879
 
1819
- ._yearViewMonth_1y6ar_15:where(:nth-child(3)) {
1880
+ ._yearViewMonth_1ww3l_16:where(:nth-child(3)) {
1820
1881
  border-start-end-radius: var(--year-view-radius);
1821
1882
  }
1822
1883
 
1823
- ._yearViewMonth_1y6ar_15:where(:nth-last-child(3)) {
1884
+ ._yearViewMonth_1ww3l_16:where(:nth-last-child(3)) {
1824
1885
  border-end-start-radius: var(--year-view-radius);
1825
1886
  }
1826
1887
 
1827
- ._yearViewMonth_1y6ar_15:where(:nth-last-child(1)) {
1888
+ ._yearViewMonth_1ww3l_16:where(:nth-last-child(1)) {
1828
1889
  border-end-end-radius: var(--year-view-radius);
1829
1890
  }
1830
1891
 
1831
1892
  @container (width <= 750px) {
1832
1893
 
1833
- ._yearViewMonth_1y6ar_15 {
1894
+ ._yearViewMonth_1ww3l_16 {
1834
1895
  border: 0;
1835
1896
  padding: calc(0.5rem * var(--mantine-scale));
1836
1897
  margin: 0
1837
1898
  }
1838
1899
 
1839
- ._yearViewMonth_1y6ar_15:where([data-with-week-numbers]) {
1900
+ ._yearViewMonth_1ww3l_16:where([data-with-week-numbers]) {
1840
1901
  --week-numbers-offset: calc(0.875rem * var(--mantine-scale));
1841
1902
  }
1842
1903
  }
1843
1904
 
1844
1905
  @container (width <= 420px) {
1845
1906
 
1846
- ._yearViewMonth_1y6ar_15 {
1907
+ ._yearViewMonth_1ww3l_16 {
1847
1908
  padding: calc(0.375rem * var(--mantine-scale))
1848
1909
  }
1849
1910
  }
1850
1911
 
1851
- ._yearViewWeekdays_1y6ar_92 {
1912
+ ._yearViewWeekdays_1ww3l_93 {
1852
1913
  display: flex;
1853
1914
  }
1854
1915
 
1855
- ._yearViewWeek_1y6ar_92 {
1916
+ ._yearViewWeek_1ww3l_93 {
1856
1917
  display: flex;
1857
1918
  }
1858
1919
 
1859
- ._yearViewWeekNumber_1y6ar_100 {
1920
+ ._yearViewWeekNumber_1ww3l_101 {
1860
1921
  flex: 0 0 calc(var(--week-numbers-offset) - calc(0.25rem * var(--mantine-scale)));
1861
1922
  margin-inline-end: calc(0.25rem * var(--mantine-scale));
1862
1923
  display: flex;
@@ -1873,38 +1934,39 @@
1873
1934
 
1874
1935
  @container (width <= 750px) {
1875
1936
 
1876
- ._yearViewWeekNumber_1y6ar_100 {
1937
+ ._yearViewWeekNumber_1ww3l_101 {
1877
1938
  padding: 0
1878
1939
  }
1879
1940
  }
1880
1941
 
1881
1942
  @media (hover: hover) {
1882
- :where([data-mantine-color-scheme='light']) ._yearViewWeekNumber_1y6ar_100:hover {
1943
+ :where([data-mantine-color-scheme='light']) ._yearViewWeekNumber_1ww3l_101:hover {
1883
1944
  background-color: var(--mantine-color-gray-0);
1884
1945
  }
1885
1946
 
1886
- :where([data-mantine-color-scheme='dark']) ._yearViewWeekNumber_1y6ar_100:hover {
1947
+ :where([data-mantine-color-scheme='dark']) ._yearViewWeekNumber_1ww3l_101:hover {
1887
1948
  background-color: var(--mantine-color-dark-6);
1888
1949
  }
1889
1950
  }
1890
1951
 
1891
1952
  @media (hover: none) {
1892
- :where([data-mantine-color-scheme='light']) ._yearViewWeekNumber_1y6ar_100:active {
1953
+ :where([data-mantine-color-scheme='light']) ._yearViewWeekNumber_1ww3l_101:active {
1893
1954
  background-color: var(--mantine-color-gray-0);
1894
1955
  }
1895
1956
 
1896
- :where([data-mantine-color-scheme='dark']) ._yearViewWeekNumber_1y6ar_100:active {
1957
+ :where([data-mantine-color-scheme='dark']) ._yearViewWeekNumber_1ww3l_101:active {
1897
1958
  background-color: var(--mantine-color-dark-6);
1898
1959
  }
1899
1960
  }
1900
1961
 
1901
- ._yearViewWeekNumber_1y6ar_100:where([data-static]) {
1962
+ ._yearViewWeekNumber_1ww3l_101:where([data-static]) {
1902
1963
  cursor: default;
1903
1964
  pointer-events: none;
1904
1965
  }
1905
1966
 
1906
- ._yearViewWeekday_1y6ar_92 {
1907
- flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
1967
+ ._yearViewWeekday_1ww3l_93 {
1968
+ flex: 0 0
1969
+ calc(100% / var(--year-view-columns) - var(--week-numbers-offset) / var(--year-view-columns));
1908
1970
  height: calc(2.25rem * var(--mantine-scale));
1909
1971
  font-size: var(--year-view-font-size);
1910
1972
  font-weight: var(--mantine-font-weight-medium);
@@ -1920,18 +1982,19 @@
1920
1982
 
1921
1983
  @container (width <= 750px) {
1922
1984
 
1923
- ._yearViewWeekday_1y6ar_92 {
1985
+ ._yearViewWeekday_1ww3l_93 {
1924
1986
  height: auto;
1925
1987
  padding-block: calc(0.125rem * var(--mantine-scale))
1926
1988
  }
1927
1989
  }
1928
1990
 
1929
- ._yearViewWeekdaysCorner_1y6ar_154 {
1991
+ ._yearViewWeekdaysCorner_1ww3l_156 {
1930
1992
  flex: 0 0 var(--week-numbers-offset);
1931
1993
  }
1932
1994
 
1933
- ._yearViewDay_1y6ar_158 {
1934
- flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
1995
+ ._yearViewDay_1ww3l_160 {
1996
+ flex: 0 0
1997
+ calc(100% / var(--year-view-columns) - var(--week-numbers-offset) / var(--year-view-columns));
1935
1998
  padding: calc(0.25rem * var(--mantine-scale));
1936
1999
  font-size: var(--year-view-font-size);
1937
2000
  color: var(--day-base-color);
@@ -1947,70 +2010,70 @@
1947
2010
 
1948
2011
  @container (width <= 750px) {
1949
2012
 
1950
- ._yearViewDay_1y6ar_158 {
2013
+ ._yearViewDay_1ww3l_160 {
1951
2014
  padding: 0
1952
2015
  }
1953
2016
  }
1954
2017
 
1955
- ._yearViewDay_1y6ar_158:where([data-day-placeholder]) {
2018
+ ._yearViewDay_1ww3l_160:where([data-day-placeholder]) {
1956
2019
  background-color: transparent;
1957
2020
  cursor: default;
1958
2021
  pointer-events: none;
1959
2022
  }
1960
2023
 
1961
- ._yearViewDay_1y6ar_158:where([data-weekend]) {
2024
+ ._yearViewDay_1ww3l_160:where([data-weekend]) {
1962
2025
  color: var(--mantine-color-red-6);
1963
2026
  }
1964
2027
 
1965
- ._yearViewDay_1y6ar_158:where([data-outside]) {
2028
+ ._yearViewDay_1ww3l_160:where([data-outside]) {
1966
2029
  color: var(--day-dimmed-color);
1967
2030
  }
1968
2031
 
1969
2032
  @media (hover: hover) {
1970
- :where([data-mantine-color-scheme='light']) ._yearViewDay_1y6ar_158:hover:where(:not([data-today], [data-day-placeholder])) {
2033
+ :where([data-mantine-color-scheme='light']) ._yearViewDay_1ww3l_160:hover:where(:not([data-today], [data-day-placeholder])) {
1971
2034
  background-color: var(--mantine-color-gray-0);
1972
2035
  }
1973
2036
 
1974
- :where([data-mantine-color-scheme='dark']) ._yearViewDay_1y6ar_158:hover:where(:not([data-today], [data-day-placeholder])) {
2037
+ :where([data-mantine-color-scheme='dark']) ._yearViewDay_1ww3l_160:hover:where(:not([data-today], [data-day-placeholder])) {
1975
2038
  background-color: var(--mantine-color-dark-6);
1976
2039
  }
1977
2040
  }
1978
2041
 
1979
2042
  @media (hover: none) {
1980
- :where([data-mantine-color-scheme='light']) ._yearViewDay_1y6ar_158:active:where(:not([data-today], [data-day-placeholder])) {
2043
+ :where([data-mantine-color-scheme='light']) ._yearViewDay_1ww3l_160:active:where(:not([data-today], [data-day-placeholder])) {
1981
2044
  background-color: var(--mantine-color-gray-0);
1982
2045
  }
1983
2046
 
1984
- :where([data-mantine-color-scheme='dark']) ._yearViewDay_1y6ar_158:active:where(:not([data-today], [data-day-placeholder])) {
2047
+ :where([data-mantine-color-scheme='dark']) ._yearViewDay_1ww3l_160:active:where(:not([data-today], [data-day-placeholder])) {
1985
2048
  background-color: var(--mantine-color-dark-6);
1986
2049
  }
1987
2050
  }
1988
2051
 
1989
- ._yearViewDay_1y6ar_158:where([data-today]:not([data-outside])) {
2052
+ ._yearViewDay_1ww3l_160:where([data-today]:not([data-outside])) {
1990
2053
  background-color: var(--mantine-primary-color-filled);
1991
2054
  color: var(--mantine-primary-color-contrast);
1992
2055
  }
1993
2056
 
1994
2057
  @media (hover: hover) {
1995
2058
 
1996
- ._yearViewDay_1y6ar_158:where([data-today]:not([data-outside])):hover {
2059
+ ._yearViewDay_1ww3l_160:where([data-today]:not([data-outside])):hover {
1997
2060
  background-color: var(--mantine-primary-color-filled-hover);
1998
2061
  }
1999
2062
  }
2000
2063
 
2001
2064
  @media (hover: none) {
2002
2065
 
2003
- ._yearViewDay_1y6ar_158:where([data-today]:not([data-outside])):active {
2066
+ ._yearViewDay_1ww3l_160:where([data-today]:not([data-outside])):active {
2004
2067
  background-color: var(--mantine-primary-color-filled-hover);
2005
2068
  }
2006
2069
  }
2007
2070
 
2008
- ._yearViewDay_1y6ar_158:where([data-static]) {
2071
+ ._yearViewDay_1ww3l_160:where([data-static]) {
2009
2072
  cursor: default;
2010
2073
  pointer-events: none;
2011
2074
  }
2012
2075
 
2013
- ._yearViewMonthCaption_1y6ar_217 {
2076
+ ._yearViewMonthCaption_1ww3l_220 {
2014
2077
  padding-inline: var(--mantine-spacing-sm);
2015
2078
  width: 100%;
2016
2079
  padding-block: calc(0.25rem * var(--mantine-scale));
@@ -2022,31 +2085,31 @@
2022
2085
  }
2023
2086
 
2024
2087
  @media (hover: hover) {
2025
- :where([data-mantine-color-scheme='light']) ._yearViewMonthCaption_1y6ar_217:hover {
2088
+ :where([data-mantine-color-scheme='light']) ._yearViewMonthCaption_1ww3l_220:hover {
2026
2089
  background-color: var(--mantine-color-gray-0);
2027
2090
  }
2028
2091
 
2029
- :where([data-mantine-color-scheme='dark']) ._yearViewMonthCaption_1y6ar_217:hover {
2092
+ :where([data-mantine-color-scheme='dark']) ._yearViewMonthCaption_1ww3l_220:hover {
2030
2093
  background-color: var(--mantine-color-dark-6);
2031
2094
  }
2032
2095
  }
2033
2096
 
2034
2097
  @media (hover: none) {
2035
- :where([data-mantine-color-scheme='light']) ._yearViewMonthCaption_1y6ar_217:active {
2098
+ :where([data-mantine-color-scheme='light']) ._yearViewMonthCaption_1ww3l_220:active {
2036
2099
  background-color: var(--mantine-color-gray-0);
2037
2100
  }
2038
2101
 
2039
- :where([data-mantine-color-scheme='dark']) ._yearViewMonthCaption_1y6ar_217:active {
2102
+ :where([data-mantine-color-scheme='dark']) ._yearViewMonthCaption_1ww3l_220:active {
2040
2103
  background-color: var(--mantine-color-dark-6);
2041
2104
  }
2042
2105
  }
2043
2106
 
2044
- ._yearViewMonthCaption_1y6ar_217:where([data-static]) {
2107
+ ._yearViewMonthCaption_1ww3l_220:where([data-static]) {
2045
2108
  cursor: default;
2046
2109
  pointer-events: none;
2047
2110
  }
2048
2111
 
2049
- ._yearViewDayIndicators_1y6ar_243 {
2112
+ ._yearViewDayIndicators_1ww3l_246 {
2050
2113
  position: absolute;
2051
2114
  bottom: 0;
2052
2115
  inset-inline: 0;
@@ -2055,7 +2118,7 @@
2055
2118
  padding-inline-start: calc(0.125rem * var(--mantine-scale));
2056
2119
  }
2057
2120
 
2058
- ._yearViewDayIndicator_1y6ar_243 {
2121
+ ._yearViewDayIndicator_1ww3l_246 {
2059
2122
  width: calc(0.5rem * var(--mantine-scale));
2060
2123
  height: calc(0.5rem * var(--mantine-scale));
2061
2124
  border-radius: 100%;
@@ -2089,7 +2152,7 @@
2089
2152
  display: block
2090
2153
  }
2091
2154
  }
2092
- ._resourcesDayView_7b9z2_1 {
2155
+ ._resourcesDayView_wmj51_1 {
2093
2156
  --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2094
2157
  --resources-day-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2095
2158
  --resources-day-view-slot-width: calc(5rem * var(--mantine-scale));
@@ -2098,19 +2161,19 @@
2098
2161
  --resources-day-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2099
2162
  }
2100
2163
 
2101
- :where([data-mantine-color-scheme='light']) ._resourcesDayView_7b9z2_1 {
2164
+ :where([data-mantine-color-scheme='light']) ._resourcesDayView_wmj51_1 {
2102
2165
  --resources-day-view-border-color: var(--mantine-color-gray-3);
2103
2166
  --resources-day-view-business-hours-bg: var(--mantine-color-white);
2104
2167
  --resources-day-view-non-business-hours-bg: var(--mantine-color-gray-0);
2105
2168
  }
2106
2169
 
2107
- :where([data-mantine-color-scheme='dark']) ._resourcesDayView_7b9z2_1 {
2170
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayView_wmj51_1 {
2108
2171
  --resources-day-view-border-color: var(--mantine-color-dark-4);
2109
2172
  --resources-day-view-business-hours-bg: var(--mantine-color-dark-7);
2110
2173
  --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);
2111
2174
  }
2112
2175
 
2113
- ._resourcesDayViewRoot_7b9z2_22 {
2176
+ ._resourcesDayViewRoot_wmj51_22 {
2114
2177
  border: 1px solid var(--resources-day-view-border-color);
2115
2178
  border-radius: var(--resources-day-view-radius);
2116
2179
  overflow: hidden;
@@ -2118,20 +2181,20 @@
2118
2181
  position: relative;
2119
2182
  }
2120
2183
 
2121
- ._resourcesDayViewScrollArea_7b9z2_30 :where([data-mantine-scrollbar]) {
2184
+ ._resourcesDayViewScrollArea_wmj51_30 :where([data-mantine-scrollbar]) {
2122
2185
  z-index: 20;
2123
2186
  }
2124
2187
 
2125
- ._resourcesDayViewScrollArea_7b9z2_30 :where([data-scrollarea-viewport]) {
2188
+ ._resourcesDayViewScrollArea_wmj51_30 :where([data-scrollarea-viewport]) {
2126
2189
  overscroll-behavior-x: none;
2127
2190
  }
2128
2191
 
2129
- ._resourcesDayViewInner_7b9z2_39 {
2192
+ ._resourcesDayViewInner_wmj51_39 {
2130
2193
  display: inline-flex;
2131
2194
  flex-direction: column;
2132
2195
  position: relative;
2133
2196
  }
2134
- ._resourcesDayViewTimeLabelsRow_7b9z2_44 {
2197
+ ._resourcesDayViewTimeLabelsRow_wmj51_44 {
2135
2198
  display: flex;
2136
2199
  position: sticky;
2137
2200
  top: 0;
@@ -2141,10 +2204,10 @@
2141
2204
  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2142
2205
  transition: box-shadow 100ms ease;
2143
2206
  }
2144
- ._resourcesDayViewTimeLabelsRow_7b9z2_44:where([data-scrolled]) {
2207
+ ._resourcesDayViewTimeLabelsRow_wmj51_44:where([data-scrolled]) {
2145
2208
  box-shadow: var(--mantine-shadow-sm);
2146
2209
  }
2147
- ._resourcesDayViewCorner_7b9z2_57 {
2210
+ ._resourcesDayViewCorner_wmj51_57 {
2148
2211
  flex: 0 0 var(--resources-day-view-resource-label-width);
2149
2212
  min-width: var(--resources-day-view-resource-label-width);
2150
2213
  border-inline-end: 1px solid var(--resources-day-view-border-color);
@@ -2159,7 +2222,7 @@
2159
2222
  font-weight: var(--mantine-font-weight-medium);
2160
2223
  user-select: none;
2161
2224
  }
2162
- ._resourcesDayViewTimeLabel_7b9z2_44 {
2225
+ ._resourcesDayViewTimeLabel_wmj51_44 {
2163
2226
  flex: 0 0 var(--resources-day-view-slot-width);
2164
2227
  min-width: var(--resources-day-view-slot-width);
2165
2228
  max-width: var(--resources-day-view-slot-width);
@@ -2174,20 +2237,20 @@
2174
2237
  text-transform: uppercase;
2175
2238
  border-inline-end: 1px solid var(--resources-day-view-border-color);
2176
2239
  }
2177
- ._resourcesDayViewTimeLabel_7b9z2_44:where(:last-of-type) {
2240
+ ._resourcesDayViewTimeLabel_wmj51_44:where(:last-of-type) {
2178
2241
  border-inline-end: none;
2179
2242
  }
2180
- ._resourcesDayViewTimeLabel_7b9z2_44:where([data-business-hours]) {
2243
+ ._resourcesDayViewTimeLabel_wmj51_44:where([data-business-hours]) {
2181
2244
  background-color: var(--resources-day-view-business-hours-bg);
2182
2245
  }
2183
- ._resourcesDayViewTimeLabel_7b9z2_44:where([data-non-business-hours]) {
2246
+ ._resourcesDayViewTimeLabel_wmj51_44:where([data-non-business-hours]) {
2184
2247
  background-color: var(--resources-day-view-non-business-hours-bg);
2185
2248
  }
2186
- ._resourcesDayViewRow_7b9z2_96 {
2249
+ ._resourcesDayViewRow_wmj51_96 {
2187
2250
  display: flex;
2188
2251
  border-top: 1px solid var(--resources-day-view-border-color);
2189
2252
  }
2190
- ._resourcesDayViewResourceLabel_7b9z2_100 {
2253
+ ._resourcesDayViewResourceLabel_wmj51_100 {
2191
2254
  flex: 0 0 var(--resources-day-view-resource-label-width);
2192
2255
  min-width: var(--resources-day-view-resource-label-width);
2193
2256
  display: flex;
@@ -2205,14 +2268,14 @@
2205
2268
  background-color: var(--mantine-color-body);
2206
2269
  transition: box-shadow 100ms ease;
2207
2270
  }
2208
- ._resourcesDayViewResourceLabel_7b9z2_100:where([data-scrolled-x]) {
2271
+ ._resourcesDayViewResourceLabel_wmj51_100:where([data-scrolled-x]) {
2209
2272
  box-shadow: var(--mantine-shadow-sm);
2210
2273
  }
2211
- ._resourcesDayViewResourceLabel_7b9z2_100:where([data-has-groups]) {
2274
+ ._resourcesDayViewResourceLabel_wmj51_100:where([data-has-groups]) {
2212
2275
  left: var(--resources-day-view-group-label-width);
2213
2276
  }
2214
- ._resourcesDayViewGroupColumn_7b9z2_124,
2215
- ._resourcesDayViewGroupColumnEmpty_7b9z2_125 {
2277
+ ._resourcesDayViewGroupColumn_wmj51_124,
2278
+ ._resourcesDayViewGroupColumnEmpty_wmj51_125 {
2216
2279
  flex: 0 0 var(--resources-day-view-group-label-width);
2217
2280
  min-width: var(--resources-day-view-group-label-width);
2218
2281
  min-height: var(--resources-day-view-row-height);
@@ -2222,7 +2285,7 @@
2222
2285
  background-color: var(--mantine-color-body);
2223
2286
  border-inline-end: 1px solid var(--resources-day-view-border-color);
2224
2287
  }
2225
- ._resourcesDayViewGroupColumn_7b9z2_124 {
2288
+ ._resourcesDayViewGroupColumn_wmj51_124 {
2226
2289
  display: flex;
2227
2290
  align-items: center;
2228
2291
  justify-content: center;
@@ -2233,19 +2296,19 @@
2233
2296
  user-select: none;
2234
2297
  overflow: visible;
2235
2298
  }
2236
- ._resourcesDayViewGroupColumn_7b9z2_124:where([data-group-position='first'], [data-group-position='only']) {
2299
+ ._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='first'], [data-group-position='only']) {
2237
2300
  z-index: 13;
2238
2301
  }
2239
- ._resourcesDayViewGroupColumn_7b9z2_124:where([data-group-position='middle'], [data-group-position='last']) {
2302
+ ._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='middle'], [data-group-position='last']) {
2240
2303
  margin-top: calc(-0.0625rem * var(--mantine-scale));
2241
2304
  min-height: calc(var(--resources-day-view-row-height) + 1px);
2242
2305
  }
2243
- ._resourcesDayViewRowSlots_7b9z2_153 {
2306
+ ._resourcesDayViewRowSlots_wmj51_153 {
2244
2307
  display: flex;
2245
2308
  position: relative;
2246
2309
  min-height: var(--resources-day-view-row-height);
2247
2310
  }
2248
- ._resourcesDayViewRowSlot_7b9z2_153 {
2311
+ ._resourcesDayViewRowSlot_wmj51_153 {
2249
2312
  flex: 0 0 var(--resources-day-view-slot-width);
2250
2313
  min-width: var(--resources-day-view-slot-width);
2251
2314
  max-width: var(--resources-day-view-slot-width);
@@ -2254,41 +2317,41 @@
2254
2317
  cursor: pointer;
2255
2318
  position: relative;
2256
2319
  }
2257
- ._resourcesDayViewRowSlot_7b9z2_153:where(:last-of-type) {
2320
+ ._resourcesDayViewRowSlot_wmj51_153:where(:last-of-type) {
2258
2321
  border-inline-end: none;
2259
2322
  }
2260
- ._resourcesDayViewRowSlot_7b9z2_153:where(:focus) {
2323
+ ._resourcesDayViewRowSlot_wmj51_153:where(:focus) {
2261
2324
  z-index: 1;
2262
2325
  }
2263
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-business-hours]) {
2326
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-business-hours]) {
2264
2327
  background-color: var(--resources-day-view-business-hours-bg);
2265
2328
  }
2266
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-non-business-hours]) {
2329
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-non-business-hours]) {
2267
2330
  background-color: var(--resources-day-view-non-business-hours-bg);
2268
2331
  }
2269
2332
  @media (hover: hover) {
2270
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:hover {
2333
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:hover {
2271
2334
  background-color: var(--mantine-color-gray-1);
2272
2335
  }
2273
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:hover {
2336
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:hover {
2274
2337
  background-color: var(--mantine-color-dark-5);
2275
2338
  }
2276
2339
  }
2277
2340
  @media (hover: none) {
2278
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:active {
2341
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:active {
2279
2342
  background-color: var(--mantine-color-gray-1);
2280
2343
  }
2281
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:active {
2344
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:active {
2282
2345
  background-color: var(--mantine-color-dark-5);
2283
2346
  }
2284
2347
  }
2285
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target]) {
2348
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
2286
2349
  background-color: var(--mantine-color-blue-1);
2287
2350
  }
2288
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target]) {
2351
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
2289
2352
  background-color: var(--mantine-color-dark-5);
2290
2353
  }
2291
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2354
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
2292
2355
  content: '';
2293
2356
  position: absolute;
2294
2357
  inset: 0;
@@ -2297,17 +2360,17 @@
2297
2360
  border: calc(0.0625rem * var(--mantine-scale)) solid;
2298
2361
  border-radius: calc(0.125rem * var(--mantine-scale));
2299
2362
  }
2300
- :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2363
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
2301
2364
  border-color: var(--mantine-color-blue-4);
2302
2365
  }
2303
- :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2366
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
2304
2367
  border-color: var(--mantine-color-blue-6);
2305
2368
  }
2306
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected]),
2307
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected]):hover {
2369
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]),
2370
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]):hover {
2308
2371
  background-color: var(--mantine-primary-color-light);
2309
2372
  }
2310
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected])::before {
2373
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected])::before {
2311
2374
  content: '';
2312
2375
  position: absolute;
2313
2376
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2315,14 +2378,14 @@
2315
2378
  z-index: 2;
2316
2379
  border: 1px solid var(--mantine-primary-color-2);
2317
2380
  }
2318
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-slot-index]) {
2381
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-slot-index]) {
2319
2382
  touch-action: none;
2320
2383
  }
2321
- ._resourcesDayViewRowSlot_7b9z2_153:where([data-static]) {
2384
+ ._resourcesDayViewRowSlot_wmj51_153:where([data-static]) {
2322
2385
  cursor: default;
2323
2386
  pointer-events: none;
2324
2387
  }
2325
- ._resourcesDayViewCurrentTimeIndicator_7b9z2_231 {
2388
+ ._resourcesDayViewCurrentTimeIndicator_wmj51_231 {
2326
2389
  --_indicator-color: var(--resources-day-view-indicator-color, var(--mantine-color-red-7));
2327
2390
  --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2328
2391
  --_thumb-size: calc(0.75rem * var(--mantine-scale));
@@ -2334,13 +2397,13 @@
2334
2397
  width: calc(0.125rem * var(--mantine-scale));
2335
2398
  z-index: 3;
2336
2399
  }
2337
- ._resourcesDayViewCurrentTimeIndicatorLine_7b9z2_243 {
2400
+ ._resourcesDayViewCurrentTimeIndicatorLine_wmj51_243 {
2338
2401
  width: 100%;
2339
2402
  position: absolute;
2340
2403
  inset-block: 0;
2341
2404
  background-color: var(--_indicator-color);
2342
2405
  }
2343
- ._resourcesDayViewCurrentTimeIndicatorThumb_7b9z2_249 {
2406
+ ._resourcesDayViewCurrentTimeIndicatorThumb_wmj51_249 {
2344
2407
  position: absolute;
2345
2408
  top: calc(-0.3125rem * var(--mantine-scale));
2346
2409
  left: calc(-0.3125rem * var(--mantine-scale));
@@ -2350,7 +2413,7 @@
2350
2413
  border: 1px solid var(--mantine-color-body);
2351
2414
  background-color: var(--_indicator-color);
2352
2415
  }
2353
- ._resourcesDayViewCurrentTimeIndicatorTimeBubble_7b9z2_259 {
2416
+ ._resourcesDayViewCurrentTimeIndicatorTimeBubble_wmj51_259 {
2354
2417
  position: absolute;
2355
2418
  height: var(--_time-bubble-height);
2356
2419
  width: var(--_time-bubble-width);
@@ -2369,7 +2432,7 @@
2369
2432
  left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2370
2433
  z-index: 3;
2371
2434
  }
2372
- ._resourcesDayViewBackgroundEvent_7b9z2_278 {
2435
+ ._resourcesDayViewBackgroundEvent_wmj51_278 {
2373
2436
  position: absolute;
2374
2437
  pointer-events: none;
2375
2438
  z-index: 2;
@@ -2381,17 +2444,34 @@
2381
2444
  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2382
2445
  color: var(--bg-event-color);
2383
2446
  }
2384
- ._resourcesDayViewAllDayEvent_7b9z2_290 {
2447
+ ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]) {
2448
+ pointer-events: auto;
2449
+ cursor: pointer;
2450
+ user-select: none;
2451
+ }
2452
+ @media (hover: hover) {
2453
+
2454
+ ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):hover {
2455
+ background-color: var(--bg-event-hover);
2456
+ }
2457
+ }
2458
+ @media (hover: none) {
2459
+
2460
+ ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):active {
2461
+ background-color: var(--bg-event-hover);
2462
+ }
2463
+ }
2464
+ ._resourcesDayViewAllDayEvent_wmj51_300 {
2385
2465
  position: absolute;
2386
2466
  inset-inline: calc(0.0625rem * var(--mantine-scale));
2387
2467
  height: var(--resources-day-view-all-day-height);
2388
2468
  z-index: 3;
2389
2469
  }
2390
- ._resourcesDayViewEventWrapper_7b9z2_296 {
2470
+ ._resourcesDayViewEventWrapper_wmj51_306 {
2391
2471
  position: absolute;
2392
2472
  z-index: 3;
2393
2473
  }
2394
- ._resourcesDayViewResizeHandle_7b9z2_300 {
2474
+ ._resourcesDayViewResizeHandle_wmj51_310 {
2395
2475
  position: absolute;
2396
2476
  top: 20%;
2397
2477
  width: calc(0.25rem * var(--mantine-scale));
@@ -2404,35 +2484,35 @@
2404
2484
  pointer-events: all;
2405
2485
  background-color: var(--event-color);
2406
2486
  }
2407
- ._resourcesDayViewResizeHandle_7b9z2_300::before {
2487
+ ._resourcesDayViewResizeHandle_wmj51_310::before {
2408
2488
  content: '';
2409
2489
  position: absolute;
2410
2490
  inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2411
2491
  }
2412
- ._resourcesDayViewResizeHandle_7b9z2_300:where([data-edge='start']) {
2492
+ ._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='start']) {
2413
2493
  left: calc(-0.125rem * var(--mantine-scale));
2414
2494
  }
2415
- ._resourcesDayViewResizeHandle_7b9z2_300:where([data-edge='end']) {
2495
+ ._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='end']) {
2416
2496
  right: calc(-0.125rem * var(--mantine-scale));
2417
2497
  }
2418
- ._resourcesDayViewEventWrapper_7b9z2_296:hover ._resourcesDayViewResizeHandle_7b9z2_300 {
2498
+ ._resourcesDayViewEventWrapper_wmj51_306:hover ._resourcesDayViewResizeHandle_wmj51_310 {
2419
2499
  opacity: 0.5;
2420
2500
  }
2421
- ._resourcesDayViewEventWrapper_7b9z2_296 ._resourcesDayViewResizeHandle_7b9z2_300:hover,
2422
- ._resourcesDayViewEventWrapper_7b9z2_296[data-resizing] ._resourcesDayViewResizeHandle_7b9z2_300[data-active] {
2501
+ ._resourcesDayViewEventWrapper_wmj51_306 ._resourcesDayViewResizeHandle_wmj51_310:hover,
2502
+ ._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310[data-active] {
2423
2503
  opacity: 0.8;
2424
2504
  }
2425
- ._resourcesDayViewEventWrapper_7b9z2_296[data-resizing] ._resourcesDayViewResizeHandle_7b9z2_300:not([data-active]) {
2505
+ ._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310:not([data-active]) {
2426
2506
  opacity: 0;
2427
2507
  pointer-events: none;
2428
2508
  }
2429
- ._resourcesDayView_7b9z2_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_7b9z2_153 {
2509
+ ._resourcesDayView_wmj51_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_wmj51_153 {
2430
2510
  pointer-events: none;
2431
2511
  }
2432
- ._resourcesDayView_7b9z2_1:where([data-resizing]) * {
2512
+ ._resourcesDayView_wmj51_1:where([data-resizing]) * {
2433
2513
  cursor: ew-resize !important;
2434
2514
  }
2435
- ._resourcesWeekView_jzd1a_1 {
2515
+ ._resourcesWeekView_1komm_1 {
2436
2516
  --resources-week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2437
2517
  --resources-week-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2438
2518
  --resources-week-view-slot-width: calc(3.75rem * var(--mantine-scale));
@@ -2440,35 +2520,35 @@
2440
2520
  --resources-week-view-group-label-width: calc(5rem * var(--mantine-scale));
2441
2521
  --resources-week-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2442
2522
  }
2443
- :where([data-mantine-color-scheme='light']) ._resourcesWeekView_jzd1a_1 {
2523
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekView_1komm_1 {
2444
2524
  --resources-week-view-border-color: var(--mantine-color-gray-3);
2445
2525
  --resources-week-view-business-hours-bg: var(--mantine-color-white);
2446
2526
  --resources-week-view-non-business-hours-bg: var(--mantine-color-gray-0);
2447
2527
  }
2448
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_jzd1a_1 {
2528
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_1komm_1 {
2449
2529
  --resources-week-view-border-color: var(--mantine-color-dark-4);
2450
2530
  --resources-week-view-business-hours-bg: var(--mantine-color-dark-7);
2451
2531
  --resources-week-view-non-business-hours-bg: var(--mantine-color-dark-6);
2452
2532
  }
2453
- ._resourcesWeekViewRoot_jzd1a_19 {
2533
+ ._resourcesWeekViewRoot_1komm_19 {
2454
2534
  border: 1px solid var(--resources-week-view-border-color);
2455
2535
  border-radius: var(--resources-week-view-radius);
2456
2536
  overflow: hidden;
2457
2537
  max-width: fit-content;
2458
2538
  position: relative;
2459
2539
  }
2460
- ._resourcesWeekViewScrollArea_jzd1a_26 :where([data-mantine-scrollbar]) {
2540
+ ._resourcesWeekViewScrollArea_1komm_26 :where([data-mantine-scrollbar]) {
2461
2541
  z-index: 20;
2462
2542
  }
2463
- ._resourcesWeekViewScrollArea_jzd1a_26 :where([data-scrollarea-viewport]) {
2543
+ ._resourcesWeekViewScrollArea_1komm_26 :where([data-scrollarea-viewport]) {
2464
2544
  overscroll-behavior-x: none;
2465
2545
  }
2466
- ._resourcesWeekViewInner_jzd1a_34 {
2546
+ ._resourcesWeekViewInner_1komm_34 {
2467
2547
  display: inline-flex;
2468
2548
  flex-direction: column;
2469
2549
  position: relative;
2470
2550
  }
2471
- ._resourcesWeekViewHeaderRows_jzd1a_39 {
2551
+ ._resourcesWeekViewHeaderRows_1komm_39 {
2472
2552
  display: flex;
2473
2553
  position: sticky;
2474
2554
  top: 0;
@@ -2477,7 +2557,7 @@
2477
2557
  border-bottom: 1px solid var(--resources-week-view-border-color);
2478
2558
  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2479
2559
  }
2480
- ._resourcesWeekViewCorner_jzd1a_48 {
2560
+ ._resourcesWeekViewCorner_1komm_48 {
2481
2561
  flex: 0 0 var(--resources-week-view-resource-label-width);
2482
2562
  min-width: var(--resources-week-view-resource-label-width);
2483
2563
  border-inline-end: 1px solid var(--resources-week-view-border-color);
@@ -2492,15 +2572,15 @@
2492
2572
  font-weight: var(--mantine-font-weight-medium);
2493
2573
  user-select: none;
2494
2574
  }
2495
- ._resourcesWeekViewHeaderContent_jzd1a_63 {
2575
+ ._resourcesWeekViewHeaderContent_1komm_63 {
2496
2576
  display: flex;
2497
2577
  flex-direction: column;
2498
2578
  }
2499
- ._resourcesWeekViewDayLabelsRow_jzd1a_67 {
2579
+ ._resourcesWeekViewDayLabelsRow_1komm_67 {
2500
2580
  display: flex;
2501
2581
  border-bottom: 1px solid var(--resources-week-view-border-color);
2502
2582
  }
2503
- ._resourcesWeekViewDayLabel_jzd1a_67 {
2583
+ ._resourcesWeekViewDayLabel_1komm_67 {
2504
2584
  display: flex;
2505
2585
  align-items: center;
2506
2586
  justify-content: center;
@@ -2512,21 +2592,21 @@
2512
2592
  text-transform: capitalize;
2513
2593
  border-inline-end: 1px solid var(--resources-week-view-border-color);
2514
2594
  }
2515
- ._resourcesWeekViewDayLabel_jzd1a_67:where(:last-of-type) {
2595
+ ._resourcesWeekViewDayLabel_1komm_67:where(:last-of-type) {
2516
2596
  border-inline-end: none;
2517
2597
  }
2518
- ._resourcesWeekViewDayLabel_jzd1a_67:where([data-weekend]) {
2598
+ ._resourcesWeekViewDayLabel_1komm_67:where([data-weekend]) {
2519
2599
  color: var(--mantine-color-red-6);
2520
2600
  }
2521
- ._resourcesWeekViewDayLabel_jzd1a_67:where([data-today]) {
2601
+ ._resourcesWeekViewDayLabel_1komm_67:where([data-today]) {
2522
2602
  color: var(--mantine-primary-color-contrast);
2523
2603
  background-color: var(--mantine-primary-color-filled);
2524
2604
  font-weight: var(--mantine-font-weight-bold);
2525
2605
  }
2526
- ._resourcesWeekViewTimeLabelsRow_jzd1a_94 {
2606
+ ._resourcesWeekViewTimeLabelsRow_1komm_94 {
2527
2607
  display: flex;
2528
2608
  }
2529
- ._resourcesWeekViewTimeLabel_jzd1a_94 {
2609
+ ._resourcesWeekViewTimeLabel_1komm_94 {
2530
2610
  flex: 0 0 var(--resources-week-view-slot-width);
2531
2611
  min-width: var(--resources-week-view-slot-width);
2532
2612
  max-width: var(--resources-week-view-slot-width);
@@ -2541,20 +2621,20 @@
2541
2621
  text-transform: uppercase;
2542
2622
  border-inline-end: 1px solid var(--resources-week-view-border-color);
2543
2623
  }
2544
- ._resourcesWeekViewTimeLabel_jzd1a_94:where(:last-of-type) {
2624
+ ._resourcesWeekViewTimeLabel_1komm_94:where(:last-of-type) {
2545
2625
  border-inline-end: none;
2546
2626
  }
2547
- ._resourcesWeekViewTimeLabel_jzd1a_94:where([data-business-hours]) {
2627
+ ._resourcesWeekViewTimeLabel_1komm_94:where([data-business-hours]) {
2548
2628
  background-color: var(--resources-week-view-business-hours-bg);
2549
2629
  }
2550
- ._resourcesWeekViewTimeLabel_jzd1a_94:where([data-non-business-hours]) {
2630
+ ._resourcesWeekViewTimeLabel_1komm_94:where([data-non-business-hours]) {
2551
2631
  background-color: var(--resources-week-view-non-business-hours-bg);
2552
2632
  }
2553
- ._resourcesWeekViewRow_jzd1a_121 {
2633
+ ._resourcesWeekViewRow_1komm_121 {
2554
2634
  display: flex;
2555
2635
  border-top: 1px solid var(--resources-week-view-border-color);
2556
2636
  }
2557
- ._resourcesWeekViewResourceLabel_jzd1a_125 {
2637
+ ._resourcesWeekViewResourceLabel_1komm_125 {
2558
2638
  flex: 0 0 var(--resources-week-view-resource-label-width);
2559
2639
  min-width: var(--resources-week-view-resource-label-width);
2560
2640
  display: flex;
@@ -2572,14 +2652,14 @@
2572
2652
  background-color: var(--mantine-color-body);
2573
2653
  transition: box-shadow 100ms ease;
2574
2654
  }
2575
- ._resourcesWeekViewResourceLabel_jzd1a_125:where([data-scrolled-x]) {
2655
+ ._resourcesWeekViewResourceLabel_1komm_125:where([data-scrolled-x]) {
2576
2656
  box-shadow: var(--mantine-shadow-sm);
2577
2657
  }
2578
- ._resourcesWeekViewResourceLabel_jzd1a_125:where([data-has-groups]) {
2658
+ ._resourcesWeekViewResourceLabel_1komm_125:where([data-has-groups]) {
2579
2659
  left: var(--resources-week-view-group-label-width);
2580
2660
  }
2581
- ._resourcesWeekViewGroupColumn_jzd1a_149,
2582
- ._resourcesWeekViewGroupColumnEmpty_jzd1a_150 {
2661
+ ._resourcesWeekViewGroupColumn_1komm_149,
2662
+ ._resourcesWeekViewGroupColumnEmpty_1komm_150 {
2583
2663
  flex: 0 0 var(--resources-week-view-group-label-width);
2584
2664
  min-width: var(--resources-week-view-group-label-width);
2585
2665
  min-height: var(--resources-week-view-row-height);
@@ -2589,7 +2669,7 @@
2589
2669
  background-color: var(--mantine-color-body);
2590
2670
  border-inline-end: 1px solid var(--resources-week-view-border-color);
2591
2671
  }
2592
- ._resourcesWeekViewGroupColumn_jzd1a_149 {
2672
+ ._resourcesWeekViewGroupColumn_1komm_149 {
2593
2673
  display: flex;
2594
2674
  align-items: center;
2595
2675
  justify-content: center;
@@ -2600,19 +2680,19 @@
2600
2680
  user-select: none;
2601
2681
  overflow: visible;
2602
2682
  }
2603
- ._resourcesWeekViewGroupColumn_jzd1a_149:where([data-group-position='first'], [data-group-position='only']) {
2683
+ ._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='first'], [data-group-position='only']) {
2604
2684
  z-index: 13;
2605
2685
  }
2606
- ._resourcesWeekViewGroupColumn_jzd1a_149:where([data-group-position='middle'], [data-group-position='last']) {
2686
+ ._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='middle'], [data-group-position='last']) {
2607
2687
  margin-top: calc(-0.0625rem * var(--mantine-scale));
2608
2688
  min-height: calc(var(--resources-week-view-row-height) + 1px);
2609
2689
  }
2610
- ._resourcesWeekViewRowSlots_jzd1a_178 {
2690
+ ._resourcesWeekViewRowSlots_1komm_178 {
2611
2691
  display: flex;
2612
2692
  position: relative;
2613
2693
  min-height: var(--resources-week-view-row-height);
2614
2694
  }
2615
- ._resourcesWeekViewRowSlot_jzd1a_178 {
2695
+ ._resourcesWeekViewRowSlot_1komm_178 {
2616
2696
  flex: 0 0 var(--resources-week-view-slot-width);
2617
2697
  min-width: var(--resources-week-view-slot-width);
2618
2698
  max-width: var(--resources-week-view-slot-width);
@@ -2621,48 +2701,48 @@
2621
2701
  cursor: pointer;
2622
2702
  position: relative;
2623
2703
  }
2624
- ._resourcesWeekViewRowSlot_jzd1a_178:where(:last-of-type) {
2704
+ ._resourcesWeekViewRowSlot_1komm_178:where(:last-of-type) {
2625
2705
  border-inline-end: none;
2626
2706
  }
2627
- ._resourcesWeekViewRowSlot_jzd1a_178:where(:focus) {
2707
+ ._resourcesWeekViewRowSlot_1komm_178:where(:focus) {
2628
2708
  z-index: 1;
2629
2709
  }
2630
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-business-hours]) {
2710
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-business-hours]) {
2631
2711
  background-color: var(--resources-week-view-business-hours-bg);
2632
2712
  }
2633
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-non-business-hours]) {
2713
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-non-business-hours]) {
2634
2714
  background-color: var(--resources-week-view-non-business-hours-bg);
2635
2715
  }
2636
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-static]) {
2716
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-static]) {
2637
2717
  cursor: default;
2638
2718
  pointer-events: none;
2639
2719
  }
2640
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-slot-index]) {
2720
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-slot-index]) {
2641
2721
  touch-action: none;
2642
2722
  }
2643
2723
  @media (hover: hover) {
2644
- :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:hover {
2724
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:hover {
2645
2725
  background-color: var(--mantine-color-gray-1);
2646
2726
  }
2647
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:hover {
2727
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:hover {
2648
2728
  background-color: var(--mantine-color-dark-5);
2649
2729
  }
2650
2730
  }
2651
2731
  @media (hover: none) {
2652
- :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:active {
2732
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:active {
2653
2733
  background-color: var(--mantine-color-gray-1);
2654
2734
  }
2655
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:active {
2735
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:active {
2656
2736
  background-color: var(--mantine-color-dark-5);
2657
2737
  }
2658
2738
  }
2659
- :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target]) {
2739
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
2660
2740
  background-color: var(--mantine-color-blue-1);
2661
2741
  }
2662
- :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target]) {
2742
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
2663
2743
  background-color: var(--mantine-color-dark-5);
2664
2744
  }
2665
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target])::before {
2745
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target])::before {
2666
2746
  content: '';
2667
2747
  position: absolute;
2668
2748
  inset: 0;
@@ -2671,11 +2751,11 @@
2671
2751
  border: 1px solid var(--mantine-color-blue-4);
2672
2752
  border-radius: calc(0.125rem * var(--mantine-scale));
2673
2753
  }
2674
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected]),
2675
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected]):hover {
2754
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]),
2755
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]):hover {
2676
2756
  background-color: var(--mantine-primary-color-light);
2677
2757
  }
2678
- ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected])::before {
2758
+ ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected])::before {
2679
2759
  content: '';
2680
2760
  position: absolute;
2681
2761
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2683,7 +2763,7 @@
2683
2763
  z-index: 2;
2684
2764
  border: 1px solid var(--mantine-primary-color-2);
2685
2765
  }
2686
- ._resourcesWeekViewBackgroundEvent_jzd1a_250 {
2766
+ ._resourcesWeekViewBackgroundEvent_1komm_250 {
2687
2767
  position: absolute;
2688
2768
  pointer-events: none;
2689
2769
  z-index: 2;
@@ -2695,16 +2775,31 @@
2695
2775
  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2696
2776
  color: var(--bg-event-color);
2697
2777
  }
2698
- ._resourcesWeekViewAllDayEvent_jzd1a_262 {
2778
+ ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]) {
2779
+ pointer-events: auto;
2780
+ cursor: pointer;
2781
+ user-select: none;
2782
+ }
2783
+ @media (hover: hover) {
2784
+ ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):hover {
2785
+ background-color: var(--bg-event-hover);
2786
+ }
2787
+ }
2788
+ @media (hover: none) {
2789
+ ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):active {
2790
+ background-color: var(--bg-event-hover);
2791
+ }
2792
+ }
2793
+ ._resourcesWeekViewAllDayEvent_1komm_272 {
2699
2794
  position: absolute;
2700
2795
  height: var(--resources-week-view-all-day-height);
2701
2796
  z-index: 2;
2702
2797
  }
2703
- ._resourcesWeekViewEventWrapper_jzd1a_267 {
2798
+ ._resourcesWeekViewEventWrapper_1komm_277 {
2704
2799
  position: absolute;
2705
2800
  z-index: 3;
2706
2801
  }
2707
- ._resourcesWeekViewResizeHandle_jzd1a_271 {
2802
+ ._resourcesWeekViewResizeHandle_1komm_281 {
2708
2803
  position: absolute;
2709
2804
  top: 20%;
2710
2805
  width: calc(0.25rem * var(--mantine-scale));
@@ -2717,35 +2812,35 @@
2717
2812
  pointer-events: all;
2718
2813
  background-color: var(--event-color);
2719
2814
  }
2720
- ._resourcesWeekViewResizeHandle_jzd1a_271::before {
2815
+ ._resourcesWeekViewResizeHandle_1komm_281::before {
2721
2816
  content: '';
2722
2817
  position: absolute;
2723
2818
  inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2724
2819
  }
2725
- ._resourcesWeekViewResizeHandle_jzd1a_271:where([data-edge='start']) {
2820
+ ._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='start']) {
2726
2821
  left: calc(-0.125rem * var(--mantine-scale));
2727
2822
  }
2728
- ._resourcesWeekViewResizeHandle_jzd1a_271:where([data-edge='end']) {
2823
+ ._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='end']) {
2729
2824
  right: calc(-0.125rem * var(--mantine-scale));
2730
2825
  }
2731
- ._resourcesWeekViewEventWrapper_jzd1a_267:hover ._resourcesWeekViewResizeHandle_jzd1a_271 {
2826
+ ._resourcesWeekViewEventWrapper_1komm_277:hover ._resourcesWeekViewResizeHandle_1komm_281 {
2732
2827
  opacity: 0.5;
2733
2828
  }
2734
- ._resourcesWeekViewEventWrapper_jzd1a_267 ._resourcesWeekViewResizeHandle_jzd1a_271:hover,
2735
- ._resourcesWeekViewEventWrapper_jzd1a_267[data-resizing] ._resourcesWeekViewResizeHandle_jzd1a_271[data-active] {
2829
+ ._resourcesWeekViewEventWrapper_1komm_277 ._resourcesWeekViewResizeHandle_1komm_281:hover,
2830
+ ._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281[data-active] {
2736
2831
  opacity: 0.8;
2737
2832
  }
2738
- ._resourcesWeekViewEventWrapper_jzd1a_267[data-resizing] ._resourcesWeekViewResizeHandle_jzd1a_271:not([data-active]) {
2833
+ ._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281:not([data-active]) {
2739
2834
  opacity: 0;
2740
2835
  pointer-events: none;
2741
2836
  }
2742
- ._resourcesWeekView_jzd1a_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_jzd1a_178 {
2837
+ ._resourcesWeekView_1komm_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_1komm_178 {
2743
2838
  pointer-events: none;
2744
2839
  }
2745
- ._resourcesWeekView_jzd1a_1:where([data-resizing]) * {
2840
+ ._resourcesWeekView_1komm_1:where([data-resizing]) * {
2746
2841
  cursor: ew-resize !important;
2747
2842
  }
2748
- ._resourcesWeekViewCurrentTimeIndicator_jzd1a_312 {
2843
+ ._resourcesWeekViewCurrentTimeIndicator_1komm_322 {
2749
2844
  --_indicator-color: var(--resources-week-view-indicator-color, var(--mantine-color-red-7));
2750
2845
  --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2751
2846
  --_thumb-size: calc(0.75rem * var(--mantine-scale));
@@ -2757,13 +2852,13 @@
2757
2852
  width: calc(0.125rem * var(--mantine-scale));
2758
2853
  z-index: 3;
2759
2854
  }
2760
- ._resourcesWeekViewCurrentTimeIndicatorLine_jzd1a_324 {
2855
+ ._resourcesWeekViewCurrentTimeIndicatorLine_1komm_334 {
2761
2856
  width: 100%;
2762
2857
  position: absolute;
2763
2858
  inset-block: 0;
2764
2859
  background-color: var(--_indicator-color);
2765
2860
  }
2766
- ._resourcesWeekViewCurrentTimeIndicatorThumb_jzd1a_330 {
2861
+ ._resourcesWeekViewCurrentTimeIndicatorThumb_1komm_340 {
2767
2862
  position: absolute;
2768
2863
  top: calc(-0.3125rem * var(--mantine-scale));
2769
2864
  left: calc(-0.3125rem * var(--mantine-scale));
@@ -2773,7 +2868,7 @@
2773
2868
  border: 1px solid var(--mantine-color-body);
2774
2869
  background-color: var(--_indicator-color);
2775
2870
  }
2776
- ._resourcesWeekViewCurrentTimeIndicatorTimeBubble_jzd1a_340 {
2871
+ ._resourcesWeekViewCurrentTimeIndicatorTimeBubble_1komm_350 {
2777
2872
  position: absolute;
2778
2873
  top: 0;
2779
2874
  height: var(--_time-bubble-height);
@@ -2792,7 +2887,7 @@
2792
2887
  left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2793
2888
  z-index: 3;
2794
2889
  }
2795
- ._resourcesMonthView_wgbmp_1 {
2890
+ ._resourcesMonthView_uqbdi_1 {
2796
2891
  --resources-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2797
2892
  --resources-month-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2798
2893
  --resources-month-view-day-width: calc(5rem * var(--mantine-scale));
@@ -2800,34 +2895,34 @@
2800
2895
  --resources-month-view-group-label-width: calc(5rem * var(--mantine-scale));
2801
2896
  }
2802
2897
 
2803
- :where([data-mantine-color-scheme='light']) ._resourcesMonthView_wgbmp_1 {
2898
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthView_uqbdi_1 {
2804
2899
  --resources-month-view-border-color: var(--mantine-color-gray-3);
2805
2900
  }
2806
2901
 
2807
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthView_wgbmp_1 {
2902
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthView_uqbdi_1 {
2808
2903
  --resources-month-view-border-color: var(--mantine-color-dark-4);
2809
2904
  }
2810
2905
 
2811
- ._resourcesMonthViewRoot_wgbmp_17 {
2906
+ ._resourcesMonthViewRoot_uqbdi_17 {
2812
2907
  border: 1px solid var(--resources-month-view-border-color);
2813
2908
  border-radius: var(--resources-month-view-radius);
2814
2909
  overflow: hidden;
2815
2910
  max-width: fit-content;
2816
2911
  }
2817
2912
 
2818
- ._resourcesMonthViewScrollArea_wgbmp_24 :where([data-mantine-scrollbar]) {
2913
+ ._resourcesMonthViewScrollArea_uqbdi_24 :where([data-mantine-scrollbar]) {
2819
2914
  z-index: 20;
2820
2915
  }
2821
2916
 
2822
- ._resourcesMonthViewScrollArea_wgbmp_24 :where([data-scrollarea-viewport]) {
2917
+ ._resourcesMonthViewScrollArea_uqbdi_24 :where([data-scrollarea-viewport]) {
2823
2918
  overscroll-behavior-x: none;
2824
2919
  }
2825
2920
 
2826
- ._resourcesMonthViewInner_wgbmp_33 {
2921
+ ._resourcesMonthViewInner_uqbdi_33 {
2827
2922
  display: inline-flex;
2828
2923
  flex-direction: column;
2829
2924
  }
2830
- ._resourcesMonthViewDayLabelsRow_wgbmp_37 {
2925
+ ._resourcesMonthViewDayLabelsRow_uqbdi_37 {
2831
2926
  display: flex;
2832
2927
  position: sticky;
2833
2928
  top: 0;
@@ -2836,7 +2931,7 @@
2836
2931
  border-bottom: 1px solid var(--resources-month-view-border-color);
2837
2932
  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2838
2933
  }
2839
- ._resourcesMonthViewCorner_wgbmp_46 {
2934
+ ._resourcesMonthViewCorner_uqbdi_46 {
2840
2935
  flex: 0 0 var(--resources-month-view-resource-label-width);
2841
2936
  min-width: var(--resources-month-view-resource-label-width);
2842
2937
  border-inline-end: 1px solid var(--resources-month-view-border-color);
@@ -2851,7 +2946,7 @@
2851
2946
  user-select: none;
2852
2947
  background-color: var(--mantine-color-body);
2853
2948
  }
2854
- ._resourcesMonthViewDayLabel_wgbmp_37 {
2949
+ ._resourcesMonthViewDayLabel_uqbdi_37 {
2855
2950
  flex: 0 0 var(--resources-month-view-day-width);
2856
2951
  min-width: var(--resources-month-view-day-width);
2857
2952
  max-width: var(--resources-month-view-day-width);
@@ -2865,33 +2960,33 @@
2865
2960
  cursor: default;
2866
2961
  border-inline-end: 1px solid var(--resources-month-view-border-color);
2867
2962
  }
2868
- ._resourcesMonthViewDayLabel_wgbmp_37:where(:last-of-type) {
2963
+ ._resourcesMonthViewDayLabel_uqbdi_37:where(:last-of-type) {
2869
2964
  border-inline-end: none;
2870
2965
  }
2871
- ._resourcesMonthViewDayLabel_wgbmp_37:where([data-weekend]) {
2966
+ ._resourcesMonthViewDayLabel_uqbdi_37:where([data-weekend]) {
2872
2967
  color: var(--mantine-color-red-6);
2873
2968
  }
2874
- ._resourcesMonthViewDayLabel_wgbmp_37:where([data-today]) {
2969
+ ._resourcesMonthViewDayLabel_uqbdi_37:where([data-today]) {
2875
2970
  background-color: var(--mantine-primary-color-filled);
2876
2971
  color: var(--mantine-primary-color-contrast);
2877
2972
  }
2878
- ._resourcesMonthViewDayLabelWeekday_wgbmp_85 {
2973
+ ._resourcesMonthViewDayLabelWeekday_uqbdi_85 {
2879
2974
  font-size: calc(0.75rem * var(--mantine-scale));
2880
2975
  font-weight: var(--mantine-font-weight-medium);
2881
2976
  text-transform: capitalize;
2882
2977
  line-height: 1;
2883
2978
  margin-bottom: calc(0.1875rem * var(--mantine-scale));
2884
2979
  }
2885
- ._resourcesMonthViewDayLabelNumber_wgbmp_92 {
2980
+ ._resourcesMonthViewDayLabelNumber_uqbdi_92 {
2886
2981
  font-weight: var(--mantine-font-weight-medium);
2887
2982
  font-size: calc(0.75rem * var(--mantine-scale));
2888
2983
  line-height: 1;
2889
2984
  }
2890
- ._resourcesMonthViewRow_wgbmp_97 {
2985
+ ._resourcesMonthViewRow_uqbdi_97 {
2891
2986
  display: flex;
2892
2987
  border-top: 1px solid var(--resources-month-view-border-color);
2893
2988
  }
2894
- ._resourcesMonthViewResourceLabel_wgbmp_101 {
2989
+ ._resourcesMonthViewResourceLabel_uqbdi_101 {
2895
2990
  flex: 0 0 var(--resources-month-view-resource-label-width);
2896
2991
  min-width: var(--resources-month-view-resource-label-width);
2897
2992
  display: flex;
@@ -2907,11 +3002,11 @@
2907
3002
  z-index: 4;
2908
3003
  background-color: var(--mantine-color-body);
2909
3004
  }
2910
- ._resourcesMonthViewResourceLabel_wgbmp_101:where([data-has-groups]) {
3005
+ ._resourcesMonthViewResourceLabel_uqbdi_101:where([data-has-groups]) {
2911
3006
  left: var(--resources-month-view-group-label-width);
2912
3007
  }
2913
- ._resourcesMonthViewGroupColumn_wgbmp_120,
2914
- ._resourcesMonthViewGroupColumnEmpty_wgbmp_121 {
3008
+ ._resourcesMonthViewGroupColumn_uqbdi_120,
3009
+ ._resourcesMonthViewGroupColumnEmpty_uqbdi_121 {
2915
3010
  flex: 0 0 var(--resources-month-view-group-label-width);
2916
3011
  min-width: var(--resources-month-view-group-label-width);
2917
3012
  min-height: var(--resources-month-view-row-height);
@@ -2921,7 +3016,7 @@
2921
3016
  background-color: var(--mantine-color-body);
2922
3017
  border-inline-end: 1px solid var(--resources-month-view-border-color);
2923
3018
  }
2924
- ._resourcesMonthViewGroupColumn_wgbmp_120 {
3019
+ ._resourcesMonthViewGroupColumn_uqbdi_120 {
2925
3020
  display: flex;
2926
3021
  align-items: center;
2927
3022
  justify-content: center;
@@ -2932,19 +3027,19 @@
2932
3027
  user-select: none;
2933
3028
  overflow: visible;
2934
3029
  }
2935
- ._resourcesMonthViewGroupColumn_wgbmp_120:where([data-group-position='first'], [data-group-position='only']) {
3030
+ ._resourcesMonthViewGroupColumn_uqbdi_120:where([data-group-position='first'], [data-group-position='only']) {
2936
3031
  z-index: 6;
2937
3032
  }
2938
- ._resourcesMonthViewGroupColumn_wgbmp_120:where([data-group-position='middle'], [data-group-position='last']) {
3033
+ ._resourcesMonthViewGroupColumn_uqbdi_120:where([data-group-position='middle'], [data-group-position='last']) {
2939
3034
  margin-top: calc(-0.0625rem * var(--mantine-scale));
2940
3035
  min-height: calc(var(--resources-month-view-row-height) + 1px);
2941
3036
  }
2942
- ._resourcesMonthViewRowSlots_wgbmp_149 {
3037
+ ._resourcesMonthViewRowSlots_uqbdi_149 {
2943
3038
  display: flex;
2944
3039
  position: relative;
2945
3040
  min-height: var(--resources-month-view-row-height);
2946
3041
  }
2947
- ._resourcesMonthViewCell_wgbmp_154 {
3042
+ ._resourcesMonthViewCell_uqbdi_154 {
2948
3043
  flex: 0 0 var(--resources-month-view-day-width);
2949
3044
  min-width: var(--resources-month-view-day-width);
2950
3045
  max-width: var(--resources-month-view-day-width);
@@ -2954,41 +3049,41 @@
2954
3049
  position: relative;
2955
3050
  overflow: hidden;
2956
3051
  }
2957
- ._resourcesMonthViewCell_wgbmp_154:where(:last-of-type) {
3052
+ ._resourcesMonthViewCell_uqbdi_154:where(:last-of-type) {
2958
3053
  border-inline-end: none;
2959
3054
  }
2960
- ._resourcesMonthViewCell_wgbmp_154:where(:focus) {
3055
+ ._resourcesMonthViewCell_uqbdi_154:where(:focus) {
2961
3056
  z-index: 1;
2962
3057
  }
2963
3058
  @media (hover: hover) {
2964
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:hover:where(:not([data-static])) {
3059
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:hover:where(:not([data-static])) {
2965
3060
  background-color: var(--mantine-color-gray-0);
2966
3061
  }
2967
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:hover:where(:not([data-static])) {
3062
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:hover:where(:not([data-static])) {
2968
3063
  background-color: var(--mantine-color-dark-6);
2969
3064
  }
2970
3065
  }
2971
3066
  @media (hover: none) {
2972
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:active:where(:not([data-static])) {
3067
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:active:where(:not([data-static])) {
2973
3068
  background-color: var(--mantine-color-gray-0);
2974
3069
  }
2975
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:active:where(:not([data-static])) {
3070
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:active:where(:not([data-static])) {
2976
3071
  background-color: var(--mantine-color-dark-6);
2977
3072
  }
2978
3073
  }
2979
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:where([data-weekend]) {
3074
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:where([data-weekend]) {
2980
3075
  background-color: var(--mantine-color-gray-0);
2981
3076
  }
2982
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:where([data-weekend]) {
3077
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:where([data-weekend]) {
2983
3078
  background-color: var(--mantine-color-dark-8);
2984
3079
  }
2985
- :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:where([data-drop-target]) {
3080
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target]) {
2986
3081
  background-color: var(--mantine-color-blue-1);
2987
3082
  }
2988
- :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:where([data-drop-target]) {
3083
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target]) {
2989
3084
  background-color: var(--mantine-color-dark-5);
2990
3085
  }
2991
- ._resourcesMonthViewCell_wgbmp_154:where([data-drop-target])::before {
3086
+ ._resourcesMonthViewCell_uqbdi_154:where([data-drop-target])::before {
2992
3087
  content: '';
2993
3088
  position: absolute;
2994
3089
  inset: 0;
@@ -2997,11 +3092,11 @@
2997
3092
  border: 1px solid var(--mantine-color-blue-4);
2998
3093
  border-radius: calc(0.125rem * var(--mantine-scale));
2999
3094
  }
3000
- ._resourcesMonthViewCell_wgbmp_154:where([data-drag-selected]),
3001
- ._resourcesMonthViewCell_wgbmp_154:where([data-drag-selected]):hover {
3095
+ ._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected]),
3096
+ ._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected]):hover {
3002
3097
  background-color: var(--mantine-primary-color-light);
3003
3098
  }
3004
- ._resourcesMonthViewCell_wgbmp_154:where([data-drag-selected])::before {
3099
+ ._resourcesMonthViewCell_uqbdi_154:where([data-drag-selected])::before {
3005
3100
  content: '';
3006
3101
  position: absolute;
3007
3102
  inset: calc(-0.0625rem * var(--mantine-scale));
@@ -3009,16 +3104,74 @@
3009
3104
  z-index: 2;
3010
3105
  border: 1px solid var(--mantine-primary-color-2);
3011
3106
  }
3012
- ._resourcesMonthViewCell_wgbmp_154:where([data-drag-slot-index]) {
3107
+ ._resourcesMonthViewCell_uqbdi_154:where([data-drag-slot-index]) {
3013
3108
  touch-action: none;
3014
3109
  }
3015
- ._resourcesMonthViewCell_wgbmp_154:where([data-static]) {
3110
+ ._resourcesMonthViewCell_uqbdi_154:where([data-static]) {
3016
3111
  cursor: default;
3017
3112
  pointer-events: none;
3018
3113
  }
3019
- ._resourcesMonthView_wgbmp_1:where([data-event-interaction]) ._resourcesMonthViewCell_wgbmp_154 {
3114
+ ._resourcesMonthView_uqbdi_1:where([data-event-interaction]) ._resourcesMonthViewCell_uqbdi_154 {
3020
3115
  pointer-events: none;
3021
3116
  }
3117
+
3118
+ ._resourcesMonthViewEventWrapper_uqbdi_230:hover ._resourcesMonthViewResizeHandle_uqbdi_231 {
3119
+ opacity: 0.5;
3120
+ }
3121
+
3122
+ ._resourcesMonthViewEventWrapper_uqbdi_230 ._resourcesMonthViewResizeHandle_uqbdi_231:hover {
3123
+ opacity: 0.8;
3124
+ }
3125
+
3126
+ ._resourcesMonthViewEventWrapper_uqbdi_230:where([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231:where([data-active]) {
3127
+ opacity: 0.8;
3128
+ }
3129
+
3130
+ ._resourcesMonthViewEventWrapper_uqbdi_230:where([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231:not([data-active]) {
3131
+ opacity: 0;
3132
+ pointer-events: none;
3133
+ }
3134
+
3135
+ ._resourcesMonthViewResizeHandle_uqbdi_231 {
3136
+ position: absolute;
3137
+ top: 20%;
3138
+ width: calc(0.25rem * var(--mantine-scale));
3139
+ height: 60%;
3140
+ cursor: ew-resize;
3141
+ z-index: 5;
3142
+ border-radius: calc(0.125rem * var(--mantine-scale));
3143
+ opacity: 0;
3144
+ transition: opacity 100ms ease;
3145
+ pointer-events: all;
3146
+ touch-action: none;
3147
+ background-color: var(--event-color);
3148
+ }
3149
+
3150
+ ._resourcesMonthViewResizeHandle_uqbdi_231::before {
3151
+ content: '';
3152
+ position: absolute;
3153
+ inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
3154
+ }
3155
+
3156
+ ._resourcesMonthViewResizeHandle_uqbdi_231:where([data-edge='start']) {
3157
+ inset-inline-start: calc(-0.125rem * var(--mantine-scale));
3158
+ }
3159
+
3160
+ ._resourcesMonthViewResizeHandle_uqbdi_231:where([data-edge='end']) {
3161
+ inset-inline-end: calc(-0.125rem * var(--mantine-scale));
3162
+ }
3163
+
3164
+ ._resourcesMonthView_uqbdi_1:where([data-resizing]) * {
3165
+ cursor: ew-resize !important;
3166
+ }
3167
+
3168
+ ._resourcesMonthView_uqbdi_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_uqbdi_230:not([data-resizing]) {
3169
+ pointer-events: none;
3170
+ }
3171
+
3172
+ ._resourcesMonthView_uqbdi_1:where([data-resizing]) ._resourcesMonthViewEventWrapper_uqbdi_230:not([data-resizing]) ._resourcesMonthViewResizeHandle_uqbdi_231 {
3173
+ opacity: 0;
3174
+ }
3022
3175
  ._root_13xbl_1 {
3023
3176
  height: 100%;
3024
3177
  }