@omidrahmati/react-slot-scheduler 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/LICENSE +21 -0
  3. package/README.md +717 -0
  4. package/dist/index.cjs +1197 -0
  5. package/dist/index.cjs.map +1 -0
  6. package/dist/index.css +469 -0
  7. package/dist/index.css.map +1 -0
  8. package/dist/index.d.cts +217 -0
  9. package/dist/index.d.ts +217 -0
  10. package/dist/index.js +1154 -0
  11. package/dist/index.js.map +1 -0
  12. package/package.json +88 -0
package/dist/index.css ADDED
@@ -0,0 +1,469 @@
1
+ /* src/styles/gantt.css */
2
+ .gantt-root {
3
+ --gantt-primary: #0f766e;
4
+ --gantt-bg: #f4f7f7;
5
+ --gantt-panel: #ffffff;
6
+ --gantt-border: #d6e0df;
7
+ --gantt-text: #102725;
8
+ --gantt-muted: #5c7270;
9
+ --gantt-booked: #fee2e2;
10
+ --gantt-blocked: #e5e7eb;
11
+ --gantt-custom: #e0f2fe;
12
+ background: var(--gantt-bg);
13
+ color: var(--gantt-text);
14
+ border: 1px solid var(--gantt-border);
15
+ border-radius: 14px;
16
+ overflow: hidden;
17
+ font-family:
18
+ ui-sans-serif,
19
+ -apple-system,
20
+ "Segoe UI",
21
+ sans-serif;
22
+ user-select: none;
23
+ }
24
+ .gantt-toolbar {
25
+ display: flex;
26
+ align-items: center;
27
+ justify-content: space-between;
28
+ padding: 10px 14px;
29
+ background: var(--gantt-panel);
30
+ border-bottom: 1px solid var(--gantt-border);
31
+ gap: 8px;
32
+ }
33
+ .gantt-rtl .gantt-toolbar {
34
+ direction: rtl;
35
+ }
36
+ .gantt-ltr .gantt-toolbar {
37
+ direction: ltr;
38
+ }
39
+ .gantt-title {
40
+ font-size: 13px;
41
+ font-weight: 600;
42
+ color: var(--gantt-text);
43
+ }
44
+ .gantt-btn {
45
+ border: 1px solid var(--gantt-border);
46
+ background: var(--gantt-panel);
47
+ color: var(--gantt-text);
48
+ border-radius: 8px;
49
+ padding: 5px 10px;
50
+ cursor: pointer;
51
+ font-size: 12px;
52
+ transition: background 0.15s;
53
+ }
54
+ .gantt-btn:hover {
55
+ background: var(--gantt-border);
56
+ }
57
+ .gantt-btn:focus-visible {
58
+ outline: 2px solid var(--gantt-primary);
59
+ outline-offset: 2px;
60
+ }
61
+ .gantt-scroll-wrap {
62
+ overflow-y: auto;
63
+ overflow-x: hidden;
64
+ max-height: 72vh;
65
+ }
66
+ .gantt-label-col {
67
+ width: 144px;
68
+ min-width: 144px;
69
+ flex-shrink: 0;
70
+ background: var(--gantt-panel);
71
+ border-right: 2px solid var(--gantt-border);
72
+ padding: 0 12px;
73
+ display: flex;
74
+ flex-direction: column;
75
+ justify-content: center;
76
+ }
77
+ .gantt-rtl .gantt-label-col {
78
+ border-right: none;
79
+ border-left: 2px solid var(--gantt-border);
80
+ }
81
+ .gantt-header-label {
82
+ height: 40px;
83
+ }
84
+ .gantt-row-label-text {
85
+ font-size: 13px;
86
+ font-weight: 600;
87
+ color: var(--gantt-text);
88
+ white-space: nowrap;
89
+ overflow: hidden;
90
+ text-overflow: ellipsis;
91
+ }
92
+ .gantt-row-sublabel {
93
+ font-size: 11px;
94
+ color: var(--gantt-muted);
95
+ white-space: nowrap;
96
+ overflow: hidden;
97
+ text-overflow: ellipsis;
98
+ }
99
+ .gantt-header {
100
+ display: flex;
101
+ position: sticky;
102
+ top: 0;
103
+ z-index: 4;
104
+ background: var(--gantt-panel);
105
+ border-bottom: 1px solid var(--gantt-border);
106
+ }
107
+ .gantt-time-header {
108
+ flex: 1;
109
+ display: flex;
110
+ overflow: hidden;
111
+ }
112
+ .gantt-time-cell {
113
+ flex: 1;
114
+ height: 40px;
115
+ display: flex;
116
+ align-items: center;
117
+ justify-content: center;
118
+ font-size: 11px;
119
+ color: var(--gantt-muted);
120
+ border-left: 1px solid var(--gantt-border);
121
+ font-variant-numeric: tabular-nums;
122
+ }
123
+ .gantt-rtl .gantt-time-cell {
124
+ border-left: none;
125
+ border-right: 1px solid var(--gantt-border);
126
+ }
127
+ .gantt-row {
128
+ display: flex;
129
+ border-bottom: 1px solid var(--gantt-border);
130
+ transition: background 0.1s;
131
+ }
132
+ .gantt-row:hover {
133
+ background: color-mix(in srgb, var(--gantt-primary) 3%, var(--gantt-bg));
134
+ }
135
+ .gantt-row-content {
136
+ flex: 1;
137
+ position: relative;
138
+ overflow: visible;
139
+ }
140
+ .gantt-grid-line {
141
+ position: absolute;
142
+ top: 0;
143
+ bottom: 0;
144
+ width: 1px;
145
+ background: var(--gantt-border);
146
+ pointer-events: none;
147
+ opacity: 0.6;
148
+ }
149
+ .gantt-item {
150
+ position: absolute;
151
+ border-radius: 8px;
152
+ display: flex;
153
+ align-items: stretch;
154
+ overflow: hidden;
155
+ transition: box-shadow 0.15s, opacity 0.15s;
156
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
157
+ }
158
+ .gantt-item:hover {
159
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
160
+ z-index: 5;
161
+ }
162
+ .gantt-item:focus-visible {
163
+ outline: 2px solid var(--gantt-primary);
164
+ outline-offset: 1px;
165
+ }
166
+ .gantt-item-dragging {
167
+ opacity: 0.85;
168
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
169
+ z-index: 10;
170
+ }
171
+ .gantt-item-booked {
172
+ background: var(--gantt-booked);
173
+ border: 1px solid color-mix(in srgb, var(--gantt-booked) 70%, #000);
174
+ }
175
+ .gantt-item-blocked {
176
+ background: var(--gantt-blocked);
177
+ border: 1px solid color-mix(in srgb, var(--gantt-blocked) 70%, #000);
178
+ cursor: default !important;
179
+ }
180
+ .gantt-item-custom {
181
+ background: var(--gantt-custom);
182
+ border: 1px solid color-mix(in srgb, var(--gantt-custom) 70%, #000);
183
+ }
184
+ .gantt-item-outside {
185
+ background: var(--gantt-blocked);
186
+ border: 1px solid color-mix(in srgb, var(--gantt-blocked) 70%, #000);
187
+ cursor: default !important;
188
+ }
189
+ .gantt-handle {
190
+ width: 8px;
191
+ flex-shrink: 0;
192
+ cursor: ew-resize;
193
+ background: rgba(0, 0, 0, 0.08);
194
+ transition: background 0.15s;
195
+ z-index: 2;
196
+ }
197
+ .gantt-handle:hover {
198
+ background: rgba(0, 0, 0, 0.2);
199
+ }
200
+ .gantt-handle-left {
201
+ border-radius: 8px 0 0 8px;
202
+ }
203
+ .gantt-handle-right {
204
+ border-radius: 0 8px 8px 0;
205
+ margin-left: auto;
206
+ }
207
+ .gantt-item-inner {
208
+ flex: 1;
209
+ padding: 4px 6px;
210
+ min-width: 0;
211
+ display: flex;
212
+ flex-direction: column;
213
+ justify-content: center;
214
+ gap: 2px;
215
+ }
216
+ .gantt-item-title {
217
+ font-size: 12px;
218
+ font-weight: 600;
219
+ color: var(--gantt-text);
220
+ white-space: nowrap;
221
+ overflow: hidden;
222
+ text-overflow: ellipsis;
223
+ line-height: 1.3;
224
+ }
225
+ .gantt-item-sub {
226
+ font-size: 11px;
227
+ color: var(--gantt-muted);
228
+ white-space: nowrap;
229
+ overflow: hidden;
230
+ text-overflow: ellipsis;
231
+ line-height: 1.2;
232
+ }
233
+ .gantt-rtl .gantt-item {
234
+ direction: rtl;
235
+ }
236
+ .gantt-rtl .gantt-item-inner {
237
+ text-align: right;
238
+ }
239
+ .gantt-rtl .gantt-handle-left {
240
+ order: 2;
241
+ border-radius: 0 8px 8px 0;
242
+ }
243
+ .gantt-rtl .gantt-handle-right {
244
+ order: -1;
245
+ border-radius: 8px 0 0 8px;
246
+ }
247
+ .gantt-row-day-content {
248
+ flex: 1;
249
+ display: flex;
250
+ overflow: hidden;
251
+ }
252
+ .gantt-day-cell {
253
+ flex: 1;
254
+ position: relative;
255
+ border-left: 1px solid var(--gantt-border);
256
+ min-width: 0;
257
+ padding: 0;
258
+ }
259
+ .gantt-rtl .gantt-day-cell {
260
+ border-left: none;
261
+ border-right: 1px solid var(--gantt-border);
262
+ }
263
+ .gantt-today-col {
264
+ background: color-mix(in srgb, var(--gantt-primary) 6%, transparent);
265
+ }
266
+ .gantt-day-cell-target {
267
+ background: color-mix(in srgb, var(--gantt-primary) 12%, transparent);
268
+ outline: 2px dashed var(--gantt-primary);
269
+ outline-offset: -2px;
270
+ }
271
+ .gantt-day-item {
272
+ position: absolute;
273
+ left: 4px !important;
274
+ right: 4px !important;
275
+ width: auto !important;
276
+ }
277
+ .gantt-day-item-overlay {
278
+ box-sizing: border-box;
279
+ z-index: 2;
280
+ }
281
+ .gantt-badge {
282
+ font-size: 11px;
283
+ color: var(--gantt-muted);
284
+ background: var(--gantt-bg);
285
+ border: 1px solid var(--gantt-border);
286
+ border-radius: 6px;
287
+ padding: 3px 8px;
288
+ }
289
+ .gantt-cell-selected {
290
+ background: color-mix(in srgb, var(--gantt-primary) 18%, transparent) !important;
291
+ outline: 1px solid var(--gantt-primary);
292
+ outline-offset: -1px;
293
+ }
294
+ .gantt-create-ghost {
295
+ position: absolute;
296
+ border-radius: 8px;
297
+ border: 2px dashed var(--gantt-primary);
298
+ background: color-mix(in srgb, var(--gantt-primary) 15%, transparent);
299
+ display: flex;
300
+ align-items: center;
301
+ pointer-events: none;
302
+ z-index: 6;
303
+ }
304
+ .gantt-create-ghost .gantt-item-title {
305
+ font-size: 11px;
306
+ color: var(--gantt-primary);
307
+ font-weight: 600;
308
+ padding: 0 6px;
309
+ }
310
+ .gantt-selection-ghost {
311
+ position: absolute;
312
+ background: color-mix(in srgb, var(--gantt-primary) 15%, transparent);
313
+ border: 1.5px dashed var(--gantt-primary);
314
+ border-radius: 6px;
315
+ pointer-events: none;
316
+ z-index: 3;
317
+ }
318
+
319
+ /* src/styles/calendar.css */
320
+ .rbc-root {
321
+ --rbc-primary: #0f766e;
322
+ --rbc-bg: #f4f7f7;
323
+ --rbc-panel: #ffffff;
324
+ --rbc-border: #d6e0df;
325
+ --rbc-text: #102725;
326
+ --rbc-muted: #5c7270;
327
+ --rbc-available: #dcfce7;
328
+ --rbc-booked: #fee2e2;
329
+ --rbc-blocked: #e5e7eb;
330
+ --rbc-custom: #e0f2fe;
331
+ background: var(--rbc-bg);
332
+ color: var(--rbc-text);
333
+ border: 1px solid var(--rbc-border);
334
+ border-radius: 14px;
335
+ overflow: hidden;
336
+ font-family:
337
+ ui-sans-serif,
338
+ -apple-system,
339
+ Segoe UI,
340
+ sans-serif;
341
+ }
342
+ .rbc-toolbar {
343
+ display: flex;
344
+ gap: 8px;
345
+ justify-content: space-between;
346
+ align-items: center;
347
+ padding: 12px;
348
+ background: var(--rbc-panel);
349
+ border-bottom: 1px solid var(--rbc-border);
350
+ }
351
+ .rbc-rtl .rbc-toolbar {
352
+ direction: rtl;
353
+ }
354
+ .rbc-ltr .rbc-toolbar {
355
+ direction: ltr;
356
+ }
357
+ .rbc-btn {
358
+ border: 1px solid var(--rbc-border);
359
+ background: var(--rbc-panel);
360
+ color: var(--rbc-text);
361
+ border-radius: 8px;
362
+ padding: 6px 10px;
363
+ cursor: pointer;
364
+ }
365
+ .rbc-btn:focus-visible {
366
+ outline: 2px solid var(--rbc-primary);
367
+ outline-offset: 2px;
368
+ }
369
+ .rbc-btn.active {
370
+ background: var(--rbc-primary);
371
+ border-color: var(--rbc-primary);
372
+ color: #fff;
373
+ }
374
+ .rbc-grid {
375
+ display: grid;
376
+ grid-template-columns: 72px repeat(var(--rbc-days), minmax(0, 1fr));
377
+ overflow-y: auto;
378
+ overflow-x: hidden;
379
+ max-height: 72vh;
380
+ }
381
+ .rbc-cell,
382
+ .rbc-time {
383
+ border-right: 1px solid var(--rbc-border);
384
+ border-bottom: 1px solid var(--rbc-border);
385
+ position: relative;
386
+ }
387
+ .rbc-time {
388
+ padding: 6px;
389
+ font-size: 11px;
390
+ color: var(--rbc-muted);
391
+ background: var(--rbc-panel);
392
+ }
393
+ .rbc-day-head {
394
+ position: sticky;
395
+ top: 0;
396
+ z-index: 2;
397
+ background: var(--rbc-panel);
398
+ padding: 10px;
399
+ font-size: 13px;
400
+ border-bottom: 1px solid var(--rbc-border);
401
+ }
402
+ .rbc-day-head.today {
403
+ background: color-mix(in srgb, var(--rbc-primary) 15%, var(--rbc-panel));
404
+ font-weight: 700;
405
+ }
406
+ .rbc-slot {
407
+ position: absolute;
408
+ left: 6px;
409
+ right: 6px;
410
+ border-radius: 8px;
411
+ padding: 6px;
412
+ font-size: 12px;
413
+ border: 1px solid transparent;
414
+ overflow: hidden;
415
+ }
416
+ .rbc-slot.available {
417
+ background: var(--rbc-available);
418
+ }
419
+ .rbc-slot.booked {
420
+ background: var(--rbc-booked);
421
+ cursor: pointer;
422
+ }
423
+ .rbc-slot.blocked,
424
+ .rbc-slot.outside {
425
+ background: var(--rbc-blocked);
426
+ }
427
+ .rbc-slot.custom {
428
+ background: var(--rbc-custom);
429
+ }
430
+ .rbc-slot:focus-visible {
431
+ outline: 2px solid var(--rbc-primary);
432
+ outline-offset: 1px;
433
+ }
434
+ .rbc-empty-col {
435
+ position: relative;
436
+ pointer-events: none;
437
+ z-index: 1;
438
+ }
439
+ .rbc-slot {
440
+ pointer-events: auto;
441
+ }
442
+ .rbc-drop-target {
443
+ background: color-mix(in srgb, var(--rbc-primary) 10%, transparent);
444
+ }
445
+ .rbc-cell-selected {
446
+ background: color-mix(in srgb, var(--rbc-primary) 20%, transparent);
447
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rbc-primary) 65%, #ffffff);
448
+ }
449
+ .rbc-label {
450
+ font-weight: 600;
451
+ white-space: nowrap;
452
+ overflow: hidden;
453
+ text-overflow: ellipsis;
454
+ }
455
+ .rbc-sub {
456
+ font-size: 11px;
457
+ color: var(--rbc-muted);
458
+ white-space: nowrap;
459
+ overflow: hidden;
460
+ text-overflow: ellipsis;
461
+ }
462
+ @media (max-width: 900px) {
463
+ .rbc-grid {
464
+ grid-template-columns: 56px repeat(var(--rbc-days), minmax(130px, 1fr));
465
+ overflow-x: auto;
466
+ -webkit-overflow-scrolling: touch;
467
+ }
468
+ }
469
+ /*# sourceMappingURL=index.css.map */
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles/gantt.css","../src/styles/calendar.css"],"sourcesContent":[".gantt-root {\n --gantt-primary: #0f766e;\n --gantt-bg: #f4f7f7;\n --gantt-panel: #ffffff;\n --gantt-border: #d6e0df;\n --gantt-text: #102725;\n --gantt-muted: #5c7270;\n --gantt-booked: #fee2e2;\n --gantt-blocked: #e5e7eb;\n --gantt-custom: #e0f2fe;\n background: var(--gantt-bg);\n color: var(--gantt-text);\n border: 1px solid var(--gantt-border);\n border-radius: 14px;\n overflow: hidden;\n font-family: ui-sans-serif, -apple-system, 'Segoe UI', sans-serif;\n user-select: none;\n}\n\n/* ── Toolbar ──────────────────────────────────────────────────────── */\n.gantt-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 14px;\n background: var(--gantt-panel);\n border-bottom: 1px solid var(--gantt-border);\n gap: 8px;\n}\n.gantt-rtl .gantt-toolbar { direction: rtl; }\n.gantt-ltr .gantt-toolbar { direction: ltr; }\n\n.gantt-title {\n font-size: 13px;\n font-weight: 600;\n color: var(--gantt-text);\n}\n\n.gantt-btn {\n border: 1px solid var(--gantt-border);\n background: var(--gantt-panel);\n color: var(--gantt-text);\n border-radius: 8px;\n padding: 5px 10px;\n cursor: pointer;\n font-size: 12px;\n transition: background 0.15s;\n}\n.gantt-btn:hover { background: var(--gantt-border); }\n.gantt-btn:focus-visible {\n outline: 2px solid var(--gantt-primary);\n outline-offset: 2px;\n}\n\n/* ── Scrollable wrapper ───────────────────────────────────────────── */\n.gantt-scroll-wrap {\n overflow-y: auto;\n overflow-x: hidden;\n max-height: 72vh;\n}\n\n/* ── Label column (fixed left) ────────────────────────────────────── */\n.gantt-label-col {\n width: 144px;\n min-width: 144px;\n flex-shrink: 0;\n background: var(--gantt-panel);\n border-right: 2px solid var(--gantt-border);\n padding: 0 12px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.gantt-rtl .gantt-label-col {\n border-right: none;\n border-left: 2px solid var(--gantt-border);\n}\n\n.gantt-header-label {\n height: 40px;\n}\n\n.gantt-row-label-text {\n font-size: 13px;\n font-weight: 600;\n color: var(--gantt-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.gantt-row-sublabel {\n font-size: 11px;\n color: var(--gantt-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n/* ── Header ───────────────────────────────────────────────────────── */\n.gantt-header {\n display: flex;\n position: sticky;\n top: 0;\n z-index: 4;\n background: var(--gantt-panel);\n border-bottom: 1px solid var(--gantt-border);\n}\n\n.gantt-time-header {\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n.gantt-time-cell {\n flex: 1;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n color: var(--gantt-muted);\n border-left: 1px solid var(--gantt-border);\n font-variant-numeric: tabular-nums;\n}\n.gantt-rtl .gantt-time-cell {\n border-left: none;\n border-right: 1px solid var(--gantt-border);\n}\n\n/* ── Row ──────────────────────────────────────────────────────────── */\n.gantt-row {\n display: flex;\n border-bottom: 1px solid var(--gantt-border);\n transition: background 0.1s;\n}\n.gantt-row:hover { background: color-mix(in srgb, var(--gantt-primary) 3%, var(--gantt-bg)); }\n\n/* ── Row content area ─────────────────────────────────────────────── */\n.gantt-row-content {\n flex: 1;\n position: relative;\n overflow: visible;\n}\n\n.gantt-grid-line {\n position: absolute;\n top: 0;\n bottom: 0;\n width: 1px;\n background: var(--gantt-border);\n pointer-events: none;\n opacity: 0.6;\n}\n\n/* ── Gantt items ──────────────────────────────────────────────────── */\n.gantt-item {\n position: absolute;\n border-radius: 8px;\n display: flex;\n align-items: stretch;\n overflow: hidden;\n transition: box-shadow 0.15s, opacity 0.15s;\n box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n}\n.gantt-item:hover {\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 5;\n}\n.gantt-item:focus-visible {\n outline: 2px solid var(--gantt-primary);\n outline-offset: 1px;\n}\n.gantt-item-dragging {\n opacity: 0.85;\n box-shadow: 0 8px 24px rgba(0,0,0,0.2);\n z-index: 10;\n}\n\n.gantt-item-booked { background: var(--gantt-booked); border: 1px solid color-mix(in srgb, var(--gantt-booked) 70%, #000); }\n.gantt-item-blocked { background: var(--gantt-blocked); border: 1px solid color-mix(in srgb, var(--gantt-blocked) 70%, #000); cursor: default !important; }\n.gantt-item-custom { background: var(--gantt-custom); border: 1px solid color-mix(in srgb, var(--gantt-custom) 70%, #000); }\n.gantt-item-outside { background: var(--gantt-blocked); border: 1px solid color-mix(in srgb, var(--gantt-blocked) 70%, #000); cursor: default !important; }\n\n/* ── Resize handles ───────────────────────────────────────────────── */\n.gantt-handle {\n width: 8px;\n flex-shrink: 0;\n cursor: ew-resize;\n background: rgba(0,0,0,0.08);\n transition: background 0.15s;\n z-index: 2;\n}\n.gantt-handle:hover { background: rgba(0,0,0,0.2); }\n.gantt-handle-left { border-radius: 8px 0 0 8px; }\n.gantt-handle-right { border-radius: 0 8px 8px 0; margin-left: auto; }\n\n/* ── Item inner text ──────────────────────────────────────────────── */\n.gantt-item-inner {\n flex: 1;\n padding: 4px 6px;\n min-width: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 2px;\n}\n.gantt-item-title {\n font-size: 12px;\n font-weight: 600;\n color: var(--gantt-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.3;\n}\n.gantt-item-sub {\n font-size: 11px;\n color: var(--gantt-muted);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.2;\n}\n\n/* ── RTL item direction fix ───────────────────────────────────────── */\n.gantt-rtl .gantt-item { direction: rtl; }\n.gantt-rtl .gantt-item-inner { text-align: right; }\n.gantt-rtl .gantt-handle-left { order: 2; border-radius: 0 8px 8px 0; }\n.gantt-rtl .gantt-handle-right { order: -1; border-radius: 8px 0 0 8px; }\n\n/* ── Day mode: date columns ───────────────────────────────────────── */\n.gantt-row-day-content {\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n.gantt-day-cell {\n flex: 1;\n position: relative;\n border-left: 1px solid var(--gantt-border);\n min-width: 0;\n padding: 0;\n}\n.gantt-rtl .gantt-day-cell {\n border-left: none;\n border-right: 1px solid var(--gantt-border);\n}\n\n.gantt-today-col {\n background: color-mix(in srgb, var(--gantt-primary) 6%, transparent);\n}\n\n.gantt-day-cell-target {\n background: color-mix(in srgb, var(--gantt-primary) 12%, transparent);\n outline: 2px dashed var(--gantt-primary);\n outline-offset: -2px;\n}\n\n.gantt-day-item {\n position: absolute;\n left: 4px !important;\n right: 4px !important;\n width: auto !important;\n}\n\n/* Day-mode items rendered at row level (supports multi-day span) */\n.gantt-day-item-overlay {\n box-sizing: border-box;\n z-index: 2;\n}\n\n/* ── Badge ────────────────────────────────────────────────────────── */\n.gantt-badge {\n font-size: 11px;\n color: var(--gantt-muted);\n background: var(--gantt-bg);\n border: 1px solid var(--gantt-border);\n border-radius: 6px;\n padding: 3px 8px;\n}\n\n/* ── Selection mode ───────────────────────────────────────────────── */\n.gantt-cell-selected {\n background: color-mix(in srgb, var(--gantt-primary) 18%, transparent) !important;\n outline: 1px solid var(--gantt-primary);\n outline-offset: -1px;\n}\n\n/* ── Create ghost (hour mode drag-to-create) ──────────────────────── */\n.gantt-create-ghost {\n position: absolute;\n border-radius: 8px;\n border: 2px dashed var(--gantt-primary);\n background: color-mix(in srgb, var(--gantt-primary) 15%, transparent);\n display: flex;\n align-items: center;\n pointer-events: none;\n z-index: 6;\n}\n.gantt-create-ghost .gantt-item-title {\n font-size: 11px;\n color: var(--gantt-primary);\n font-weight: 600;\n padding: 0 6px;\n}\n\n.gantt-selection-ghost {\n position: absolute;\n background: color-mix(in srgb, var(--gantt-primary) 15%, transparent);\n border: 1.5px dashed var(--gantt-primary);\n border-radius: 6px;\n pointer-events: none;\n z-index: 3;\n}\n",".rbc-root {\n --rbc-primary: #0f766e;\n --rbc-bg: #f4f7f7;\n --rbc-panel: #ffffff;\n --rbc-border: #d6e0df;\n --rbc-text: #102725;\n --rbc-muted: #5c7270;\n --rbc-available: #dcfce7;\n --rbc-booked: #fee2e2;\n --rbc-blocked: #e5e7eb;\n --rbc-custom: #e0f2fe;\n background: var(--rbc-bg);\n color: var(--rbc-text);\n border: 1px solid var(--rbc-border);\n border-radius: 14px;\n overflow: hidden;\n font-family: ui-sans-serif, -apple-system, Segoe UI, sans-serif;\n}\n.rbc-toolbar { display: flex; gap: 8px; justify-content: space-between; align-items: center; padding: 12px; background: var(--rbc-panel); border-bottom: 1px solid var(--rbc-border); }\n.rbc-rtl .rbc-toolbar { direction: rtl; }\n.rbc-ltr .rbc-toolbar { direction: ltr; }\n.rbc-btn { border: 1px solid var(--rbc-border); background: var(--rbc-panel); color: var(--rbc-text); border-radius: 8px; padding: 6px 10px; cursor: pointer; }\n.rbc-btn:focus-visible {\n outline: 2px solid var(--rbc-primary);\n outline-offset: 2px;\n}\n.rbc-btn.active { background: var(--rbc-primary); border-color: var(--rbc-primary); color: #fff; }\n.rbc-grid {\n display: grid;\n grid-template-columns: 72px repeat(var(--rbc-days), minmax(0, 1fr));\n overflow-y: auto;\n overflow-x: hidden;\n max-height: 72vh;\n}\n.rbc-cell, .rbc-time { border-right: 1px solid var(--rbc-border); border-bottom: 1px solid var(--rbc-border); position: relative; }\n.rbc-time { padding: 6px; font-size: 11px; color: var(--rbc-muted); background: var(--rbc-panel); }\n.rbc-day-head { position: sticky; top: 0; z-index: 2; background: var(--rbc-panel); padding: 10px; font-size: 13px; border-bottom: 1px solid var(--rbc-border); }\n.rbc-day-head.today { background: color-mix(in srgb, var(--rbc-primary) 15%, var(--rbc-panel)); font-weight: 700; }\n.rbc-slot { position: absolute; left: 6px; right: 6px; border-radius: 8px; padding: 6px; font-size: 12px; border: 1px solid transparent; overflow: hidden; }\n.rbc-slot.available { background: var(--rbc-available); }\n.rbc-slot.booked { background: var(--rbc-booked); cursor: pointer; }\n.rbc-slot.blocked, .rbc-slot.outside { background: var(--rbc-blocked); }\n.rbc-slot.custom { background: var(--rbc-custom); }\n.rbc-slot:focus-visible {\n outline: 2px solid var(--rbc-primary);\n outline-offset: 1px;\n}\n.rbc-empty-col { position: relative; pointer-events: none; z-index: 1; }\n.rbc-slot { pointer-events: auto; }\n.rbc-drop-target { background: color-mix(in srgb, var(--rbc-primary) 10%, transparent); }\n.rbc-cell-selected {\n background: color-mix(in srgb, var(--rbc-primary) 20%, transparent);\n box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rbc-primary) 65%, #ffffff);\n}\n.rbc-label { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.rbc-sub { font-size: 11px; color: var(--rbc-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n@media (max-width: 900px) {\n .rbc-grid {\n grid-template-columns: 56px repeat(var(--rbc-days), minmax(130px, 1fr));\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n}\n"],"mappings":"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","names":[]}