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