@norskvideo/norsk-studio-source-switcher 1.27.0-2025-04-08-3f13a32b → 1.27.0-2025-04-10-614c23ec

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.
@@ -1,4 +1,454 @@
1
- .transform {
1
+ /*
2
+ ! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
3
+ */
4
+
5
+ /*
6
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
+ */
9
+
10
+ *,
11
+ ::before,
12
+ ::after {
13
+ box-sizing: border-box;
14
+ /* 1 */
15
+ border-width: 0;
16
+ /* 2 */
17
+ border-style: solid;
18
+ /* 2 */
19
+ border-color: #e5e7eb;
20
+ /* 2 */
21
+ }
22
+
23
+ ::before,
24
+ ::after {
25
+ --tw-content: '';
26
+ }
27
+
28
+ /*
29
+ 1. Use a consistent sensible line-height in all browsers.
30
+ 2. Prevent adjustments of font size after orientation changes in iOS.
31
+ 3. Use a more readable tab size.
32
+ 4. Use the user's configured `sans` font-family by default.
33
+ 5. Use the user's configured `sans` font-feature-settings by default.
34
+ 6. Use the user's configured `sans` font-variation-settings by default.
35
+ 7. Disable tap highlights on iOS
36
+ */
37
+
38
+ html,
39
+ :host {
40
+ line-height: 1.5;
41
+ /* 1 */
42
+ -webkit-text-size-adjust: 100%;
43
+ /* 2 */
44
+ -moz-tab-size: 4;
45
+ /* 3 */
46
+ -o-tab-size: 4;
47
+ tab-size: 4;
48
+ /* 3 */
49
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
50
+ /* 4 */
51
+ font-feature-settings: normal;
52
+ /* 5 */
53
+ font-variation-settings: normal;
54
+ /* 6 */
55
+ -webkit-tap-highlight-color: transparent;
56
+ /* 7 */
57
+ }
58
+
59
+ /*
60
+ 1. Remove the margin in all browsers.
61
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
62
+ */
63
+
64
+ body {
65
+ margin: 0;
66
+ /* 1 */
67
+ line-height: inherit;
68
+ /* 2 */
69
+ }
70
+
71
+ /*
72
+ 1. Add the correct height in Firefox.
73
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
74
+ 3. Ensure horizontal rules are visible by default.
75
+ */
76
+
77
+ hr {
78
+ height: 0;
79
+ /* 1 */
80
+ color: inherit;
81
+ /* 2 */
82
+ border-top-width: 1px;
83
+ /* 3 */
84
+ }
85
+
86
+ /*
87
+ Add the correct text decoration in Chrome, Edge, and Safari.
88
+ */
89
+
90
+ abbr:where([title]) {
91
+ -webkit-text-decoration: underline dotted;
92
+ text-decoration: underline dotted;
93
+ }
94
+
95
+ /*
96
+ Remove the default font size and weight for headings.
97
+ */
98
+
99
+ h1,
100
+ h2,
101
+ h3,
102
+ h4,
103
+ h5,
104
+ h6 {
105
+ font-size: inherit;
106
+ font-weight: inherit;
107
+ }
108
+
109
+ /*
110
+ Reset links to optimize for opt-in styling instead of opt-out.
111
+ */
112
+
113
+ a {
114
+ color: inherit;
115
+ text-decoration: inherit;
116
+ }
117
+
118
+ /*
119
+ Add the correct font weight in Edge and Safari.
120
+ */
121
+
122
+ b,
123
+ strong {
124
+ font-weight: bolder;
125
+ }
126
+
127
+ /*
128
+ 1. Use the user's configured `mono` font-family by default.
129
+ 2. Use the user's configured `mono` font-feature-settings by default.
130
+ 3. Use the user's configured `mono` font-variation-settings by default.
131
+ 4. Correct the odd `em` font sizing in all browsers.
132
+ */
133
+
134
+ code,
135
+ kbd,
136
+ samp,
137
+ pre {
138
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139
+ /* 1 */
140
+ font-feature-settings: normal;
141
+ /* 2 */
142
+ font-variation-settings: normal;
143
+ /* 3 */
144
+ font-size: 1em;
145
+ /* 4 */
146
+ }
147
+
148
+ /*
149
+ Add the correct font size in all browsers.
150
+ */
151
+
152
+ small {
153
+ font-size: 80%;
154
+ }
155
+
156
+ /*
157
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
158
+ */
159
+
160
+ sub,
161
+ sup {
162
+ font-size: 75%;
163
+ line-height: 0;
164
+ position: relative;
165
+ vertical-align: baseline;
166
+ }
167
+
168
+ sub {
169
+ bottom: -0.25em;
170
+ }
171
+
172
+ sup {
173
+ top: -0.5em;
174
+ }
175
+
176
+ /*
177
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
178
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
179
+ 3. Remove gaps between table borders by default.
180
+ */
181
+
182
+ table {
183
+ text-indent: 0;
184
+ /* 1 */
185
+ border-color: inherit;
186
+ /* 2 */
187
+ border-collapse: collapse;
188
+ /* 3 */
189
+ }
190
+
191
+ /*
192
+ 1. Change the font styles in all browsers.
193
+ 2. Remove the margin in Firefox and Safari.
194
+ 3. Remove default padding in all browsers.
195
+ */
196
+
197
+ button,
198
+ input,
199
+ optgroup,
200
+ select,
201
+ textarea {
202
+ font-family: inherit;
203
+ /* 1 */
204
+ font-feature-settings: inherit;
205
+ /* 1 */
206
+ font-variation-settings: inherit;
207
+ /* 1 */
208
+ font-size: 100%;
209
+ /* 1 */
210
+ font-weight: inherit;
211
+ /* 1 */
212
+ line-height: inherit;
213
+ /* 1 */
214
+ letter-spacing: inherit;
215
+ /* 1 */
216
+ color: inherit;
217
+ /* 1 */
218
+ margin: 0;
219
+ /* 2 */
220
+ padding: 0;
221
+ /* 3 */
222
+ }
223
+
224
+ /*
225
+ Remove the inheritance of text transform in Edge and Firefox.
226
+ */
227
+
228
+ button,
229
+ select {
230
+ text-transform: none;
231
+ }
232
+
233
+ /*
234
+ 1. Correct the inability to style clickable types in iOS and Safari.
235
+ 2. Remove default button styles.
236
+ */
237
+
238
+ button,
239
+ input:where([type='button']),
240
+ input:where([type='reset']),
241
+ input:where([type='submit']) {
242
+ -webkit-appearance: button;
243
+ /* 1 */
244
+ background-color: transparent;
245
+ /* 2 */
246
+ background-image: none;
247
+ /* 2 */
248
+ }
249
+
250
+ /*
251
+ Use the modern Firefox focus style for all focusable elements.
252
+ */
253
+
254
+ :-moz-focusring {
255
+ outline: auto;
256
+ }
257
+
258
+ /*
259
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
260
+ */
261
+
262
+ :-moz-ui-invalid {
263
+ box-shadow: none;
264
+ }
265
+
266
+ /*
267
+ Add the correct vertical alignment in Chrome and Firefox.
268
+ */
269
+
270
+ progress {
271
+ vertical-align: baseline;
272
+ }
273
+
274
+ /*
275
+ Correct the cursor style of increment and decrement buttons in Safari.
276
+ */
277
+
278
+ ::-webkit-inner-spin-button,
279
+ ::-webkit-outer-spin-button {
280
+ height: auto;
281
+ }
282
+
283
+ /*
284
+ 1. Correct the odd appearance in Chrome and Safari.
285
+ 2. Correct the outline style in Safari.
286
+ */
287
+
288
+ [type='search'] {
289
+ -webkit-appearance: textfield;
290
+ /* 1 */
291
+ outline-offset: -2px;
292
+ /* 2 */
293
+ }
294
+
295
+ /*
296
+ Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ ::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /*
304
+ 1. Correct the inability to style clickable types in iOS and Safari.
305
+ 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button;
310
+ /* 1 */
311
+ font: inherit;
312
+ /* 2 */
313
+ }
314
+
315
+ /*
316
+ Add the correct display in Chrome and Safari.
317
+ */
318
+
319
+ summary {
320
+ display: list-item;
321
+ }
322
+
323
+ /*
324
+ Removes the default spacing and border for appropriate elements.
325
+ */
326
+
327
+ blockquote,
328
+ dl,
329
+ dd,
330
+ h1,
331
+ h2,
332
+ h3,
333
+ h4,
334
+ h5,
335
+ h6,
336
+ hr,
337
+ figure,
338
+ p,
339
+ pre {
340
+ margin: 0;
341
+ }
342
+
343
+ fieldset {
344
+ margin: 0;
345
+ padding: 0;
346
+ }
347
+
348
+ legend {
349
+ padding: 0;
350
+ }
351
+
352
+ ol,
353
+ ul,
354
+ menu {
355
+ list-style: none;
356
+ margin: 0;
357
+ padding: 0;
358
+ }
359
+
360
+ /*
361
+ Reset default styling for dialogs.
362
+ */
363
+
364
+ dialog {
365
+ padding: 0;
366
+ }
367
+
368
+ /*
369
+ Prevent resizing textareas horizontally by default.
370
+ */
371
+
372
+ textarea {
373
+ resize: vertical;
374
+ }
375
+
376
+ /*
377
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
378
+ 2. Set the default placeholder color to the user's configured gray 400 color.
379
+ */
380
+
381
+ input::-moz-placeholder, textarea::-moz-placeholder {
382
+ opacity: 1;
383
+ /* 1 */
384
+ color: #9ca3af;
385
+ /* 2 */
386
+ }
387
+
388
+ input::placeholder,
389
+ textarea::placeholder {
390
+ opacity: 1;
391
+ /* 1 */
392
+ color: #9ca3af;
393
+ /* 2 */
394
+ }
395
+
396
+ /*
397
+ Set the default cursor for buttons.
398
+ */
399
+
400
+ button,
401
+ [role="button"] {
402
+ cursor: pointer;
403
+ }
404
+
405
+ /*
406
+ Make sure disabled buttons don't get the pointer cursor.
407
+ */
408
+
409
+ :disabled {
410
+ cursor: default;
411
+ }
412
+
413
+ /*
414
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
415
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
416
+ This can trigger a poorly considered lint error in some tools but is included by design.
417
+ */
418
+
419
+ img,
420
+ svg,
421
+ video,
422
+ canvas,
423
+ audio,
424
+ iframe,
425
+ embed,
426
+ object {
427
+ display: block;
428
+ /* 1 */
429
+ vertical-align: middle;
430
+ /* 2 */
431
+ }
432
+
433
+ /*
434
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
435
+ */
436
+
437
+ img,
438
+ video {
439
+ max-width: 100%;
440
+ height: auto;
441
+ }
442
+
443
+ /* Make elements with the HTML hidden attribute stay hidden by default */
444
+
445
+ [hidden] {
446
+ display: none;
447
+ }
448
+
449
+ *, ::before, ::after {
450
+ --tw-border-spacing-x: 0;
451
+ --tw-border-spacing-y: 0;
2
452
  --tw-translate-x: 0;
3
453
  --tw-translate-y: 0;
4
454
  --tw-rotate: 0;
@@ -6,27 +456,80 @@
6
456
  --tw-skew-y: 0;
7
457
  --tw-scale-x: 1;
8
458
  --tw-scale-y: 1;
9
- }
10
-
11
- .shadow-lg {
459
+ --tw-pan-x: ;
460
+ --tw-pan-y: ;
461
+ --tw-pinch-zoom: ;
462
+ --tw-scroll-snap-strictness: proximity;
463
+ --tw-gradient-from-position: ;
464
+ --tw-gradient-via-position: ;
465
+ --tw-gradient-to-position: ;
466
+ --tw-ordinal: ;
467
+ --tw-slashed-zero: ;
468
+ --tw-numeric-figure: ;
469
+ --tw-numeric-spacing: ;
470
+ --tw-numeric-fraction: ;
471
+ --tw-ring-inset: ;
472
+ --tw-ring-offset-width: 0px;
473
+ --tw-ring-offset-color: #fff;
474
+ --tw-ring-color: rgb(59 130 246 / 0.5);
12
475
  --tw-ring-offset-shadow: 0 0 #0000;
13
476
  --tw-ring-shadow: 0 0 #0000;
14
477
  --tw-shadow: 0 0 #0000;
15
478
  --tw-shadow-colored: 0 0 #0000;
16
- }
17
-
18
- .focus\:ring-0, .focus\:ring-4 {
479
+ --tw-blur: ;
480
+ --tw-brightness: ;
481
+ --tw-contrast: ;
482
+ --tw-grayscale: ;
483
+ --tw-hue-rotate: ;
484
+ --tw-invert: ;
485
+ --tw-saturate: ;
486
+ --tw-sepia: ;
487
+ --tw-drop-shadow: ;
488
+ --tw-backdrop-blur: ;
489
+ --tw-backdrop-brightness: ;
490
+ --tw-backdrop-contrast: ;
491
+ --tw-backdrop-grayscale: ;
492
+ --tw-backdrop-hue-rotate: ;
493
+ --tw-backdrop-invert: ;
494
+ --tw-backdrop-opacity: ;
495
+ --tw-backdrop-saturate: ;
496
+ --tw-backdrop-sepia: ;
497
+ --tw-contain-size: ;
498
+ --tw-contain-layout: ;
499
+ --tw-contain-paint: ;
500
+ --tw-contain-style: ;
501
+ }
502
+
503
+ ::backdrop {
504
+ --tw-border-spacing-x: 0;
505
+ --tw-border-spacing-y: 0;
506
+ --tw-translate-x: 0;
507
+ --tw-translate-y: 0;
508
+ --tw-rotate: 0;
509
+ --tw-skew-x: 0;
510
+ --tw-skew-y: 0;
511
+ --tw-scale-x: 1;
512
+ --tw-scale-y: 1;
513
+ --tw-pan-x: ;
514
+ --tw-pan-y: ;
515
+ --tw-pinch-zoom: ;
516
+ --tw-scroll-snap-strictness: proximity;
517
+ --tw-gradient-from-position: ;
518
+ --tw-gradient-via-position: ;
519
+ --tw-gradient-to-position: ;
520
+ --tw-ordinal: ;
521
+ --tw-slashed-zero: ;
522
+ --tw-numeric-figure: ;
523
+ --tw-numeric-spacing: ;
524
+ --tw-numeric-fraction: ;
19
525
  --tw-ring-inset: ;
20
526
  --tw-ring-offset-width: 0px;
21
527
  --tw-ring-offset-color: #fff;
22
- --tw-ring-color: rgb(63 131 248 / 0.5);
528
+ --tw-ring-color: rgb(59 130 246 / 0.5);
23
529
  --tw-ring-offset-shadow: 0 0 #0000;
24
530
  --tw-ring-shadow: 0 0 #0000;
25
531
  --tw-shadow: 0 0 #0000;
26
532
  --tw-shadow-colored: 0 0 #0000;
27
- }
28
-
29
- .filter {
30
533
  --tw-blur: ;
31
534
  --tw-brightness: ;
32
535
  --tw-contrast: ;
@@ -36,6 +539,19 @@
36
539
  --tw-saturate: ;
37
540
  --tw-sepia: ;
38
541
  --tw-drop-shadow: ;
542
+ --tw-backdrop-blur: ;
543
+ --tw-backdrop-brightness: ;
544
+ --tw-backdrop-contrast: ;
545
+ --tw-backdrop-grayscale: ;
546
+ --tw-backdrop-hue-rotate: ;
547
+ --tw-backdrop-invert: ;
548
+ --tw-backdrop-opacity: ;
549
+ --tw-backdrop-saturate: ;
550
+ --tw-backdrop-sepia: ;
551
+ --tw-contain-size: ;
552
+ --tw-contain-layout: ;
553
+ --tw-contain-paint: ;
554
+ --tw-contain-style: ;
39
555
  }
