sm-click-library-ui 0.0.426 → 0.0.428

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 (8) hide show
  1. package/dist/{index-DTVeeKVq.js → index-BnEYeAZU.js} +9797 -8471
  2. package/dist/sm-click-library-ui.es.js +1 -1
  3. package/dist/sm-click-library-ui.umd.js +18 -17
  4. package/dist/style.css +1 -1
  5. package/dist/tailwind.css +192 -26
  6. package/dist/{web-H7qBXJ9B.js → web-B8ualcuY.js} +2 -2
  7. package/dist/{web-BIqiD9yv.js → web-CNYuOlC8.js} +2 -2
  8. package/package.json +1 -1
package/dist/tailwind.css CHANGED
@@ -105,7 +105,7 @@
105
105
  --tw-contain-paint: ;
106
106
  --tw-contain-style: ;
107
107
  }/*
108
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
108
+ ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
109
109
  *//*
110
110
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
111
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -576,6 +576,9 @@ video {
576
576
  .-right-2 {
577
577
  right: -0.5rem;
578
578
  }
579
+ .bottom-0 {
580
+ bottom: 0px;
581
+ }
579
582
  .bottom-14 {
580
583
  bottom: 3.5rem;
581
584
  }
@@ -636,6 +639,9 @@ video {
636
639
  .z-50 {
637
640
  z-index: 50;
638
641
  }
642
+ .z-\[9999\] {
643
+ z-index: 9999;
644
+ }
639
645
  .mx-auto {
640
646
  margin-left: auto;
641
647
  margin-right: auto;
@@ -644,12 +650,18 @@ video {
644
650
  margin-top: auto;
645
651
  margin-bottom: auto;
646
652
  }
653
+ .-mb-3 {
654
+ margin-bottom: -0.75rem;
655
+ }
647
656
  .-ml-2 {
648
657
  margin-left: -0.5rem;
649
658
  }
650
659
  .mb-1 {
651
660
  margin-bottom: 0.25rem;
652
661
  }
662
+ .mb-2 {
663
+ margin-bottom: 0.5rem;
664
+ }
653
665
  .mb-3 {
654
666
  margin-bottom: 0.75rem;
655
667
  }
@@ -671,6 +683,9 @@ video {
671
683
  .mr-2 {
672
684
  margin-right: 0.5rem;
673
685
  }
686
+ .mt-0\.8 {
687
+ margin-top: 0.23rem;
688
+ }
674
689
  .mt-1 {
675
690
  margin-top: 0.25rem;
676
691
  }
@@ -717,10 +732,18 @@ video {
717
732
  width: 3rem;
718
733
  height: 3rem;
719
734
  }
735
+ .size-14 {
736
+ width: 3.5rem;
737
+ height: 3.5rem;
738
+ }
720
739
  .size-22 {
721
740
  width: 5.5rem;
722
741
  height: 5.5rem;
723
742
  }
743
+ .size-24 {
744
+ width: 6rem;
745
+ height: 6rem;
746
+ }
724
747
  .size-3 {
725
748
  width: 0.75rem;
726
749
  height: 0.75rem;
@@ -796,12 +819,6 @@ video {
796
819
  .h-full {
797
820
  height: 100%;
798
821
  }
799
- .h-screen {
800
- height: 100vh;
801
- }
802
- .max-h-48 {
803
- max-height: 12rem;
804
- }
805
822
  .max-h-64 {
806
823
  max-height: 16rem;
807
824
  }
@@ -814,6 +831,9 @@ video {
814
831
  .min-h-0 {
815
832
  min-height: 0px;
816
833
  }
834
+ .min-h-48 {
835
+ min-height: 12rem;
836
+ }
817
837
  .min-h-full {
818
838
  min-height: 100%;
819
839
  }
@@ -850,6 +870,9 @@ video {
850
870
  .w-5 {
851
871
  width: 1.25rem;
852
872
  }
873
+ .w-52 {
874
+ width: 13rem;
875
+ }
853
876
  .w-6 {
854
877
  width: 1.5rem;
855
878
  }
@@ -862,12 +885,15 @@ video {
862
885
  .w-full {
863
886
  width: 100%;
864
887
  }
865
- .w-screen {
866
- width: 100vw;
867
- }
868
888
  .min-w-0 {
869
889
  min-width: 0px;
870
890
  }
891
+ .min-w-24 {
892
+ min-width: 6rem;
893
+ }
894
+ .min-w-32 {
895
+ min-width: 8rem;
896
+ }
871
897
  .min-w-\[220px\] {
872
898
  min-width: 220px;
873
899
  }
@@ -936,12 +962,24 @@ video {
936
962
  .resize {
937
963
  resize: both;
938
964
  }
965
+ .list-inside {
966
+ list-style-position: inside;
967
+ }
968
+ .list-none {
969
+ list-style-type: none;
970
+ }
971
+ .grid-cols-2 {
972
+ grid-template-columns: repeat(2, minmax(0, 1fr));
973
+ }
939
974
  .grid-cols-7 {
940
975
  grid-template-columns: repeat(7, minmax(0, 1fr));
941
976
  }
942
977
  .grid-cols-\[56px_1fr\] {
943
978
  grid-template-columns: 56px 1fr;
944
979
  }
980
+ .flex-row {
981
+ flex-direction: row;
982
+ }
945
983
  .flex-col {
946
984
  flex-direction: column;
947
985
  }
@@ -969,9 +1007,6 @@ video {
969
1007
  .gap-1 {
970
1008
  gap: 0.25rem;
971
1009
  }
972
- .gap-12 {
973
- gap: 3rem;
974
- }
975
1010
  .gap-2 {
976
1011
  gap: 0.5rem;
977
1012
  }
@@ -1009,6 +1044,20 @@ video {
1009
1044
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1010
1045
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1011
1046
  }
1047
+ .divide-x > :not([hidden]) ~ :not([hidden]) {
1048
+ --tw-divide-x-reverse: 0;
1049
+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
1050
+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1051
+ }
1052
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
1053
+ --tw-divide-y-reverse: 0;
1054
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1055
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1056
+ }
1057
+ .divide-base-200 > :not([hidden]) ~ :not([hidden]) {
1058
+ --tw-divide-opacity: 1;
1059
+ border-color: rgb(38 52 61 / var(--tw-divide-opacity, 1));
1060
+ }
1012
1061
  .overflow-auto {
1013
1062
  overflow: auto;
1014
1063
  }
@@ -1018,6 +1067,9 @@ video {
1018
1067
  .overflow-y-auto {
1019
1068
  overflow-y: auto;
1020
1069
  }
1070
+ .overflow-x-hidden {
1071
+ overflow-x: hidden;
1072
+ }
1021
1073
  .truncate {
1022
1074
  overflow: hidden;
1023
1075
  text-overflow: ellipsis;
@@ -1041,6 +1093,9 @@ video {
1041
1093
  .rounded-none {
1042
1094
  border-radius: 0px;
1043
1095
  }
1096
+ .rounded-sm {
1097
+ border-radius: 0.125rem;
1098
+ }
1044
1099
  .rounded-xl {
1045
1100
  border-radius: 0.75rem;
1046
1101
  }
@@ -1048,6 +1103,10 @@ video {
1048
1103
  border-bottom-right-radius: 0.5rem;
1049
1104
  border-bottom-left-radius: 0.5rem;
1050
1105
  }
1106
+ .rounded-b-md {
1107
+ border-bottom-right-radius: 0.375rem;
1108
+ border-bottom-left-radius: 0.375rem;
1109
+ }
1051
1110
  .rounded-b-none {
1052
1111
  border-bottom-right-radius: 0px;
1053
1112
  border-bottom-left-radius: 0px;
@@ -1060,6 +1119,16 @@ video {
1060
1119
  border-top-left-radius: 1rem;
1061
1120
  border-top-right-radius: 1rem;
1062
1121
  }
1122
+ .rounded-t-none {
1123
+ border-top-left-radius: 0px;
1124
+ border-top-right-radius: 0px;
1125
+ }
1126
+ .rounded-bl-lg {
1127
+ border-bottom-left-radius: 0.5rem;
1128
+ }
1129
+ .rounded-br-lg {
1130
+ border-bottom-right-radius: 0.5rem;
1131
+ }
1063
1132
  .border {
1064
1133
  border-width: 1px;
1065
1134
  }
@@ -1101,6 +1170,10 @@ video {
1101
1170
  --tw-border-opacity: 1;
1102
1171
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1103
1172
  }
1173
+ .border-green-500 {
1174
+ --tw-border-opacity: 1;
1175
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
1176
+ }
1104
1177
  .border-red-500 {
1105
1178
  --tw-border-opacity: 1;
1106
1179
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -1109,6 +1182,9 @@ video {
1109
1182
  --tw-border-opacity: 1;
1110
1183
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1111
1184
  }
1185
+ .border-white\/10 {
1186
+ border-color: rgb(255 255 255 / 0.1);
1187
+ }
1112
1188
  .border-t-transparent {
1113
1189
  border-top-color: transparent;
1114
1190
  }
@@ -1116,6 +1192,9 @@ video {
1116
1192
  --tw-bg-opacity: 1;
1117
1193
  background-color: rgb(15 178 214 / var(--tw-bg-opacity, 1));
1118
1194
  }
1195
+ .bg-\[\#3666f0\]\/50 {
1196
+ background-color: rgb(54 102 240 / 0.5);
1197
+ }
1119
1198
  .bg-\[\#404857\] {
1120
1199
  --tw-bg-opacity: 1;
1121
1200
  background-color: rgb(64 72 87 / var(--tw-bg-opacity, 1));
@@ -1145,10 +1224,6 @@ video {
1145
1224
  .bg-blue-400\/10 {
1146
1225
  background-color: rgb(96 165 250 / 0.1);
1147
1226
  }
1148
- .bg-blue-900 {
1149
- --tw-bg-opacity: 1;
1150
- background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
1151
- }
1152
1227
  .bg-emerald-500 {
1153
1228
  --tw-bg-opacity: 1;
1154
1229
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
@@ -1171,18 +1246,31 @@ video {
1171
1246
  .bg-green-500\/30 {
1172
1247
  background-color: rgb(34 197 94 / 0.3);
1173
1248
  }
1174
- .bg-purple-500 {
1249
+ .bg-green-500\/80 {
1250
+ background-color: rgb(34 197 94 / 0.8);
1251
+ }
1252
+ .bg-green-600\/20 {
1253
+ background-color: rgb(22 163 74 / 0.2);
1254
+ }
1255
+ .bg-green-700 {
1175
1256
  --tw-bg-opacity: 1;
1176
- background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
1257
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
1177
1258
  }
1178
- .bg-red-200 {
1259
+ .bg-green-900 {
1179
1260
  --tw-bg-opacity: 1;
1180
- background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
1261
+ background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
1262
+ }
1263
+ .bg-purple-500 {
1264
+ --tw-bg-opacity: 1;
1265
+ background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
1181
1266
  }
1182
1267
  .bg-red-500 {
1183
1268
  --tw-bg-opacity: 1;
1184
1269
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1185
1270
  }
1271
+ .bg-red-500\/80 {
1272
+ background-color: rgb(239 68 68 / 0.8);
1273
+ }
1186
1274
  .bg-red-600 {
1187
1275
  --tw-bg-opacity: 1;
1188
1276
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -1190,6 +1278,10 @@ video {
1190
1278
  .bg-slate-500\/20 {
1191
1279
  background-color: rgb(100 116 139 / 0.2);
1192
1280
  }
1281
+ .bg-slate-800 {
1282
+ --tw-bg-opacity: 1;
1283
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
1284
+ }
1193
1285
  .bg-transparent {
1194
1286
  background-color: transparent;
1195
1287
  }
@@ -1203,6 +1295,10 @@ video {
1203
1295
  .fill-gray-600 {
1204
1296
  fill: #4b5563;
1205
1297
  }
1298
+ .object-cover {
1299
+ -o-object-fit: cover;
1300
+ object-fit: cover;
1301
+ }
1206
1302
  .object-scale-down {
1207
1303
  -o-object-fit: scale-down;
1208
1304
  object-fit: scale-down;
@@ -1223,6 +1319,9 @@ video {
1223
1319
  .p-2 {
1224
1320
  padding: 0.5rem;
1225
1321
  }
1322
+ .p-2\.5 {
1323
+ padding: 0.625rem;
1324
+ }
1226
1325
  .p-3 {
1227
1326
  padding: 0.75rem;
1228
1327
  }
@@ -1299,6 +1398,9 @@ video {
1299
1398
  .text-start {
1300
1399
  text-align: start;
1301
1400
  }
1401
+ .font-sans {
1402
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1403
+ }
1302
1404
  .text-\[10px\] {
1303
1405
  font-size: 10px;
1304
1406
  }
@@ -1364,6 +1466,10 @@ video {
1364
1466
  --tw-text-opacity: 1;
1365
1467
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1366
1468
  }
1469
+ .text-blue-200 {
1470
+ --tw-text-opacity: 1;
1471
+ color: rgb(191 219 254 / var(--tw-text-opacity, 1));
1472
+ }
1367
1473
  .text-blue-300 {
1368
1474
  --tw-text-opacity: 1;
1369
1475
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
@@ -1395,6 +1501,10 @@ video {
1395
1501
  --tw-text-opacity: 1;
1396
1502
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1397
1503
  }
1504
+ .text-gray-600 {
1505
+ --tw-text-opacity: 1;
1506
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1507
+ }
1398
1508
  .text-gray-800 {
1399
1509
  --tw-text-opacity: 1;
1400
1510
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
@@ -1459,6 +1569,11 @@ video {
1459
1569
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1460
1570
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1461
1571
  }
1572
+ .shadow-lg {
1573
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1574
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1575
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1576
+ }
1462
1577
  .shadow-md {
1463
1578
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1464
1579
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -1485,6 +1600,10 @@ video {
1485
1600
  --tw-shadow-color: #111827;
1486
1601
  --tw-shadow: var(--tw-shadow-colored);
1487
1602
  }
1603
+ .shadow-green-500\/20 {
1604
+ --tw-shadow-color: rgb(34 197 94 / 0.2);
1605
+ --tw-shadow: var(--tw-shadow-colored);
1606
+ }
1488
1607
  .outline-none {
1489
1608
  outline: 2px solid transparent;
1490
1609
  outline-offset: 2px;
@@ -1515,22 +1634,17 @@ video {
1515
1634
  }
1516
1635
  .backdrop-blur {
1517
1636
  --tw-backdrop-blur: blur(8px);
1518
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1519
1637
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1520
1638
  }
1521
1639
  .backdrop-blur-\[2px\] {
1522
1640
  --tw-backdrop-blur: blur(2px);
1523
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1524
1641
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1525
1642
  }
1526
1643
  .backdrop-filter {
1527
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1528
1644
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1529
1645
  }
1530
1646
  .transition {
1531
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1532
1647
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1533
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1534
1648
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1535
1649
  transition-duration: 150ms;
1536
1650
  }
@@ -1539,16 +1653,29 @@ video {
1539
1653
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1540
1654
  transition-duration: 150ms;
1541
1655
  }
1656
+ .transition-colors {
1657
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1658
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1659
+ transition-duration: 150ms;
1660
+ }
1542
1661
  .transition-opacity {
1543
1662
  transition-property: opacity;
1544
1663
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1545
1664
  transition-duration: 150ms;
1546
1665
  }
1666
+ .transition-shadow {
1667
+ transition-property: box-shadow;
1668
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1669
+ transition-duration: 150ms;
1670
+ }
1547
1671
  .transition-transform {
1548
1672
  transition-property: transform;
1549
1673
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1550
1674
  transition-duration: 150ms;
1551
1675
  }
1676
+ .duration-150 {
1677
+ transition-duration: 150ms;
1678
+ }
1552
1679
  .duration-200 {
1553
1680
  transition-duration: 200ms;
1554
1681
  }
@@ -1663,6 +1790,14 @@ video {
1663
1790
  background-color: rgb(38 52 61 / var(--tw-bg-opacity, 1));
1664
1791
  }
1665
1792
 
1793
+ .hover\:bg-base-200\/50:hover {
1794
+ background-color: rgb(38 52 61 / 0.5);
1795
+ }
1796
+
1797
+ .hover\:bg-base-200\/70:hover {
1798
+ background-color: rgb(38 52 61 / 0.7);
1799
+ }
1800
+
1666
1801
  .hover\:bg-base-300\/70:hover {
1667
1802
  background-color: rgb(17 27 33 / 0.7);
1668
1803
  }
@@ -1686,6 +1821,19 @@ video {
1686
1821
  background-color: rgb(34 197 94 / 0.5);
1687
1822
  }
1688
1823
 
1824
+ .hover\:bg-green-500\/80:hover {
1825
+ background-color: rgb(34 197 94 / 0.8);
1826
+ }
1827
+
1828
+ .hover\:bg-green-600:hover {
1829
+ --tw-bg-opacity: 1;
1830
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
1831
+ }
1832
+
1833
+ .hover\:bg-green-600\/80:hover {
1834
+ background-color: rgb(22 163 74 / 0.8);
1835
+ }
1836
+
1689
1837
  .hover\:bg-red-500:hover {
1690
1838
  --tw-bg-opacity: 1;
1691
1839
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
@@ -1696,6 +1844,10 @@ video {
1696
1844
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1697
1845
  }
1698
1846
 
1847
+ .hover\:bg-red-600\/80:hover {
1848
+ background-color: rgb(220 38 38 / 0.8);
1849
+ }
1850
+
1699
1851
  .hover\:bg-teal-600:hover {
1700
1852
  --tw-bg-opacity: 1;
1701
1853
  background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
@@ -1716,6 +1868,11 @@ video {
1716
1868
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1717
1869
  }
1718
1870
 
1871
+ .hover\:brightness-75:hover {
1872
+ --tw-brightness: brightness(.75);
1873
+ 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);
1874
+ }
1875
+
1719
1876
  .focus\:shadow-none:focus {
1720
1877
  --tw-shadow: 0 0 #0000;
1721
1878
  --tw-shadow-colored: 0 0 #0000;
@@ -1748,6 +1905,11 @@ video {
1748
1905
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1749
1906
  }
1750
1907
 
1908
+ .dark\:text-gray-400:is([data-mode="dark"] *) {
1909
+ --tw-text-opacity: 1;
1910
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1911
+ }
1912
+
1751
1913
  .dark\:text-gray-500:is([data-mode="dark"] *) {
1752
1914
  --tw-text-opacity: 1;
1753
1915
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -1793,6 +1955,10 @@ video {
1793
1955
  margin-top: 0px;
1794
1956
  }
1795
1957
 
1958
+ .lg\:w-1\/2 {
1959
+ width: 50%;
1960
+ }
1961
+
1796
1962
  .lg\:text-justify {
1797
1963
  text-align: justify;
1798
1964
  }
package/dist/{web-H7qBXJ9B.js → web-B8ualcuY.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as le, C as ge, W as me } from "./index-DTVeeKVq.js";
1
+ import { r as le, C as ge, W as me } from "./index-BnEYeAZU.js";
2
2
  const F = {
3
3
  RECORDING: "RECORDING",
4
4
  PAUSED: "PAUSED",
@@ -58,7 +58,7 @@ var te;
58
58
  n.UTF8 = "utf8", n.ASCII = "ascii", n.UTF16 = "utf16";
59
59
  })(te || (te = {}));
60
60
  const k = le("Filesystem", {
61
- web: () => import("./web-BIqiD9yv.js").then((n) => new n.FilesystemWeb())
61
+ web: () => import("./web-CNYuOlC8.js").then((n) => new n.FilesystemWeb())
62
62
  });
63
63
  ye();
64
64
  const Ee = le("BlobWriter");
package/dist/{web-BIqiD9yv.js → web-CNYuOlC8.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { W as P, b as x } from "./index-DTVeeKVq.js";
2
- import { E } from "./web-H7qBXJ9B.js";
1
+ import { W as P, b as x } from "./index-BnEYeAZU.js";
2
+ import { E } from "./web-B8ualcuY.js";
3
3
  function m(w) {
4
4
  const e = w.split("/").filter((t) => t !== "."), r = [];
5
5
  return e.forEach((t) => {
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "dist",
6
6
  "src/test-utils"
7
7
  ],
8
- "version": "0.0.426",
8
+ "version": "0.0.428",
9
9
  "main": "dist/sm-click-library-ui.es.js",
10
10
  "module": "dist/sm-click-library-ui.umd.js",
11
11
  "private": false,