@arronqzy/react-view 1.0.33 → 1.0.36

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.
package/dist/styles.css CHANGED
@@ -637,6 +637,10 @@ video {
637
637
  bottom: 0.375rem;
638
638
  }
639
639
 
640
+ .bottom-3 {
641
+ bottom: 0.75rem;
642
+ }
643
+
640
644
  .bottom-\[var\(--rv-ruler-size\)\] {
641
645
  bottom: var(--rv-ruler-size);
642
646
  }
@@ -673,6 +677,10 @@ video {
673
677
  right: 0px;
674
678
  }
675
679
 
680
+ .right-1\.5 {
681
+ right: 0.375rem;
682
+ }
683
+
676
684
  .right-2 {
677
685
  right: 0.5rem;
678
686
  }
@@ -693,6 +701,10 @@ video {
693
701
  top: 0.25rem;
694
702
  }
695
703
 
704
+ .top-1\.5 {
705
+ top: 0.375rem;
706
+ }
707
+
696
708
  .top-2 {
697
709
  top: 0.5rem;
698
710
  }
@@ -701,6 +713,10 @@ video {
701
713
  top: 1rem;
702
714
  }
703
715
 
716
+ .top-\[calc\(100\%\+4px\)\] {
717
+ top: calc(100% + 4px);
718
+ }
719
+
704
720
  .top-\[calc\(100\%\+6px\)\] {
705
721
  top: calc(100% + 6px);
706
722
  }
@@ -713,6 +729,10 @@ video {
713
729
  isolation: isolate;
714
730
  }
715
731
 
732
+ .z-10 {
733
+ z-index: 10;
734
+ }
735
+
716
736
  .z-20 {
717
737
  z-index: 20;
718
738
  }
@@ -725,6 +745,10 @@ video {
725
745
  z-index: 10000;
726
746
  }
727
747
 
748
+ .z-\[10090\] {
749
+ z-index: 10090;
750
+ }
751
+
728
752
  .z-\[10100\] {
729
753
  z-index: 10100;
730
754
  }
@@ -737,6 +761,14 @@ video {
737
761
  z-index: 10150;
738
762
  }
739
763
 
764
+ .z-\[10200\] {
765
+ z-index: 10200;
766
+ }
767
+
768
+ .z-\[10300\] {
769
+ z-index: 10300;
770
+ }
771
+
740
772
  .z-\[70\] {
741
773
  z-index: 70;
742
774
  }
@@ -978,10 +1010,26 @@ video {
978
1010
  height: 100%;
979
1011
  }
980
1012
 
1013
+ .h-px {
1014
+ height: 1px;
1015
+ }
1016
+
1017
+ .max-h-24 {
1018
+ max-height: 6rem;
1019
+ }
1020
+
981
1021
  .max-h-28 {
982
1022
  max-height: 7rem;
983
1023
  }
984
1024
 
1025
+ .max-h-32 {
1026
+ max-height: 8rem;
1027
+ }
1028
+
1029
+ .max-h-40 {
1030
+ max-height: 10rem;
1031
+ }
1032
+
985
1033
  .max-h-44 {
986
1034
  max-height: 11rem;
987
1035
  }
@@ -990,10 +1038,18 @@ video {
990
1038
  max-height: 13rem;
991
1039
  }
992
1040
 
1041
+ .max-h-56 {
1042
+ max-height: 14rem;
1043
+ }
1044
+
993
1045
  .max-h-\[160px\] {
994
1046
  max-height: 160px;
995
1047
  }
996
1048
 
1049
+ .max-h-\[180px\] {
1050
+ max-height: 180px;
1051
+ }
1052
+
997
1053
  .max-h-\[200px\] {
998
1054
  max-height: 200px;
999
1055
  }
@@ -1002,6 +1058,10 @@ video {
1002
1058
  max-height: 78vh;
1003
1059
  }
1004
1060
 
