@mantine-vue/schedule 3.4.0 → 3.5.0

package/styles.css

@@ -60,7 +60,7 @@
   z-index: 2;
   text-transform: uppercase;
 }
-._event_19lsr_1 {
+._event_ho258_1 {
   padding: calc(0.0625rem * var(--mantine-scale));
   pointer-events: none;
   display: flex;
@@ -70,58 +70,91 @@
   z-index: 3;
 }
 
-  ._event_19lsr_1:where([data-auto-size]) {
+  ._event_ho258_1:where([data-cascade]) {
+    z-index: var(--event-z-index, 3);
+    transition: z-index 0s;
+  }
+
+  ._event_ho258_1:where([data-cascade]) ._eventInner_ho258_14 {
+      box-shadow: 0 0 0 1px var(--mantine-color-body);
+    }
+
+  @media (hover: hover) {
+
+  ._event_ho258_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):hover {
+        z-index: var(--event-z-index-raised, 9);
+        transition-delay: var(--event-raise-delay, 600ms);
+  }
+}
+
+  @media (hover: none) {
+
+  ._event_ho258_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):active {
+        z-index: var(--event-z-index-raised, 9);
+        transition-delay: var(--event-raise-delay, 600ms);
+  }
+}
+
+  ._event_ho258_1:where([data-cascade]):where(:not([data-resizing], [data-dragging])):where(:focus-visible) {
+        z-index: var(--event-z-index-raised, 9);
+      }
+
+  ._event_ho258_1:where([data-auto-size]) {
     container-type: size;
   }
 
-  ._event_19lsr_1:where([data-draggable]) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-draggable]) ._eventInner_ho258_14 {
     cursor: grab;
   }
 
-  ._event_19lsr_1:where([data-draggable]) ._eventInner_19lsr_14:active {
+  ._event_ho258_1:where([data-draggable]) ._eventInner_ho258_14:active {
       cursor: grabbing;
     }
 
-  ._event_19lsr_1:where([data-dragging]) {
+  ._event_ho258_1:where([data-dragging]) {
     opacity: 0.2;
   }
 
-  ._event_19lsr_1:where([data-dragging]) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-dragging]) ._eventInner_ho258_14 {
       cursor: grabbing;
     }
 
-  ._event_19lsr_1:where([data-any-dragging]:not([data-dragging])) {
+  ._event_ho258_1:where([data-any-dragging]:not([data-dragging])) {
     pointer-events: none;
   }
 
-  ._event_19lsr_1:where([data-any-dragging]:not([data-dragging])) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-any-dragging]:not([data-dragging])) ._eventInner_ho258_14 {
       pointer-events: none;
     }
 
-  ._event_19lsr_1:where([data-static]) {
+  ._event_ho258_1:where([data-static]) {
     pointer-events: none;
     cursor: default;
   }
 
-  ._event_19lsr_1:where([data-resizing]) {
+  ._event_ho258_1:where([data-resizing]) {
     z-index: 10;
   }
 
   @media (hover: hover) {
 
-  ._event_19lsr_1:where([data-resizing]) ._eventInner_19lsr_14:hover {
+  ._event_ho258_1:where([data-resizing]) ._eventInner_ho258_14:hover {
         background-color: var(--event-bg);
   }
 }
 
   @media (hover: none) {
 
-  ._event_19lsr_1:where([data-resizing]) ._eventInner_19lsr_14:active {
+  ._event_ho258_1:where([data-resizing]) ._eventInner_ho258_14:active {
         background-color: var(--event-bg);
   }
 }
 
-  ._event_19lsr_1:where([data-hanging='start'], [data-hanging='both'])::before {
+  ._event_ho258_1:where([data-cascade][data-resizing]) {
+    z-index: var(--event-cascade-interaction-z-index, 999);
+  }
+
+  ._event_ho258_1:where([data-hanging='start'], [data-hanging='both'])::before {
       content: '';
       position: absolute;
       inset-block: calc(0.125rem * var(--mantine-scale));
@@ -132,13 +165,13 @@
       opacity: 0.3;
     }
 
-  ._event_19lsr_1:where([data-hanging='start'], [data-hanging='both']) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-hanging='start'], [data-hanging='both']) ._eventInner_ho258_14 {
       padding-inline-start: calc(0.375rem * var(--mantine-scale));
       border-start-start-radius: 0;
       border-end-start-radius: 0;
     }
 
-  ._event_19lsr_1:where([data-hanging='end'], [data-hanging='both'])::after {
+  ._event_ho258_1:where([data-hanging='end'], [data-hanging='both'])::after {
       content: '';
       position: absolute;
       inset-block: calc(0.125rem * var(--mantine-scale));
@@ -149,27 +182,27 @@
       opacity: 0.3;
     }
 
-  ._event_19lsr_1:where([data-hanging='end'], [data-hanging='both']) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-hanging='end'], [data-hanging='both']) ._eventInner_ho258_14 {
       padding-inline-end: calc(0.375rem * var(--mantine-scale));
       border-start-end-radius: 0;
       border-end-end-radius: 0;
     }
 
-  ._event_19lsr_1:where([data-clip-start]) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-clip-start]) ._eventInner_ho258_14 {
       padding-inline-start: calc(0.75rem * var(--mantine-scale));
       border-start-start-radius: 0;
       border-end-start-radius: 0;
       clip-path: polygon(10px 0, 100% 0, 100% 100%, calc(0.625rem * var(--mantine-scale)) 100%, 0 50%);
     }
 
-  ._event_19lsr_1:where([data-clip-end]) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-clip-end]) ._eventInner_ho258_14 {
       padding-inline-end: calc(0.75rem * var(--mantine-scale));
       border-start-end-radius: 0;
       border-end-end-radius: 0;
       clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
     }
 
