@norskvideo/norsk-studio-source-switcher 1.27.0-2025-12-23-ec7c5041 → 1.27.0-2026-01-08-2828c8f7

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 (9) hide show
  1. package/client/info.js +1277 -22613
  2. package/client/tailwind.css +188 -188
  3. package/lib/index.js +17 -7
  4. package/lib/index.js.map +1 -1
  5. package/lib/select.js +17 -7
  6. package/lib/select.js.map +1 -1
  7. package/lib/test/runtime.js +17 -7
  8. package/lib/test/runtime.js.map +1 -1
  9. package/package.json +13 -13
package/client/tailwind.css CHANGED
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -442,118 +550,10 @@ video {
442
550
 
443
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
444
552
 
445
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
446
554
  display: none;
447
555
  }
448
556
 
449
- *, ::before, ::after {
450
- --tw-border-spacing-x: 0;
451
- --tw-border-spacing-y: 0;
452
- --tw-translate-x: 0;
453
- --tw-translate-y: 0;
454
- --tw-rotate: 0;
455
- --tw-skew-x: 0;
456
- --tw-skew-y: 0;
457
- --tw-scale-x: 1;
458
- --tw-scale-y: 1;
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);
475
- --tw-ring-offset-shadow: 0 0 #0000;
476
- --tw-ring-shadow: 0 0 #0000;
477
- --tw-shadow: 0 0 #0000;
478
- --tw-shadow-colored: 0 0 #0000;
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: ;
525
- --tw-ring-inset: ;
526
- --tw-ring-offset-width: 0px;
527
- --tw-ring-offset-color: #fff;
528
- --tw-ring-color: rgb(59 130 246 / 0.5);
529
- --tw-ring-offset-shadow: 0 0 #0000;
530
- --tw-ring-shadow: 0 0 #0000;
531
- --tw-shadow: 0 0 #0000;
532
- --tw-shadow-colored: 0 0 #0000;
533
- --tw-blur: ;
534
- --tw-brightness: ;
535
- --tw-contrast: ;
536
- --tw-grayscale: ;
537
- --tw-hue-rotate: ;
538
- --tw-invert: ;
539
- --tw-saturate: ;
540
- --tw-sepia: ;
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: ;
555
- }
556
-
557
557
  .container {
558
558
  width: 100%;
559
559
  }
