@gustavolmo/react-window-manager 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/index.css +1 -644
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.ts +7 -101
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/index.js +787 -678
  6. package/dist/index.js.map +1 -1
  7. package/dist/window-manager/internal/assets/svg-win-icons.d.ts +8 -0
  8. package/dist/window-manager/internal/assets/svg-win-icons.d.ts.map +1 -0
  9. package/dist/window-manager/internal/features/cursor/cursor-move-listener.d.ts +2 -0
  10. package/dist/window-manager/internal/features/cursor/cursor-move-listener.d.ts.map +1 -0
  11. package/dist/window-manager/internal/features/cursor/cursor-state.d.ts +9 -0
  12. package/dist/window-manager/internal/features/cursor/cursor-state.d.ts.map +1 -0
  13. package/dist/window-manager/internal/features/docking/docking-api.d.ts +15 -0
  14. package/dist/window-manager/internal/features/docking/docking-api.d.ts.map +1 -0
  15. package/dist/window-manager/internal/features/docking/docking-controls.d.ts +2 -0
  16. package/dist/window-manager/internal/features/docking/docking-controls.d.ts.map +1 -0
  17. package/dist/window-manager/internal/features/drag/drag-handle.d.ts +6 -0
  18. package/dist/window-manager/internal/features/drag/drag-handle.d.ts.map +1 -0
  19. package/dist/window-manager/internal/features/grid/grid-api.d.ts +4 -0
  20. package/dist/window-manager/internal/features/grid/grid-api.d.ts.map +1 -0
  21. package/dist/window-manager/internal/features/resizing/resizing-api.d.ts +7 -0
  22. package/dist/window-manager/internal/features/resizing/resizing-api.d.ts.map +1 -0
  23. package/dist/window-manager/internal/features/resizing/resizing-controls.d.ts +6 -0
  24. package/dist/window-manager/internal/features/resizing/resizing-controls.d.ts.map +1 -0
  25. package/dist/window-manager/internal/features/stack/stack-api.d.ts +6 -0
  26. package/dist/window-manager/internal/features/stack/stack-api.d.ts.map +1 -0
  27. package/dist/window-manager/internal/features/view-port/view-port-resize-listener.d.ts +2 -0
  28. package/dist/window-manager/internal/features/view-port/view-port-resize-listener.d.ts.map +1 -0
  29. package/dist/window-manager/internal/features/window-button.d.ts +11 -0
  30. package/dist/window-manager/internal/features/window-button.d.ts.map +1 -0
  31. package/dist/window-manager/internal/features/window-layout.d.ts +17 -0
  32. package/dist/window-manager/internal/features/window-layout.d.ts.map +1 -0
  33. package/dist/window-manager/internal/features/workspace/workspace-api.d.ts +6 -0
  34. package/dist/window-manager/internal/features/workspace/workspace-api.d.ts.map +1 -0
  35. package/dist/window-manager/internal/features/workspace/workspace-state.d.ts +3 -0
  36. package/dist/window-manager/internal/features/workspace/workspace-state.d.ts.map +1 -0
  37. package/dist/window-manager/model/window-types.d.ts +46 -0
  38. package/dist/window-manager/model/window-types.d.ts.map +1 -0
  39. package/dist/window-manager/model/workspace-types.d.ts +20 -0
  40. package/dist/window-manager/model/workspace-types.d.ts.map +1 -0
  41. package/dist/window-manager/registration/window-store-factory.d.ts +14 -0
  42. package/dist/window-manager/registration/window-store-factory.d.ts.map +1 -0
  43. package/dist/window-manager/rwm.d.ts +33 -0
  44. package/dist/window-manager/rwm.d.ts.map +1 -0
  45. package/dist/window-manager/workspace-layout.d.ts +19 -0
  46. package/dist/window-manager/workspace-layout.d.ts.map +1 -0
  47. package/package.json +6 -3
