@mantine/schedule 9.3.1 → 9.4.0

package/styles.css

@@ -1,3 +1,114 @@
+.m_c5e63f2d {
+  --agenda-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+
+  display: flex;
+  flex-direction: column;
+}
+
+  :where([data-mantine-color-scheme='light']) .m_c5e63f2d {
+    --agenda-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_c5e63f2d {
+    --agenda-view-border-color: var(--mantine-color-dark-4);
+}
+
+.m_b70d381a {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--mantine-spacing-sm);
+  border-bottom: 1px solid var(--agenda-view-border-color);
+}
+
+.m_693056fa {
+  user-select: none;
+  font-weight: var(--mantine-font-weight-semibold);
+  font-size: var(--mantine-font-size-sm);
+  text-transform: capitalize;
+}
+
+.m_dd488e6f {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.m_e7e356c4:where(:not(:last-child)) {
+    border-bottom: 1px solid var(--agenda-view-border-color);
+  }
+
+.m_157e8ae8 {
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
+  font-weight: var(--mantine-font-weight-semibold);
+  font-size: var(--mantine-font-size-sm);
+  text-transform: capitalize;
+}
+
+:where([data-mantine-color-scheme='light']) .m_157e8ae8 {
+    background-color: var(--mantine-color-gray-0);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_157e8ae8 {
+    background-color: var(--mantine-color-dark-6);
+}
+
+.m_cbf6b76d {
+  display: block;
+  width: 100%;
+  text-align: start;
+  cursor: pointer;
+}
+
+.m_cbf6b76d:where(:not(:last-child)) {
+    border-bottom: 1px solid var(--agenda-view-border-color);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_cbf6b76d:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_cbf6b76d:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_cbf6b76d:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_cbf6b76d:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+.m_f9e2e6af {
+  display: flex;
+  gap: var(--mantine-spacing-sm);
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
+}
+
+.m_428823f6 {
+  width: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  flex-shrink: 0;
+}
+
+.m_f9eaffda {
+  margin-top: calc(0.125rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-xs);
+  color: var(--mantine-color-dimmed);
+}
+
+.m_7a1aec87 {
+  padding: var(--mantine-spacing-xl) var(--mantine-spacing-sm);
+  color: var(--mantine-color-dimmed);
+  text-align: center;
+}
+
 .m_74c54f2d {
   --time-bubble-height: calc(1.125rem * var(--mantine-scale));
   --thumb-size: calc(0.75rem * var(--mantine-scale));
@@ -534,6 +645,11 @@
     }
   }
 
+.m_7a42c1e5 {
+  display: flex;
+  gap: var(--schedule-header-gap);
+}
+
 @container (width <= 600px) {
 
 .m_7a42c1e5 {
@@ -548,19 +664,29 @@
 }
   }
 
-.m_feecf21b {
+.m_744ceb50 {
   display: none;
-  font-weight: var(--mantine-font-weight-medium);
 }
 
 @container (width <= 600px) {
 
-.m_feecf21b {
-    display: block;
-    flex: 1 1 100%
+.m_744ceb50 {
+    display: flex;
+    flex: 1 1 100%;
+    gap: var(--schedule-header-gap)
 }
   }
 
+.m_92bea757 {
+  flex-shrink: 0;
+  height: var(--input-height, 36px);
+}
+
+.m_feecf21b {
+  font-weight: var(--mantine-font-weight-medium);
+  flex: 1;
+}
+
 .m_3c5fb2d5 {
   --slot-height: var(--day-view-slot-height, 64px); /* total height of 1 hour slot */
   --all-day-slot-height: var(--day-view-all-day-slot-height, 44px); /* height of all day slot */
@@ -610,7 +736,7 @@
   position: relative;
 }
 
-.m_9389813:where(:first-of-type) .m_cd179e73:first-of-type {
+.m_9389813:where(:first-of-type) .m_cd179e73:where([data-first]) {
     border-top-color: transparent;
   }
 
@@ -754,6 +880,14 @@
     pointer-events: none;
   }
 
+.m_3c5fb2d5:where([data-hide-sub-hour-grid-lines]) .m_cd179e73:not([data-hour-start]) {
+  border-top-color: transparent;
+}
+
+.m_3c5fb2d5:where([data-event-interaction]) .m_cd179e73:not([data-all-day]) {
+  pointer-events: none;
+}
+
 .m_c5cd9a77 {
   position: absolute;
   border-radius: 0;
@@ -1099,6 +1233,7 @@
   --month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
   --day-base-color: var(--mantine-color-text);
   --min-day-width: calc(5.25rem * var(--mantine-scale));
+  --month-view-columns: 7;
 }
 
   .m_8eceba9d:where([data-with-week-numbers]) {
@@ -1120,7 +1255,7 @@
 .m_bdaf3831 {
   display: flex;
   position: relative;
-  min-width: calc(var(--min-day-width) * 7 + var(--week-numbers-offset));
+  min-width: calc(var(--min-day-width) * var(--month-view-columns) + var(--week-numbers-offset));
 }
 
 .m_873456da {
@@ -1178,7 +1313,8 @@
   }
 
 .m_c97d91cb {
-  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  flex: 0 0
+    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));
   min-width: var(--min-day-width);
   height: calc(2.25rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-sm);
@@ -1218,7 +1354,8 @@
 
 .m_ab476fbf {
   min-width: var(--min-day-width);
-  flex: 0 0 calc(100% / 7 - var(--week-numbers-offset) / 7);
+  flex: 0 0
+    calc(100% / var(--month-view-columns) - var(--week-numbers-offset) / var(--month-view-columns));
   height: calc(52px + var(--month-view-max-events, 2) * 24px);
   padding: calc(0.25rem * var(--mantine-scale));
   font-weight: var(--mantine-font-weight-medium);
@@ -1359,6 +1496,13 @@
     touch-action: none;
   }
 
+.m_8eceba9d:where([data-event-interaction])
+  .m_ab476fbf:hover:where(
+    :not([data-drop-target], [data-drag-selected], [data-weekend], [data-outside])
+  ) {
+  background-color: transparent;
+}
+
 .m_fd501e75 {
   width: calc(1.625rem * var(--mantine-scale));
   aspect-ratio: 1;
@@ -1588,7 +1732,7 @@
   display: block;
   width: 100%;
   border-top: 1px solid var(--week-view-border-color);
-  height: var(--week-view-slot-height);
+  height: calc(var(--week-view-slot-height) * var(--slot-size, 1));
   min-width: var(--week-view-min-slot-width);
   padding: calc(0.25rem * var(--mantine-scale));
   cursor: pointer;
@@ -1684,6 +1828,24 @@
     pointer-events: none;
   }
 
+.m_cd58ae46 .m_8ac0cbcd {
+  border-top-style: dotted;
+}
+
+.m_cd58ae46 .m_8ac0cbcd:where([data-hour-start]) {
+    border-top-style: solid;
+  }
+
+.m_6b2099af:where([data-hide-sub-hour-grid-lines])
+  .m_cd58ae46
+  .m_8ac0cbcd:not([data-hour-start]) {
+  border-top-color: transparent;
+}
+
+.m_6b2099af:where([data-event-interaction]) .m_cd58ae46 .m_8ac0cbcd {
+  pointer-events: none;
+}
+
 .m_838426b3 {
   text-align: center;
   margin-bottom: calc(0.25rem * var(--mantine-scale));
@@ -2096,3 +2258,1194 @@
     display: block
 }
   }
+
+.m_25154d8d {
+  --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --resources-day-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
+  --resources-day-view-slot-width: calc(5rem * var(--mantine-scale));
+  --resources-day-view-row-height: calc(4rem * var(--mantine-scale));
+  --resources-day-view-group-label-width: calc(5rem * var(--mantine-scale));
+  --resources-day-view-all-day-height: calc(1.25rem * var(--mantine-scale));
+}
+
+  :where([data-mantine-color-scheme='light']) .m_25154d8d {
+    --resources-day-view-border-color: var(--mantine-color-gray-3);
+    --resources-day-view-business-hours-bg: var(--mantine-color-white);
+    --resources-day-view-non-business-hours-bg: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_25154d8d {
+    --resources-day-view-border-color: var(--mantine-color-dark-4);
+    --resources-day-view-business-hours-bg: var(--mantine-color-dark-7);
+    --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);
+}
+
+.m_d790b40f {
+  border: 1px solid var(--resources-day-view-border-color);
+  border-radius: var(--resources-day-view-radius);
+  overflow: hidden;
+  max-width: fit-content;
+  position: relative;
+}
+
+.m_d54c5a67 :where([data-mantine-scrollbar]) {
+    z-index: 20;
+  }
+
+.m_d54c5a67 :where([data-scrollarea-viewport]) {
+    overscroll-behavior-x: none;
+  }
+
+.m_1a0680c9 {
+  display: inline-flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.m_26532081 {
+  display: flex;
+  position: sticky;
+  top: 0;
+  z-index: 5;
+  background-color: var(--mantine-color-body);
+  border-bottom: 1px solid var(--resources-day-view-border-color);
+  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
+  transition: box-shadow 100ms ease;
+}
+
+.m_26532081:where([data-scrolled]) {
+    box-shadow: var(--mantine-shadow-sm);
+  }
+
+.m_1c9c8e42 {
+  flex: 0 0 var(--resources-day-view-resource-label-width);
+  min-width: var(--resources-day-view-resource-label-width);
+  border-inline-end: 1px solid var(--resources-day-view-border-color);
+  position: sticky;
+  left: 0;
+  z-index: 11;
+  background-color: var(--mantine-color-body);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+}
+
+.m_de91b51a {
+  flex: 0 0 var(--resources-day-view-slot-width);
+  min-width: var(--resources-day-view-slot-width);
+  max-width: var(--resources-day-view-slot-width);
+  height: calc(2.25rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-sm);
+  user-select: none;
+  cursor: default;
+  font-variant-numeric: tabular-nums;
+  text-transform: uppercase;
+  border-inline-end: 1px solid var(--resources-day-view-border-color);
+}
+
+.m_de91b51a:where(:last-of-type) {
+    border-inline-end: none;
+  }
+
+.m_de91b51a:where([data-business-hours]) {
+    background-color: var(--resources-day-view-business-hours-bg);
+  }
+
+.m_de91b51a:where([data-non-business-hours]) {
+    background-color: var(--resources-day-view-non-business-hours-bg);
+  }
+
+.m_6a0ced0d {
+  display: flex;
+  border-top: 1px solid var(--resources-day-view-border-color);
+}
+
+.m_ac632f9 {
+  flex: 0 0 var(--resources-day-view-resource-label-width);
+  min-width: var(--resources-day-view-resource-label-width);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  border-inline-end: 1px solid var(--resources-day-view-border-color);
+  min-height: var(--resources-day-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 11;
+  background-color: var(--mantine-color-body);
+  transition: box-shadow 100ms ease;
+}
+
+.m_ac632f9:where([data-scrolled-x]) {
+    box-shadow: var(--mantine-shadow-sm);
+  }
+
+.m_ac632f9:where([data-has-groups]) {
+    left: var(--resources-day-view-group-label-width);
+  }
+
+.m_6c75eae8 {
+  flex: 0 0 var(--resources-day-view-group-label-width);
+  min-width: var(--resources-day-view-group-label-width);
+  min-height: var(--resources-day-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 12;
+  background-color: var(--mantine-color-body);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  overflow-wrap: break-word;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  border-inline-end: 1px solid var(--resources-day-view-border-color);
+  overflow: visible;
+}
+
+.m_6c75eae8:where([data-group-position='first']),
+  .m_6c75eae8:where([data-group-position='only']) {
+    z-index: 13;
+  }
+
+.m_6c75eae8:where([data-group-position='middle']),
+  .m_6c75eae8:where([data-group-position='last']) {
+    margin-top: calc(-0.0625rem * var(--mantine-scale));
+    min-height: calc(var(--resources-day-view-row-height) + 1px);
+  }
+
+.m_f2903b45 {
+  flex: 0 0 var(--resources-day-view-group-label-width);
+  min-width: var(--resources-day-view-group-label-width);
+  min-height: var(--resources-day-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 12;
+  background-color: var(--mantine-color-body);
+  border-inline-end: 1px solid var(--resources-day-view-border-color);
+}
+
+.m_84f29928 {
+  display: flex;
+  position: relative;
+  min-height: var(--resources-day-view-row-height);
+}
+
+.m_90acfcab {
+  flex: 0 0 var(--resources-day-view-slot-width);
+  min-width: var(--resources-day-view-slot-width);
+  max-width: var(--resources-day-view-slot-width);
+  min-height: var(--resources-day-view-row-height);
+  border-inline-end: 1px solid var(--resources-day-view-border-color);
+  cursor: pointer;
+  position: relative;
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_90acfcab:hover {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_90acfcab:hover {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_90acfcab:active {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_90acfcab:active {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+.m_90acfcab:where(:last-of-type) {
+    border-inline-end: none;
+  }
+
+.m_90acfcab:where(:focus) {
+    z-index: 1;
+  }
+
+.m_90acfcab:where([data-business-hours]) {
+    background-color: var(--resources-day-view-business-hours-bg);
+  }
+
+.m_90acfcab:where([data-non-business-hours]) {
+    background-color: var(--resources-day-view-non-business-hours-bg);
+  }
+
+:where([data-mantine-color-scheme='light']) .m_90acfcab:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_90acfcab:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+.m_90acfcab:where([data-drop-target])::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-radius: calc(0.125rem * var(--mantine-scale));
+    }
+
+:where([data-mantine-color-scheme='light']) .m_90acfcab:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_90acfcab:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+.m_90acfcab:where([data-drag-selected]),
+    .m_90acfcab:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+.m_90acfcab:where([data-drag-selected])::before {
+      content: '';
+      position: absolute;
+      inset: calc(-0.0625rem * var(--mantine-scale));
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+    }
+
+:where([data-mantine-color-scheme='light']) .m_90acfcab:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_90acfcab:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+.m_90acfcab:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+.m_90acfcab:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_3f0b79f6 {
+  --_indicator-color: var(--resources-day-view-indicator-color, var(--mantine-color-red-7));
+  --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
+  --_thumb-size: calc(0.75rem * var(--mantine-scale));
+
+  position: absolute;
+  pointer-events: none;
+  top: calc(2.3125rem * var(--mantine-scale));
+  bottom: 0;
+  left: var(--indicator-left-offset);
+  width: calc(0.125rem * var(--mantine-scale));
+  z-index: 3;
+}
+
+.m_3f0b79f6::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-color: var(--_indicator-color);
+    opacity: 0.2;
+  }
+
+.m_7855b30a {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background-color: var(--_indicator-color);
+}
+
+.m_92d11180 {
+  position: absolute;
+  top: calc(-1 * (var(--_thumb-size) / 2 - 1px));
+  width: var(--_thumb-size);
+  height: var(--_thumb-size);
+  border-radius: 50%;
+  border: 1px solid var(--mantine-color-body);
+  background-color: var(--_indicator-color);
+  left: calc(-1 * (var(--_thumb-size) / 2 - 1px));
+}
+
+.m_e2aac04f {
+  position: absolute;
+  height: var(--_time-bubble-height);
+  width: var(--_time-bubble-width);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: calc(62.5rem * var(--mantine-scale));
+  background-color: var(--_indicator-color);
+  color: var(--mantine-color-white);
+  font-size: var(--mantine-font-size-xs);
+  font-weight: var(--mantine-font-weight-bold);
+  box-shadow: var(--mantine-shadow-sm);
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  text-transform: uppercase;
+  top: 0;
+  left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
+  z-index: 3;
+}
+
+.m_9cc838bf {
+  position: absolute;
+  pointer-events: none;
+  z-index: 2;
+  border-radius: var(--resources-day-view-radius);
+  background-color: var(--bg-event-bg);
+  overflow: hidden;
+  font-size: calc(0.75rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+  color: var(--bg-event-color);
+}
+
+.m_d6d6dd52 {
+  position: absolute;
+  inset-inline: calc(0.0625rem * var(--mantine-scale));
+  height: var(--resources-day-view-all-day-height);
+  z-index: 3;
+}
+
+.m_97715629 {
+  position: absolute;
+  top: 20%;
+  width: calc(0.25rem * var(--mantine-scale));
+  height: 60%;
+  cursor: ew-resize;
+  z-index: 5;
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  opacity: 0;
+  transition: opacity 100ms ease;
+  pointer-events: all;
+  background-color: var(--event-color);
+}
+
+.m_97715629::before {
+    content: '';
+    position: absolute;
+    inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
+  }
+
+.m_97715629:where([data-edge='start']) {
+    left: calc(-0.125rem * var(--mantine-scale));
+  }
+
+.m_97715629:where([data-edge='end']) {
+    right: calc(-0.125rem * var(--mantine-scale));
+  }
+
+.m_93bc1ec6 {
+  position: absolute;
+  z-index: 3;
+}
+
+.m_93bc1ec6:hover .m_97715629 {
+    opacity: 0.5;
+  }
+
+.m_93bc1ec6 .m_97715629:hover {
+    opacity: 0.8;
+  }
+
+.m_93bc1ec6:where([data-resizing]) .m_97715629:where([data-active]) {
+    opacity: 0.8;
+  }
+
+.m_93bc1ec6:where([data-resizing]) .m_97715629:not([data-active]) {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+.m_25154d8d:where([data-event-interaction]) .m_90acfcab {
+  pointer-events: none;
+}
+
+.m_25154d8d:where([data-resizing]) * {
+    cursor: ew-resize !important;
+  }
+
+.m_25154d8d:where([data-resizing]) .m_93bc1ec6:not([data-resizing]) {
+    pointer-events: none;
+  }
+
+.m_25154d8d:where([data-resizing]) .m_93bc1ec6:not([data-resizing]) .m_97715629 {
+      opacity: 0;
+    }
+
+.m_ed4c47cf {
+  --resources-week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --resources-week-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
+  --resources-week-view-slot-width: calc(3.75rem * var(--mantine-scale));
+  --resources-week-view-row-height: calc(4rem * var(--mantine-scale));
+  --resources-week-view-group-label-width: calc(5rem * var(--mantine-scale));
+  --resources-week-view-all-day-height: calc(1.25rem * var(--mantine-scale));
+}
+
+  :where([data-mantine-color-scheme='light']) .m_ed4c47cf {
+    --resources-week-view-border-color: var(--mantine-color-gray-3);
+    --resources-week-view-business-hours-bg: var(--mantine-color-white);
+    --resources-week-view-non-business-hours-bg: var(--mantine-color-gray-0);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_ed4c47cf {
+    --resources-week-view-border-color: var(--mantine-color-dark-4);
+    --resources-week-view-business-hours-bg: var(--mantine-color-dark-7);
+    --resources-week-view-non-business-hours-bg: var(--mantine-color-dark-6);
+}
+
+.m_5b5cbd51 {
+  border: 1px solid var(--resources-week-view-border-color);
+  border-radius: var(--resources-week-view-radius);
+  overflow: hidden;
+  max-width: fit-content;
+  position: relative;
+}
+
+.m_b88ea29 :where([data-mantine-scrollbar]) {
+    z-index: 20;
+  }
+
+.m_b88ea29 :where([data-scrollarea-viewport]) {
+    overscroll-behavior-x: none;
+  }
+
+.m_fbb9fc7 {
+  display: inline-flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.m_7d7bb735 {
+  display: flex;
+  position: sticky;
+  top: 0;
+  z-index: 5;
+  background-color: var(--mantine-color-body);
+  border-bottom: 1px solid var(--resources-week-view-border-color);
+  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
+}
+
+.m_dd8b4f04 {
+  flex: 0 0 var(--resources-week-view-resource-label-width);
+  min-width: var(--resources-week-view-resource-label-width);
+  border-inline-end: 1px solid var(--resources-week-view-border-color);
+  position: sticky;
+  left: 0;
+  z-index: 6;
+  background-color: var(--mantine-color-body);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+}
+
+.m_85f2b19d {
+  display: flex;
+  flex-direction: column;
+}
+
+.m_cde0b68e {
+  display: flex;
+  border-bottom: 1px solid var(--resources-week-view-border-color);
+}
+
+.m_354e59a7 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  cursor: default;
+  height: calc(2rem * var(--mantine-scale));
+  text-transform: capitalize;
+  border-inline-end: 1px solid var(--resources-week-view-border-color);
+}
+
+.m_354e59a7:where(:last-of-type) {
+    border-inline-end: none;
+  }
+
+.m_354e59a7:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+.m_354e59a7:where([data-today]) {
+    color: var(--mantine-primary-color-contrast);
+    background-color: var(--mantine-primary-color-filled);
+    font-weight: var(--mantine-font-weight-bold);
+  }
+
+.m_b7f0617f {
+  display: flex;
+}
+
+.m_a6832518 {
+  flex: 0 0 var(--resources-week-view-slot-width);
+  min-width: var(--resources-week-view-slot-width);
+  max-width: var(--resources-week-view-slot-width);
+  height: calc(1.75rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-xs);
+  user-select: none;
+  cursor: default;
+  font-variant-numeric: tabular-nums;
+  text-transform: uppercase;
+  border-inline-end: 1px solid var(--resources-week-view-border-color);
+}
+
+.m_a6832518:where(:last-of-type) {
+    border-inline-end: none;
+  }
+
+.m_a6832518:where([data-business-hours]) {
+    background-color: var(--resources-week-view-business-hours-bg);
+  }
+
+.m_a6832518:where([data-non-business-hours]) {
+    background-color: var(--resources-week-view-non-business-hours-bg);
+  }
+
+.m_9fd9b38b {
+  display: flex;
+  border-top: 1px solid var(--resources-week-view-border-color);
+}
+
+.m_9c6373f7 {
+  flex: 0 0 var(--resources-week-view-resource-label-width);
+  min-width: var(--resources-week-view-resource-label-width);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  border-inline-end: 1px solid var(--resources-week-view-border-color);
+  min-height: var(--resources-week-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 4;
+  background-color: var(--mantine-color-body);
+  transition: box-shadow 100ms ease;
+}
+
+.m_9c6373f7:where([data-scrolled-x]) {
+    box-shadow: var(--mantine-shadow-sm);
+  }
+
+.m_9c6373f7:where([data-has-groups]) {
+    left: var(--resources-week-view-group-label-width);
+  }
+
+.m_fdcb5366 {
+  flex: 0 0 var(--resources-week-view-group-label-width);
+  min-width: var(--resources-week-view-group-label-width);
+  min-height: var(--resources-week-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 12;
+  background-color: var(--mantine-color-body);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  overflow-wrap: break-word;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  border-inline-end: 1px solid var(--resources-week-view-border-color);
+  overflow: visible;
+}
+
+.m_fdcb5366:where([data-group-position='first']),
+  .m_fdcb5366:where([data-group-position='only']) {
+    z-index: 13;
+  }
+
+.m_fdcb5366:where([data-group-position='middle']),
+  .m_fdcb5366:where([data-group-position='last']) {
+    margin-top: calc(-0.0625rem * var(--mantine-scale));
+    min-height: calc(var(--resources-week-view-row-height) + 1px);
+  }
+
+.m_3d5e7187 {
+  flex: 0 0 var(--resources-week-view-group-label-width);
+  min-width: var(--resources-week-view-group-label-width);
+  min-height: var(--resources-week-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 12;
+  background-color: var(--mantine-color-body);
+  border-inline-end: 1px solid var(--resources-week-view-border-color);
+}
+
+.m_c534316a {
+  display: flex;
+  position: relative;
+  min-height: var(--resources-week-view-row-height);
+}
+
+.m_ed965429 {
+  flex: 0 0 var(--resources-week-view-slot-width);
+  min-width: var(--resources-week-view-slot-width);
+  max-width: var(--resources-week-view-slot-width);
+  min-height: var(--resources-week-view-row-height);
+  border-inline-end: 1px solid var(--resources-week-view-border-color);
+  cursor: pointer;
+  position: relative;
+}
+
+.m_ed965429:where(:last-of-type) {
+    border-inline-end: none;
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m_ed965429:hover {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_ed965429:hover {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m_ed965429:active {
+      background-color: var(--mantine-color-gray-1);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m_ed965429:active {
+      background-color: var(--mantine-color-dark-5);
+  }
+}
+
+.m_ed965429:where(:focus) {
+    z-index: 1;
+  }
+
+.m_ed965429:where([data-business-hours]) {
+    background-color: var(--resources-week-view-business-hours-bg);
+  }
+
+.m_ed965429:where([data-non-business-hours]) {
+    background-color: var(--resources-week-view-non-business-hours-bg);
+  }
+
+:where([data-mantine-color-scheme='light']) .m_ed965429:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ed965429:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+.m_ed965429:where([data-drop-target])::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-radius: calc(0.125rem * var(--mantine-scale));
+    }
+
+:where([data-mantine-color-scheme='light']) .m_ed965429:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ed965429:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+.m_ed965429:where([data-drag-selected]),
+    .m_ed965429:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+.m_ed965429:where([data-drag-selected])::before {
+      content: '';
+      position: absolute;
+      inset: calc(-0.0625rem * var(--mantine-scale));
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+    }
+
+:where([data-mantine-color-scheme='light']) .m_ed965429:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_ed965429:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+.m_ed965429:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+.m_ed965429:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_3c19323d {
+  position: absolute;
+  pointer-events: none;
+  z-index: 2;
+  border-radius: var(--resources-week-view-radius);
+  background-color: var(--bg-event-bg);
+  overflow: hidden;
+  font-size: calc(0.75rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
+  color: var(--bg-event-color);
+}
+
+.m_682c45d0 {
+  position: absolute;
+  height: var(--resources-week-view-all-day-height);
+  z-index: 2;
+}
+
+.m_30c8fd6b {
+  position: absolute;
+  top: 20%;
+  width: calc(0.25rem * var(--mantine-scale));
+  height: 60%;
+  cursor: ew-resize;
+  z-index: 5;
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  opacity: 0;
+  transition: opacity 100ms ease;
+  pointer-events: all;
+  background-color: var(--event-color);
+}
+
+.m_30c8fd6b::before {
+    content: '';
+    position: absolute;
+    inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
+  }
+
+.m_30c8fd6b:where([data-edge='start']) {
+    left: calc(-0.125rem * var(--mantine-scale));
+  }
+
+.m_30c8fd6b:where([data-edge='end']) {
+    right: calc(-0.125rem * var(--mantine-scale));
+  }
+
+.m_2d13c608 {
+  position: absolute;
+  z-index: 3;
+}
+
+.m_2d13c608:hover .m_30c8fd6b {
+    opacity: 0.5;
+  }
+
+.m_2d13c608 .m_30c8fd6b:hover {
+    opacity: 0.8;
+  }
+
+.m_2d13c608:where([data-resizing]) .m_30c8fd6b:where([data-active]) {
+    opacity: 0.8;
+  }
+
+.m_2d13c608:where([data-resizing]) .m_30c8fd6b:not([data-active]) {
+    opacity: 0;
+    pointer-events: none;
+  }
+
+.m_ed4c47cf:where([data-event-interaction]) .m_ed965429 {
+  pointer-events: none;
+}
+
+.m_ed4c47cf:where([data-resizing]) * {
+    cursor: ew-resize !important;
+  }
+
+.m_ed4c47cf:where([data-resizing]) .m_2d13c608:not([data-resizing]) {
+    pointer-events: none;
+  }
+
+.m_ed4c47cf:where([data-resizing]) .m_2d13c608:not([data-resizing]) .m_30c8fd6b {
+      opacity: 0;
+    }
+
+.m_6f70bf38 {
+  --_indicator-color: var(--resources-week-view-indicator-color, var(--mantine-color-red-7));
+  --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
+  --_thumb-size: calc(0.75rem * var(--mantine-scale));
+
+  position: absolute;
+  pointer-events: none;
+  top: calc(3.875rem * var(--mantine-scale));
+  bottom: 0;
+  left: var(--indicator-left-offset);
+  width: calc(0.125rem * var(--mantine-scale));
+  z-index: 3;
+}
+
+.m_6f70bf38::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-color: var(--_indicator-color);
+    opacity: 0.2;
+  }
+
+.m_be32874c {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background-color: var(--_indicator-color);
+}
+
+.m_88ec57e {
+  position: absolute;
+  top: calc(-1 * (var(--_thumb-size) / 2 - 1px));
+  width: var(--_thumb-size);
+  height: var(--_thumb-size);
+  border-radius: 50%;
+  border: 1px solid var(--mantine-color-body);
+  background-color: var(--_indicator-color);
+  left: calc(-1 * (var(--_thumb-size) / 2 - 1px));
+}
+
+.m_9ff3db11 {
+  position: absolute;
+  top: 0;
+  height: var(--_time-bubble-height);
+  width: var(--_time-bubble-width);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: calc(62.5rem * var(--mantine-scale));
+  background-color: var(--_indicator-color);
+  color: var(--mantine-color-white);
+  font-size: var(--mantine-font-size-xs);
+  font-weight: var(--mantine-font-weight-bold);
+  box-shadow: var(--mantine-shadow-sm);
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  text-transform: uppercase;
+  left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
+  z-index: 3;
+}
+
+.m_652b3acd {
+  --resources-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
+  --resources-month-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
+  --resources-month-view-day-width: calc(5rem * var(--mantine-scale));
+  --resources-month-view-row-height: calc(4rem * var(--mantine-scale));
+  --resources-month-view-group-label-width: calc(5rem * var(--mantine-scale));
+}
+
+  :where([data-mantine-color-scheme='light']) .m_652b3acd {
+    --resources-month-view-border-color: var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_652b3acd {
+    --resources-month-view-border-color: var(--mantine-color-dark-4);
+}
+
+.m_146e014f {
+  border: 1px solid var(--resources-month-view-border-color);
+  border-radius: var(--resources-month-view-radius);
+  overflow: hidden;
+  max-width: fit-content;
+}
+
+.m_b1cab7a7 :where([data-mantine-scrollbar]) {
+    z-index: 20;
+  }
+
+.m_b1cab7a7 :where([data-scrollarea-viewport]) {
+    overscroll-behavior-x: none;
+  }
+
+.m_78d2db89 {
+  display: inline-flex;
+  flex-direction: column;
+}
+
+.m_eae51c8c {
+  display: flex;
+  position: sticky;
+  top: 0;
+  z-index: 5;
+  background-color: var(--mantine-color-body);
+  border-bottom: 1px solid var(--resources-month-view-border-color);
+  margin-bottom: calc(-0.0625rem * var(--mantine-scale));
+}
+
+.m_975b8b82 {
+  flex: 0 0 var(--resources-month-view-resource-label-width);
+  min-width: var(--resources-month-view-resource-label-width);
+  border-inline-end: 1px solid var(--resources-month-view-border-color);
+  position: sticky;
+  left: 0;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  background-color: var(--mantine-color-body);
+}
+
+.m_bc016ea5 {
+  flex: 0 0 var(--resources-month-view-day-width);
+  min-width: var(--resources-month-view-day-width);
+  max-width: var(--resources-month-view-day-width);
+  height: calc(2.625rem * var(--mantine-scale));
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-xs);
+  user-select: none;
+  cursor: default;
+  border-inline-end: 1px solid var(--resources-month-view-border-color);
+}
+
+.m_bc016ea5:where(:last-of-type) {
+    border-inline-end: none;
+  }
+
+.m_bc016ea5:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+.m_bc016ea5:where([data-today]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+.m_52a1c4c3 {
+  font-size: calc(0.75rem * var(--mantine-scale));
+  font-weight: var(--mantine-font-weight-medium);
+  text-transform: capitalize;
+  line-height: 1;
+  margin-bottom: calc(0.1875rem * var(--mantine-scale));
+}
+
+.m_88d8e64e {
+  font-weight: var(--mantine-font-weight-medium);
+  font-size: calc(0.75rem * var(--mantine-scale));
+  line-height: 1;
+}
+
+.m_21b0f7cd {
+  display: flex;
+  border-top: 1px solid var(--resources-month-view-border-color);
+}
+
+.m_1febcdb9 {
+  flex: 0 0 var(--resources-month-view-resource-label-width);
+  min-width: var(--resources-month-view-resource-label-width);
+  display: flex;
+  align-items: center;
+  padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  border-inline-end: 1px solid var(--resources-month-view-border-color);
+  min-height: var(--resources-month-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 4;
+  background-color: var(--mantine-color-body);
+}
+
+.m_1febcdb9:where([data-has-groups]) {
+    left: var(--resources-month-view-group-label-width);
+  }
+
+.m_1fc335a8 {
+  flex: 0 0 var(--resources-month-view-group-label-width);
+  min-width: var(--resources-month-view-group-label-width);
+  min-height: var(--resources-month-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 5;
+  background-color: var(--mantine-color-body);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  overflow-wrap: break-word;
+  font-size: var(--mantine-font-size-sm);
+  font-weight: var(--mantine-font-weight-medium);
+  user-select: none;
+  border-inline-end: 1px solid var(--resources-month-view-border-color);
+  overflow: visible;
+}
+
+.m_1fc335a8:where([data-group-position='first']),
+  .m_1fc335a8:where([data-group-position='only']) {
+    z-index: 6;
+  }
+
+.m_1fc335a8:where([data-group-position='middle']),
+  .m_1fc335a8:where([data-group-position='last']) {
+    margin-top: calc(-0.0625rem * var(--mantine-scale));
+    min-height: calc(var(--resources-month-view-row-height) + 1px);
+  }
+
+.m_d5a3a885 {
+  flex: 0 0 var(--resources-month-view-group-label-width);
+  min-width: var(--resources-month-view-group-label-width);
+  min-height: var(--resources-month-view-row-height);
+  position: sticky;
+  left: 0;
+  z-index: 5;
+  background-color: var(--mantine-color-body);
+  border-inline-end: 1px solid var(--resources-month-view-border-color);
+}
+
+.m_4be74668 {
+  display: flex;
+  position: relative;
+  min-height: var(--resources-month-view-row-height);
+}
+
+.m_146709cf {
+  flex: 0 0 var(--resources-month-view-day-width);
+  min-width: var(--resources-month-view-day-width);
+  max-width: var(--resources-month-view-day-width);
+  min-height: var(--resources-month-view-row-height);
+  border-inline-end: 1px solid var(--resources-month-view-border-color);
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+
+.m_146709cf:where(:last-of-type) {
+    border-inline-end: none;
+  }
+
+.m_146709cf:where(:focus) {
+    z-index: 1;
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_146709cf:hover:where(:not([data-static])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_146709cf:hover:where(:not([data-static])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_146709cf:active:where(:not([data-static])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m_146709cf:active:where(:not([data-static])) {
+        background-color: var(--mantine-color-dark-6);
+  }
+}
+
+:where([data-mantine-color-scheme='light']) .m_146709cf:where([data-weekend]) {
+      background-color: var(--mantine-color-gray-0);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_146709cf:where([data-weekend]) {
+      background-color: var(--mantine-color-dark-8);
+}
+
+:where([data-mantine-color-scheme='light']) .m_146709cf:where([data-drop-target]) {
+      background-color: var(--mantine-color-blue-1);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_146709cf:where([data-drop-target]) {
+      background-color: var(--mantine-color-dark-5);
+}
+
+.m_146709cf:where([data-drop-target])::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+      border-radius: calc(0.125rem * var(--mantine-scale));
+    }
+
+:where([data-mantine-color-scheme='light']) .m_146709cf:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_146709cf:where([data-drop-target])::before {
+        border-color: var(--mantine-color-blue-6);
+}
+
+.m_146709cf:where([data-drag-selected]),
+    .m_146709cf:where([data-drag-selected]):hover {
+      background-color: var(--mantine-primary-color-light);
+    }
+
+.m_146709cf:where([data-drag-selected])::before {
+      content: '';
+      position: absolute;
+      inset: calc(-0.0625rem * var(--mantine-scale));
+      pointer-events: none;
+      z-index: 2;
+      border: calc(0.0625rem * var(--mantine-scale)) solid;
+    }
+
+:where([data-mantine-color-scheme='light']) .m_146709cf:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-2);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_146709cf:where([data-drag-selected])::before {
+        border-color: var(--mantine-primary-color-9);
+}
+
+.m_146709cf:where([data-drag-slot-index]) {
+    touch-action: none;
+  }
+
+.m_146709cf:where([data-static]) {
+    cursor: default;
+    pointer-events: none;
+  }
+
+.m_652b3acd:where([data-event-interaction]) .m_146709cf {
+  pointer-events: none;
+}
+
+.m_428e1853 {
+  height: 100%;
+}