@@ -861,57 +861,57 @@ video {
861
861
 
862
862
  .border-gray-200 {
863
863
  --tw-border-opacity: 1;
864
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
864
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
865
865
  }
866
866
 
867
867
  .border-gray-300 {
868
868
  --tw-border-opacity: 1;
869
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
869
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
870
870
  }
871
871
 
872
872
  .border-green-400 {
873
873
  --tw-border-opacity: 1;
874
- border-color: rgb(74 222 128 / var(--tw-border-opacity));
874
+ border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
875
875
  }
876
876
 
877
877
  .bg-gray-200 {
878
878
  --tw-bg-opacity: 1;
879
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
879
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
880
880
  }
881
881
 
882
882
  .bg-gray-50 {
883
883
  --tw-bg-opacity: 1;
884
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
884
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
885
885
  }
886
886
 
887
887
  .bg-green-300 {
888
888
  --tw-bg-opacity: 1;
889
- background-color: rgb(134 239 172 / var(--tw-bg-opacity));
889
+ background-color: rgb(134 239 172 / var(--tw-bg-opacity, 1));
890
890
  }
891
891
 
892
892
  .bg-live {
893
893
  --tw-bg-opacity: 1;
894
- background-color: rgb(230 24 24 / var(--tw-bg-opacity));
894
+ background-color: rgb(230 24 24 / var(--tw-bg-opacity, 1));
895
895
  }
896
896
 
897
897
  .bg-neutral-200 {
898
898
  --tw-bg-opacity: 1;
899
- background-color: rgb(229 229 229 / var(--tw-bg-opacity));
899
+ background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
900
900
  }
901
901
 
902
902
  .bg-offline {
903
903
  --tw-bg-opacity: 1;
904
- background-color: rgb(52 55 61 / var(--tw-bg-opacity));
904
+ background-color: rgb(52 55 61 / var(--tw-bg-opacity, 1));
905
905
  }
906
906
 
907
907
  .bg-primary-700 {
908
908
  --tw-bg-opacity: 1;
909
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
909
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
910
910
  }
911
911
 
912
912
  .bg-standby {
913
913
  --tw-bg-opacity: 1;
914
- background-color: rgb(52 255 86 / var(--tw-bg-opacity));
914
+ background-color: rgb(52 255 86 / var(--tw-bg-opacity, 1));
915
915
  }
916
916
 
917
917
  .bg-transparent {
@@ -920,7 +920,7 @@ video {
920
920
 
921
921
  .bg-white {
922
922
  --tw-bg-opacity: 1;
923
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
923
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
924
924
  }
925
925
 
926
926
  .p-1 {
@@ -1003,27 +1003,27 @@ video {
1003
1003
 
1004
1004
  .text-black {
1005
1005
  --tw-text-opacity: 1;
1006
- color: rgb(0 0 0 / var(--tw-text-opacity));
1006
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1007
1007
  }
1008
1008
 
1009
1009
  .text-gray-500 {
1010
1010
  --tw-text-opacity: 1;
1011
- color: rgb(107 114 128 / var(--tw-text-opacity));
1011
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1012
1012
  }
1013
1013
 
1014
1014
  .text-gray-800 {
1015
1015
  --tw-text-opacity: 1;
1016
- color: rgb(30 37 48 / var(--tw-text-opacity));
1016
+ color: rgb(30 37 48 / var(--tw-text-opacity, 1));
1017
1017
  }
1018
1018
 
1019
1019
  .text-gray-900 {
1020
1020
  --tw-text-opacity: 1;
1021
- color: rgb(14 21 32 / var(--tw-text-opacity));
1021
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1022
1022
  }
1023
1023
 
1024
1024
  .text-white {
1025
1025
  --tw-text-opacity: 1;
1026
- color: rgb(255 255 255 / var(--tw-text-opacity));
1026
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1027
1027
  }
1028
1028
 
1029
1029
  .opacity-50 {
@@ -1078,12 +1078,12 @@ video {
1078
1078
  line-height: 1.25rem;
1079
1079
  font-weight: 500;
1080
1080
  --tw-text-opacity: 1;
1081
- color: rgb(14 21 32 / var(--tw-text-opacity));
1081
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1082
1082
  }
1083
1083
 
1084
1084
  .node-editor-label:is(.dark *) {
1085
1085
  --tw-text-opacity: 1;
1086
- color: rgb(255 255 255 / var(--tw-text-opacity));
1086
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1087
1087
  }
1088
1088
 
1089
1089
  .node-editor-text-input {
@@ -1092,49 +1092,49 @@ video {
1092
1092
  border-radius: 0.25rem;
1093
1093
  border-width: 1px;
1094
1094
  --tw-border-opacity: 1;
1095
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1095
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1096
1096
  --tw-bg-opacity: 1;
1097
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1097
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1098
1098
  padding: 0.25rem;
1099
1099
  font-size: 0.875rem;
1100
1100
  line-height: 1.25rem;
1101
1101
  --tw-text-opacity: 1;
1102
- color: rgb(14 21 32 / var(--tw-text-opacity));
1102
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1103
1103
  }
1104
1104
 
1105
1105
  .node-editor-text-input:focus {
1106
1106
  --tw-border-opacity: 1;
1107
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1107
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1108
1108
  outline: 2px solid transparent;
1109
1109
  outline-offset: 2px;
1110
1110
  --tw-ring-opacity: 1;
1111
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1111
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1112
1112
  }
1113
1113
 
1114
1114
  .node-editor-text-input:is(.dark *) {
1115
1115
  --tw-border-opacity: 1;
1116
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1116
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1117
1117
  --tw-bg-opacity: 1;
1118
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1118
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1119
1119
  --tw-text-opacity: 1;
1120
- color: rgb(255 255 255 / var(--tw-text-opacity));
1120
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1121
1121
  }
1122
1122
 
1123
1123
  .node-editor-text-input:is(.dark *)::-moz-placeholder {
1124
1124
  --tw-placeholder-opacity: 1;
1125
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1125
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1126
1126
  }
1127
1127
 
1128
1128
  .node-editor-text-input:is(.dark *)::placeholder {
1129
1129
  --tw-placeholder-opacity: 1;
1130
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1130
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1131
1131
  }
1132
1132
 
1133
1133
  .node-editor-text-input:focus:is(.dark *) {
1134
1134
  --tw-border-opacity: 1;
1135
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1135
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1136
1136
  --tw-ring-opacity: 1;
1137
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1137
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1138
1138
  }
1139
1139
 
1140
1140
  .node-editor-numeric-input {
@@ -1143,47 +1143,47 @@ video {
1143
1143
  border-radius: 0.25rem;
1144
1144
  border-width: 1px;
1145
1145
  --tw-border-opacity: 1;
1146
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1146
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1147
1147
  --tw-bg-opacity: 1;
1148
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1148
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1149
1149
  padding: 0.125rem;
1150
1150
  font-size: 0.875rem;
1151
1151
  line-height: 1.25rem;
1152
1152
  --tw-text-opacity: 1;
1153
- color: rgb(14 21 32 / var(--tw-text-opacity));
1153
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1154
1154
  }
1155
1155
 
1156
1156
  .node-editor-numeric-input:focus {
1157
1157
  --tw-border-opacity: 1;
1158
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1158
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1159
1159
  --tw-ring-opacity: 1;
1160
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1160
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1161
1161
  }
1162
1162
 
1163
1163
  .node-editor-numeric-input:is(.dark *) {
1164
1164
  --tw-border-opacity: 1;
1165
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1165
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1166
1166
  --tw-bg-opacity: 1;
1167
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1167
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1168
1168
  --tw-text-opacity: 1;
1169
- color: rgb(255 255 255 / var(--tw-text-opacity));
1169
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1170
1170
  }
1171
1171
 
1172
1172
  .node-editor-numeric-input:is(.dark *)::-moz-placeholder {
1173
1173
  --tw-placeholder-opacity: 1;
1174
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1174
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1175
1175
  }
1176
1176
 
1177
1177
  .node-editor-numeric-input:is(.dark *)::placeholder {
1178
1178
  --tw-placeholder-opacity: 1;
1179
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1179
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1180
1180
  }
1181
1181
 
1182
1182
  .node-editor-numeric-input:focus:is(.dark *) {
1183
1183
  --tw-border-opacity: 1;
1184
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1184
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1185
1185
  --tw-ring-opacity: 1;
1186
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1186
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1187
1187
  }
1188
1188
 
1189
1189
  .node-editor-select-input {
@@ -1192,47 +1192,47 @@ video {
1192
1192
  border-radius: 0.25rem;
1193
1193
  border-width: 1px;
1194
1194
  --tw-border-opacity: 1;
1195
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1195
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1196
1196
  --tw-bg-opacity: 1;
1197
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1197
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1198
1198
  padding: 0.25rem;
1199
1199
  font-size: 0.875rem;
1200
1200
  line-height: 1.25rem;
1201
1201
  --tw-text-opacity: 1;
1202
- color: rgb(14 21 32 / var(--tw-text-opacity));
1202
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1203
1203
  }
1204
1204
 
1205
1205
  .node-editor-select-input:focus {
1206
1206
  --tw-border-opacity: 1;
1207
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1207
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1208
1208
  --tw-ring-opacity: 1;
1209
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1209
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1210
1210
  }
1211
1211
 
1212
1212
  .node-editor-select-input:is(.dark *) {
1213
1213
  --tw-border-opacity: 1;
1214
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1214
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1215
1215
  --tw-bg-opacity: 1;
1216
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1216
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1217
1217
  --tw-text-opacity: 1;
1218
- color: rgb(255 255 255 / var(--tw-text-opacity));
1218
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1219
1219
  }
1220
1220
 
1221
1221
  .node-editor-select-input:is(.dark *)::-moz-placeholder {
1222
1222
  --tw-placeholder-opacity: 1;
1223
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1223
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1224
1224
  }
1225
1225
 
1226
1226
  .node-editor-select-input:is(.dark *)::placeholder {
1227
1227
  --tw-placeholder-opacity: 1;
1228
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1228
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1229
1229
  }
1230
1230
 
1231
1231
  .node-editor-select-input:focus:is(.dark *) {
1232
1232
  --tw-border-opacity: 1;
1233
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1233
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1234
1234
  --tw-ring-opacity: 1;
1235
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1235
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1236
1236
  }
1237
1237
 
1238
1238
  .node-editor-helper-text {
@@ -1241,12 +1241,12 @@ video {
1241
1241
  font-size: 0.75rem;
1242
1242
  line-height: 1rem;
1243
1243
  --tw-text-opacity: 1;
1244
- color: rgb(107 114 128 / var(--tw-text-opacity));
1244
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1245
1245
  }
1246
1246
 
1247
1247
  .node-editor-helper-text:is(.dark *) {
1248
1248
  --tw-text-opacity: 1;
1249
- color: rgb(156 163 175 / var(--tw-text-opacity));
1249
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1250
1250
  }
1251
1251
 
1252
1252
  .output-socket {
@@ -1259,17 +1259,17 @@ video {
1259
1259
 
1260
1260
  .hover\:bg-gray-100:hover {
1261
1261
  --tw-bg-opacity: 1;
1262
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1262
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1263
1263
  }
1264
1264
 
1265
1265
  .hover\:bg-gray-200:hover {
1266
1266
  --tw-bg-opacity: 1;
1267
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1267
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1268
1268
  }
1269
1269
 
1270
1270
  .hover\:bg-primary-800:hover {
1271
1271
  --tw-bg-opacity: 1;
1272
- background-color: rgb(30 64 175 / var(--tw-bg-opacity));
1272
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
1273
1273
  }
1274
1274
 
1275
1275
  .focus\:outline-none:focus {
@@ -1291,12 +1291,12 @@ video {
1291
1291
 
1292
1292
  .focus\:ring-gray-200:focus {
1293
1293
  --tw-ring-opacity: 1;
1294
- --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
1294
+ --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
1295
1295
  }
1296
1296
 
1297
1297
  .focus\:ring-primary-300:focus {
1298
1298
  --tw-ring-opacity: 1;
1299
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
1299
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
1300
1300
  }
1301
1301
 
1302
1302
  .disabled\:cursor-not-allowed:disabled {
@@ -1341,82 +1341,82 @@ video {
1341
1341
 
1342
1342
  .dark\:border-gray-600:is(.dark *) {
1343
1343
  --tw-border-opacity: 1;
1344
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1344
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1345
1345
  }
1346
1346
 
1347
1347
  .dark\:bg-gray-700:is(.dark *) {
1348
1348
  --tw-bg-opacity: 1;
1349
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1349
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1350
1350
  }
1351
1351
 
1352
1352
  .dark\:bg-gray-800:is(.dark *) {
1353
1353
  --tw-bg-opacity: 1;
1354
- background-color: rgb(30 37 48 / var(--tw-bg-opacity));
1354
+ background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
1355
1355
  }
1356
1356
 
1357
1357
  .dark\:bg-gray-900:is(.dark *) {
1358
1358
  --tw-bg-opacity: 1;
1359
- background-color: rgb(14 21 32 / var(--tw-bg-opacity));
1359
+ background-color: rgb(14 21 32 / var(--tw-bg-opacity, 1));
1360
1360
  }
1361
1361
 
1362
1362
  .dark\:bg-neutral-800:is(.dark *) {
1363
1363
  --tw-bg-opacity: 1;
1364
- background-color: rgb(38 38 38 / var(--tw-bg-opacity));
1364
+ background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
1365
1365
  }
1366
1366
 
1367
1367
  .dark\:bg-primary-600:is(.dark *) {
1368
1368
  --tw-bg-opacity: 1;
1369
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1369
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1370
1370
  }
1371
1371
 
1372
1372
  .dark\:text-black:is(.dark *) {
1373
1373
  --tw-text-opacity: 1;
1374
- color: rgb(0 0 0 / var(--tw-text-opacity));
1374
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1375
1375
  }
1376
1376
 
1377
1377
  .dark\:text-gray-200:is(.dark *) {
1378
1378
  --tw-text-opacity: 1;
1379
- color: rgb(229 231 235 / var(--tw-text-opacity));
1379
+ color: rgb(229 231 235 / var(--tw-text-opacity, 1));
1380
1380
  }
1381
1381
 
1382
1382
  .dark\:text-gray-400:is(.dark *) {
1383
1383
  --tw-text-opacity: 1;
1384
- color: rgb(156 163 175 / var(--tw-text-opacity));
1384
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1385
1385
  }
1386
1386
 
1387
1387
  .dark\:text-white:is(.dark *) {
1388
1388
  --tw-text-opacity: 1;
1389
- color: rgb(255 255 255 / var(--tw-text-opacity));
1389
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1390
1390
  }
1391
1391
 
1392
1392
  .dark\:hover\:border-gray-600:hover:is(.dark *) {
1393
1393
  --tw-border-opacity: 1;
1394
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1394
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1395
1395
  }
1396
1396
 
1397
1397
  .dark\:hover\:bg-gray-700:hover:is(.dark *) {
1398
1398
  --tw-bg-opacity: 1;
1399
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1399
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1400
1400
  }
1401
1401
 
1402
1402
  .dark\:hover\:bg-gray-800:hover:is(.dark *) {
1403
1403
  --tw-bg-opacity: 1;
1404
- background-color: rgb(30 37 48 / var(--tw-bg-opacity));
1404
+ background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
1405
1405
  }
1406
1406
 
1407
1407
  .dark\:hover\:bg-primary-700:hover:is(.dark *) {
1408
1408
  --tw-bg-opacity: 1;
1409
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1409
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
1410
1410
  }
1411
1411
 
1412
1412
  .dark\:focus\:ring-gray-700:focus:is(.dark *) {
1413
1413
  --tw-ring-opacity: 1;
1414
- --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
1414
+ --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1));
1415
1415
  }
1416
1416
 
1417
1417
  .dark\:focus\:ring-primary-800:focus:is(.dark *) {
1418
1418
  --tw-ring-opacity: 1;
1419
- --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
1419
+ --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
1420
1420
  }
1421
1421
 
1422
1422
  @media (min-width: 300px) {