package/dist/index.css CHANGED
@@ -1,644 +1 @@
1
- /* src/index.css */
2
- *,
3
- ::before,
4
- ::after {
5
- --tw-border-spacing-x: 0;
6
- --tw-border-spacing-y: 0;
7
- --tw-translate-x: 0;
8
- --tw-translate-y: 0;
9
- --tw-rotate: 0;
10
- --tw-skew-x: 0;
11
- --tw-skew-y: 0;
12
- --tw-scale-x: 1;
13
- --tw-scale-y: 1;
14
- --tw-pan-x: ;
15
- --tw-pan-y: ;
16
- --tw-pinch-zoom: ;
17
- --tw-scroll-snap-strictness: proximity;
18
- --tw-gradient-from-position: ;
19
- --tw-gradient-via-position: ;
20
- --tw-gradient-to-position: ;
21
- --tw-ordinal: ;
22
- --tw-slashed-zero: ;
23
- --tw-numeric-figure: ;
24
- --tw-numeric-spacing: ;
25
- --tw-numeric-fraction: ;
26
- --tw-ring-inset: ;
27
- --tw-ring-offset-width: 0px;
28
- --tw-ring-offset-color: #fff;
29
- --tw-ring-color: rgb(59 130 246 / 0.5);
30
- --tw-ring-offset-shadow: 0 0 #0000;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-shadow: 0 0 #0000;
33
- --tw-shadow-colored: 0 0 #0000;
34
- --tw-blur: ;
35
- --tw-brightness: ;
36
- --tw-contrast: ;
37
- --tw-grayscale: ;
38
- --tw-hue-rotate: ;
39
- --tw-invert: ;
40
- --tw-saturate: ;
41
- --tw-sepia: ;
42
- --tw-drop-shadow: ;
43
- --tw-backdrop-blur: ;
44
- --tw-backdrop-brightness: ;
45
- --tw-backdrop-contrast: ;
46
- --tw-backdrop-grayscale: ;
47
- --tw-backdrop-hue-rotate: ;
48
- --tw-backdrop-invert: ;
49
- --tw-backdrop-opacity: ;
50
- --tw-backdrop-saturate: ;
51
- --tw-backdrop-sepia: ;
52
- --tw-contain-size: ;
53
- --tw-contain-layout: ;
54
- --tw-contain-paint: ;
55
- --tw-contain-style: ;
56
- }
57
- ::backdrop {
58
- --tw-border-spacing-x: 0;
59
- --tw-border-spacing-y: 0;
60
- --tw-translate-x: 0;
61
- --tw-translate-y: 0;
62
- --tw-rotate: 0;
63
- --tw-skew-x: 0;
64
- --tw-skew-y: 0;
65
- --tw-scale-x: 1;
66
- --tw-scale-y: 1;
67
- --tw-pan-x: ;
68
- --tw-pan-y: ;
69
- --tw-pinch-zoom: ;
70
- --tw-scroll-snap-strictness: proximity;
71
- --tw-gradient-from-position: ;
72
- --tw-gradient-via-position: ;
73
- --tw-gradient-to-position: ;
74
- --tw-ordinal: ;
75
- --tw-slashed-zero: ;
76
- --tw-numeric-figure: ;
77
- --tw-numeric-spacing: ;
78
- --tw-numeric-fraction: ;
79
- --tw-ring-inset: ;
80
- --tw-ring-offset-width: 0px;
81
- --tw-ring-offset-color: #fff;
82
- --tw-ring-color: rgb(59 130 246 / 0.5);
83
- --tw-ring-offset-shadow: 0 0 #0000;
84
- --tw-ring-shadow: 0 0 #0000;
85
- --tw-shadow: 0 0 #0000;
86
- --tw-shadow-colored: 0 0 #0000;
87
- --tw-blur: ;
88
- --tw-brightness: ;
89
- --tw-contrast: ;
90
- --tw-grayscale: ;
91
- --tw-hue-rotate: ;
92
- --tw-invert: ;
93
- --tw-saturate: ;
94
- --tw-sepia: ;
95
- --tw-drop-shadow: ;
96
- --tw-backdrop-blur: ;
97
- --tw-backdrop-brightness: ;
98
- --tw-backdrop-contrast: ;
99
- --tw-backdrop-grayscale: ;
100
- --tw-backdrop-hue-rotate: ;
101
- --tw-backdrop-invert: ;
102
- --tw-backdrop-opacity: ;
103
- --tw-backdrop-saturate: ;
104
- --tw-backdrop-sepia: ;
105
- --tw-contain-size: ;
106
- --tw-contain-layout: ;
107
- --tw-contain-paint: ;
108
- --tw-contain-style: ;
109
- }
110
- *,
111
- ::before,
112
- ::after {
113
- box-sizing: border-box;
114
- border-width: 0;
115
- border-style: solid;
116
- border-color: #e5e7eb;
117
- }
118
- ::before,
119
- ::after {
120
- --tw-content: "";
121
- }
122
- html,
123
- :host {
124
- line-height: 1.5;
125
- -webkit-text-size-adjust: 100%;
126
- -moz-tab-size: 4;
127
- -o-tab-size: 4;
128
- tab-size: 4;
129
- font-family:
130
- ui-sans-serif,
131
- system-ui,
132
- sans-serif,
133
- "Apple Color Emoji",
134
- "Segoe UI Emoji",
135
- "Segoe UI Symbol",
136
- "Noto Color Emoji";
137
- font-feature-settings: normal;
138
- font-variation-settings: normal;
139
- -webkit-tap-highlight-color: transparent;
140
- }
141
- body {
142
- margin: 0;
143
- line-height: inherit;
144
- }
145
- hr {
146
- height: 0;
147
- color: inherit;
148
- border-top-width: 1px;
149
- }
150
- abbr:where([title]) {
151
- -webkit-text-decoration: underline dotted;
152
- text-decoration: underline dotted;
153
- }
154
- h1,
155
- h2,
156
- h3,
157
- h4,
158
- h5,
159
- h6 {
160
- font-size: inherit;
161
- font-weight: inherit;
162
- }
163
- a {
164
- color: inherit;
165
- text-decoration: inherit;
166
- }
167
- b,
168
- strong {
169
- font-weight: bolder;
170
- }
171
- code,
172
- kbd,
173
- samp,
174
- pre {
175
- font-family:
176
- ui-monospace,
177
- SFMono-Regular,
178
- Menlo,
179
- Monaco,
180
- Consolas,
181
- "Liberation Mono",
182
- "Courier New",
183
- monospace;
184
- font-feature-settings: normal;
185
- font-variation-settings: normal;
186
- font-size: 1em;
187
- }
188
- small {
189
- font-size: 80%;
190
- }
191
- sub,
192
- sup {
193
- font-size: 75%;
194
- line-height: 0;
195
- position: relative;
196
- vertical-align: baseline;
197
- }
198
- sub {
199
- bottom: -0.25em;
200
- }
201
- sup {
202
- top: -0.5em;
203
- }
204
- table {
205
- text-indent: 0;
206
- border-color: inherit;
207
- border-collapse: collapse;
208
- }
209
- button,
210
- input,
211
- optgroup,
212
- select,
213
- textarea {
214
- font-family: inherit;
215
- font-feature-settings: inherit;
216
- font-variation-settings: inherit;
217
- font-size: 100%;
218
- font-weight: inherit;
219
- line-height: inherit;
220
- letter-spacing: inherit;
221
- color: inherit;
222
- margin: 0;
223
- padding: 0;
224
- }
225
- button,
226
- select {
227
- text-transform: none;
228
- }
229
- button,
230
- input:where([type="button"]),
231
- input:where([type="reset"]),
232
- input:where([type="submit"]) {
233
- -webkit-appearance: button;
234
- background-color: transparent;
235
- background-image: none;
236
- }
237
- :-moz-focusring {
238
- outline: auto;
239
- }
240
- :-moz-ui-invalid {
241
- box-shadow: none;
242
- }
243
- progress {
244
- vertical-align: baseline;
245
- }
246
- ::-webkit-inner-spin-button,
247
- ::-webkit-outer-spin-button {
248
- height: auto;
249
- }
250
- [type=search] {
251
- -webkit-appearance: textfield;
252
- outline-offset: -2px;
253
- }
254
- ::-webkit-search-decoration {
255
- -webkit-appearance: none;
256
- }
257
- ::-webkit-file-upload-button {
258
- -webkit-appearance: button;
259
- font: inherit;
260
- }
261
- summary {
262
- display: list-item;
263
- }
264
- blockquote,
265
- dl,
266
- dd,
267
- h1,
268
- h2,
269
- h3,
270
- h4,
271
- h5,
272
- h6,
273
- hr,
274
- figure,
275
- p,
276
- pre {
277
- margin: 0;
278
- }
279
- fieldset {
280
- margin: 0;
281
- padding: 0;
282
- }
283
- legend {
284
- padding: 0;
285
- }
286
- ol,
287
- ul,
288
- menu {
289
- list-style: none;
290
- margin: 0;
291
- padding: 0;
292
- }
293
- dialog {
294
- padding: 0;
295
- }
296
- textarea {
297
- resize: vertical;
298
- }
299
- input::-moz-placeholder,
300
- textarea::-moz-placeholder {
301
- opacity: 1;
302
- color: #9ca3af;
303
- }
304
- input::placeholder,
305
- textarea::placeholder {
306
- opacity: 1;
307
- color: #9ca3af;
308
- }
309
- button,
310
- [role=button] {
311
- cursor: pointer;
312
- }
313
- :disabled {
314
- cursor: default;
315
- }
316
- img,
317
- svg,
318
- video,
319
- canvas,
320
- audio,
321
- iframe,
322
- embed,
323
- object {
324
- display: block;
325
- vertical-align: middle;
326
- }
327
- img,
328
- video {
329
- max-width: 100%;
330
- height: auto;
331
- }
332
- [hidden]:where(:not([hidden="until-found"])) {
333
- display: none;
334
- }
335
- .pointer-events-none {
336
- pointer-events: none;
337
- }
338
- .pointer-events-auto {
339
- pointer-events: auto;
340
- }
341
- .fixed {
342
- position: fixed;
343
- }
344
- .absolute {
345
- position: absolute;
346
- }
347
- .relative {
348
- position: relative;
349
- }
350
- .top-0 {
351
- top: 0px;
352
- }
353
- .top-\[-104px\] {
354
- top: -104px;
355
- }
356
- .top-\[-68px\] {
357
- top: -68px;
358
- }
359
- .z-10 {
360
- z-index: 10;
361
- }
362
- .z-20 {
363
- z-index: 20;
364
- }
365
- .z-50 {
366
- z-index: 50;
367
- }
368
- .mx-auto {
369
- margin-left: auto;
370
- margin-right: auto;
371
- }
372
- .block {
373
- display: block;
374
- }
375
- .flex {
376
- display: flex;
377
- }
378
- .size-6 {
379
- width: 1.5rem;
380
- height: 1.5rem;
381
- }
382
- .h-12 {
383
- height: 3rem;
384
- }
385
- .h-2 {
386
- height: 0.5rem;
387
- }
388
- .h-3 {
389
- height: 0.75rem;
390
- }
391
- .h-6 {
392
- height: 1.5rem;
393
- }
394
- .h-8 {
395
- height: 2rem;
396
- }
397
- .h-\[32px\] {
398
- height: 32px;
399
- }
400
- .h-\[calc\(100\%-32px\)\] {
401
- height: calc(100% - 32px);
402
- }
403
- .h-full {
404
- height: 100%;
405
- }
406
- .w-10 {
407
- width: 2.5rem;
408
- }
409
- .w-14 {
410
- width: 3.5rem;
411
- }
412
- .w-2 {
413
- width: 0.5rem;
414
- }
415
- .w-3 {
416
- width: 0.75rem;
417
- }
418
- .w-8 {
419
- width: 2rem;
420
- }
421
- .w-fit {
422
- width: -moz-fit-content;
423
- width: fit-content;
424
- }
425
- .w-full {
426
- width: 100%;
427
- }
428
- .min-w-8 {
429
- min-width: 2rem;
430
- }
431
- .shrink-0 {
432
- flex-shrink: 0;
433
- }
434
- .grow {
435
- flex-grow: 1;
436
- }
437
- .transform {
438
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
439
- }
440
- .cursor-ne-resize {
441
- cursor: ne-resize;
442
- }
443
- .cursor-nw-resize {
444
- cursor: nw-resize;
445
- }
446
- .cursor-s-resize {
447
- cursor: s-resize;
448
- }
449
- .cursor-se-resize {
450
- cursor: se-resize;
451
- }
452
- .cursor-sw-resize {
453
- cursor: sw-resize;
454
- }
455
- .cursor-w-resize {
456
- cursor: w-resize;
457
- }
458
- .touch-none {
459
- touch-action: none;
460
- }
461
- .resize {
462
- resize: both;
463
- }
464
- .flex-col {
465
- flex-direction: column;
466
- }
467
- .items-center {
468
- align-items: center;
469
- }
470
- .justify-center {
471
- justify-content: center;
472
- }
473
- .gap-0\.5 {
474
- gap: 0.125rem;
475
- }
476
- .gap-4 {
477
- gap: 1rem;
478
- }
479
- .overflow-auto {
480
- overflow: auto;
481
- }
482
- .overflow-hidden {
483
- overflow: hidden;
484
- }
485
- .truncate {
486
- overflow: hidden;
487
- text-overflow: ellipsis;
488
- white-space: nowrap;
489
- }
490
- .rounded-sm {
491
- border-radius: 0.125rem;
492
- }
493
- .rounded-b-md {
494
- border-bottom-right-radius: 0.375rem;
495
- border-bottom-left-radius: 0.375rem;
496
- }
497
- .border {
498
- border-width: 1px;
499
- }
500
- .border-t-0 {
501
- border-top-width: 0px;
502
- }
503
- .border-zinc-500 {
504
- --tw-border-opacity: 1;
505
- border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
506
- }
507
- .border-zinc-600 {
508
- --tw-border-opacity: 1;
509
- border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
510
- }
511
- .bg-neutral-800 {
512
- --tw-bg-opacity: 1;
513
- background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
514
- }
515
- .bg-white {
516
- --tw-bg-opacity: 1;
517
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
518
- }
519
- .bg-zinc-600 {
520
- --tw-bg-opacity: 1;
521
- background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
522
- }
523
- .bg-zinc-800 {
524
- --tw-bg-opacity: 1;
525
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
526
- }
527
- .px-2 {
528
- padding-left: 0.5rem;
529
- padding-right: 0.5rem;
530
- }
531
- .px-4 {
532
- padding-left: 1rem;
533
- padding-right: 1rem;
534
- }
535
- .px-5 {
536
- padding-left: 1.25rem;
537
- padding-right: 1.25rem;
538
- }
539
- .px-8 {
540
- padding-left: 2rem;
541
- padding-right: 2rem;
542
- }
543
- .py-4 {
544
- padding-top: 1rem;
545
- padding-bottom: 1rem;
546
- }
547
- .pb-4 {
548
- padding-bottom: 1rem;
549
- }
550
- .text-sm {
551
- font-size: 0.875rem;
552
- line-height: 1.25rem;
553
- }
554
- .text-white {
555
- --tw-text-opacity: 1;
556
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
557
- }
558
- .opacity-0 {
559
- opacity: 0;
560
- }
561
- .opacity-100 {
562
- opacity: 1;
563
- }
564
- .opacity-50 {
565
- opacity: 0.5;
566
- }
567
- .opacity-60 {
568
- opacity: 0.6;
569
- }
570
- .opacity-80 {
571
- opacity: 0.8;
572
- }
573
- .shadow-lg {
574
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
575
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
576
- box-shadow:
577
- var(--tw-ring-offset-shadow, 0 0 #0000),
578
- var(--tw-ring-shadow, 0 0 #0000),
579
- var(--tw-shadow);
580
- }
581
- .brightness-100 {
582
- --tw-brightness: brightness(1);
583
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
584
- }
585
- .brightness-150 {
586
- --tw-brightness: brightness(1.5);
587
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
588
- }
589
- .brightness-75 {
590
- --tw-brightness: brightness(.75);
591
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
592
- }
593
- .brightness-\[85\%\] {
594
- --tw-brightness: brightness(85%);
595
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
596
- }
597
- .transition {
598
- transition-property:
599
- color,
600
- background-color,
601
- border-color,
602
- text-decoration-color,
603
- fill,
604
- stroke,
605
- opacity,
606
- box-shadow,
607
- transform,
608
- filter,
609
- backdrop-filter;
610
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
611
- transition-duration: 150ms;
612
- }
613
- .transition-all {
614
- transition-property: all;
615
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
616
- transition-duration: 150ms;
617
- }
618
- .duration-500 {
619
- transition-duration: 500ms;
620
- }
621
- .ease-in-out {
622
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
623
- }
624
- .hover\:bg-gray-100:hover {
625
- --tw-bg-opacity: 1;
626
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
627
- }
628
- .hover\:bg-red-500:hover {
629
- --tw-bg-opacity: 1;
630
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
631
- }
632
- .hover\:bg-zinc-300:hover {
633
- --tw-bg-opacity: 1;
634
- background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
635
- }
636
- .hover\:bg-opacity-20:hover {
637
- --tw-bg-opacity: 0.2;
638
- }
639
- @media (min-width: 1280px) {
640
- .xl\:p-0 {
641
- padding: 0px;
642
- }
643
- }
644
- /*# sourceMappingURL=index.css.map */
1
+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.top-\[-104px\]{top:-104px}.top-\[-68px\]{top:-68px}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.flex{display:flex}.size-6{width:1.5rem;height:1.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[32px\]{height:32px}.h-\[calc\(100\%-32px\)\]{height:calc(100% - 32px)}.h-full{height:100%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-8{width:2rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-8{min-width:2rem}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-s-resize{cursor:s-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-w-resize{cursor:w-resize}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-sm{border-radius:.125rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.border{border-width:1px}.border-t-0{border-top-width:0}.border-zinc-500{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity,1))}.border-zinc-600{--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-zinc-600{--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.bg-opacity-0{--tw-bg-opacity:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.mix-blend-difference{mix-blend-mode:difference}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.brightness-100{--tw-brightness:brightness(1)}.brightness-100,.brightness-150{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-150{--tw-brightness:brightness(1.5)}.brightness-75{--tw-brightness:brightness(.75)}.brightness-75,.brightness-\[85\%\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-\[85\%\]{--tw-brightness:brightness(85%)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-zinc-300:hover{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.hover\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\:bg-opacity-20:hover{--tw-bg-opacity:0.2}.hover\:bg-opacity-5:hover{--tw-bg-opacity:0.05}@media (min-width:1280px){.xl\:p-0{padding:0}}