1061
+ .max-h-\[90vh\] {
1062
+ max-height: 90vh;
1063
+ }
1064
+
1005
1065
  .max-h-\[min\(78vh\2c 560px\)\] {
1006
1066
  max-height: min(78vh, 560px);
1007
1067
  }
@@ -1034,6 +1094,10 @@ video {
1034
1094
  min-height: 68px;
1035
1095
  }
1036
1096
 
1097
+ .min-h-\[min\(62vh\2c 640px\)\] {
1098
+ min-height: min(62vh, 640px);
1099
+ }
1100
+
1037
1101
  .min-h-full {
1038
1102
  min-height: 100%;
1039
1103
  }
@@ -1122,10 +1186,22 @@ video {
1122
1186
  width: 108px;
1123
1187
  }
1124
1188
 
1189
+ .w-\[148px\] {
1190
+ width: 148px;
1191
+ }
1192
+
1193
+ .w-\[168px\] {
1194
+ width: 168px;
1195
+ }
1196
+
1125
1197
  .w-\[220px\] {
1126
1198
  width: 220px;
1127
1199
  }
1128
1200
 
1201
+ .w-\[240px\] {
1202
+ width: 240px;
1203
+ }
1204
+
1129
1205
  .w-\[280px\] {
1130
1206
  width: 280px;
1131
1207
  }
@@ -1138,6 +1214,18 @@ video {
1138
1214
  width: min(94vw, 680px);
1139
1215
  }
1140
1216
 
1217
+ .w-\[min\(96vw\2c 1100px\)\] {
1218
+ width: min(96vw, 1100px);
1219
+ }
1220
+
1221
+ .w-\[min\(96vw\2c 960px\)\] {
1222
+ width: min(96vw, 960px);
1223
+ }
1224
+
1225
+ .w-\[var\(--radix-popover-trigger-width\)\] {
1226
+ width: var(--radix-popover-trigger-width);
1227
+ }
1228
+
1141
1229
  .w-\[var\(--rv-ruler-size\)\] {
1142
1230
  width: var(--rv-ruler-size);
1143
1231
  }
@@ -1174,10 +1262,18 @@ video {
1174
1262
  max-width: 140px;
1175
1263
  }
1176
1264
 
1265
+ .max-w-\[180px\] {
1266
+ max-width: 180px;
1267
+ }
1268
+
1177
1269
  .max-w-\[200px\] {
1178
1270
  max-width: 200px;
1179
1271
  }
1180
1272
 
1273
+ .max-w-\[260px\] {
1274
+ max-width: 260px;
1275
+ }
1276
+
1181
1277
  .max-w-\[360px\] {
1182
1278
  max-width: 360px;
1183
1279
  }
@@ -1210,6 +1306,10 @@ video {
1210
1306
  max-width: 90%;
1211
1307
  }
1212
1308
 
1309
+ .max-w-full {
1310
+ max-width: 100%;
1311
+ }
1312
+
1213
1313
  .max-w-lg {
1214
1314
  max-width: 32rem;
1215
1315
  }
@@ -1253,6 +1353,11 @@ video {
1253
1353
  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));
1254
1354
  }
1255
1355
 
1356
+ .rotate-180 {
1357
+ --tw-rotate: 180deg;
1358
+ 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));
1359
+ }
1360
+
1256
1361
  .transform {
1257
1362
  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));
1258
1363
  }
@@ -1320,6 +1425,10 @@ video {
1320
1425
  resize: none;
1321
1426
  }
1322
1427
 
1428
+ .resize-y {
1429
+ resize: vertical;
1430
+ }
1431
+
1323
1432
  .resize {
1324
1433
  resize: both;
1325
1434
  }
@@ -1436,6 +1545,11 @@ video {
1436
1545
  gap: 1.25rem;
1437
1546
  }
1438
1547
 