-  ._event_19lsr_1:where([data-clip-start][data-clip-end]) ._eventInner_19lsr_14 {
+  ._event_ho258_1:where([data-clip-start][data-clip-end]) ._eventInner_ho258_14 {
       clip-path: polygon(
         calc(0.625rem * var(--mantine-scale)) 0,
         calc(100% - 10px) 0,
@@ -180,7 +213,7 @@
       );
     }
 
-._eventInner_19lsr_14 {
+._eventInner_ho258_14 {
   background-color: var(--event-bg);
   color: var(--event-color);
   pointer-events: all;
@@ -196,41 +229,41 @@
   overflow: hidden;
 }
 
-._eventInner_19lsr_14:where([data-nowrap]) {
+._eventInner_ho258_14:where([data-nowrap]) {
     white-space: nowrap;
     text-overflow: ellipsis;
     line-height: 1.25;
   }
 
-._eventInner_19lsr_14:where([data-size='md']) {
+._eventInner_ho258_14:where([data-size='md']) {
     font-size: calc(0.875rem * var(--mantine-scale));
     padding: calc(0.25rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
   }
 
 @media (hover: hover) {
 
-  ._eventInner_19lsr_14:hover {
+  ._eventInner_ho258_14:hover {
     background-color: var(--event-hover);
   }
 }
 
 @media (hover: none) {
 
-  ._eventInner_19lsr_14:active {
+  ._eventInner_ho258_14:active {
     background-color: var(--event-hover);
   }
 }
 
 @container (max-width: 12px) {
 
-._eventInner_19lsr_14:where([data-auto-size]) {
+._eventInner_ho258_14:where([data-auto-size]) {
       padding-inline: 0
   }
     }
 
 @container (min-width: 16px) {
 
-._eventInner_19lsr_14:where([data-auto-size]) {
+._eventInner_ho258_14:where([data-auto-size]) {
       width: calc(100% - 2px);
       margin-inline: auto
   }
@@ -238,7 +271,7 @@
 
 @container (max-height: 18px) {
 
-._eventInner_19lsr_14:where([data-auto-size]) {
+._eventInner_ho258_14:where([data-auto-size]) {
       font-size: calc(0.5625rem * var(--mantine-scale));
       padding-block: 0rem;
       display: flex;
@@ -247,30 +280,30 @@
   }
     }
 
-._event_19lsr_1[data-static] ._eventInner_19lsr_14 {
+._event_ho258_1[data-static] ._eventInner_ho258_14 {
     cursor: default;
     pointer-events: none;
   }
 
 @media (hover: hover) {
 
-  ._event_19lsr_1[data-static] ._eventInner_19lsr_14:hover {
+  ._event_ho258_1[data-static] ._eventInner_ho258_14:hover {
       background-color: var(--event-bg);
   }
 }
 
 @media (hover: none) {
 
-  ._event_19lsr_1[data-static] ._eventInner_19lsr_14:active {
+  ._event_ho258_1[data-static] ._eventInner_ho258_14:active {
       background-color: var(--event-bg);
   }
 }
 
-:where([data-slot-dragging]) ._eventInner_19lsr_14 {
+:where([data-slot-dragging]) ._eventInner_ho258_14 {
     pointer-events: none;
   }
 
-._eventResizeHandle_19lsr_186 {
+._eventResizeHandle_ho258_210 {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
@@ -287,34 +320,34 @@
   transition: opacity 100ms ease;
 }
 
-._eventResizeHandle_19lsr_186::before {
+._eventResizeHandle_ho258_210::before {
     content: '';
     position: absolute;
     inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
   }
 
-._eventResizeHandle_19lsr_186:where([data-edge='top']) {
+._eventResizeHandle_ho258_210:where([data-edge='top']) {
     top: calc(-0.125rem * var(--mantine-scale));
   }
 
-._eventResizeHandle_19lsr_186:where([data-edge='bottom']) {
+._eventResizeHandle_ho258_210:where([data-edge='bottom']) {
     bottom: calc(-0.125rem * var(--mantine-scale));
   }
 
-._event_19lsr_1:where(:hover, [data-resizing]) ._eventResizeHandle_19lsr_186 {
+._event_ho258_1:where(:hover, [data-resizing]) ._eventResizeHandle_ho258_210 {
     opacity: 0.5;
   }
 
 @media (hover: hover) {
 
-  ._eventResizeHandle_19lsr_186:hover {
+  ._eventResizeHandle_ho258_210:hover {
     opacity: 0.8;
   }
 }
 
 @media (hover: none) {
 
-  ._eventResizeHandle_19lsr_186:active {
+  ._eventResizeHandle_ho258_210:active {
     opacity: 0.8;
   }
 }
@@ -569,7 +602,7 @@
   display: flex;
   gap: calc(0.25rem * var(--mantine-scale));
 }
-._dayView_1nebu_1 {
+._dayView_10v37_1 {
   --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 */
   --day-view-slot-labels-width: calc(5rem * var(--mantine-scale));
@@ -578,45 +611,54 @@
   overflow: hidden;
 }
 
-  :where([data-mantine-color-scheme='light']) ._dayView_1nebu_1 {
+  ._dayView_10v37_1:where(:has([data-cascade])) {
+    isolation: isolate;
+    --event-cascade-interaction-z-index: 999;
+  }
+
+  ._dayView_10v37_1:where(:has([data-cascade])) ._dayViewDragPreview_10v37_13 {
+      z-index: var(--event-cascade-interaction-z-index);
+    }
+
+  :where([data-mantine-color-scheme='light']) ._dayView_10v37_1 {
     --day-view-border-color: var(--mantine-color-gray-3);
     --day-view-business-hours-bg: var(--mantine-color-white);
     --day-view-non-business-hours-bg: var(--mantine-color-gray-0);
 }
 
-  :where([data-mantine-color-scheme='dark']) ._dayView_1nebu_1 {
+  :where([data-mantine-color-scheme='dark']) ._dayView_10v37_1 {
     --day-view-border-color: var(--mantine-color-dark-4);
     --day-view-business-hours-bg: var(--mantine-color-dark-7);
     --day-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
 
-._dayViewScrollArea_1nebu_22 {
+._dayViewScrollArea_10v37_31 {
   border: 1px solid var(--day-view-border-color);
   border-radius: var(--day-view-radius);
   overflow: hidden;
 }
 
-._dayViewScrollArea_1nebu_22 :where(.mantine-ScrollArea-scrollbar) {
+._dayViewScrollArea_10v37_31 :where(.mantine-ScrollArea-scrollbar) {
     z-index: 4;
   }
 
-._dayViewInner_1nebu_32 {
+._dayViewInner_10v37_41 {
   display: flex;
 }
 
-._dayViewTimeSlots_1nebu_36 {
+._dayViewTimeSlots_10v37_45 {
   position: relative;
 }
 
-._dayViewTimeSlots_1nebu_36:where(:first-of-type) ._dayViewSlot_1nebu_39:where([data-first]) {
+._dayViewTimeSlots_10v37_45:where(:first-of-type) ._dayViewSlot_10v37_48:where([data-first]) {
     border-top-color: transparent;
   }
 
-._dayViewSlotLabels_1nebu_44 {
+._dayViewSlotLabels_10v37_53 {
   width: var(--day-view-slot-labels-width);
 }
 
-._dayViewSlotLabel_1nebu_44 {
+._dayViewSlotLabel_10v37_53 {
   height: var(--slot-height);
   border-top: 1px solid var(--day-view-border-color);
   font-size: var(--mantine-font-size-sm);
@@ -625,28 +667,28 @@
   font-variant-numeric: tabular-nums;
 }
 
-._dayViewSlotLabel_1nebu_44:where([data-all-day]) {
+._dayViewSlotLabel_10v37_53:where([data-all-day]) {
     height: var(--all-day-slot-height);
     border-top: 0;
   }
 
-._dayViewSlotLabel_1nebu_44:where(:first-of-type) {
+._dayViewSlotLabel_10v37_53:where(:first-of-type) {
     border-top: 0;
   }
 
-._dayViewSlotLabel_1nebu_44:where([data-business-hours]) {
+._dayViewSlotLabel_10v37_53:where([data-business-hours]) {
     background-color: var(--day-view-business-hours-bg);
   }
 
-._dayViewSlotLabel_1nebu_44:where([data-non-business-hours]) {
+._dayViewSlotLabel_10v37_53:where([data-non-business-hours]) {
     background-color: var(--day-view-non-business-hours-bg);
   }
 
-._dayViewSlots_1nebu_74 {
+._dayViewSlots_10v37_83 {
   flex: 1;
 }
 
-._dayViewSlot_1nebu_39 {
+._dayViewSlot_10v37_48 {
   display: block;
   width: 100%;
   border-top: 1px dotted var(--day-view-border-color);
@@ -654,56 +696,56 @@
   position: relative;
 }
 
-._dayViewSlot_1nebu_39:where(:focus) {
+._dayViewSlot_10v37_48:where(:focus) {
     z-index: 1;
   }
 
-._dayViewSlot_1nebu_39:where([data-hour-start]) {
+._dayViewSlot_10v37_48:where([data-hour-start]) {
     border-top: 1px solid var(--day-view-border-color);
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:hover {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_10v37_48:hover {
       background-color: var(--mantine-color-gray-1);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:hover {
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_10v37_48:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:active {
+    :where([data-mantine-color-scheme='light']) ._dayViewSlot_10v37_48:active {
       background-color: var(--mantine-color-gray-1);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:active {
+    :where([data-mantine-color-scheme='dark']) ._dayViewSlot_10v37_48:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
-._dayViewSlot_1nebu_39:where([data-all-day]) {
+._dayViewSlot_10v37_48:where([data-all-day]) {
     height: var(--all-day-slot-height);
     border-top: 0;
   }
 
-._dayViewSlot_1nebu_39:where([data-business-hours]) {
+._dayViewSlot_10v37_48:where([data-business-hours]) {
     background-color: var(--day-view-business-hours-bg);
   }
 
-._dayViewSlot_1nebu_39:where([data-non-business-hours]) {
+._dayViewSlot_10v37_48:where([data-non-business-hours]) {
     background-color: var(--day-view-non-business-hours-bg);
   }
 
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_10v37_48:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
 
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_10v37_48:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
 
-._dayViewSlot_1nebu_39:where([data-drop-target])::before {
+._dayViewSlot_10v37_48:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -713,20 +755,20 @@
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
 
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_10v37_48:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
 
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_10v37_48:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
 
-._dayViewSlot_1nebu_39:where([data-drag-selected]),
-    ._dayViewSlot_1nebu_39:where([data-drag-selected]):hover {
+._dayViewSlot_10v37_48:where([data-drag-selected]),
+    ._dayViewSlot_10v37_48:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
 
-._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
+._dayViewSlot_10v37_48:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -735,24 +777,24 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
     }
 
-:where([data-mantine-color-scheme='light']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='light']) ._dayViewSlot_10v37_48:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-2);
 }
 
-:where([data-mantine-color-scheme='dark']) ._dayViewSlot_1nebu_39:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='dark']) ._dayViewSlot_10v37_48:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-9);
 }
 
-._dayViewSlot_1nebu_39:where([data-drag-slot-index]) {
+._dayViewSlot_10v37_48:where([data-drag-slot-index]) {
     touch-action: none;
   }
 
-._dayViewSlot_1nebu_39:where([data-static]) {
+._dayViewSlot_10v37_48:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
 
-._dayViewBackgroundEvent_1nebu_178 {
+._dayViewBackgroundEvent_10v37_187 {
   position: absolute;
   border-radius: 0;
   pointer-events: none;
@@ -765,7 +807,7 @@
   color: var(--bg-event-color);
 }
 
-._dayViewBackgroundEvent_1nebu_178:where([data-interactive]) {
+._dayViewBackgroundEvent_10v37_187:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
@@ -773,24 +815,98 @@
 
 @media (hover: hover) {
 
-  ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):hover {
+  ._dayViewBackgroundEvent_10v37_187:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 
 @media (hover: none) {
 
-  ._dayViewBackgroundEvent_1nebu_178:where([data-interactive]):active {
+  ._dayViewBackgroundEvent_10v37_187:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
 
-._dayViewAllDay_1nebu_201 {
+@media (hover: hover) {
+
+  ._dayViewBackgroundEvent_10v37_187:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+
+@media (hover: none) {
+
+  ._dayViewBackgroundEvent_10v37_187:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+
+._dayViewBackgroundEventResizeHandle_10v37_216 {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40%;
+  max-width: calc(2.5rem * var(--mantine-scale));
+  height: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  cursor: ns-resize;
+  pointer-events: all;
+  z-index: 4;
+  touch-action: none;
+  background-color: var(--bg-event-color);
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+
+._dayViewBackgroundEventResizeHandle_10v37_216::before {
+    content: '';
+    position: absolute;
+    inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
+  }
+
+._dayViewBackgroundEventResizeHandle_10v37_216:where([data-edge='top']) {
+    top: 0;
+  }
+
+._dayViewBackgroundEventResizeHandle_10v37_216:where([data-edge='bottom']) {
+    bottom: 0;
+  }
+
+._dayViewBackgroundEvent_10v37_187:where(:hover, [data-resizing]) ._dayViewBackgroundEventResizeHandle_10v37_216 {
+    opacity: 0.5;
+  }
+
+@media (hover: hover) {
+
+  ._dayViewBackgroundEventResizeHandle_10v37_216:hover {
+    opacity: 0.8;
+  }
+}
+
+@media (hover: none) {
+
+  ._dayViewBackgroundEventResizeHandle_10v37_216:active {
+    opacity: 0.8;
+  }
+}
+
+._dayView_10v37_1:where([data-event-interaction], [data-slot-dragging])
+  ._dayViewBackgroundEvent_10v37_187:not([data-resizing]) {
+  pointer-events: none;
+}
+
+._dayView_10v37_1:where([data-event-interaction], [data-slot-dragging])
+  ._dayViewBackgroundEvent_10v37_187:not([data-resizing]) ._dayViewBackgroundEventResizeHandle_10v37_216 {
+    pointer-events: none;
+    opacity: 0;
+  }
+
+._dayViewAllDay_10v37_263 {
   position: relative;
   height: var(--all-day-slot-height);
 }
 
-._dayViewAllDayEvents_1nebu_206 {
+._dayViewAllDayEvents_10v37_268 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -1435,7 +1551,7 @@
   pointer-events: none;
   z-index: 3;
 }
-._weekView_1f3zt_1 {
+._weekView_jkexi_1 {
   --week-view-week-day-height: calc(3.625rem * var(--mantine-scale));
   --week-view-all-day-slots-height: calc(3rem * var(--mantine-scale));
   --week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
@@ -1444,19 +1560,19 @@
   --week-view-slot-height: calc(4rem * var(--mantine-scale));
 }
 
-  :where([data-mantine-color-scheme='light']) ._weekView_1f3zt_1 {
+  :where([data-mantine-color-scheme='light']) ._weekView_jkexi_1 {
     --week-view-border-color: var(--mantine-color-gray-3);
     --week-view-business-hours-bg: var(--mantine-color-white);
     --week-view-non-business-hours-bg: var(--mantine-color-gray-0);
 }
 
-  :where([data-mantine-color-scheme='dark']) ._weekView_1f3zt_1 {
+  :where([data-mantine-color-scheme='dark']) ._weekView_jkexi_1 {
     --week-view-border-color: var(--mantine-color-dark-4);
     --week-view-business-hours-bg: var(--mantine-color-dark-7);
     --week-view-non-business-hours-bg: var(--mantine-color-dark-6);
 }
 
-._weekViewRoot_1f3zt_22 {
+._weekViewRoot_jkexi_22 {
   --indicator-labels-offset: calc(var(--week-view-slots-label-width) / var(--number-of-days));
 
   border: 1px solid var(--week-view-border-color);
@@ -1464,17 +1580,26 @@
   overflow: hidden;
 }
 
-._weekViewInner_1f3zt_30 {
+._weekViewRoot_jkexi_22:where(:has([data-cascade])) {
+    isolation: isolate;
+    --event-cascade-interaction-z-index: 999;
+  }
+
+._weekViewRoot_jkexi_22:where(:has([data-cascade])) ._weekViewDragPreview_jkexi_33 {
+      z-index: var(--event-cascade-interaction-z-index);
+    }
+
+._weekViewInner_jkexi_39 {
   display: flex;
   position: relative;
   overflow: hidden;
 }
 
-._weekViewScrollArea_1f3zt_36 :where(.mantine-ScrollArea-scrollbar) {
+._weekViewScrollArea_jkexi_45 :where(.mantine-ScrollArea-scrollbar) {
     z-index: 4;
   }
 
-._weekViewHeader_1f3zt_42 {
+._weekViewHeader_jkexi_51 {
   display: flex;
   position: sticky;
   top: 0;
@@ -1485,11 +1610,11 @@
   transition: box-shadow 100ms ease;
 }
 
-._weekViewHeader_1f3zt_42:where([data-scrolled]) {
+._weekViewHeader_jkexi_51:where([data-scrolled]) {
     box-shadow: var(--mantine-shadow-sm);
   }
 
-._weekViewCorner_1f3zt_57 {
+._weekViewCorner_jkexi_66 {
   height: var(--week-view-week-day-height);
   flex: 0 0 var(--week-view-slots-label-width);
   min-width: var(--week-view-slots-label-width);
@@ -1500,13 +1625,13 @@
   justify-content: center;
 }
 
-._weekViewSlotLabels_1f3zt_68 {
+._weekViewSlotLabels_jkexi_77 {
   flex: 0 0 var(--week-view-slots-label-width);
   min-width: var(--week-view-slots-label-width);
   background-color: var(--mantine-color-body);
 }
 
-._weekViewSlotLabel_1f3zt_68 {
+._weekViewSlotLabel_jkexi_77 {
   border-top: 1px solid var(--week-view-border-color);
   text-align: right;
   height: var(--week-view-slot-height);
@@ -1519,20 +1644,20 @@
   text-transform: uppercase;
 }
 
-._weekViewSlotLabel_1f3zt_68:where([data-business-hours]) {
+._weekViewSlotLabel_jkexi_77:where([data-business-hours]) {
     background-color: var(--week-view-business-hours-bg);
   }
 
-._weekViewSlotLabel_1f3zt_68:where([data-non-business-hours]) {
+._weekViewSlotLabel_jkexi_77:where([data-non-business-hours]) {
     background-color: var(--week-view-non-business-hours-bg);
   }
 
-._weekViewDay_1f3zt_95 {
+._weekViewDay_jkexi_104 {
   flex: 1;
   border-inline-start: 1px solid var(--week-view-border-color);
 }
 
-._weekViewDayLabel_1f3zt_100 {
+._weekViewDayLabel_jkexi_109 {
   height: var(--week-view-week-day-height);
   min-width: var(--week-view-min-slot-width);
   display: flex;
@@ -1547,40 +1672,40 @@
   padding-inline-start: calc(0.3125rem * var(--mantine-scale));
 }
 
-._weekViewDayLabel_1f3zt_100:where([data-weekend]) {
+._weekViewDayLabel_jkexi_109:where([data-weekend]) {
     color: var(--mantine-color-error);
   }
 
-._weekViewDayLabel_1f3zt_100:where([data-today]) {
+._weekViewDayLabel_jkexi_109:where([data-today]) {
     gap: calc(0.375rem * var(--mantine-scale));
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:hover {
+    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_jkexi_109:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:hover {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_jkexi_109:hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_1f3zt_100:active {
+    :where([data-mantine-color-scheme='light']) ._weekViewDayLabel_jkexi_109:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_1f3zt_100:active {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDayLabel_jkexi_109:active {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
-._weekViewDayLabel_1f3zt_100:where([data-static]) {
+._weekViewDayLabel_jkexi_109:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
 
-._weekViewDayNumber_1f3zt_138 {
+._weekViewDayNumber_jkexi_147 {
   text-align: center;
   width: calc(1.625rem * var(--mantine-scale));
   aspect-ratio: 1;
@@ -1591,18 +1716,18 @@
   font-size: var(--mantine-font-size-sm);
 }
 
-:where(._weekViewDayLabel_1f3zt_100[data-today]) ._weekViewDayNumber_1f3zt_138 {
+:where(._weekViewDayLabel_jkexi_109[data-today]) ._weekViewDayNumber_jkexi_147 {
     background-color: var(--mantine-primary-color-filled);
     color: var(--mantine-primary-color-contrast);
   }
 
-._weekViewDayWeekday_1f3zt_154 {
+._weekViewDayWeekday_jkexi_163 {
   text-align: center;
   font-size: var(--mantine-font-size-sm);
   text-transform: capitalize;
 }
 
-._weekViewBackgroundEvent_1f3zt_160 {
+._weekViewBackgroundEvent_jkexi_169 {
   position: absolute;
   pointer-events: none;
   z-index: 2;
@@ -1615,7 +1740,7 @@
   color: var(--bg-event-color);
 }
 
-._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]) {
+._weekViewBackgroundEvent_jkexi_169:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
@@ -1623,23 +1748,97 @@
 
 @media (hover: hover) {
 
-  ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):hover {
+  ._weekViewBackgroundEvent_jkexi_169:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 
 @media (hover: none) {
 
-  ._weekViewBackgroundEvent_1f3zt_160:where([data-interactive]):active {
+  ._weekViewBackgroundEvent_jkexi_169:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
 
-._weekViewDaySlots_1f3zt_183 {
+@media (hover: hover) {
+
+  ._weekViewBackgroundEvent_jkexi_169:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+
+@media (hover: none) {
+
+  ._weekViewBackgroundEvent_jkexi_169:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+
+._weekViewBackgroundEventResizeHandle_jkexi_198 {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 40%;
+  max-width: calc(2.5rem * var(--mantine-scale));
+  height: calc(0.25rem * var(--mantine-scale));
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  cursor: ns-resize;
+  pointer-events: all;
+  z-index: 4;
+  touch-action: none;
+  background-color: var(--bg-event-color);
+  opacity: 0;
+  transition: opacity 100ms ease;
+}
+
+._weekViewBackgroundEventResizeHandle_jkexi_198::before {
+    content: '';
+    position: absolute;
+    inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
+  }
+
+._weekViewBackgroundEventResizeHandle_jkexi_198:where([data-edge='top']) {
+    top: 0;
+  }
+
+._weekViewBackgroundEventResizeHandle_jkexi_198:where([data-edge='bottom']) {
+    bottom: 0;
+  }
+
+._weekViewBackgroundEvent_jkexi_169:where(:hover, [data-resizing]) ._weekViewBackgroundEventResizeHandle_jkexi_198 {
+    opacity: 0.5;
+  }
+
+@media (hover: hover) {
+
+  ._weekViewBackgroundEventResizeHandle_jkexi_198:hover {
+    opacity: 0.8;
+  }
+}
+
+@media (hover: none) {
+
+  ._weekViewBackgroundEventResizeHandle_jkexi_198:active {
+    opacity: 0.8;
+  }
+}
+
+._weekView_jkexi_1:where([data-slot-dragging]) ._weekViewBackgroundEvent_jkexi_169:not([data-resizing]),
+._weekViewRoot_jkexi_22:where([data-event-interaction]) ._weekViewBackgroundEvent_jkexi_169:not([data-resizing]),
+._weekViewRoot_jkexi_22:where([data-all-day-dragging]) ._weekViewBackgroundEvent_jkexi_169:not([data-resizing]) {
+  pointer-events: none;
+}
+
+._weekView_jkexi_1:where([data-slot-dragging]) ._weekViewBackgroundEvent_jkexi_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_jkexi_198, ._weekViewRoot_jkexi_22:where([data-event-interaction]) ._weekViewBackgroundEvent_jkexi_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_jkexi_198, ._weekViewRoot_jkexi_22:where([data-all-day-dragging]) ._weekViewBackgroundEvent_jkexi_169:not([data-resizing]) ._weekViewBackgroundEventResizeHandle_jkexi_198 {
+    pointer-events: none;
+    opacity: 0;
+  }
+
+._weekViewDaySlots_jkexi_246 {
   position: relative;
 }
 
-._weekViewDaySlot_1f3zt_183 {
+._weekViewDaySlot_jkexi_246 {
   display: block;
   width: 100%;
   border-top: 1px solid var(--week-view-border-color);
@@ -1650,47 +1849,47 @@
   position: relative;
 }
 
-._weekViewDaySlot_1f3zt_183:where(:focus) {
+._weekViewDaySlot_jkexi_246:where(:focus) {
     z-index: 1;
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:hover {
+    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_jkexi_246:hover {
       background-color: var(--mantine-color-gray-1);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:hover {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_jkexi_246:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:active {
+    :where([data-mantine-color-scheme='light']) ._weekViewDaySlot_jkexi_246:active {
       background-color: var(--mantine-color-gray-1);
   }
 
-    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:active {
+    :where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_jkexi_246:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
 
-._weekViewDaySlot_1f3zt_183:where([data-business-hours]) {
+._weekViewDaySlot_jkexi_246:where([data-business-hours]) {
     background-color: var(--week-view-business-hours-bg);
   }
 
-._weekViewDaySlot_1f3zt_183:where([data-non-business-hours]) {
+._weekViewDaySlot_jkexi_246:where([data-non-business-hours]) {
     background-color: var(--week-view-non-business-hours-bg);
   }
 
-:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_jkexi_246:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
 
-:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_jkexi_246:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
 
-._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
+._weekViewDaySlot_jkexi_246:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -1700,20 +1899,20 @@
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
 
-:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_jkexi_246:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
 
-:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_jkexi_246:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
 
-._weekViewDaySlot_1f3zt_183:where([data-drag-selected]),
-    ._weekViewDaySlot_1f3zt_183:where([data-drag-selected]):hover {
+._weekViewDaySlot_jkexi_246:where([data-drag-selected]),
+    ._weekViewDaySlot_jkexi_246:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
 
-._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
+._weekViewDaySlot_jkexi_246:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -1722,72 +1921,72 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
     }
 
-:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='light']) ._weekViewDaySlot_jkexi_246:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-2);
 }
 
-:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_1f3zt_183:where([data-drag-selected])::before {
+:where([data-mantine-color-scheme='dark']) ._weekViewDaySlot_jkexi_246:where([data-drag-selected])::before {
         border-color: var(--mantine-primary-color-9);
 }
 
-._weekViewDaySlot_1f3zt_183:where([data-drag-slot-index]) {
+._weekViewDaySlot_jkexi_246:where([data-drag-slot-index]) {
     touch-action: none;
   }
 
-._weekViewDaySlot_1f3zt_183:where([data-static]) {
+._weekViewDaySlot_jkexi_246:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
 
-._weekViewWeekLabel_1f3zt_281 {
+._weekViewWeekLabel_jkexi_344 {
   text-align: center;
   margin-bottom: calc(0.25rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-sm);
 }
 
-._weekViewWeekNumber_1f3zt_287 {
+._weekViewWeekNumber_jkexi_350 {
   font-weight: var(--mantine-font-weight-medium);
   text-align: center;
   font-size: var(--mantine-font-size-lg);
 }
 
-._weekViewAllDaySlots_1f3zt_293 {
+._weekViewAllDaySlots_jkexi_356 {
   display: flex;
   height: var(--week-view-all-day-slots-height);
 }
 
-._weekViewAllDaySlotsLabel_1f3zt_298 {
+._weekViewAllDaySlotsLabel_jkexi_361 {
   flex: 0 0 var(--week-view-slots-label-width);
   text-align: right;
   padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-sm);
 }
 
-._weekViewAllDaySlotsEvents_1f3zt_305 {
+._weekViewAllDaySlotsEvents_jkexi_368 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
 
-._weekViewAllDaySlotsList_1f3zt_312 {
+._weekViewAllDaySlotsList_jkexi_375 {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
 }
 
-._weekViewAllDaySlotsList_1f3zt_312 > ._weekViewDaySlot_1f3zt_183 {
+._weekViewAllDaySlotsList_jkexi_375 > ._weekViewDaySlot_jkexi_246 {
     flex: 1;
     border-inline-start: 1px solid var(--week-view-border-color);
     height: 100%;
   }
 
-._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305 {
+._weekViewAllDaySlotsList_jkexi_375:hover ._weekViewAllDaySlotsEvents_jkexi_368, ._weekViewAllDaySlotsList_jkexi_375:focus-within ._weekViewAllDaySlotsEvents_jkexi_368 {
       overflow: visible;
     }
 
-._weekViewAllDaySlotsList_1f3zt_312:hover ._weekViewAllDaySlotsEvents_1f3zt_305::before, ._weekViewAllDaySlotsList_1f3zt_312:focus-within ._weekViewAllDaySlotsEvents_1f3zt_305::before {
+._weekViewAllDaySlotsList_jkexi_375:hover ._weekViewAllDaySlotsEvents_jkexi_368::before, ._weekViewAllDaySlotsList_jkexi_375:focus-within ._weekViewAllDaySlotsEvents_jkexi_368::before {
         content: '';
         position: absolute;
         top: 100%;
@@ -2152,7 +2351,7 @@
     display: block
 }
   }
-._resourcesDayView_wmj51_1 {
+._resourcesDayView_bsrxh_1 {
   --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));
@@ -2161,19 +2360,19 @@
   --resources-day-view-all-day-height: calc(1.25rem * var(--mantine-scale));
 }
 
-  :where([data-mantine-color-scheme='light']) ._resourcesDayView_wmj51_1 {
+  :where([data-mantine-color-scheme='light']) ._resourcesDayView_bsrxh_1 {
     --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']) ._resourcesDayView_wmj51_1 {
+  :where([data-mantine-color-scheme='dark']) ._resourcesDayView_bsrxh_1 {
     --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);
 }
 
-._resourcesDayViewRoot_wmj51_22 {
+._resourcesDayViewRoot_bsrxh_22 {
   border: 1px solid var(--resources-day-view-border-color);
   border-radius: var(--resources-day-view-radius);
   overflow: hidden;
@@ -2181,20 +2380,20 @@
   position: relative;
 }
 
-._resourcesDayViewScrollArea_wmj51_30 :where([data-mantine-scrollbar]) {
+._resourcesDayViewScrollArea_bsrxh_30 :where([data-mantine-scrollbar]) {
     z-index: 20;
   }
 
-._resourcesDayViewScrollArea_wmj51_30 :where([data-scrollarea-viewport]) {
+._resourcesDayViewScrollArea_bsrxh_30 :where([data-scrollarea-viewport]) {
     overscroll-behavior-x: none;
   }
 
-._resourcesDayViewInner_wmj51_39 {
+._resourcesDayViewInner_bsrxh_39 {
   display: inline-flex;
   flex-direction: column;
   position: relative;
 }
-._resourcesDayViewTimeLabelsRow_wmj51_44 {
+._resourcesDayViewTimeLabelsRow_bsrxh_44 {
   display: flex;
   position: sticky;
   top: 0;
@@ -2204,10 +2403,10 @@
   margin-bottom: calc(-0.0625rem * var(--mantine-scale));
   transition: box-shadow 100ms ease;
 }
-._resourcesDayViewTimeLabelsRow_wmj51_44:where([data-scrolled]) {
+._resourcesDayViewTimeLabelsRow_bsrxh_44:where([data-scrolled]) {
     box-shadow: var(--mantine-shadow-sm);
   }
-._resourcesDayViewCorner_wmj51_57 {
+._resourcesDayViewCorner_bsrxh_57 {
   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);
@@ -2222,7 +2421,7 @@
   font-weight: var(--mantine-font-weight-medium);
   user-select: none;
 }
-._resourcesDayViewTimeLabel_wmj51_44 {
+._resourcesDayViewTimeLabel_bsrxh_44 {
   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);
@@ -2237,20 +2436,20 @@
   text-transform: uppercase;
   border-inline-end: 1px solid var(--resources-day-view-border-color);
 }
-._resourcesDayViewTimeLabel_wmj51_44:where(:last-of-type) {
+._resourcesDayViewTimeLabel_bsrxh_44:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesDayViewTimeLabel_wmj51_44:where([data-business-hours]) {
+._resourcesDayViewTimeLabel_bsrxh_44:where([data-business-hours]) {
     background-color: var(--resources-day-view-business-hours-bg);
   }
-._resourcesDayViewTimeLabel_wmj51_44:where([data-non-business-hours]) {
+._resourcesDayViewTimeLabel_bsrxh_44:where([data-non-business-hours]) {
     background-color: var(--resources-day-view-non-business-hours-bg);
   }
-._resourcesDayViewRow_wmj51_96 {
+._resourcesDayViewRow_bsrxh_96 {
   display: flex;
   border-top: 1px solid var(--resources-day-view-border-color);
 }
-._resourcesDayViewResourceLabel_wmj51_100 {
+._resourcesDayViewResourceLabel_bsrxh_100 {
   flex: 0 0 var(--resources-day-view-resource-label-width);
   min-width: var(--resources-day-view-resource-label-width);
   display: flex;
@@ -2268,14 +2467,14 @@
   background-color: var(--mantine-color-body);
   transition: box-shadow 100ms ease;
 }
-._resourcesDayViewResourceLabel_wmj51_100:where([data-scrolled-x]) {
+._resourcesDayViewResourceLabel_bsrxh_100:where([data-scrolled-x]) {
     box-shadow: var(--mantine-shadow-sm);
   }
-._resourcesDayViewResourceLabel_wmj51_100:where([data-has-groups]) {
+._resourcesDayViewResourceLabel_bsrxh_100:where([data-has-groups]) {
     left: var(--resources-day-view-group-label-width);
   }
-._resourcesDayViewGroupColumn_wmj51_124,
-._resourcesDayViewGroupColumnEmpty_wmj51_125 {
+._resourcesDayViewGroupColumn_bsrxh_124,
+._resourcesDayViewGroupColumnEmpty_bsrxh_125 {
   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);
@@ -2285,7 +2484,7 @@
   background-color: var(--mantine-color-body);
   border-inline-end: 1px solid var(--resources-day-view-border-color);
 }
-._resourcesDayViewGroupColumn_wmj51_124 {
+._resourcesDayViewGroupColumn_bsrxh_124 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2296,19 +2495,19 @@
   user-select: none;
   overflow: visible;
 }
-._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='first'], [data-group-position='only']) {
+._resourcesDayViewGroupColumn_bsrxh_124:where([data-group-position='first'], [data-group-position='only']) {
     z-index: 13;
   }
-._resourcesDayViewGroupColumn_wmj51_124:where([data-group-position='middle'], [data-group-position='last']) {
+._resourcesDayViewGroupColumn_bsrxh_124:where([data-group-position='middle'], [data-group-position='last']) {
     margin-top: calc(-0.0625rem * var(--mantine-scale));
     min-height: calc(var(--resources-day-view-row-height) + 1px);
   }
-._resourcesDayViewRowSlots_wmj51_153 {
+._resourcesDayViewRowSlots_bsrxh_153 {
   display: flex;
   position: relative;
   min-height: var(--resources-day-view-row-height);
 }
-._resourcesDayViewRowSlot_wmj51_153 {
+._resourcesDayViewRowSlot_bsrxh_153 {
   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);
@@ -2317,41 +2516,41 @@
   cursor: pointer;
   position: relative;
 }
-._resourcesDayViewRowSlot_wmj51_153:where(:last-of-type) {
+._resourcesDayViewRowSlot_bsrxh_153:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesDayViewRowSlot_wmj51_153:where(:focus) {
+._resourcesDayViewRowSlot_bsrxh_153:where(:focus) {
     z-index: 1;
   }
-._resourcesDayViewRowSlot_wmj51_153:where([data-business-hours]) {
+._resourcesDayViewRowSlot_bsrxh_153:where([data-business-hours]) {
     background-color: var(--resources-day-view-business-hours-bg);
   }
-._resourcesDayViewRowSlot_wmj51_153:where([data-non-business-hours]) {
+._resourcesDayViewRowSlot_bsrxh_153:where([data-non-business-hours]) {
     background-color: var(--resources-day-view-non-business-hours-bg);
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:hover {
+    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_bsrxh_153:hover {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:hover {
+    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_bsrxh_153:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:active {
+    :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_bsrxh_153:active {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:active {
+    :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_bsrxh_153:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
-:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_bsrxh_153:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_bsrxh_153:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
+._resourcesDayViewRowSlot_bsrxh_153:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -2360,17 +2559,17 @@
       border: calc(0.0625rem * var(--mantine-scale)) solid;
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_bsrxh_153:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-4);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_wmj51_153:where([data-drop-target])::before {
+:where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_bsrxh_153:where([data-drop-target])::before {
         border-color: var(--mantine-color-blue-6);
 }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]),
-    ._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected]):hover {
+._resourcesDayViewRowSlot_bsrxh_153:where([data-drag-selected]),
+    ._resourcesDayViewRowSlot_bsrxh_153:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drag-selected])::before {
+._resourcesDayViewRowSlot_bsrxh_153:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2378,14 +2577,14 @@
       z-index: 2;
       border: 1px solid var(--mantine-primary-color-2);
     }
-._resourcesDayViewRowSlot_wmj51_153:where([data-drag-slot-index]) {
+._resourcesDayViewRowSlot_bsrxh_153:where([data-drag-slot-index]) {
     touch-action: none;
   }
-._resourcesDayViewRowSlot_wmj51_153:where([data-static]) {
+._resourcesDayViewRowSlot_bsrxh_153:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._resourcesDayViewCurrentTimeIndicator_wmj51_231 {
+._resourcesDayViewCurrentTimeIndicator_bsrxh_231 {
   --_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));
@@ -2397,13 +2596,13 @@
   width: calc(0.125rem * var(--mantine-scale));
   z-index: 3;
 }
-._resourcesDayViewCurrentTimeIndicatorLine_wmj51_243 {
+._resourcesDayViewCurrentTimeIndicatorLine_bsrxh_243 {
   width: 100%;
   position: absolute;
   inset-block: 0;
   background-color: var(--_indicator-color);
 }
-._resourcesDayViewCurrentTimeIndicatorThumb_wmj51_249 {
+._resourcesDayViewCurrentTimeIndicatorThumb_bsrxh_249 {
   position: absolute;
   top: calc(-0.3125rem * var(--mantine-scale));
   left: calc(-0.3125rem * var(--mantine-scale));
@@ -2413,7 +2612,7 @@
   border: 1px solid var(--mantine-color-body);
   background-color: var(--_indicator-color);
 }
-._resourcesDayViewCurrentTimeIndicatorTimeBubble_wmj51_259 {
+._resourcesDayViewCurrentTimeIndicatorTimeBubble_bsrxh_259 {
   position: absolute;
   height: var(--_time-bubble-height);
   width: var(--_time-bubble-width);
@@ -2432,7 +2631,7 @@
   left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
   z-index: 3;
 }
-._resourcesDayViewBackgroundEvent_wmj51_278 {
+._resourcesDayViewBackgroundEvent_bsrxh_278 {
   position: absolute;
   pointer-events: none;
   z-index: 2;
@@ -2444,34 +2643,46 @@
   padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
   color: var(--bg-event-color);
 }
-._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]) {
+._resourcesDayViewBackgroundEvent_bsrxh_278:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
   }
 @media (hover: hover) {
 
-  ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):hover {
+  ._resourcesDayViewBackgroundEvent_bsrxh_278:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 @media (hover: none) {
 
-  ._resourcesDayViewBackgroundEvent_wmj51_278:where([data-interactive]):active {
+  ._resourcesDayViewBackgroundEvent_bsrxh_278:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
-._resourcesDayViewAllDayEvent_wmj51_300 {
+@media (hover: hover) {
+
+  ._resourcesDayViewBackgroundEvent_bsrxh_278:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+@media (hover: none) {
+
+  ._resourcesDayViewBackgroundEvent_bsrxh_278:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+._resourcesDayViewAllDayEvent_bsrxh_306 {
   position: absolute;
   inset-inline: calc(0.0625rem * var(--mantine-scale));
   height: var(--resources-day-view-all-day-height);
   z-index: 3;
 }
-._resourcesDayViewEventWrapper_wmj51_306 {
+._resourcesDayViewEventWrapper_bsrxh_312 {
   position: absolute;
   z-index: 3;
 }
-._resourcesDayViewResizeHandle_wmj51_310 {
+._resourcesDayViewResizeHandle_bsrxh_316 {
   position: absolute;
   top: 20%;
   width: calc(0.25rem * var(--mantine-scale));
@@ -2484,35 +2695,64 @@
   pointer-events: all;
   background-color: var(--event-color);
 }
-._resourcesDayViewResizeHandle_wmj51_310::before {
+._resourcesDayViewResizeHandle_bsrxh_316::before {
     content: '';
     position: absolute;
     inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
   }
-._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='start']) {
+._resourcesDayViewResizeHandle_bsrxh_316:where([data-edge='start']) {
     left: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesDayViewResizeHandle_wmj51_310:where([data-edge='end']) {
+._resourcesDayViewResizeHandle_bsrxh_316:where([data-edge='end']) {
     right: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesDayViewEventWrapper_wmj51_306:hover ._resourcesDayViewResizeHandle_wmj51_310 {
+._resourcesDayViewEventWrapper_bsrxh_312:hover ._resourcesDayViewResizeHandle_bsrxh_316 {
   opacity: 0.5;
 }
-._resourcesDayViewEventWrapper_wmj51_306 ._resourcesDayViewResizeHandle_wmj51_310:hover,
-._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310[data-active] {
+._resourcesDayViewEventWrapper_bsrxh_312 ._resourcesDayViewResizeHandle_bsrxh_316:hover,
+._resourcesDayViewEventWrapper_bsrxh_312[data-resizing] ._resourcesDayViewResizeHandle_bsrxh_316[data-active] {
   opacity: 0.8;
 }
-._resourcesDayViewEventWrapper_wmj51_306[data-resizing] ._resourcesDayViewResizeHandle_wmj51_310:not([data-active]) {
+._resourcesDayViewEventWrapper_bsrxh_312[data-resizing] ._resourcesDayViewResizeHandle_bsrxh_316:not([data-active]) {
   opacity: 0;
   pointer-events: none;
 }
-._resourcesDayView_wmj51_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_wmj51_153 {
+._resourcesDayView_bsrxh_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_bsrxh_153 {
   pointer-events: none;
 }
-._resourcesDayView_wmj51_1:where([data-resizing]) * {
+._resourcesDayView_bsrxh_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesDayViewBackgroundEvent_bsrxh_278:not([data-resizing]) {
+  pointer-events: none;
+}
+._resourcesDayView_bsrxh_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesDayViewBackgroundEvent_bsrxh_278:not([data-resizing]) ._resourcesDayViewResizeHandle_bsrxh_316 {
+    pointer-events: none;
+    opacity: 0;
+  }
+._resourcesDayViewBackgroundEvent_bsrxh_278 ._resourcesDayViewResizeHandle_bsrxh_316 {
+    background-color: var(--bg-event-color);
+  }
+._resourcesDayViewBackgroundEvent_bsrxh_278 ._resourcesDayViewResizeHandle_bsrxh_316:where([data-edge='start']) {
+      left: 0;
+    }
+._resourcesDayViewBackgroundEvent_bsrxh_278 ._resourcesDayViewResizeHandle_bsrxh_316:where([data-edge='end']) {
+      right: 0;
+    }
+._resourcesDayViewBackgroundEvent_bsrxh_278:hover ._resourcesDayViewResizeHandle_bsrxh_316 {
+    opacity: 0.5;
+  }
+._resourcesDayViewBackgroundEvent_bsrxh_278 ._resourcesDayViewResizeHandle_bsrxh_316:hover,
+  ._resourcesDayViewBackgroundEvent_bsrxh_278:where([data-resizing]) ._resourcesDayViewResizeHandle_bsrxh_316:where([data-active]) {
+    opacity: 0.8;
+  }
+._resourcesDayViewBackgroundEvent_bsrxh_278:where([data-resizing]) ._resourcesDayViewResizeHandle_bsrxh_316:not([data-active]) {
+    opacity: 0;
+    pointer-events: none;
+  }
+._resourcesDayView_bsrxh_1:where([data-resizing]) * {
   cursor: ew-resize !important;
 }
-._resourcesWeekView_1komm_1 {
+._resourcesWeekView_1rg4q_1 {
   --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));
@@ -2520,35 +2760,35 @@
   --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']) ._resourcesWeekView_1komm_1 {
+  :where([data-mantine-color-scheme='light']) ._resourcesWeekView_1rg4q_1 {
     --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']) ._resourcesWeekView_1komm_1 {
+  :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_1rg4q_1 {
     --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);
 }
-._resourcesWeekViewRoot_1komm_19 {
+._resourcesWeekViewRoot_1rg4q_19 {
   border: 1px solid var(--resources-week-view-border-color);
   border-radius: var(--resources-week-view-radius);
   overflow: hidden;
   max-width: fit-content;
   position: relative;
 }
-._resourcesWeekViewScrollArea_1komm_26 :where([data-mantine-scrollbar]) {
+._resourcesWeekViewScrollArea_1rg4q_26 :where([data-mantine-scrollbar]) {
     z-index: 20;
   }
-._resourcesWeekViewScrollArea_1komm_26 :where([data-scrollarea-viewport]) {
+._resourcesWeekViewScrollArea_1rg4q_26 :where([data-scrollarea-viewport]) {
     overscroll-behavior-x: none;
   }
-._resourcesWeekViewInner_1komm_34 {
+._resourcesWeekViewInner_1rg4q_34 {
   display: inline-flex;
   flex-direction: column;
   position: relative;
 }
-._resourcesWeekViewHeaderRows_1komm_39 {
+._resourcesWeekViewHeaderRows_1rg4q_39 {
   display: flex;
   position: sticky;
   top: 0;
@@ -2557,7 +2797,7 @@
   border-bottom: 1px solid var(--resources-week-view-border-color);
   margin-bottom: calc(-0.0625rem * var(--mantine-scale));
 }
-._resourcesWeekViewCorner_1komm_48 {
+._resourcesWeekViewCorner_1rg4q_48 {
   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);
@@ -2572,15 +2812,15 @@
   font-weight: var(--mantine-font-weight-medium);
   user-select: none;
 }
-._resourcesWeekViewHeaderContent_1komm_63 {
+._resourcesWeekViewHeaderContent_1rg4q_63 {
   display: flex;
   flex-direction: column;
 }
-._resourcesWeekViewDayLabelsRow_1komm_67 {
+._resourcesWeekViewDayLabelsRow_1rg4q_67 {
   display: flex;
   border-bottom: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewDayLabel_1komm_67 {
+._resourcesWeekViewDayLabel_1rg4q_67 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2592,21 +2832,21 @@
   text-transform: capitalize;
   border-inline-end: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewDayLabel_1komm_67:where(:last-of-type) {
+._resourcesWeekViewDayLabel_1rg4q_67:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesWeekViewDayLabel_1komm_67:where([data-weekend]) {
+._resourcesWeekViewDayLabel_1rg4q_67:where([data-weekend]) {
     color: var(--mantine-color-red-6);
   }
-._resourcesWeekViewDayLabel_1komm_67:where([data-today]) {
+._resourcesWeekViewDayLabel_1rg4q_67:where([data-today]) {
     color: var(--mantine-primary-color-contrast);
     background-color: var(--mantine-primary-color-filled);
     font-weight: var(--mantine-font-weight-bold);
   }
-._resourcesWeekViewTimeLabelsRow_1komm_94 {
+._resourcesWeekViewTimeLabelsRow_1rg4q_94 {
   display: flex;
 }
-._resourcesWeekViewTimeLabel_1komm_94 {
+._resourcesWeekViewTimeLabel_1rg4q_94 {
   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);
@@ -2621,20 +2861,20 @@
   text-transform: uppercase;
   border-inline-end: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewTimeLabel_1komm_94:where(:last-of-type) {
+._resourcesWeekViewTimeLabel_1rg4q_94:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesWeekViewTimeLabel_1komm_94:where([data-business-hours]) {
+._resourcesWeekViewTimeLabel_1rg4q_94:where([data-business-hours]) {
     background-color: var(--resources-week-view-business-hours-bg);
   }
-._resourcesWeekViewTimeLabel_1komm_94:where([data-non-business-hours]) {
+._resourcesWeekViewTimeLabel_1rg4q_94:where([data-non-business-hours]) {
     background-color: var(--resources-week-view-non-business-hours-bg);
   }
-._resourcesWeekViewRow_1komm_121 {
+._resourcesWeekViewRow_1rg4q_121 {
   display: flex;
   border-top: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewResourceLabel_1komm_125 {
+._resourcesWeekViewResourceLabel_1rg4q_125 {
   flex: 0 0 var(--resources-week-view-resource-label-width);
   min-width: var(--resources-week-view-resource-label-width);
   display: flex;
@@ -2652,14 +2892,14 @@
   background-color: var(--mantine-color-body);
   transition: box-shadow 100ms ease;
 }
-._resourcesWeekViewResourceLabel_1komm_125:where([data-scrolled-x]) {
+._resourcesWeekViewResourceLabel_1rg4q_125:where([data-scrolled-x]) {
     box-shadow: var(--mantine-shadow-sm);
   }
-._resourcesWeekViewResourceLabel_1komm_125:where([data-has-groups]) {
+._resourcesWeekViewResourceLabel_1rg4q_125:where([data-has-groups]) {
     left: var(--resources-week-view-group-label-width);
   }
-._resourcesWeekViewGroupColumn_1komm_149,
-._resourcesWeekViewGroupColumnEmpty_1komm_150 {
+._resourcesWeekViewGroupColumn_1rg4q_149,
+._resourcesWeekViewGroupColumnEmpty_1rg4q_150 {
   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);
@@ -2669,7 +2909,7 @@
   background-color: var(--mantine-color-body);
   border-inline-end: 1px solid var(--resources-week-view-border-color);
 }
-._resourcesWeekViewGroupColumn_1komm_149 {
+._resourcesWeekViewGroupColumn_1rg4q_149 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2680,19 +2920,19 @@
   user-select: none;
   overflow: visible;
 }
-._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='first'], [data-group-position='only']) {
+._resourcesWeekViewGroupColumn_1rg4q_149:where([data-group-position='first'], [data-group-position='only']) {
     z-index: 13;
   }
-._resourcesWeekViewGroupColumn_1komm_149:where([data-group-position='middle'], [data-group-position='last']) {
+._resourcesWeekViewGroupColumn_1rg4q_149:where([data-group-position='middle'], [data-group-position='last']) {
     margin-top: calc(-0.0625rem * var(--mantine-scale));
     min-height: calc(var(--resources-week-view-row-height) + 1px);
   }
-._resourcesWeekViewRowSlots_1komm_178 {
+._resourcesWeekViewRowSlots_1rg4q_178 {
   display: flex;
   position: relative;
   min-height: var(--resources-week-view-row-height);
 }
-._resourcesWeekViewRowSlot_1komm_178 {
+._resourcesWeekViewRowSlot_1rg4q_178 {
   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);
@@ -2701,48 +2941,48 @@
   cursor: pointer;
   position: relative;
 }
-._resourcesWeekViewRowSlot_1komm_178:where(:last-of-type) {
+._resourcesWeekViewRowSlot_1rg4q_178:where(:last-of-type) {
     border-inline-end: none;
   }
-._resourcesWeekViewRowSlot_1komm_178:where(:focus) {
+._resourcesWeekViewRowSlot_1rg4q_178:where(:focus) {
     z-index: 1;
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-business-hours]) {
+._resourcesWeekViewRowSlot_1rg4q_178:where([data-business-hours]) {
     background-color: var(--resources-week-view-business-hours-bg);
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-non-business-hours]) {
+._resourcesWeekViewRowSlot_1rg4q_178:where([data-non-business-hours]) {
     background-color: var(--resources-week-view-non-business-hours-bg);
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-static]) {
+._resourcesWeekViewRowSlot_1rg4q_178:where([data-static]) {
     cursor: default;
     pointer-events: none;
   }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drag-slot-index]) {
+._resourcesWeekViewRowSlot_1rg4q_178:where([data-drag-slot-index]) {
     touch-action: none;
   }
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:hover {
+    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1rg4q_178:hover {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:hover {
+    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1rg4q_178:hover {
       background-color: var(--mantine-color-dark-5);
   }
 }
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:active {
+    :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1rg4q_178:active {
       background-color: var(--mantine-color-gray-1);
   }
-    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:active {
+    :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1rg4q_178:active {
       background-color: var(--mantine-color-dark-5);
   }
 }
-:where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
+:where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_1rg4q_178:where([data-drop-target]) {
       background-color: var(--mantine-color-blue-1);
 }
-:where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target]) {
+:where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_1rg4q_178:where([data-drop-target]) {
       background-color: var(--mantine-color-dark-5);
 }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drop-target])::before {
+._resourcesWeekViewRowSlot_1rg4q_178:where([data-drop-target])::before {
       content: '';
       position: absolute;
       inset: 0;
@@ -2751,11 +2991,11 @@
       border: 1px solid var(--mantine-color-blue-4);
       border-radius: calc(0.125rem * var(--mantine-scale));
     }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]),
-    ._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected]):hover {
+._resourcesWeekViewRowSlot_1rg4q_178:where([data-drag-selected]),
+    ._resourcesWeekViewRowSlot_1rg4q_178:where([data-drag-selected]):hover {
       background-color: var(--mantine-primary-color-light);
     }
-._resourcesWeekViewRowSlot_1komm_178:where([data-drag-selected])::before {
+._resourcesWeekViewRowSlot_1rg4q_178:where([data-drag-selected])::before {
       content: '';
       position: absolute;
       inset: calc(-0.0625rem * var(--mantine-scale));
@@ -2763,7 +3003,7 @@
       z-index: 2;
       border: 1px solid var(--mantine-primary-color-2);
     }
-._resourcesWeekViewBackgroundEvent_1komm_250 {
+._resourcesWeekViewBackgroundEvent_1rg4q_250 {
   position: absolute;
   pointer-events: none;
   z-index: 2;
@@ -2775,31 +3015,41 @@
   padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
   color: var(--bg-event-color);
 }
-._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]) {
+._resourcesWeekViewBackgroundEvent_1rg4q_250:where([data-interactive]) {
     pointer-events: auto;
     cursor: pointer;
     user-select: none;
   }
 @media (hover: hover) {
-  ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):hover {
+  ._resourcesWeekViewBackgroundEvent_1rg4q_250:where([data-interactive]):hover {
       background-color: var(--bg-event-hover);
   }
 }
 @media (hover: none) {
-  ._resourcesWeekViewBackgroundEvent_1komm_250:where([data-interactive]):active {
+  ._resourcesWeekViewBackgroundEvent_1rg4q_250:where([data-interactive]):active {
       background-color: var(--bg-event-hover);
   }
 }
-._resourcesWeekViewAllDayEvent_1komm_272 {
+@media (hover: hover) {
+  ._resourcesWeekViewBackgroundEvent_1rg4q_250:where([data-resizing]):hover {
+      background-color: var(--bg-event-bg);
+  }
+}
+@media (hover: none) {
+  ._resourcesWeekViewBackgroundEvent_1rg4q_250:where([data-resizing]):active {
+      background-color: var(--bg-event-bg);
+  }
+}
+._resourcesWeekViewAllDayEvent_1rg4q_278 {
   position: absolute;
   height: var(--resources-week-view-all-day-height);
   z-index: 2;
 }
-._resourcesWeekViewEventWrapper_1komm_277 {
+._resourcesWeekViewEventWrapper_1rg4q_283 {
   position: absolute;
   z-index: 3;
 }
-._resourcesWeekViewResizeHandle_1komm_281 {
+._resourcesWeekViewResizeHandle_1rg4q_287 {
   position: absolute;
   top: 20%;
   width: calc(0.25rem * var(--mantine-scale));
@@ -2812,35 +3062,64 @@
   pointer-events: all;
   background-color: var(--event-color);
 }
-._resourcesWeekViewResizeHandle_1komm_281::before {
+._resourcesWeekViewResizeHandle_1rg4q_287::before {
     content: '';
     position: absolute;
     inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
   }
-._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='start']) {
+._resourcesWeekViewResizeHandle_1rg4q_287:where([data-edge='start']) {
     left: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesWeekViewResizeHandle_1komm_281:where([data-edge='end']) {
+._resourcesWeekViewResizeHandle_1rg4q_287:where([data-edge='end']) {
     right: calc(-0.125rem * var(--mantine-scale));
   }
-._resourcesWeekViewEventWrapper_1komm_277:hover ._resourcesWeekViewResizeHandle_1komm_281 {
+._resourcesWeekViewEventWrapper_1rg4q_283:hover ._resourcesWeekViewResizeHandle_1rg4q_287 {
   opacity: 0.5;
 }
-._resourcesWeekViewEventWrapper_1komm_277 ._resourcesWeekViewResizeHandle_1komm_281:hover,
-._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281[data-active] {
+._resourcesWeekViewEventWrapper_1rg4q_283 ._resourcesWeekViewResizeHandle_1rg4q_287:hover,
+._resourcesWeekViewEventWrapper_1rg4q_283[data-resizing] ._resourcesWeekViewResizeHandle_1rg4q_287[data-active] {
   opacity: 0.8;
 }
-._resourcesWeekViewEventWrapper_1komm_277[data-resizing] ._resourcesWeekViewResizeHandle_1komm_281:not([data-active]) {
+._resourcesWeekViewEventWrapper_1rg4q_283[data-resizing] ._resourcesWeekViewResizeHandle_1rg4q_287:not([data-active]) {
   opacity: 0;
   pointer-events: none;
 }
-._resourcesWeekView_1komm_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_1komm_178 {
+._resourcesWeekView_1rg4q_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_1rg4q_178 {
+  pointer-events: none;
+}
+._resourcesWeekView_1rg4q_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesWeekViewBackgroundEvent_1rg4q_250:not([data-resizing]) {
   pointer-events: none;
 }
-._resourcesWeekView_1komm_1:where([data-resizing]) * {
+._resourcesWeekView_1rg4q_1:where([data-event-interaction], [data-slot-dragging])
+  ._resourcesWeekViewBackgroundEvent_1rg4q_250:not([data-resizing]) ._resourcesWeekViewResizeHandle_1rg4q_287 {
+    pointer-events: none;
+    opacity: 0;
+  }
+._resourcesWeekViewBackgroundEvent_1rg4q_250 ._resourcesWeekViewResizeHandle_1rg4q_287 {
+    background-color: var(--bg-event-color);
+  }
+._resourcesWeekViewBackgroundEvent_1rg4q_250 ._resourcesWeekViewResizeHandle_1rg4q_287:where([data-edge='start']) {
+      left: 0;
+    }
+._resourcesWeekViewBackgroundEvent_1rg4q_250 ._resourcesWeekViewResizeHandle_1rg4q_287:where([data-edge='end']) {
+      right: 0;
+    }
+._resourcesWeekViewBackgroundEvent_1rg4q_250:hover ._resourcesWeekViewResizeHandle_1rg4q_287 {
+    opacity: 0.5;
+  }
+._resourcesWeekViewBackgroundEvent_1rg4q_250 ._resourcesWeekViewResizeHandle_1rg4q_287:hover,
+  ._resourcesWeekViewBackgroundEvent_1rg4q_250:where([data-resizing]) ._resourcesWeekViewResizeHandle_1rg4q_287:where([data-active]) {
+    opacity: 0.8;
+  }
+._resourcesWeekViewBackgroundEvent_1rg4q_250:where([data-resizing]) ._resourcesWeekViewResizeHandle_1rg4q_287:not([data-active]) {
+    opacity: 0;
+    pointer-events: none;
+  }
+._resourcesWeekView_1rg4q_1:where([data-resizing]) * {
   cursor: ew-resize !important;
 }
-._resourcesWeekViewCurrentTimeIndicator_1komm_322 {
+._resourcesWeekViewCurrentTimeIndicator_1rg4q_364 {
   --_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));
@@ -2852,13 +3131,13 @@
   width: calc(0.125rem * var(--mantine-scale));
   z-index: 3;
 }
-._resourcesWeekViewCurrentTimeIndicatorLine_1komm_334 {
+._resourcesWeekViewCurrentTimeIndicatorLine_1rg4q_376 {
   width: 100%;
   position: absolute;
   inset-block: 0;
   background-color: var(--_indicator-color);
 }
-._resourcesWeekViewCurrentTimeIndicatorThumb_1komm_340 {
+._resourcesWeekViewCurrentTimeIndicatorThumb_1rg4q_382 {
   position: absolute;
   top: calc(-0.3125rem * var(--mantine-scale));
   left: calc(-0.3125rem * var(--mantine-scale));
@@ -2868,7 +3147,7 @@
   border: 1px solid var(--mantine-color-body);
   background-color: var(--_indicator-color);
 }
-._resourcesWeekViewCurrentTimeIndicatorTimeBubble_1komm_350 {
+._resourcesWeekViewCurrentTimeIndicatorTimeBubble_1rg4q_392 {
   position: absolute;
   top: 0;
   height: var(--_time-bubble-height);