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