sm-click-library-ui 0.0.367 → 0.0.369

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/tailwind.css CHANGED
@@ -1,5 +1,111 @@
1
- /*
2
- ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
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
+ ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
109
  *//*
4
110
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
111
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -390,121 +496,13 @@ video {
390
496
  }
391
497
 
392
498
  /* Make elements with the HTML hidden attribute stay hidden by default */
393
- [hidden] {
499
+ [hidden]:where(:not([hidden="until-found"])) {
394
500
  display: none;
395
501
  }
396
502
 
397
503
  * {
398
504
  scrollbar-color: initial;
399
505
  scrollbar-width: initial;
400
- }
401
-
402
- *, ::before, ::after {
403
- --tw-border-spacing-x: 0;
404
- --tw-border-spacing-y: 0;
405
- --tw-translate-x: 0;
406
- --tw-translate-y: 0;
407
- --tw-rotate: 0;
408
- --tw-skew-x: 0;
409
- --tw-skew-y: 0;
410
- --tw-scale-x: 1;
411
- --tw-scale-y: 1;
412
- --tw-pan-x: ;
413
- --tw-pan-y: ;
414
- --tw-pinch-zoom: ;
415
- --tw-scroll-snap-strictness: proximity;
416
- --tw-gradient-from-position: ;
417
- --tw-gradient-via-position: ;
418
- --tw-gradient-to-position: ;
419
- --tw-ordinal: ;
420
- --tw-slashed-zero: ;
421
- --tw-numeric-figure: ;
422
- --tw-numeric-spacing: ;
423
- --tw-numeric-fraction: ;
424
- --tw-ring-inset: ;
425
- --tw-ring-offset-width: 0px;
426
- --tw-ring-offset-color: #fff;
427
- --tw-ring-color: rgb(59 130 246 / 0.5);
428
- --tw-ring-offset-shadow: 0 0 #0000;
429
- --tw-ring-shadow: 0 0 #0000;
430
- --tw-shadow: 0 0 #0000;
431
- --tw-shadow-colored: 0 0 #0000;
432
- --tw-blur: ;
433
- --tw-brightness: ;
434
- --tw-contrast: ;
435
- --tw-grayscale: ;
436
- --tw-hue-rotate: ;
437
- --tw-invert: ;
438
- --tw-saturate: ;
439
- --tw-sepia: ;
440
- --tw-drop-shadow: ;
441
- --tw-backdrop-blur: ;
442
- --tw-backdrop-brightness: ;
443
- --tw-backdrop-contrast: ;
444
- --tw-backdrop-grayscale: ;
445
- --tw-backdrop-hue-rotate: ;
446
- --tw-backdrop-invert: ;
447
- --tw-backdrop-opacity: ;
448
- --tw-backdrop-saturate: ;
449
- --tw-backdrop-sepia: ;
450
- --tw-contain-size: ;
451
- --tw-contain-layout: ;
452
- --tw-contain-paint: ;
453
- --tw-contain-style: ;
454
- }
455
-
456
- ::backdrop {
457
- --tw-border-spacing-x: 0;
458
- --tw-border-spacing-y: 0;
459
- --tw-translate-x: 0;
460
- --tw-translate-y: 0;
461
- --tw-rotate: 0;
462
- --tw-skew-x: 0;
463
- --tw-skew-y: 0;
464
- --tw-scale-x: 1;
465
- --tw-scale-y: 1;
466
- --tw-pan-x: ;
467
- --tw-pan-y: ;
468
- --tw-pinch-zoom: ;
469
- --tw-scroll-snap-strictness: proximity;
470
- --tw-gradient-from-position: ;
471
- --tw-gradient-via-position: ;
472
- --tw-gradient-to-position: ;
473
- --tw-ordinal: ;
474
- --tw-slashed-zero: ;
475
- --tw-numeric-figure: ;
476
- --tw-numeric-spacing: ;
477
- --tw-numeric-fraction: ;
478
- --tw-ring-inset: ;
479
- --tw-ring-offset-width: 0px;
480
- --tw-ring-offset-color: #fff;
481
- --tw-ring-color: rgb(59 130 246 / 0.5);
482
- --tw-ring-offset-shadow: 0 0 #0000;
483
- --tw-ring-shadow: 0 0 #0000;
484
- --tw-shadow: 0 0 #0000;
485
- --tw-shadow-colored: 0 0 #0000;
486
- --tw-blur: ;
487
- --tw-brightness: ;
488
- --tw-contrast: ;
489
- --tw-grayscale: ;
490
- --tw-hue-rotate: ;
491
- --tw-invert: ;
492
- --tw-saturate: ;
493
- --tw-sepia: ;
494
- --tw-drop-shadow: ;
495
- --tw-backdrop-blur: ;
496
- --tw-backdrop-brightness: ;
497
- --tw-backdrop-contrast: ;
498
- --tw-backdrop-grayscale: ;
499
- --tw-backdrop-hue-rotate: ;
500
- --tw-backdrop-invert: ;
501
- --tw-backdrop-opacity: ;
502
- --tw-backdrop-saturate: ;
503
- --tw-backdrop-sepia: ;
504
- --tw-contain-size: ;
505
- --tw-contain-layout: ;
506
- --tw-contain-paint: ;
507
- --tw-contain-style: ;
508
506
  }
509
507
  .container {
510
508
  width: 100%;
@@ -566,9 +564,15 @@ video {
566
564
  .left-0 {
567
565
  left: 0px;
568
566
  }
567
+ .right-2 {
568
+ right: 0.5rem;
569
+ }
569
570
  .top-0 {
570
571
  top: 0px;
571
572
  }
573
+ .top-2 {
574
+ top: 0.5rem;
575
+ }
572
576
  .top-\[48px\] {
573
577
  top: 48px;
574
578
  }
@@ -651,6 +655,10 @@ video {
651
655
  width: 1.5rem;
652
656
  height: 1.5rem;
653
657
  }
658
+ .size-7 {
659
+ width: 1.75rem;
660
+ height: 1.75rem;
661
+ }
654
662
  .h-10 {
655
663
  height: 2.5rem;
656
664
  }
@@ -675,12 +683,18 @@ video {
675
683
  .h-screen {
676
684
  height: 100vh;
677
685
  }
686
+ .max-h-20 {
687
+ max-height: 5rem;
688
+ }
678
689
  .max-h-\[200px\] {
679
690
  max-height: 200px;
680
691
  }
681
692
  .max-h-\[45\%\] {
682
693
  max-height: 45%;
683
694
  }
695
+ .min-h-24 {
696
+ min-height: 6rem;
697
+ }
684
698
  .min-h-full {
685
699
  min-height: 100%;
686
700
  }
@@ -768,6 +782,9 @@ video {
768
782
  .resize {
769
783
  resize: both;
770
784
  }
785
+ .grid-cols-2 {
786
+ grid-template-columns: repeat(2, minmax(0, 1fr));
787
+ }
771
788
  .flex-col {
772
789
  flex-direction: column;
773
790
  }
@@ -789,6 +806,9 @@ video {
789
806
  .justify-between {
790
807
  justify-content: space-between;
791
808
  }
809
+ .gap-1 {
810
+ gap: 0.25rem;
811
+ }
792
812
  .gap-12 {
793
813
  gap: 3rem;
794
814
  }
@@ -853,6 +873,9 @@ video {
853
873
  .rounded-none {
854
874
  border-radius: 0px;
855
875
  }
876
+ .rounded-sm {
877
+ border-radius: 0.125rem;
878
+ }
856
879
  .rounded-xl {
857
880
  border-radius: 0.75rem;
858
881
  }
@@ -890,20 +913,31 @@ video {
890
913
  .border-solid {
891
914
  border-style: solid;
892
915
  }
916
+ .border-dashed {
917
+ border-style: dashed;
918
+ }
893
919
  .border-base-100 {
894
920
  --tw-border-opacity: 1;
895
- border-color: rgb(75 99 116 / var(--tw-border-opacity));
921
+ border-color: rgb(75 99 116 / var(--tw-border-opacity, 1));
896
922
  }
897
923
  .border-base-200 {
898
924
  --tw-border-opacity: 1;
899
- border-color: rgb(38 52 61 / var(--tw-border-opacity));
925
+ border-color: rgb(38 52 61 / var(--tw-border-opacity, 1));
900
926
  }
901
927
  .border-current {
902
928
  border-color: currentColor;
903
929
  }
930
+ .border-gray-400 {
931
+ --tw-border-opacity: 1;
932
+ border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
933
+ }
934
+ .border-gray-900 {
935
+ --tw-border-opacity: 1;
936
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
937
+ }
904
938
  .border-white {
905
939
  --tw-border-opacity: 1;
906
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
940
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
907
941
  }
908
942
  .border-e-transparent {
909
943
  border-inline-end-color: transparent;
@@ -911,72 +945,76 @@ video {
911
945
  .border-t-transparent {
912
946
  border-top-color: transparent;
913
947
  }
948
+ .border-opacity-25 {
949
+ --tw-border-opacity: 0.25;
950
+ }
914
951
  .bg-\[\#404857\] {
915
952
  --tw-bg-opacity: 1;
916
- background-color: rgb(64 72 87 / var(--tw-bg-opacity));
953
+ background-color: rgb(64 72 87 / var(--tw-bg-opacity, 1));
917
954
  }
918
955
  .bg-base-100 {
919
956
  --tw-bg-opacity: 1;
920
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
957
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity, 1));
921
958
  }
922
959
  .bg-base-100\/50 {
923
960
  background-color: rgb(75 99 116 / 0.5);
924
961
  }
925
962
  .bg-base-200 {
926
963
  --tw-bg-opacity: 1;
927
- background-color: rgb(38 52 61 / var(--tw-bg-opacity));
964
+ background-color: rgb(38 52 61 / var(--tw-bg-opacity, 1));
928
965
  }
929
966
  .bg-base-200\/40 {
930
967
  background-color: rgb(38 52 61 / 0.4);
931
968
  }
932
969
  .bg-base-300 {
933
970
  --tw-bg-opacity: 1;
934
- background-color: rgb(17 27 33 / var(--tw-bg-opacity));
971
+ background-color: rgb(17 27 33 / var(--tw-bg-opacity, 1));
935
972
  }
936
973
  .bg-black {
937
974
  --tw-bg-opacity: 1;
938
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
975
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
939
976
  }
940
977
  .bg-blue-400\/10 {
941
978
  background-color: rgb(96 165 250 / 0.1);
942
979
  }
943
- .bg-gray-500 {
980
+ .bg-blue-900 {
944
981
  --tw-bg-opacity: 1;
945
- background-color: rgb(107 114 128 / var(--tw-bg-opacity));
982
+ background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
946
983
  }
947
- .bg-gray-600 {
984
+ .bg-gray-400 {
948
985
  --tw-bg-opacity: 1;
949
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
986
+ background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
950
987
  }
951
- .bg-gray-900 {
988
+ .bg-gray-500 {
952
989
  --tw-bg-opacity: 1;
953
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
990
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
991
+ }
992
+ .bg-gray-600 {
993
+ --tw-bg-opacity: 1;
994
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
954
995
  }
955
996
  .bg-green-500 {
956
997
  --tw-bg-opacity: 1;
957
- background-color: rgb(34 197 94 / var(--tw-bg-opacity));
998
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
958
999
  }
959
1000
  .bg-purple-500 {
960
1001
  --tw-bg-opacity: 1;
961
- background-color: rgb(168 85 247 / var(--tw-bg-opacity));
1002
+ background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
962
1003
  }
963
1004
  .bg-red-500 {
964
1005
  --tw-bg-opacity: 1;
965
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
1006
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
966
1007
  }
967
1008
  .bg-slate-500\/20 {
968
1009
  background-color: rgb(100 116 139 / 0.2);
969
1010
  }
970
1011
  .bg-yellow-500 {
971
1012
  --tw-bg-opacity: 1;
972
- background-color: rgb(234 179 8 / var(--tw-bg-opacity));
1013
+ background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
973
1014
  }
974
1015
  .fill-gray-600 {
975
1016
  fill: #4b5563;
976
1017
  }
977
- .p-0 {
978
- padding: 0px;
979
- }
980
1018
  .p-0\.5 {
981
1019
  padding: 0.125rem;
982
1020
  }
@@ -999,6 +1037,10 @@ video {
999
1037
  padding-left: 0.25rem;
1000
1038
  padding-right: 0.25rem;
1001
1039
  }
1040
+ .px-2 {
1041
+ padding-left: 0.5rem;
1042
+ padding-right: 0.5rem;
1043
+ }
1002
1044
  .px-3 {
1003
1045
  padding-left: 0.75rem;
1004
1046
  padding-right: 0.75rem;
@@ -1031,6 +1073,9 @@ video {
1031
1073
  .text-right {
1032
1074
  text-align: right;
1033
1075
  }
1076
+ .text-start {
1077
+ text-align: start;
1078
+ }
1034
1079
  .align-middle {
1035
1080
  vertical-align: middle;
1036
1081
  }
@@ -1070,34 +1115,54 @@ video {
1070
1115
  }
1071
1116
  .text-black {
1072
1117
  --tw-text-opacity: 1;
1073
- color: rgb(0 0 0 / var(--tw-text-opacity));
1118
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1074
1119
  }
1075
1120
  .text-blue-300 {
1076
1121
  --tw-text-opacity: 1;
1077
- color: rgb(147 197 253 / var(--tw-text-opacity));
1122
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
1078
1123
  }
1079
1124
  .text-blue-900 {
1080
1125
  --tw-text-opacity: 1;
1081
- color: rgb(30 58 138 / var(--tw-text-opacity));
1126
+ color: rgb(30 58 138 / var(--tw-text-opacity, 1));
1082
1127
  }
1083
1128
  .text-current {
1084
1129
  color: currentColor;
1085
1130
  }
1086
1131
  .text-gray-100 {
1087
1132
  --tw-text-opacity: 1;
1088
- color: rgb(243 244 246 / var(--tw-text-opacity));
1133
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
1134
+ }
1135
+ .text-gray-300 {
1136
+ --tw-text-opacity: 1;
1137
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1138
+ }
1139
+ .text-gray-400 {
1140
+ --tw-text-opacity: 1;
1141
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1142
+ }
1143
+ .text-gray-500 {
1144
+ --tw-text-opacity: 1;
1145
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1089
1146
  }
1090
1147
  .text-gray-800 {
1091
1148
  --tw-text-opacity: 1;
1092
- color: rgb(31 41 55 / var(--tw-text-opacity));
1149
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1150
+ }
1151
+ .text-gray-900 {
1152
+ --tw-text-opacity: 1;
1153
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1093
1154
  }
1094
1155
  .text-green-400 {
1095
1156
  --tw-text-opacity: 1;
1096
- color: rgb(74 222 128 / var(--tw-text-opacity));
1157
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
1158
+ }
1159
+ .text-red-500 {
1160
+ --tw-text-opacity: 1;
1161
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1097
1162
  }
1098
1163
  .text-white {
1099
1164
  --tw-text-opacity: 1;
1100
- color: rgb(255 255 255 / var(--tw-text-opacity));
1165
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1101
1166
  }
1102
1167
  .underline {
1103
1168
  text-decoration-line: underline;
@@ -1125,6 +1190,11 @@ video {
1125
1190
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1126
1191
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1127
1192
  }
1193
+ .shadow-lg {
1194
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1195
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1196
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1197
+ }
1128
1198
  .shadow-md {
1129
1199
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1130
1200
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -1164,11 +1234,11 @@ video {
1164
1234
  .backdrop-blur-\[2px\] {
1165
1235
  --tw-backdrop-blur: blur(2px);
1166
1236
  -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);
1167
- 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);
1237
+ 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);
1168
1238
  }
1169
1239
  .backdrop-filter {
1170
1240
  -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);
1171
- 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);
1241
+ 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);
1172
1242
  }
1173
1243
  .transition {
1174
1244
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
@@ -1243,7 +1313,7 @@ video {
1243
1313
  }
1244
1314
  .even\:bg-base-300:nth-child(even) {
1245
1315
  --tw-bg-opacity: 1;
1246
- background-color: rgb(17 27 33 / var(--tw-bg-opacity));
1316
+ background-color: rgb(17 27 33 / var(--tw-bg-opacity, 1));
1247
1317
  }
1248
1318
  .group:hover .group-hover\:inline-block {
1249
1319
  display: inline-block;
@@ -1255,23 +1325,32 @@ video {
1255
1325
  }
1256
1326
  .hover\:bg-base-100:hover {
1257
1327
  --tw-bg-opacity: 1;
1258
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
1328
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity, 1));
1259
1329
  }
1260
1330
  .hover\:bg-base-200:hover {
1261
1331
  --tw-bg-opacity: 1;
1262
- background-color: rgb(38 52 61 / var(--tw-bg-opacity));
1332
+ background-color: rgb(38 52 61 / var(--tw-bg-opacity, 1));
1263
1333
  }
1264
1334
  .hover\:bg-gray-600:hover {
1265
1335
  --tw-bg-opacity: 1;
1266
- background-color: rgb(75 85 99 / var(--tw-bg-opacity));
1336
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
1267
1337
  }
1268
1338
  .hover\:bg-green-400:hover {
1269
1339
  --tw-bg-opacity: 1;
1270
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
1340
+ background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
1271
1341
  }
1272
1342
  .hover\:bg-teal-600:hover {
1273
1343
  --tw-bg-opacity: 1;
1274
- background-color: rgb(13 148 136 / var(--tw-bg-opacity));
1344
+ background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1));
1345
+ }
1346
+ .hover\:shadow-md:hover {
1347
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1348
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1349
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1350
+ }
1351
+ .hover\:shadow-base-300:hover {
1352
+ --tw-shadow-color: #111B21;
1353
+ --tw-shadow: var(--tw-shadow-colored);
1275
1354
  }
1276
1355
  .focus\:ring-0:focus {
1277
1356
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1293,15 +1372,15 @@ video {
1293
1372
  }
1294
1373
  .dark\:bg-base-100:is([data-mode="dark"] *) {
1295
1374
  --tw-bg-opacity: 1;
1296
- background-color: rgb(75 99 116 / var(--tw-bg-opacity));
1375
+ background-color: rgb(75 99 116 / var(--tw-bg-opacity, 1));
1297
1376
  }
1298
1377
  .dark\:bg-gray-300:is([data-mode="dark"] *) {
1299
1378
  --tw-bg-opacity: 1;
1300
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1379
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
1301
1380
  }
1302
1381
  .dark\:text-gray-500:is([data-mode="dark"] *) {
1303
1382
  --tw-text-opacity: 1;
1304
- color: rgb(107 114 128 / var(--tw-text-opacity));
1383
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1305
1384
  }
1306
1385
  .dark\:shadow-gray-400:is([data-mode="dark"] *) {
1307
1386
  --tw-shadow-color: #9ca3af;
@@ -1323,9 +1402,21 @@ video {
1323
1402
  }
1324
1403
  @media (min-width: 864px) {
1325
1404
 
1405
+ .md\:flex {
1406
+ display: flex;
1407
+ }
1408
+
1409
+ .md\:max-h-full {
1410
+ max-height: 100%;
1411
+ }
1412
+
1326
1413
  .md\:w-1\/2 {
1327
1414
  width: 50%;
1328
1415
  }
1416
+
1417
+ .md\:max-w-56 {
1418
+ max-width: 14rem;
1419
+ }
1329
1420
  }
1330
1421
  @media (min-width: 1280px) {
1331
1422
 
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "dist",
6
6
  "src/test-utils"
7
7
  ],
8
- "version": "0.0.367",
8
+ "version": "0.0.369",
9
9
  "main": "dist/sm-click-library-ui.es.js",
10
10
  "module": "dist/sm-click-library-ui.umd.js",
11
11
  "private": false,