1548
+ .gap-x-2 {
1549
+ -moz-column-gap: 0.5rem;
1550
+ column-gap: 0.5rem;
1551
+ }
1552
+
1439
1553
  .gap-x-4 {
1440
1554
  -moz-column-gap: 1rem;
1441
1555
  column-gap: 1rem;
@@ -1672,10 +1786,18 @@ video {
1672
1786
  border-color: hsl(var(--border) / 0.8);
1673
1787
  }
1674
1788
 
1789
+ .border-destructive {
1790
+ border-color: hsl(var(--destructive));
1791
+ }
1792
+
1675
1793
  .border-destructive\/20 {
1676
1794
  border-color: hsl(var(--destructive) / 0.2);
1677
1795
  }
1678
1796
 
1797
+ .border-destructive\/30 {
1798
+ border-color: hsl(var(--destructive) / 0.3);
1799
+ }
1800
+
1679
1801
  .border-destructive\/40 {
1680
1802
  border-color: hsl(var(--destructive) / 0.4);
1681
1803
  }
@@ -1684,6 +1806,10 @@ video {
1684
1806
  border-color: hsl(var(--destructive) / 0.5);
1685
1807
  }
1686
1808
 
1809
+ .border-destructive\/60 {
1810
+ border-color: hsl(var(--destructive) / 0.6);
1811
+ }
1812
+
1687
1813
  .border-emerald-500\/30 {
1688
1814
  border-color: rgb(16 185 129 / 0.3);
1689
1815
  }
@@ -1701,10 +1827,18 @@ video {
1701
1827
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1702
1828
  }
1703
1829
 
1830
+ .border-input {
1831
+ border-color: hsl(var(--input));
1832
+ }
1833
+
1704
1834
  .border-primary\/25 {
1705
1835
  border-color: hsl(var(--primary) / 0.25);
1706
1836
  }
1707
1837
 
1838
+ .border-primary\/30 {
1839
+ border-color: hsl(var(--primary) / 0.3);
1840
+ }
1841
+
1708
1842
  .border-primary\/40 {
1709
1843
  border-color: hsl(var(--primary) / 0.4);
1710
1844
  }
@@ -1725,6 +1859,10 @@ video {
1725
1859
  border-color: hsl(var(--primary) / 0.8);
1726
1860
  }
1727
1861
 
1862
+ .border-rose-500\/50 {
1863
+ border-color: rgb(244 63 94 / 0.5);
1864
+ }
1865
+
1728
1866
  .border-sky-500\/40 {
1729
1867
  border-color: rgb(14 165 233 / 0.4);
1730
1868
  }
@@ -1872,6 +2010,10 @@ video {
1872
2010
  background-color: hsl(var(--destructive) / 0.15);
1873
2011
  }
1874
2012
 
2013
+ .bg-destructive\/5 {
2014
+ background-color: hsl(var(--destructive) / 0.05);
2015
+ }
2016
+
1875
2017
  .bg-emerald-500 {
1876
2018
  --tw-bg-opacity: 1;
1877
2019
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
@@ -1881,6 +2023,10 @@ video {
1881
2023
  background-color: rgb(16 185 129 / 0.1);
1882
2024
  }
1883
2025
 
2026
+ .bg-emerald-500\/15 {
2027
+ background-color: rgb(16 185 129 / 0.15);
2028
+ }
2029
+
1884
2030
  .bg-muted {
1885
2031
  background-color: hsl(var(--muted));
1886
2032
  }
@@ -1993,6 +2139,10 @@ video {
1993
2139
  background-color: hsl(var(--primary) / 0.9);
1994
2140
  }
1995
2141
 
2142
+ .bg-rose-500\/15 {
2143
+ background-color: rgb(244 63 94 / 0.15);
2144
+ }
2145
+
1996
2146
  .bg-secondary {
1997
2147
  background-color: hsl(var(--secondary));
1998
2148
  }
@@ -2139,6 +2289,10 @@ video {
2139
2289
  padding: 0px;
2140
2290
  }
2141
2291
 
2292
+ .p-0\.5 {
2293
+ padding: 0.125rem;
2294
+ }
2295
+
2142
2296
  .p-1 {
2143
2297
  padding: 0.25rem;
2144
2298
  }
@@ -2259,6 +2413,11 @@ video {
2259
2413
  padding-bottom: 1.75rem;
2260
2414
  }
2261
2415
 
2416
+ .py-8 {
2417
+ padding-top: 2rem;
2418
+ padding-bottom: 2rem;
2419
+ }
2420
+
2262
2421
  .py-px {
2263
2422
  padding-top: 1px;
2264
2423
  padding-bottom: 1px;
@@ -2308,6 +2467,10 @@ video {
2308
2467
  padding-left: 1.25rem;
2309
2468
  }
2310
2469
 
2470
+ .pr-0\.5 {
2471
+ padding-right: 0.125rem;
2472
+ }
2473
+
2311
2474
  .pr-1 {
2312
2475
  padding-right: 0.25rem;
2313
2476
  }
@@ -2348,6 +2511,10 @@ video {
2348
2511
  text-align: center;
2349
2512
  }
2350
2513
 
2514
+ .align-middle {
2515
+ vertical-align: middle;
2516
+ }
2517
+
2351
2518
  .font-mono {
2352
2519
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
2353
2520
  }
@@ -2478,6 +2645,11 @@ video {
2478
2645
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
2479
2646
  }
2480
2647
 
2648
+ .text-emerald-800 {
2649
+ --tw-text-opacity: 1;
2650
+ color: rgb(6 95 70 / var(--tw-text-opacity, 1));
2651
+ }
2652
+
2481
2653
  .text-foreground {
2482
2654
  color: hsl(var(--foreground));
2483
2655
  }
@@ -2533,6 +2705,11 @@ video {
2533
2705
  color: hsl(var(--primary) / 0.8);
2534
2706
  }
2535
2707
 
2708
+ .text-rose-600 {
2709
+ --tw-text-opacity: 1;
2710
+ color: rgb(225 29 72 / var(--tw-text-opacity, 1));
2711
+ }
2712
+
2536
2713
  .text-secondary-foreground {
2537
2714
  color: hsl(var(--secondary-foreground));
2538
2715
  }
@@ -2617,6 +2794,10 @@ video {
2617
2794
  opacity: 0.6;
2618
2795
  }
2619
2796
 
2797
+ .opacity-90 {
2798
+ opacity: 0.9;
2799
+ }
2800
+
2620
2801
  .shadow {
2621
2802
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2622
2803
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2962,6 +3143,10 @@ video {
2962
3143
  background-color: rgb(245 158 11 / 0.15);
2963
3144
  }
2964
3145
 
3146
+ .hover\:bg-destructive\/10:hover {
3147
+ background-color: hsl(var(--destructive) / 0.1);
3148
+ }
3149
+
2965
3150
  .hover\:bg-destructive\/90:hover {
2966
3151
  background-color: hsl(var(--destructive) / 0.9);
2967
3152
  }
@@ -2986,6 +3171,10 @@ video {
2986
3171
  background-color: hsl(var(--primary) / 0.9);
2987
3172
  }
2988
3173
 
3174
+ .hover\:bg-rose-500\/25:hover {
3175
+ background-color: rgb(244 63 94 / 0.25);
3176
+ }
3177
+
2989
3178
  .hover\:bg-secondary\/80:hover {
2990
3179
  background-color: hsl(var(--secondary) / 0.8);
2991
3180
  }
@@ -3054,6 +3243,10 @@ video {
3054
3243
  --tw-ring-color: hsl(var(--primary));
3055
3244
  }
3056
3245
 
3246
+ .focus-visible\:ring-ring:focus-visible {
3247
+ --tw-ring-color: hsl(var(--ring));
3248
+ }
3249
+
3057
3250
  .focus-visible\:ring-offset-0:focus-visible {
3058
3251
  --tw-ring-offset-width: 0px;
3059
3252
  }
@@ -3146,11 +3339,21 @@ video {
3146
3339
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
3147
3340
  }
3148
3341
 
3342
+ .dark\:text-emerald-200:is(.dark *) {
3343
+ --tw-text-opacity: 1;
3344
+ color: rgb(167 243 208 / var(--tw-text-opacity, 1));
3345
+ }
3346
+
3149
3347
  .dark\:text-emerald-300:is(.dark *) {
3150
3348
  --tw-text-opacity: 1;
3151
3349
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
3152
3350
  }
3153
3351
 
3352
+ .dark\:text-rose-300:is(.dark *) {
3353
+ --tw-text-opacity: 1;
3354
+ color: rgb(253 164 175 / var(--tw-text-opacity, 1));
3355
+ }
3356
+
3154
3357
  .dark\:text-sky-300:is(.dark *) {
3155
3358
  --tw-text-opacity: 1;
3156
3359
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
@@ -3184,6 +3387,10 @@ video {
3184
3387
  display: flex;
3185
3388
  }
3186
3389
 
3390
+ .sm\:max-w-\[1100px\] {
3391
+ max-width: 1100px;
3392
+ }
3393
+
3187
3394
  .sm\:max-w-\[520px\] {
3188
3395
  max-width: 520px;
3189
3396
  }
@@ -3192,6 +3399,18 @@ video {
3192
3399
  max-width: 860px;
3193
3400
  }
3194
3401
 
3402
+ .sm\:max-w-\[960px\] {
3403
+ max-width: 960px;
3404
+ }
3405
+
3406
+ .sm\:max-w-md {
3407
+ max-width: 28rem;
3408
+ }
3409
+
3410
+ .sm\:max-w-sm {
3411
+ max-width: 24rem;
3412
+ }
3413
+
3195
3414
  .sm\:grid-cols-2 {
3196
3415
  grid-template-columns: repeat(2, minmax(0, 1fr));
3197
3416
  }
@@ -3200,6 +3419,10 @@ video {
3200
3419
  grid-template-columns: repeat(3, minmax(0, 1fr));
3201
3420
  }
3202
3421
 
3422
+ .sm\:gap-0 {
3423
+ gap: 0px;
3424
+ }
3425
+
3203
3426
  .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
3204
3427
  --tw-space-x-reverse: 0;
3205
3428
  margin-right: calc(0px * var(--tw-space-x-reverse));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arronqzy/react-view",
3
- "version": "1.0.33",
3
+ "version": "1.0.36",
4
4
  "files": [
5
5
  "src",
6
6
  "dist",
@@ -30,13 +30,13 @@
30
30
  "@codemirror/lang-json": "^6.0.1",
31
31
  "@codemirror/theme-one-dark": "^6.1.2",
32
32
  "@codemirror/view": "^6.36.2",
33
- "@arronqzy/ui": "1.0.9",
34
- "@arronqzy/blueprint-dsl": "1.0.15",
35
- "@arronqzy/react-blueprint": "1.0.19",
33
+ "@arronqzy/blueprint-dsl": "1.0.17",
34
+ "@arronqzy/ui": "1.0.10",
35
+ "@arronqzy/i18n": "0.1.17",
36
+ "@arronqzy/react-blueprint": "1.0.22",
37
+ "@arronqzy/rx-store": "1.0.8",
36
38
  "@arronqzy/view-scene3d": "0.1.5",
37
- "@arronqzy/i18n": "0.1.15",
38
39
  "@arronqzy/view-table": "0.1.8",
39
- "@arronqzy/rx-store": "1.0.8",
40
40
  "@arronqzy/webllm-assistant": "0.1.16"
41
41
  },
42
42
  "devDependencies": {
@@ -45,8 +45,8 @@
45
45
  "@types/use-sync-external-store": "^1.5.0",
46
46
  "eslint": "^8.57.0",
47
47
  "typescript": "^5.5.4",
48
- "@arronqzy/eslint-config": "0.0.0",
49
48
  "@arronqzy/typescript-config": "1.0.0",
49
+ "@arronqzy/eslint-config": "0.0.0",
50
50
  "@arronqzy/tailwind": "1.0.2"
51
51
  },
52
52
  "scripts": {