40
556
 
41
557
  .container {
@@ -78,6 +594,10 @@
78
594
  }
79
595
  }
80
596
 
597
+ .pointer-events-none {
598
+ pointer-events: none;
599
+ }
600
+
81
601
  .absolute {
82
602
  position: absolute;
83
603
  }
@@ -86,6 +606,10 @@
86
606
  position: relative;
87
607
  }
88
608
 
609
+ .inset-0 {
610
+ inset: 0px;
611
+ }
612
+
89
613
  .left-0 {
90
614
  left: 0px;
91
615
  }
@@ -94,6 +618,10 @@
94
618
  left: 0.5rem;
95
619
  }
96
620
 
621
+ .right-2 {
622
+ right: 0.5rem;
623
+ }
624
+
97
625
  .top-0 {
98
626
  top: 0px;
99
627
  }
@@ -106,8 +634,18 @@
106
634
  z-index: 10;
107
635
  }
108
636
 
109
- .z-40 {
110
- z-index: 40;
637
+ .z-50 {
638
+ z-index: 50;
639
+ }
640
+
641
+ .-mx-1 {
642
+ margin-left: -0.25rem;
643
+ margin-right: -0.25rem;
644
+ }
645
+
646
+ .my-1 {
647
+ margin-top: 0.25rem;
648
+ margin-bottom: 0.25rem;
111
649
  }
112
650
 
113
651
  .mb-2 {
@@ -142,52 +680,101 @@
142
680
  display: grid;
143
681
  }
144
682
 
145
- .h-6 {
146
- height: 1.5rem;
683
+ .aspect-video {
684
+ aspect-ratio: 16 / 9;
147
685
  }
148
686
 
149
- .h-9 {
150
- height: 2.25rem;
687
+ .size-3\.5 {
688
+ width: 0.875rem;
689
+ height: 0.875rem;
690
+ }
691
+
692
+ .size-4 {
693
+ width: 1rem;
694
+ height: 1rem;
695
+ }
696
+
697
+ .h-3 {
698
+ height: 0.75rem;
699
+ }
700
+
701
+ .h-4 {
702
+ height: 1rem;
703
+ }
704
+
705
+ .h-\[var\(--radix-select-trigger-height\)\] {
706
+ height: var(--radix-select-trigger-height);
151
707
  }
152
708
 
153
709
  .h-full {
154
710
  height: 100%;
155
711
  }
156
712
 
157
- .w-1\/2 {
158
- width: 50%;
713
+ .h-px {
714
+ height: 1px;
715
+ }
716
+
717
+ .w-3 {
718
+ width: 0.75rem;
159
719
  }
160
720
 
161
- .w-64 {
162
- width: 16rem;
721
+ .w-4 {
722
+ width: 1rem;
723
+ }
724
+
725
+ .w-fit {
726
+ width: -moz-fit-content;
727
+ width: fit-content;
163
728
  }
164
729
 
165
730
  .w-full {
166
731
  width: 100%;
167
732
  }
168
733
 
734
+ .min-w-\[8rem\] {
735
+ min-width: 8rem;
736
+ }
737
+
738
+ .min-w-\[var\(--radix-select-trigger-width\)\] {
739
+ min-width: var(--radix-select-trigger-width);
740
+ }
741
+
169
742
  .transform {
170
743
  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));
171
744
  }
172
745
 
746
+ @keyframes ping {
747
+ 75%, 100% {
748
+ transform: scale(2);
749
+ opacity: 0;
750
+ }
751
+ }
752
+
753
+ .animate-ping {
754
+ animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
755
+ }
756
+
173
757
  .cursor-default {
174
758
  cursor: default;
175
759
  }
176
760
 
177
- .resize {
178
- resize: both;
761
+ .select-none {
762
+ -webkit-user-select: none;
763
+ -moz-user-select: none;
764
+ user-select: none;
179
765
  }
180
766
 
181
- .grid-cols-2 {
182
- grid-template-columns: repeat(2, minmax(0, 1fr));
767
+ .resize {
768
+ resize: both;
183
769
  }
184
770
 
185
- .grid-cols-4 {
186
- grid-template-columns: repeat(4, minmax(0, 1fr));
771
+ .scroll-my-1 {
772
+ scroll-margin-top: 0.25rem;
773
+ scroll-margin-bottom: 0.25rem;
187
774
  }
188
775
 
189
- .grid-cols-7 {
190
- grid-template-columns: repeat(7, minmax(0, 1fr));
776
+ .grid-cols-2 {
777
+ grid-template-columns: repeat(2, minmax(0, 1fr));
191
778
  }
192
779
 
193
780
  .grid-rows-1 {
@@ -198,14 +785,32 @@
198
785
  flex-direction: column;
199
786
  }
200
787
 
788
+ .items-center {
789
+ align-items: center;
790
+ }
791
+
201
792
  .justify-center {
202
793
  justify-content: center;
203
794
  }
204
795
 
796
+ .justify-between {
797
+ justify-content: space-between;
798
+ }
799
+
800
+ .gap-2 {
801
+ gap: 0.5rem;
802
+ }
803
+
205
804
  .gap-4 {
206
805
  gap: 1rem;
207
806
  }
208
807
 
808
+ .space-y-2 > :not([hidden]) ~ :not([hidden]) {
809
+ --tw-space-y-reverse: 0;
810
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
811
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
812
+ }
813
+
209
814
  .justify-self-start {
210
815
  justify-self: start;
211
816
  }
@@ -214,28 +819,32 @@
214
819
  justify-self: end;
215
820
  }
216
821
 
217
- .rounded-lg {
218
- border-radius: 0.5rem;
822
+ .overflow-hidden {
823
+ overflow: hidden;
219
824
  }
220
825
 
221
- .rounded-e-lg {
222
- border-start-end-radius: 0.5rem;
223
- border-end-end-radius: 0.5rem;
826
+ .overflow-y-auto {
827
+ overflow-y: auto;
224
828
  }
225
829
 
226
- .rounded-l-lg {
227
- border-top-left-radius: 0.5rem;
228
- border-bottom-left-radius: 0.5rem;
830
+ .overflow-x-hidden {
831
+ overflow-x: hidden;
229
832
  }
230
833
 
231
- .rounded-r-lg {
232
- border-top-right-radius: 0.5rem;
233
- border-bottom-right-radius: 0.5rem;
834
+ .whitespace-nowrap {
835
+ white-space: nowrap;
234
836
  }
235
837
 
236
- .rounded-s-lg {
237
- border-start-start-radius: 0.5rem;
238
- border-end-start-radius: 0.5rem;
838
+ .rounded-full {
839
+ border-radius: 9999px;
840
+ }
841
+
842
+ .rounded-lg {
843
+ border-radius: 0.5rem;
844
+ }
845
+
846
+ .rounded-sm {
847
+ border-radius: 0.125rem;
239
848
  }
240
849
 
241
850
  .border {
@@ -250,6 +859,11 @@
250
859
  border-style: solid;
251
860
  }
252
861
 
862
+ .border-gray-200 {
863
+ --tw-border-opacity: 1;
864
+ border-color: rgb(229 231 235 / var(--tw-border-opacity));
865
+ }
866
+
253
867
  .border-gray-300 {
254
868
  --tw-border-opacity: 1;
255
869
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -257,12 +871,7 @@
257
871
 
258
872
  .border-green-400 {
259
873
  --tw-border-opacity: 1;
260
- border-color: rgb(49 196 141 / var(--tw-border-opacity));
261
- }
262
-
263
- .\!bg-gray-50 {
264
- --tw-bg-opacity: 1 !important;
265
- background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
874
+ border-color: rgb(74 222 128 / var(--tw-border-opacity));
266
875
  }
267
876
 
268
877
  .bg-gray-200 {
@@ -277,7 +886,22 @@
277
886
 
278
887
  .bg-green-300 {
279
888
  --tw-bg-opacity: 1;
280
- background-color: rgb(132 225 188 / var(--tw-bg-opacity));
889
+ background-color: rgb(134 239 172 / var(--tw-bg-opacity));
890
+ }
891
+
892
+ .bg-live {
893
+ --tw-bg-opacity: 1;
894
+ background-color: rgb(230 24 24 / var(--tw-bg-opacity));
895
+ }
896
+
897
+ .bg-neutral-200 {
898
+ --tw-bg-opacity: 1;
899
+ background-color: rgb(229 229 229 / var(--tw-bg-opacity));
900
+ }
901
+
902
+ .bg-offline {
903
+ --tw-bg-opacity: 1;
904
+ background-color: rgb(52 55 61 / var(--tw-bg-opacity));
281
905
  }
282
906
 
283
907
  .bg-primary-700 {
@@ -285,11 +909,24 @@
285
909
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
286
910
  }
287
911
 
912
+ .bg-standby {
913
+ --tw-bg-opacity: 1;
914
+ background-color: rgb(52 255 86 / var(--tw-bg-opacity));
915
+ }
916
+
917
+ .bg-transparent {
918
+ background-color: transparent;
919
+ }
920
+
288
921
  .bg-white {
289
922
  --tw-bg-opacity: 1;
290
923
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
291
924
  }
292
925
 
926
+ .p-1 {
927
+ padding: 0.25rem;
928
+ }
929
+
293
930
  .p-2 {
294
931
  padding: 0.5rem;
295
932
  }
@@ -299,16 +936,49 @@
299
936
  padding-right: 0.25rem;
300
937
  }
301
938
 
939
+ .px-3 {
940
+ padding-left: 0.75rem;
941
+ padding-right: 0.75rem;
942
+ }
943
+
944
+ .px-4 {
945
+ padding-left: 1rem;
946
+ padding-right: 1rem;
947
+ }
948
+
302
949
  .px-5 {
303
950
  padding-left: 1.25rem;
304
951
  padding-right: 1.25rem;
305
952
  }
306
953
 
954
+ .py-1 {
955
+ padding-top: 0.25rem;
956
+ padding-bottom: 0.25rem;
957
+ }
958
+
959
+ .py-1\.5 {
960
+ padding-top: 0.375rem;
961
+ padding-bottom: 0.375rem;
962
+ }
963
+
964
+ .py-2 {
965
+ padding-top: 0.5rem;
966
+ padding-bottom: 0.5rem;
967
+ }
968
+
307
969
  .py-2\.5 {
308
970
  padding-top: 0.625rem;
309
971
  padding-bottom: 0.625rem;
310
972
  }
311
973
 
974
+ .pl-2 {
975
+ padding-left: 0.5rem;
976
+ }
977
+
978
+ .pr-8 {
979
+ padding-right: 2rem;
980
+ }
981
+
312
982
  .text-center {
313
983
  text-align: center;
314
984
  }
@@ -327,27 +997,28 @@
327
997
  font-weight: 500;
328
998
  }
329
999
 
330
- .leading-6 {
331
- line-height: 1.5rem;
1000
+ .font-semibold {
1001
+ font-weight: 600;
332
1002
  }
333
1003
 
334
- .leading-9 {
335
- line-height: 2.25rem;
1004
+ .text-black {
1005
+ --tw-text-opacity: 1;
1006
+ color: rgb(0 0 0 / var(--tw-text-opacity));
336
1007
  }
337
1008
 
338
- .text-gray-900 {
1009
+ .text-gray-500 {
339
1010
  --tw-text-opacity: 1;
340
- color: rgb(18 25 35 / var(--tw-text-opacity));
1011
+ color: rgb(107 114 128 / var(--tw-text-opacity));
341
1012
  }
342
1013
 
343
- .text-green-500 {
1014
+ .text-gray-800 {
344
1015
  --tw-text-opacity: 1;
345
- color: rgb(14 159 110 / var(--tw-text-opacity));
1016
+ color: rgb(30 37 48 / var(--tw-text-opacity));
346
1017
  }
347
1018
 
348
- .text-orange-500 {
1019
+ .text-gray-900 {
349
1020
  --tw-text-opacity: 1;
350
- color: rgb(255 90 31 / var(--tw-text-opacity));
1021
+ color: rgb(18 25 35 / var(--tw-text-opacity));
351
1022
  }
352
1023
 
353
1024
  .text-white {
@@ -355,14 +1026,23 @@
355
1026
  color: rgb(255 255 255 / var(--tw-text-opacity));
356
1027
  }
357
1028
 
1029
+ .opacity-50 {
1030
+ opacity: 0.5;
1031
+ }
1032
+
358
1033
  .opacity-70 {
359
1034
  opacity: 0.7;
360
1035
  }
361
1036
 
362
- .shadow-lg {
363
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
364
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
365
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1037
+ .outline-none {
1038
+ outline: 2px solid transparent;
1039
+ outline-offset: 2px;
1040
+ }
1041
+
1042
+ .ring-0 {
1043
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1044
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1045
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
366
1046
  }
367
1047
 
368
1048
  .filter {
@@ -377,6 +1057,20 @@
377
1057
  transition-duration: 150ms;
378
1058
  }
379
1059
 
1060
+ .transition-colors {
1061
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1062
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1063
+ transition-duration: 150ms;
1064
+ }
1065
+
1066
+ .duration-150 {
1067
+ transition-duration: 150ms;
1068
+ }
1069
+
1070
+ .duration-200 {
1071
+ transition-duration: 200ms;
1072
+ }
1073
+
380
1074
  .node-editor-label {
381
1075
  margin-bottom: 0.125rem;
382
1076
  display: block;
@@ -410,11 +1104,11 @@
410
1104
 
411
1105
  .node-editor-text-input:focus {
412
1106
  --tw-border-opacity: 1;
413
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
1107
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
414
1108
  outline: 2px solid transparent;
415
1109
  outline-offset: 2px;
416
1110
  --tw-ring-opacity: 1;
417
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
1111
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
418
1112
  }
419
1113
 
420
1114
  .node-editor-text-input:is(.dark *) {
@@ -438,9 +1132,9 @@
438
1132
 
439
1133
  .node-editor-text-input:focus:is(.dark *) {
440
1134
  --tw-border-opacity: 1;
441
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
1135
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
442
1136
  --tw-ring-opacity: 1;
443
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
1137
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
444
1138
  }
445
1139
 
446
1140
  .node-editor-numeric-input {
@@ -461,9 +1155,9 @@
461
1155
 
462
1156
  .node-editor-numeric-input:focus {
463
1157
  --tw-border-opacity: 1;
464
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
1158
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
465
1159
  --tw-ring-opacity: 1;
466
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
1160
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
467
1161
  }
468
1162
 
469
1163
  .node-editor-numeric-input:is(.dark *) {
@@ -487,9 +1181,9 @@
487
1181
 
488
1182
  .node-editor-numeric-input:focus:is(.dark *) {
489
1183
  --tw-border-opacity: 1;
490
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
1184
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
491
1185
  --tw-ring-opacity: 1;
492
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
1186
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
493
1187
  }
494
1188
 
495
1189
  .node-editor-select-input {
@@ -510,9 +1204,9 @@
510
1204
 
511
1205
  .node-editor-select-input:focus {
512
1206
  --tw-border-opacity: 1;
513
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
1207
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
514
1208
  --tw-ring-opacity: 1;
515
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
1209
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
516
1210
  }
517
1211
 
518
1212
  .node-editor-select-input:is(.dark *) {
@@ -536,9 +1230,9 @@
536
1230
 
537
1231
  .node-editor-select-input:focus:is(.dark *) {
538
1232
  --tw-border-opacity: 1;
539
- border-color: rgb(63 131 248 / var(--tw-border-opacity));
1233
+ border-color: rgb(59 130 246 / var(--tw-border-opacity));
540
1234
  --tw-ring-opacity: 1;
541
- --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
1235
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
542
1236
  }
543
1237
 
544
1238
  .node-editor-helper-text {
@@ -568,6 +1262,11 @@
568
1262
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
569
1263
  }
570
1264
 
1265
+ .hover\:bg-gray-200:hover {
1266
+ --tw-bg-opacity: 1;
1267
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1268
+ }
1269
+
571
1270
  .hover\:bg-primary-800:hover {
572
1271
  --tw-bg-opacity: 1;
573
1272
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
@@ -600,14 +1299,54 @@
600
1299
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
601
1300
  }
602
1301
 
1302
+ .disabled\:cursor-not-allowed:disabled {
1303
+ cursor: not-allowed;
1304
+ }
1305
+
1306
+ .disabled\:opacity-50:disabled {
1307
+ opacity: 0.5;
1308
+ }
1309
+
1310
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
1311
+ pointer-events: none;
1312
+ }
1313
+
1314
+ .data-\[size\=default\]\:h-9[data-size="default"] {
1315
+ height: 2.25rem;
1316
+ }
1317
+
1318
+ .data-\[size\=sm\]\:h-8[data-size="sm"] {
1319
+ height: 2rem;
1320
+ }
1321
+
1322
+ .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
1323
+ --tw-translate-y: 0.25rem;
1324
+ 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));
1325
+ }
1326
+
1327
+ .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
1328
+ --tw-translate-x: -0.25rem;
1329
+ 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));
1330
+ }
1331
+
1332
+ .data-\[side\=right\]\:translate-x-1[data-side="right"] {
1333
+ --tw-translate-x: 0.25rem;
1334
+ 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));
1335
+ }
1336
+
1337
+ .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
1338
+ --tw-translate-y: -0.25rem;
1339
+ 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));
1340
+ }
1341
+
603
1342
  .dark\:border-gray-600:is(.dark *) {
604
1343
  --tw-border-opacity: 1;
605
1344
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
606
1345
  }
607
1346
 
608
- .dark\:\!bg-gray-700:is(.dark *) {
609
- --tw-bg-opacity: 1 !important;
610
- background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
1347
+ .dark\:bg-gray-700:is(.dark *) {
1348
+ --tw-bg-opacity: 1;
1349
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
611
1350
  }
612
1351
 
613
1352
  .dark\:bg-gray-800:is(.dark *) {
@@ -620,6 +1359,11 @@
620
1359
  background-color: rgb(18 25 35 / var(--tw-bg-opacity));
621
1360
  }
622
1361
 
1362
+ .dark\:bg-neutral-800:is(.dark *) {
1363
+ --tw-bg-opacity: 1;
1364
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity));
1365
+ }
1366
+
623
1367
  .dark\:bg-primary-600:is(.dark *) {
624
1368
  --tw-bg-opacity: 1;
625
1369
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
@@ -630,14 +1374,14 @@
630
1374
  color: rgb(0 0 0 / var(--tw-text-opacity));
631
1375
  }
632
1376
 
633
- .dark\:text-green-300:is(.dark *) {
1377
+ .dark\:text-gray-200:is(.dark *) {
634
1378
  --tw-text-opacity: 1;
635
- color: rgb(132 225 188 / var(--tw-text-opacity));
1379
+ color: rgb(229 231 235 / var(--tw-text-opacity));
636
1380
  }
637
1381
 
638
- .dark\:text-orange-300:is(.dark *) {
1382
+ .dark\:text-gray-400:is(.dark *) {
639
1383
  --tw-text-opacity: 1;
640
- color: rgb(253 186 140 / var(--tw-text-opacity));
1384
+ color: rgb(156 163 175 / var(--tw-text-opacity));
641
1385
  }
642
1386
 
643
1387
  .dark\:text-white:is(.dark *) {
@@ -655,6 +1399,11 @@
655
1399
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
656
1400
  }
657
1401
 
1402
+ .dark\:hover\:bg-gray-800:hover:is(.dark *) {
1403
+ --tw-bg-opacity: 1;
1404
+ background-color: rgb(30 37 48 / var(--tw-bg-opacity));
1405
+ }
1406
+
658
1407
  .dark\:hover\:bg-primary-700:hover:is(.dark *) {
659
1408
  --tw-bg-opacity: 1;
660
1409
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));