@mantine-vue/schedule 2.1.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/cjs/index.cjs +2228 -1
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +2220 -3
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/ResourcesDayView/ResourcesDayView.d.ts +346 -0
  6. package/lib/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.d.ts +2 -0
  7. package/lib/components/ResourcesDayView/get-resources-day-view-events/get-resources-day-view-events.d.ts +15 -0
  8. package/lib/components/ResourcesDayView/index.d.ts +3 -0
  9. package/lib/components/ResourcesMonthView/ResourcesMonthView.d.ts +279 -0
  10. package/lib/components/ResourcesMonthView/index.d.ts +1 -0
  11. package/lib/components/ResourcesSchedule/ResourcesSchedule.d.ts +201 -0
  12. package/lib/components/ResourcesSchedule/index.d.ts +1 -0
  13. package/lib/components/ResourcesWeekView/ResourcesWeekView.d.ts +412 -0
  14. package/lib/components/ResourcesWeekView/get-resources-week-view-events/get-resources-week-view-events.d.ts +21 -0
  15. package/lib/components/ResourcesWeekView/index.d.ts +2 -0
  16. package/lib/hooks/use-horizontal-event-resize.d.ts +200 -0
  17. package/lib/index.d.mts +4 -0
  18. package/lib/index.d.ts +4 -0
  19. package/lib/labels.d.ts +3 -0
  20. package/lib/types.d.ts +15 -0
  21. package/lib/utils/get-group-to-resource-id-map/get-group-to-resource-id-map.d.ts +2 -0
  22. package/lib/utils/get-ordered-resources/get-ordered-resources.d.ts +17 -0
  23. package/lib/utils/handle-resources-grid-key-down/handle-resources-grid-key-down.d.ts +8 -0
  24. package/lib/utils/index.d.ts +5 -0
  25. package/package.json +4 -4
  26. package/styles.css +933 -0
  27. package/styles.layer.css +933 -0
package/styles.css CHANGED
@@ -2084,4 +2084,937 @@
2084
2084
  display: block
2085
2085
  }
2086
2086
  }
2087
+ ._resourcesDayView_7b9z2_1 {
2088
+ --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2089
+ --resources-day-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2090
+ --resources-day-view-slot-width: calc(5rem * var(--mantine-scale));
2091
+ --resources-day-view-row-height: calc(4rem * var(--mantine-scale));
2092
+ --resources-day-view-group-label-width: calc(5rem * var(--mantine-scale));
2093
+ --resources-day-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2094
+ }
2095
+
2096
+ :where([data-mantine-color-scheme='light']) ._resourcesDayView_7b9z2_1 {
2097
+ --resources-day-view-border-color: var(--mantine-color-gray-3);
2098
+ --resources-day-view-business-hours-bg: var(--mantine-color-white);
2099
+ --resources-day-view-non-business-hours-bg: var(--mantine-color-gray-0);
2100
+ }
2101
+
2102
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayView_7b9z2_1 {
2103
+ --resources-day-view-border-color: var(--mantine-color-dark-4);
2104
+ --resources-day-view-business-hours-bg: var(--mantine-color-dark-7);
2105
+ --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);
2106
+ }
2107
+
2108
+ ._resourcesDayViewRoot_7b9z2_22 {
2109
+ border: 1px solid var(--resources-day-view-border-color);
2110
+ border-radius: var(--resources-day-view-radius);
2111
+ overflow: hidden;
2112
+ max-width: fit-content;
2113
+ position: relative;
2114
+ }
2115
+
2116
+ ._resourcesDayViewScrollArea_7b9z2_30 :where([data-mantine-scrollbar]) {
2117
+ z-index: 20;
2118
+ }
2119
+
2120
+ ._resourcesDayViewScrollArea_7b9z2_30 :where([data-scrollarea-viewport]) {
2121
+ overscroll-behavior-x: none;
2122
+ }
2123
+
2124
+ ._resourcesDayViewInner_7b9z2_39 {
2125
+ display: inline-flex;
2126
+ flex-direction: column;
2127
+ position: relative;
2128
+ }
2129
+ ._resourcesDayViewTimeLabelsRow_7b9z2_44 {
2130
+ display: flex;
2131
+ position: sticky;
2132
+ top: 0;
2133
+ z-index: 5;
2134
+ background-color: var(--mantine-color-body);
2135
+ border-bottom: 1px solid var(--resources-day-view-border-color);
2136
+ margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2137
+ transition: box-shadow 100ms ease;
2138
+ }
2139
+ ._resourcesDayViewTimeLabelsRow_7b9z2_44:where([data-scrolled]) {
2140
+ box-shadow: var(--mantine-shadow-sm);
2141
+ }
2142
+ ._resourcesDayViewCorner_7b9z2_57 {
2143
+ flex: 0 0 var(--resources-day-view-resource-label-width);
2144
+ min-width: var(--resources-day-view-resource-label-width);
2145
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2146
+ position: sticky;
2147
+ left: 0;
2148
+ z-index: 11;
2149
+ background-color: var(--mantine-color-body);
2150
+ display: flex;
2151
+ align-items: center;
2152
+ justify-content: center;
2153
+ font-size: var(--mantine-font-size-sm);
2154
+ font-weight: var(--mantine-font-weight-medium);
2155
+ user-select: none;
2156
+ }
2157
+ ._resourcesDayViewTimeLabel_7b9z2_44 {
2158
+ flex: 0 0 var(--resources-day-view-slot-width);
2159
+ min-width: var(--resources-day-view-slot-width);
2160
+ max-width: var(--resources-day-view-slot-width);
2161
+ height: calc(2.25rem * var(--mantine-scale));
2162
+ display: flex;
2163
+ align-items: center;
2164
+ justify-content: center;
2165
+ font-size: var(--mantine-font-size-sm);
2166
+ user-select: none;
2167
+ cursor: default;
2168
+ font-variant-numeric: tabular-nums;
2169
+ text-transform: uppercase;
2170
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2171
+ }
2172
+ ._resourcesDayViewTimeLabel_7b9z2_44:where(:last-of-type) {
2173
+ border-inline-end: none;
2174
+ }
2175
+ ._resourcesDayViewTimeLabel_7b9z2_44:where([data-business-hours]) {
2176
+ background-color: var(--resources-day-view-business-hours-bg);
2177
+ }
2178
+ ._resourcesDayViewTimeLabel_7b9z2_44:where([data-non-business-hours]) {
2179
+ background-color: var(--resources-day-view-non-business-hours-bg);
2180
+ }
2181
+ ._resourcesDayViewRow_7b9z2_96 {
2182
+ display: flex;
2183
+ border-top: 1px solid var(--resources-day-view-border-color);
2184
+ }
2185
+ ._resourcesDayViewResourceLabel_7b9z2_100 {
2186
+ flex: 0 0 var(--resources-day-view-resource-label-width);
2187
+ min-width: var(--resources-day-view-resource-label-width);
2188
+ display: flex;
2189
+ align-items: center;
2190
+ justify-content: center;
2191
+ padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
2192
+ font-size: var(--mantine-font-size-sm);
2193
+ font-weight: var(--mantine-font-weight-medium);
2194
+ user-select: none;
2195
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2196
+ min-height: var(--resources-day-view-row-height);
2197
+ position: sticky;
2198
+ left: 0;
2199
+ z-index: 11;
2200
+ background-color: var(--mantine-color-body);
2201
+ transition: box-shadow 100ms ease;
2202
+ }
2203
+ ._resourcesDayViewResourceLabel_7b9z2_100:where([data-scrolled-x]) {
2204
+ box-shadow: var(--mantine-shadow-sm);
2205
+ }
2206
+ ._resourcesDayViewResourceLabel_7b9z2_100:where([data-has-groups]) {
2207
+ left: var(--resources-day-view-group-label-width);
2208
+ }
2209
+ ._resourcesDayViewGroupColumn_7b9z2_124,
2210
+ ._resourcesDayViewGroupColumnEmpty_7b9z2_125 {
2211
+ flex: 0 0 var(--resources-day-view-group-label-width);
2212
+ min-width: var(--resources-day-view-group-label-width);
2213
+ min-height: var(--resources-day-view-row-height);
2214
+ position: sticky;
2215
+ left: 0;
2216
+ z-index: 12;
2217
+ background-color: var(--mantine-color-body);
2218
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2219
+ }
2220
+ ._resourcesDayViewGroupColumn_7b9z2_124 {
2221
+ display: flex;
2222
+ align-items: center;
2223
+ justify-content: center;
2224
+ text-align: center;
2225
+ overflow-wrap: break-word;
2226
+ font-size: var(--mantine-font-size-sm);
2227
+ font-weight: var(--mantine-font-weight-medium);
2228
+ user-select: none;
2229
+ overflow: visible;
2230
+ }
2231
+ ._resourcesDayViewGroupColumn_7b9z2_124:where([data-group-position='first'], [data-group-position='only']) {
2232
+ z-index: 13;
2233
+ }
2234
+ ._resourcesDayViewGroupColumn_7b9z2_124:where([data-group-position='middle'], [data-group-position='last']) {
2235
+ margin-top: calc(-0.0625rem * var(--mantine-scale));
2236
+ min-height: calc(var(--resources-day-view-row-height) + 1px);
2237
+ }
2238
+ ._resourcesDayViewRowSlots_7b9z2_153 {
2239
+ display: flex;
2240
+ position: relative;
2241
+ min-height: var(--resources-day-view-row-height);
2242
+ }
2243
+ ._resourcesDayViewRowSlot_7b9z2_153 {
2244
+ flex: 0 0 var(--resources-day-view-slot-width);
2245
+ min-width: var(--resources-day-view-slot-width);
2246
+ max-width: var(--resources-day-view-slot-width);
2247
+ min-height: var(--resources-day-view-row-height);
2248
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2249
+ cursor: pointer;
2250
+ position: relative;
2251
+ }
2252
+ ._resourcesDayViewRowSlot_7b9z2_153:where(:last-of-type) {
2253
+ border-inline-end: none;
2254
+ }
2255
+ ._resourcesDayViewRowSlot_7b9z2_153:where(:focus) {
2256
+ z-index: 1;
2257
+ }
2258
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-business-hours]) {
2259
+ background-color: var(--resources-day-view-business-hours-bg);
2260
+ }
2261
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-non-business-hours]) {
2262
+ background-color: var(--resources-day-view-non-business-hours-bg);
2263
+ }
2264
+ @media (hover: hover) {
2265
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:hover {
2266
+ background-color: var(--mantine-color-gray-1);
2267
+ }
2268
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:hover {
2269
+ background-color: var(--mantine-color-dark-5);
2270
+ }
2271
+ }
2272
+ @media (hover: none) {
2273
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:active {
2274
+ background-color: var(--mantine-color-gray-1);
2275
+ }
2276
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:active {
2277
+ background-color: var(--mantine-color-dark-5);
2278
+ }
2279
+ }
2280
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target]) {
2281
+ background-color: var(--mantine-color-blue-1);
2282
+ }
2283
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target]) {
2284
+ background-color: var(--mantine-color-dark-5);
2285
+ }
2286
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2287
+ content: '';
2288
+ position: absolute;
2289
+ inset: 0;
2290
+ pointer-events: none;
2291
+ z-index: 2;
2292
+ border: calc(0.0625rem * var(--mantine-scale)) solid;
2293
+ border-radius: calc(0.125rem * var(--mantine-scale));
2294
+ }
2295
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2296
+ border-color: var(--mantine-color-blue-4);
2297
+ }
2298
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2299
+ border-color: var(--mantine-color-blue-6);
2300
+ }
2301
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected]),
2302
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected]):hover {
2303
+ background-color: var(--mantine-primary-color-light);
2304
+ }
2305
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected])::before {
2306
+ content: '';
2307
+ position: absolute;
2308
+ inset: calc(-0.0625rem * var(--mantine-scale));
2309
+ pointer-events: none;
2310
+ z-index: 2;
2311
+ border: 1px solid var(--mantine-primary-color-2);
2312
+ }
2313
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-slot-index]) {
2314
+ touch-action: none;
2315
+ }
2316
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-static]) {
2317
+ cursor: default;
2318
+ pointer-events: none;
2319
+ }
2320
+ ._resourcesDayViewCurrentTimeIndicator_7b9z2_231 {
2321
+ --_indicator-color: var(--resources-day-view-indicator-color, var(--mantine-color-red-7));
2322
+ --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2323
+ --_thumb-size: calc(0.75rem * var(--mantine-scale));
2324
+ position: absolute;
2325
+ pointer-events: none;
2326
+ top: calc(2.3125rem * var(--mantine-scale));
2327
+ bottom: 0;
2328
+ left: var(--indicator-left-offset);
2329
+ width: calc(0.125rem * var(--mantine-scale));
2330
+ z-index: 3;
2331
+ }
2332
+ ._resourcesDayViewCurrentTimeIndicatorLine_7b9z2_243 {
2333
+ width: 100%;
2334
+ position: absolute;
2335
+ inset-block: 0;
2336
+ background-color: var(--_indicator-color);
2337
+ }
2338
+ ._resourcesDayViewCurrentTimeIndicatorThumb_7b9z2_249 {
2339
+ position: absolute;
2340
+ top: calc(-0.3125rem * var(--mantine-scale));
2341
+ left: calc(-0.3125rem * var(--mantine-scale));
2342
+ width: var(--_thumb-size);
2343
+ height: var(--_thumb-size);
2344
+ border-radius: 50%;
2345
+ border: 1px solid var(--mantine-color-body);
2346
+ background-color: var(--_indicator-color);
2347
+ }
2348
+ ._resourcesDayViewCurrentTimeIndicatorTimeBubble_7b9z2_259 {
2349
+ position: absolute;
2350
+ height: var(--_time-bubble-height);
2351
+ width: var(--_time-bubble-width);
2352
+ display: flex;
2353
+ align-items: center;
2354
+ justify-content: center;
2355
+ border-radius: calc(62.5rem * var(--mantine-scale));
2356
+ background-color: var(--_indicator-color);
2357
+ color: var(--mantine-color-white);
2358
+ font-size: var(--mantine-font-size-xs);
2359
+ font-weight: var(--mantine-font-weight-bold);
2360
+ box-shadow: var(--mantine-shadow-sm);
2361
+ white-space: nowrap;
2362
+ text-transform: uppercase;
2363
+ top: 0;
2364
+ left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2365
+ z-index: 3;
2366
+ }
2367
+ ._resourcesDayViewBackgroundEvent_7b9z2_278 {
2368
+ position: absolute;
2369
+ pointer-events: none;
2370
+ z-index: 2;
2371
+ border-radius: var(--resources-day-view-radius);
2372
+ background-color: var(--bg-event-bg);
2373
+ overflow: hidden;
2374
+ font-size: calc(0.75rem * var(--mantine-scale));
2375
+ font-weight: var(--mantine-font-weight-medium);
2376
+ padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2377
+ color: var(--bg-event-color);
2378
+ }
2379
+ ._resourcesDayViewAllDayEvent_7b9z2_290 {
2380
+ position: absolute;
2381
+ inset-inline: calc(0.0625rem * var(--mantine-scale));
2382
+ height: var(--resources-day-view-all-day-height);
2383
+ z-index: 3;
2384
+ }
2385
+ ._resourcesDayViewEventWrapper_7b9z2_296 {
2386
+ position: absolute;
2387
+ z-index: 3;
2388
+ }
2389
+ ._resourcesDayViewResizeHandle_7b9z2_300 {
2390
+ position: absolute;
2391
+ top: 20%;
2392
+ width: calc(0.25rem * var(--mantine-scale));
2393
+ height: 60%;
2394
+ cursor: ew-resize;
2395
+ z-index: 5;
2396
+ border-radius: calc(0.125rem * var(--mantine-scale));
2397
+ opacity: 0;
2398
+ transition: opacity 100ms ease;
2399
+ pointer-events: all;
2400
+ background-color: var(--event-color);
2401
+ }
2402
+ ._resourcesDayViewResizeHandle_7b9z2_300::before {
2403
+ content: '';
2404
+ position: absolute;
2405
+ inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2406
+ }
2407
+ ._resourcesDayViewResizeHandle_7b9z2_300:where([data-edge='start']) {
2408
+ left: calc(-0.125rem * var(--mantine-scale));
2409
+ }
2410
+ ._resourcesDayViewResizeHandle_7b9z2_300:where([data-edge='end']) {
2411
+ right: calc(-0.125rem * var(--mantine-scale));
2412
+ }
2413
+ ._resourcesDayViewEventWrapper_7b9z2_296:hover ._resourcesDayViewResizeHandle_7b9z2_300 {
2414
+ opacity: 0.5;
2415
+ }
2416
+ ._resourcesDayViewEventWrapper_7b9z2_296 ._resourcesDayViewResizeHandle_7b9z2_300:hover,
2417
+ ._resourcesDayViewEventWrapper_7b9z2_296[data-resizing] ._resourcesDayViewResizeHandle_7b9z2_300[data-active] {
2418
+ opacity: 0.8;
2419
+ }
2420
+ ._resourcesDayViewEventWrapper_7b9z2_296[data-resizing] ._resourcesDayViewResizeHandle_7b9z2_300:not([data-active]) {
2421
+ opacity: 0;
2422
+ pointer-events: none;
2423
+ }
2424
+ ._resourcesDayView_7b9z2_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_7b9z2_153 {
2425
+ pointer-events: none;
2426
+ }
2427
+ ._resourcesDayView_7b9z2_1:where([data-resizing]) * {
2428
+ cursor: ew-resize !important;
2429
+ }
2430
+ ._resourcesWeekView_jzd1a_1 {
2431
+ --resources-week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2432
+ --resources-week-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2433
+ --resources-week-view-slot-width: calc(3.75rem * var(--mantine-scale));
2434
+ --resources-week-view-row-height: calc(4rem * var(--mantine-scale));
2435
+ --resources-week-view-group-label-width: calc(5rem * var(--mantine-scale));
2436
+ --resources-week-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2437
+ }
2438
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekView_jzd1a_1 {
2439
+ --resources-week-view-border-color: var(--mantine-color-gray-3);
2440
+ --resources-week-view-business-hours-bg: var(--mantine-color-white);
2441
+ --resources-week-view-non-business-hours-bg: var(--mantine-color-gray-0);
2442
+ }
2443
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_jzd1a_1 {
2444
+ --resources-week-view-border-color: var(--mantine-color-dark-4);
2445
+ --resources-week-view-business-hours-bg: var(--mantine-color-dark-7);
2446
+ --resources-week-view-non-business-hours-bg: var(--mantine-color-dark-6);
2447
+ }
2448
+ ._resourcesWeekViewRoot_jzd1a_19 {
2449
+ border: 1px solid var(--resources-week-view-border-color);
2450
+ border-radius: var(--resources-week-view-radius);
2451
+ overflow: hidden;
2452
+ max-width: fit-content;
2453
+ position: relative;
2454
+ }
2455
+ ._resourcesWeekViewScrollArea_jzd1a_26 :where([data-mantine-scrollbar]) {
2456
+ z-index: 20;
2457
+ }
2458
+ ._resourcesWeekViewScrollArea_jzd1a_26 :where([data-scrollarea-viewport]) {
2459
+ overscroll-behavior-x: none;
2460
+ }
2461
+ ._resourcesWeekViewInner_jzd1a_34 {
2462
+ display: inline-flex;
2463
+ flex-direction: column;
2464
+ position: relative;
2465
+ }
2466
+ ._resourcesWeekViewHeaderRows_jzd1a_39 {
2467
+ display: flex;
2468
+ position: sticky;
2469
+ top: 0;
2470
+ z-index: 5;
2471
+ background-color: var(--mantine-color-body);
2472
+ border-bottom: 1px solid var(--resources-week-view-border-color);
2473
+ margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2474
+ }
2475
+ ._resourcesWeekViewCorner_jzd1a_48 {
2476
+ flex: 0 0 var(--resources-week-view-resource-label-width);
2477
+ min-width: var(--resources-week-view-resource-label-width);
2478
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2479
+ position: sticky;
2480
+ left: 0;
2481
+ z-index: 6;
2482
+ background-color: var(--mantine-color-body);
2483
+ display: flex;
2484
+ align-items: center;
2485
+ justify-content: center;
2486
+ font-size: var(--mantine-font-size-sm);
2487
+ font-weight: var(--mantine-font-weight-medium);
2488
+ user-select: none;
2489
+ }
2490
+ ._resourcesWeekViewHeaderContent_jzd1a_63 {
2491
+ display: flex;
2492
+ flex-direction: column;
2493
+ }
2494
+ ._resourcesWeekViewDayLabelsRow_jzd1a_67 {
2495
+ display: flex;
2496
+ border-bottom: 1px solid var(--resources-week-view-border-color);
2497
+ }
2498
+ ._resourcesWeekViewDayLabel_jzd1a_67 {
2499
+ display: flex;
2500
+ align-items: center;
2501
+ justify-content: center;
2502
+ font-size: var(--mantine-font-size-sm);
2503
+ font-weight: var(--mantine-font-weight-medium);
2504
+ user-select: none;
2505
+ cursor: default;
2506
+ height: calc(2rem * var(--mantine-scale));
2507
+ text-transform: capitalize;
2508
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2509
+ }
2510
+ ._resourcesWeekViewDayLabel_jzd1a_67:where(:last-of-type) {
2511
+ border-inline-end: none;
2512
+ }
2513
+ ._resourcesWeekViewDayLabel_jzd1a_67:where([data-weekend]) {
2514
+ color: var(--mantine-color-red-6);
2515
+ }
2516
+ ._resourcesWeekViewDayLabel_jzd1a_67:where([data-today]) {
2517
+ color: var(--mantine-primary-color-contrast);
2518
+ background-color: var(--mantine-primary-color-filled);
2519
+ font-weight: var(--mantine-font-weight-bold);
2520
+ }
2521
+ ._resourcesWeekViewTimeLabelsRow_jzd1a_94 {
2522
+ display: flex;
2523
+ }
2524
+ ._resourcesWeekViewTimeLabel_jzd1a_94 {
2525
+ flex: 0 0 var(--resources-week-view-slot-width);
2526
+ min-width: var(--resources-week-view-slot-width);
2527
+ max-width: var(--resources-week-view-slot-width);
2528
+ height: calc(1.75rem * var(--mantine-scale));
2529
+ display: flex;
2530
+ align-items: center;
2531
+ justify-content: center;
2532
+ font-size: var(--mantine-font-size-xs);
2533
+ user-select: none;
2534
+ cursor: default;
2535
+ font-variant-numeric: tabular-nums;
2536
+ text-transform: uppercase;
2537
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2538
+ }
2539
+ ._resourcesWeekViewTimeLabel_jzd1a_94:where(:last-of-type) {
2540
+ border-inline-end: none;
2541
+ }
2542
+ ._resourcesWeekViewTimeLabel_jzd1a_94:where([data-business-hours]) {
2543
+ background-color: var(--resources-week-view-business-hours-bg);
2544
+ }
2545
+ ._resourcesWeekViewTimeLabel_jzd1a_94:where([data-non-business-hours]) {
2546
+ background-color: var(--resources-week-view-non-business-hours-bg);
2547
+ }
2548
+ ._resourcesWeekViewRow_jzd1a_121 {
2549
+ display: flex;
2550
+ border-top: 1px solid var(--resources-week-view-border-color);
2551
+ }
2552
+ ._resourcesWeekViewResourceLabel_jzd1a_125 {
2553
+ flex: 0 0 var(--resources-week-view-resource-label-width);
2554
+ min-width: var(--resources-week-view-resource-label-width);
2555
+ display: flex;
2556
+ align-items: center;
2557
+ justify-content: center;
2558
+ padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
2559
+ font-size: var(--mantine-font-size-sm);
2560
+ font-weight: var(--mantine-font-weight-medium);
2561
+ user-select: none;
2562
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2563
+ min-height: var(--resources-week-view-row-height);
2564
+ position: sticky;
2565
+ left: 0;
2566
+ z-index: 4;
2567
+ background-color: var(--mantine-color-body);
2568
+ transition: box-shadow 100ms ease;
2569
+ }
2570
+ ._resourcesWeekViewResourceLabel_jzd1a_125:where([data-scrolled-x]) {
2571
+ box-shadow: var(--mantine-shadow-sm);
2572
+ }
2573
+ ._resourcesWeekViewResourceLabel_jzd1a_125:where([data-has-groups]) {
2574
+ left: var(--resources-week-view-group-label-width);
2575
+ }
2576
+ ._resourcesWeekViewGroupColumn_jzd1a_149,
2577
+ ._resourcesWeekViewGroupColumnEmpty_jzd1a_150 {
2578
+ flex: 0 0 var(--resources-week-view-group-label-width);
2579
+ min-width: var(--resources-week-view-group-label-width);
2580
+ min-height: var(--resources-week-view-row-height);
2581
+ position: sticky;
2582
+ left: 0;
2583
+ z-index: 12;
2584
+ background-color: var(--mantine-color-body);
2585
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2586
+ }
2587
+ ._resourcesWeekViewGroupColumn_jzd1a_149 {
2588
+ display: flex;
2589
+ align-items: center;
2590
+ justify-content: center;
2591
+ text-align: center;
2592
+ overflow-wrap: break-word;
2593
+ font-size: var(--mantine-font-size-sm);
2594
+ font-weight: var(--mantine-font-weight-medium);
2595
+ user-select: none;
2596
+ overflow: visible;
2597
+ }
2598
+ ._resourcesWeekViewGroupColumn_jzd1a_149:where([data-group-position='first'], [data-group-position='only']) {
2599
+ z-index: 13;
2600
+ }
2601
+ ._resourcesWeekViewGroupColumn_jzd1a_149:where([data-group-position='middle'], [data-group-position='last']) {
2602
+ margin-top: calc(-0.0625rem * var(--mantine-scale));
2603
+ min-height: calc(var(--resources-week-view-row-height) + 1px);
2604
+ }
2605
+ ._resourcesWeekViewRowSlots_jzd1a_178 {
2606
+ display: flex;
2607
+ position: relative;
2608
+ min-height: var(--resources-week-view-row-height);
2609
+ }
2610
+ ._resourcesWeekViewRowSlot_jzd1a_178 {
2611
+ flex: 0 0 var(--resources-week-view-slot-width);
2612
+ min-width: var(--resources-week-view-slot-width);
2613
+ max-width: var(--resources-week-view-slot-width);
2614
+ min-height: var(--resources-week-view-row-height);
2615
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2616
+ cursor: pointer;
2617
+ position: relative;
2618
+ }
2619
+ ._resourcesWeekViewRowSlot_jzd1a_178:where(:last-of-type) {
2620
+ border-inline-end: none;
2621
+ }
2622
+ ._resourcesWeekViewRowSlot_jzd1a_178:where(:focus) {
2623
+ z-index: 1;
2624
+ }
2625
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-business-hours]) {
2626
+ background-color: var(--resources-week-view-business-hours-bg);
2627
+ }
2628
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-non-business-hours]) {
2629
+ background-color: var(--resources-week-view-non-business-hours-bg);
2630
+ }
2631
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-static]) {
2632
+ cursor: default;
2633
+ pointer-events: none;
2634
+ }
2635
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-slot-index]) {
2636
+ touch-action: none;
2637
+ }
2638
+ @media (hover: hover) {
2639
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:hover {
2640
+ background-color: var(--mantine-color-gray-1);
2641
+ }
2642
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:hover {
2643
+ background-color: var(--mantine-color-dark-5);
2644
+ }
2645
+ }
2646
+ @media (hover: none) {
2647
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:active {
2648
+ background-color: var(--mantine-color-gray-1);
2649
+ }
2650
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:active {
2651
+ background-color: var(--mantine-color-dark-5);
2652
+ }
2653
+ }
2654
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target]) {
2655
+ background-color: var(--mantine-color-blue-1);
2656
+ }
2657
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target]) {
2658
+ background-color: var(--mantine-color-dark-5);
2659
+ }
2660
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target])::before {
2661
+ content: '';
2662
+ position: absolute;
2663
+ inset: 0;
2664
+ pointer-events: none;
2665
+ z-index: 2;
2666
+ border: 1px solid var(--mantine-color-blue-4);
2667
+ border-radius: calc(0.125rem * var(--mantine-scale));
2668
+ }
2669
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected]),
2670
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected]):hover {
2671
+ background-color: var(--mantine-primary-color-light);
2672
+ }
2673
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected])::before {
2674
+ content: '';
2675
+ position: absolute;
2676
+ inset: calc(-0.0625rem * var(--mantine-scale));
2677
+ pointer-events: none;
2678
+ z-index: 2;
2679
+ border: 1px solid var(--mantine-primary-color-2);
2680
+ }
2681
+ ._resourcesWeekViewBackgroundEvent_jzd1a_250 {
2682
+ position: absolute;
2683
+ pointer-events: none;
2684
+ z-index: 2;
2685
+ border-radius: var(--resources-week-view-radius);
2686
+ background-color: var(--bg-event-bg);
2687
+ overflow: hidden;
2688
+ font-size: calc(0.75rem * var(--mantine-scale));
2689
+ font-weight: var(--mantine-font-weight-medium);
2690
+ padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2691
+ color: var(--bg-event-color);
2692
+ }
2693
+ ._resourcesWeekViewAllDayEvent_jzd1a_262 {
2694
+ position: absolute;
2695
+ height: var(--resources-week-view-all-day-height);
2696
+ z-index: 2;
2697
+ }
2698
+ ._resourcesWeekViewEventWrapper_jzd1a_267 {
2699
+ position: absolute;
2700
+ z-index: 3;
2701
+ }
2702
+ ._resourcesWeekViewResizeHandle_jzd1a_271 {
2703
+ position: absolute;
2704
+ top: 20%;
2705
+ width: calc(0.25rem * var(--mantine-scale));
2706
+ height: 60%;
2707
+ cursor: ew-resize;
2708
+ z-index: 5;
2709
+ border-radius: calc(0.125rem * var(--mantine-scale));
2710
+ opacity: 0;
2711
+ transition: opacity 100ms ease;
2712
+ pointer-events: all;
2713
+ background-color: var(--event-color);
2714
+ }
2715
+ ._resourcesWeekViewResizeHandle_jzd1a_271::before {
2716
+ content: '';
2717
+ position: absolute;
2718
+ inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2719
+ }
2720
+ ._resourcesWeekViewResizeHandle_jzd1a_271:where([data-edge='start']) {
2721
+ left: calc(-0.125rem * var(--mantine-scale));
2722
+ }
2723
+ ._resourcesWeekViewResizeHandle_jzd1a_271:where([data-edge='end']) {
2724
+ right: calc(-0.125rem * var(--mantine-scale));
2725
+ }
2726
+ ._resourcesWeekViewEventWrapper_jzd1a_267:hover ._resourcesWeekViewResizeHandle_jzd1a_271 {
2727
+ opacity: 0.5;
2728
+ }
2729
+ ._resourcesWeekViewEventWrapper_jzd1a_267 ._resourcesWeekViewResizeHandle_jzd1a_271:hover,
2730
+ ._resourcesWeekViewEventWrapper_jzd1a_267[data-resizing] ._resourcesWeekViewResizeHandle_jzd1a_271[data-active] {
2731
+ opacity: 0.8;
2732
+ }
2733
+ ._resourcesWeekViewEventWrapper_jzd1a_267[data-resizing] ._resourcesWeekViewResizeHandle_jzd1a_271:not([data-active]) {
2734
+ opacity: 0;
2735
+ pointer-events: none;
2736
+ }
2737
+ ._resourcesWeekView_jzd1a_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_jzd1a_178 {
2738
+ pointer-events: none;
2739
+ }
2740
+ ._resourcesWeekView_jzd1a_1:where([data-resizing]) * {
2741
+ cursor: ew-resize !important;
2742
+ }
2743
+ ._resourcesWeekViewCurrentTimeIndicator_jzd1a_312 {
2744
+ --_indicator-color: var(--resources-week-view-indicator-color, var(--mantine-color-red-7));
2745
+ --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2746
+ --_thumb-size: calc(0.75rem * var(--mantine-scale));
2747
+ position: absolute;
2748
+ pointer-events: none;
2749
+ top: calc(3.875rem * var(--mantine-scale));
2750
+ bottom: 0;
2751
+ left: var(--indicator-left-offset);
2752
+ width: calc(0.125rem * var(--mantine-scale));
2753
+ z-index: 3;
2754
+ }
2755
+ ._resourcesWeekViewCurrentTimeIndicatorLine_jzd1a_324 {
2756
+ width: 100%;
2757
+ position: absolute;
2758
+ inset-block: 0;
2759
+ background-color: var(--_indicator-color);
2760
+ }
2761
+ ._resourcesWeekViewCurrentTimeIndicatorThumb_jzd1a_330 {
2762
+ position: absolute;
2763
+ top: calc(-0.3125rem * var(--mantine-scale));
2764
+ left: calc(-0.3125rem * var(--mantine-scale));
2765
+ width: var(--_thumb-size);
2766
+ height: var(--_thumb-size);
2767
+ border-radius: 50%;
2768
+ border: 1px solid var(--mantine-color-body);
2769
+ background-color: var(--_indicator-color);
2770
+ }
2771
+ ._resourcesWeekViewCurrentTimeIndicatorTimeBubble_jzd1a_340 {
2772
+ position: absolute;
2773
+ top: 0;
2774
+ height: var(--_time-bubble-height);
2775
+ width: var(--_time-bubble-width);
2776
+ display: flex;
2777
+ align-items: center;
2778
+ justify-content: center;
2779
+ border-radius: calc(62.5rem * var(--mantine-scale));
2780
+ background-color: var(--_indicator-color);
2781
+ color: var(--mantine-color-white);
2782
+ font-size: var(--mantine-font-size-xs);
2783
+ font-weight: var(--mantine-font-weight-bold);
2784
+ box-shadow: var(--mantine-shadow-sm);
2785
+ white-space: nowrap;
2786
+ text-transform: uppercase;
2787
+ left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2788
+ z-index: 3;
2789
+ }
2790
+ ._resourcesMonthView_wgbmp_1 {
2791
+ --resources-month-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2792
+ --resources-month-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2793
+ --resources-month-view-day-width: calc(5rem * var(--mantine-scale));
2794
+ --resources-month-view-row-height: calc(4rem * var(--mantine-scale));
2795
+ --resources-month-view-group-label-width: calc(5rem * var(--mantine-scale));
2796
+ }
2797
+
2798
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthView_wgbmp_1 {
2799
+ --resources-month-view-border-color: var(--mantine-color-gray-3);
2800
+ }
2801
+
2802
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthView_wgbmp_1 {
2803
+ --resources-month-view-border-color: var(--mantine-color-dark-4);
2804
+ }
2805
+
2806
+ ._resourcesMonthViewRoot_wgbmp_17 {
2807
+ border: 1px solid var(--resources-month-view-border-color);
2808
+ border-radius: var(--resources-month-view-radius);
2809
+ overflow: hidden;
2810
+ max-width: fit-content;
2811
+ }
2812
+
2813
+ ._resourcesMonthViewScrollArea_wgbmp_24 :where([data-mantine-scrollbar]) {
2814
+ z-index: 20;
2815
+ }
2816
+
2817
+ ._resourcesMonthViewScrollArea_wgbmp_24 :where([data-scrollarea-viewport]) {
2818
+ overscroll-behavior-x: none;
2819
+ }
2820
+
2821
+ ._resourcesMonthViewInner_wgbmp_33 {
2822
+ display: inline-flex;
2823
+ flex-direction: column;
2824
+ }
2825
+ ._resourcesMonthViewDayLabelsRow_wgbmp_37 {
2826
+ display: flex;
2827
+ position: sticky;
2828
+ top: 0;
2829
+ z-index: 5;
2830
+ background-color: var(--mantine-color-body);
2831
+ border-bottom: 1px solid var(--resources-month-view-border-color);
2832
+ margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2833
+ }
2834
+ ._resourcesMonthViewCorner_wgbmp_46 {
2835
+ flex: 0 0 var(--resources-month-view-resource-label-width);
2836
+ min-width: var(--resources-month-view-resource-label-width);
2837
+ border-inline-end: 1px solid var(--resources-month-view-border-color);
2838
+ position: sticky;
2839
+ left: 0;
2840
+ z-index: 6;
2841
+ display: flex;
2842
+ align-items: center;
2843
+ justify-content: center;
2844
+ font-size: var(--mantine-font-size-sm);
2845
+ font-weight: var(--mantine-font-weight-medium);
2846
+ user-select: none;
2847
+ background-color: var(--mantine-color-body);
2848
+ }
2849
+ ._resourcesMonthViewDayLabel_wgbmp_37 {
2850
+ flex: 0 0 var(--resources-month-view-day-width);
2851
+ min-width: var(--resources-month-view-day-width);
2852
+ max-width: var(--resources-month-view-day-width);
2853
+ height: calc(2.625rem * var(--mantine-scale));
2854
+ display: flex;
2855
+ flex-direction: column;
2856
+ align-items: center;
2857
+ justify-content: center;
2858
+ font-size: var(--mantine-font-size-xs);
2859
+ user-select: none;
2860
+ cursor: default;
2861
+ border-inline-end: 1px solid var(--resources-month-view-border-color);
2862
+ }
2863
+ ._resourcesMonthViewDayLabel_wgbmp_37:where(:last-of-type) {
2864
+ border-inline-end: none;
2865
+ }
2866
+ ._resourcesMonthViewDayLabel_wgbmp_37:where([data-weekend]) {
2867
+ color: var(--mantine-color-red-6);
2868
+ }
2869
+ ._resourcesMonthViewDayLabel_wgbmp_37:where([data-today]) {
2870
+ background-color: var(--mantine-primary-color-filled);
2871
+ color: var(--mantine-primary-color-contrast);
2872
+ }
2873
+ ._resourcesMonthViewDayLabelWeekday_wgbmp_85 {
2874
+ font-size: calc(0.75rem * var(--mantine-scale));
2875
+ font-weight: var(--mantine-font-weight-medium);
2876
+ text-transform: capitalize;
2877
+ line-height: 1;
2878
+ margin-bottom: calc(0.1875rem * var(--mantine-scale));
2879
+ }
2880
+ ._resourcesMonthViewDayLabelNumber_wgbmp_92 {
2881
+ font-weight: var(--mantine-font-weight-medium);
2882
+ font-size: calc(0.75rem * var(--mantine-scale));
2883
+ line-height: 1;
2884
+ }
2885
+ ._resourcesMonthViewRow_wgbmp_97 {
2886
+ display: flex;
2887
+ border-top: 1px solid var(--resources-month-view-border-color);
2888
+ }
2889
+ ._resourcesMonthViewResourceLabel_wgbmp_101 {
2890
+ flex: 0 0 var(--resources-month-view-resource-label-width);
2891
+ min-width: var(--resources-month-view-resource-label-width);
2892
+ display: flex;
2893
+ align-items: center;
2894
+ padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
2895
+ font-size: var(--mantine-font-size-sm);
2896
+ font-weight: var(--mantine-font-weight-medium);
2897
+ user-select: none;
2898
+ border-inline-end: 1px solid var(--resources-month-view-border-color);
2899
+ min-height: var(--resources-month-view-row-height);
2900
+ position: sticky;
2901
+ left: 0;
2902
+ z-index: 4;
2903
+ background-color: var(--mantine-color-body);
2904
+ }
2905
+ ._resourcesMonthViewResourceLabel_wgbmp_101:where([data-has-groups]) {
2906
+ left: var(--resources-month-view-group-label-width);
2907
+ }
2908
+ ._resourcesMonthViewGroupColumn_wgbmp_120,
2909
+ ._resourcesMonthViewGroupColumnEmpty_wgbmp_121 {
2910
+ flex: 0 0 var(--resources-month-view-group-label-width);
2911
+ min-width: var(--resources-month-view-group-label-width);
2912
+ min-height: var(--resources-month-view-row-height);
2913
+ position: sticky;
2914
+ left: 0;
2915
+ z-index: 5;
2916
+ background-color: var(--mantine-color-body);
2917
+ border-inline-end: 1px solid var(--resources-month-view-border-color);
2918
+ }
2919
+ ._resourcesMonthViewGroupColumn_wgbmp_120 {
2920
+ display: flex;
2921
+ align-items: center;
2922
+ justify-content: center;
2923
+ text-align: center;
2924
+ overflow-wrap: break-word;
2925
+ font-size: var(--mantine-font-size-sm);
2926
+ font-weight: var(--mantine-font-weight-medium);
2927
+ user-select: none;
2928
+ overflow: visible;
2929
+ }
2930
+ ._resourcesMonthViewGroupColumn_wgbmp_120:where([data-group-position='first'], [data-group-position='only']) {
2931
+ z-index: 6;
2932
+ }
2933
+ ._resourcesMonthViewGroupColumn_wgbmp_120:where([data-group-position='middle'], [data-group-position='last']) {
2934
+ margin-top: calc(-0.0625rem * var(--mantine-scale));
2935
+ min-height: calc(var(--resources-month-view-row-height) + 1px);
2936
+ }
2937
+ ._resourcesMonthViewRowSlots_wgbmp_149 {
2938
+ display: flex;
2939
+ position: relative;
2940
+ min-height: var(--resources-month-view-row-height);
2941
+ }
2942
+ ._resourcesMonthViewCell_wgbmp_154 {
2943
+ flex: 0 0 var(--resources-month-view-day-width);
2944
+ min-width: var(--resources-month-view-day-width);
2945
+ max-width: var(--resources-month-view-day-width);
2946
+ min-height: var(--resources-month-view-row-height);
2947
+ border-inline-end: 1px solid var(--resources-month-view-border-color);
2948
+ cursor: pointer;
2949
+ position: relative;
2950
+ overflow: hidden;
2951
+ }
2952
+ ._resourcesMonthViewCell_wgbmp_154:where(:last-of-type) {
2953
+ border-inline-end: none;
2954
+ }
2955
+ ._resourcesMonthViewCell_wgbmp_154:where(:focus) {
2956
+ z-index: 1;
2957
+ }
2958
+ @media (hover: hover) {
2959
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:hover:where(:not([data-static])) {
2960
+ background-color: var(--mantine-color-gray-0);
2961
+ }
2962
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:hover:where(:not([data-static])) {
2963
+ background-color: var(--mantine-color-dark-6);
2964
+ }
2965
+ }
2966
+ @media (hover: none) {
2967
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:active:where(:not([data-static])) {
2968
+ background-color: var(--mantine-color-gray-0);
2969
+ }
2970
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:active:where(:not([data-static])) {
2971
+ background-color: var(--mantine-color-dark-6);
2972
+ }
2973
+ }
2974
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:where([data-weekend]) {
2975
+ background-color: var(--mantine-color-gray-0);
2976
+ }
2977
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:where([data-weekend]) {
2978
+ background-color: var(--mantine-color-dark-8);
2979
+ }
2980
+ :where([data-mantine-color-scheme='light']) ._resourcesMonthViewCell_wgbmp_154:where([data-drop-target]) {
2981
+ background-color: var(--mantine-color-blue-1);
2982
+ }
2983
+ :where([data-mantine-color-scheme='dark']) ._resourcesMonthViewCell_wgbmp_154:where([data-drop-target]) {
2984
+ background-color: var(--mantine-color-dark-5);
2985
+ }
2986
+ ._resourcesMonthViewCell_wgbmp_154:where([data-drop-target])::before {
2987
+ content: '';
2988
+ position: absolute;
2989
+ inset: 0;
2990
+ pointer-events: none;
2991
+ z-index: 2;
2992
+ border: 1px solid var(--mantine-color-blue-4);
2993
+ border-radius: calc(0.125rem * var(--mantine-scale));
2994
+ }
2995
+ ._resourcesMonthViewCell_wgbmp_154:where([data-drag-selected]),
2996
+ ._resourcesMonthViewCell_wgbmp_154:where([data-drag-selected]):hover {
2997
+ background-color: var(--mantine-primary-color-light);
2998
+ }
2999
+ ._resourcesMonthViewCell_wgbmp_154:where([data-drag-selected])::before {
3000
+ content: '';
3001
+ position: absolute;
3002
+ inset: calc(-0.0625rem * var(--mantine-scale));
3003
+ pointer-events: none;
3004
+ z-index: 2;
3005
+ border: 1px solid var(--mantine-primary-color-2);
3006
+ }
3007
+ ._resourcesMonthViewCell_wgbmp_154:where([data-drag-slot-index]) {
3008
+ touch-action: none;
3009
+ }
3010
+ ._resourcesMonthViewCell_wgbmp_154:where([data-static]) {
3011
+ cursor: default;
3012
+ pointer-events: none;
3013
+ }
3014
+ ._resourcesMonthView_wgbmp_1:where([data-event-interaction]) ._resourcesMonthViewCell_wgbmp_154 {
3015
+ pointer-events: none;
3016
+ }
3017
+ ._root_13xbl_1 {
3018
+ height: 100%;
3019
+ }
2087
3020
  /*$vite$:1*/