trithuc-mvc-react 1.0.8 → 1.0.10

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 (7) hide show
  1. package/.gitattributes +2 -2
  2. package/README.md +2 -2
  3. package/components/DataManagement/ExportExcelButton.jsx +1 -1
  4. package/package.json +11 -9
  5. package/styles/index.css +275 -0
  6. package/styles/index.css.map +1 -0
  7. package/styles/index.scss +274 -0
package/.gitattributes CHANGED
@@ -1,2 +1,2 @@
1
- # Auto detect text files and perform LF normalization
2
- * text=auto
1
+ # Auto detect text files and perform LF normalization
2
+ * text=auto
package/README.md CHANGED
@@ -1,2 +1,2 @@
1
- # trithuc-mvc-react
2
-
1
+ # trithuc-mvc-react
2
+
package/components/DataManagement/ExportExcelButton.jsx CHANGED
@@ -17,7 +17,7 @@ const ExportExcelButton = ({ tableName, data }) => {
17
17
  variant="outlined"
18
18
  startIcon={<Download />}
19
19
  onClick={() => {
20
- handleExportExcel(tableName);
20
+ handleExportExcel(tableName,data);
21
21
  }}
22
22
  >
23
23
  Excel
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trithuc-mvc-react",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "main": "index.js",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -17,20 +17,12 @@
17
17
  "@emotion/styled": "^11.11.0",
18
18
  "@hookform/resolvers": "^3.1.1",
19
19
  "@iconify/react": "^4.1.1",
20
- "@mui/icons-material": "^5.14.1",
21
- "@mui/material": "^5.14.1",
22
- "@mui/x-date-pickers": "^6.10.2",
23
20
  "axios": "^1.4.0",
24
21
  "date-fns": "^2.30.0",
25
22
  "lodash": "^4.17.21",
26
- "material-ui-confirm": "^3.0.9",
27
23
  "moment": "^2.29.4",
28
24
  "prop-types": "^15.8.1",
29
- "react": "^18.2.0",
30
- "react-dom": "^18.2.0",
31
25
  "react-hook-form": "^7.45.2",
32
- "react-query": "^3.39.3",
33
- "react-toastify": "^9.1.3",
34
26
  "yup": "^1.2.0"
35
27
  },
36
28
  "devDependencies": {
@@ -40,5 +32,15 @@
40
32
  "eslint-plugin-react": "^7.32.2",
41
33
  "eslint-plugin-react-hooks": "^4.6.0",
42
34
  "eslint-plugin-react-refresh": "^0.4.3"
35
+ },
36
+ "peerDependencies": {
37
+ "@mui/icons-material": "^5.14.1",
38
+ "@mui/material": "^5.14.1",
39
+ "react": "^18.2.0",
40
+ "react-dom": "^18.2.0",
41
+ "react-query": "^3.39.3",
42
+ "react-toastify": "^9.1.3",
43
+ "material-ui-confirm": "^3.0.9",
44
+ "@mui/x-date-pickers": "^6.10.2"
43
45
  }
44
46
  }
package/styles/index.css ADDED
@@ -0,0 +1,275 @@
1
+ /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
2
+ .date-range-piker-wrapper ::after,
3
+ .date-range-piker-wrapper ::before {
4
+ --tw-content: "";
5
+ }
6
+ .date-range-piker-wrapper button,
7
+ .date-range-piker-wrapper input,
8
+ .date-range-piker-wrapper optgroup,
9
+ .date-range-piker-wrapper select,
10
+ .date-range-piker-wrapper textarea {
11
+ font-family: inherit;
12
+ font-feature-settings: inherit;
13
+ font-variation-settings: inherit;
14
+ font-size: 100%;
15
+ font-weight: inherit;
16
+ line-height: inherit;
17
+ color: inherit;
18
+ margin: 0;
19
+ padding: 0;
20
+ }
21
+ .date-range-piker-wrapper button,
22
+ .date-range-piker-wrapper select {
23
+ text-transform: none;
24
+ }
25
+ .date-range-piker-wrapper [type=button],
26
+ .date-range-piker-wrapper [type=reset],
27
+ .date-range-piker-wrapper [type=submit],
28
+ .date-range-piker-wrapper button {
29
+ -webkit-appearance: button;
30
+ background-color: transparent;
31
+ background-image: none;
32
+ }
33
+ .date-range-piker-wrapper :-moz-focusring {
34
+ outline: auto;
35
+ }
36
+ .date-range-piker-wrapper :-moz-ui-invalid {
37
+ box-shadow: none;
38
+ }
39
+ .date-range-piker-wrapper progress {
40
+ vertical-align: baseline;
41
+ }
42
+ .date-range-piker-wrapper ::-webkit-inner-spin-button,
43
+ .date-range-piker-wrapper ::-webkit-outer-spin-button {
44
+ height: auto;
45
+ }
46
+ .date-range-piker-wrapper [type=search] {
47
+ -webkit-appearance: textfield;
48
+ outline-offset: -2px;
49
+ }
50
+ .date-range-piker-wrapper ::-webkit-search-decoration {
51
+ -webkit-appearance: none;
52
+ }
53
+ .date-range-piker-wrapper ::-webkit-file-upload-button {
54
+ -webkit-appearance: button;
55
+ font: inherit;
56
+ }
57
+ .date-range-piker-wrapper summary {
58
+ display: list-item;
59
+ }
60
+ .date-range-piker-wrapper blockquote,
61
+ .date-range-piker-wrapper dd,
62
+ .date-range-piker-wrapper dl,
63
+ .date-range-piker-wrapper figure,
64
+ .date-range-piker-wrapper h1,
65
+ .date-range-piker-wrapper h2,
66
+ .date-range-piker-wrapper h3,
67
+ .date-range-piker-wrapper h4,
68
+ .date-range-piker-wrapper h5,
69
+ .date-range-piker-wrapper h6,
70
+ .date-range-piker-wrapper hr,
71
+ .date-range-piker-wrapper p,
72
+ .date-range-piker-wrapper pre {
73
+ margin: 0;
74
+ }
75
+ .date-range-piker-wrapper fieldset {
76
+ margin: 0;
77
+ padding: 0;
78
+ }
79
+ .date-range-piker-wrapper legend {
80
+ padding: 0;
81
+ }
82
+ .date-range-piker-wrapper menu,
83
+ .date-range-piker-wrapper ol,
84
+ .date-range-piker-wrapper ul {
85
+ list-style: none;
86
+ margin: 0;
87
+ padding: 0;
88
+ }
89
+ .date-range-piker-wrapper dialog {
90
+ padding: 0;
91
+ }
92
+ .date-range-piker-wrapper textarea {
93
+ resize: vertical;
94
+ }
95
+ .date-range-piker-wrapper input::-moz-placeholder, .date-range-piker-wrapper textarea::-moz-placeholder {
96
+ opacity: 1;
97
+ color: #9ca3af;
98
+ }
99
+ .date-range-piker-wrapper input::placeholder,
100
+ .date-range-piker-wrapper textarea::placeholder {
101
+ opacity: 1;
102
+ color: #9ca3af;
103
+ }
104
+ .date-range-piker-wrapper [role=button],
105
+ .date-range-piker-wrapper button {
106
+ cursor: pointer;
107
+ }
108
+ .date-range-piker-wrapper :disabled {
109
+ cursor: default;
110
+ }
111
+ .date-range-piker-wrapper audio,
112
+ .date-range-piker-wrapper canvas,
113
+ .date-range-piker-wrapper embed,
114
+ .date-range-piker-wrapper iframe,
115
+ .date-range-piker-wrapper img,
116
+ .date-range-piker-wrapper object,
117
+ .date-range-piker-wrapper svg,
118
+ .date-range-piker-wrapper video {
119
+ display: block;
120
+ vertical-align: middle;
121
+ }
122
+ .date-range-piker-wrapper img,
123
+ .date-range-piker-wrapper video {
124
+ max-width: 100%;
125
+ height: auto;
126
+ }
127
+ .date-range-piker-wrapper [hidden] {
128
+ display: none;
129
+ }
130
+ .date-range-piker-wrapper *,
131
+ .date-range-piker-wrapper ::before,
132
+ .date-range-piker-wrapper ::after {
133
+ --tw-translate-x: 0;
134
+ --tw-translate-y: 0;
135
+ --tw-rotate: 0;
136
+ --tw-skew-x: 0;
137
+ --tw-skew-y: 0;
138
+ --tw-scale-x: 1;
139
+ --tw-scale-y: 1;
140
+ --tw-ring-offset-width: 0px;
141
+ --tw-ring-offset-color: #fff;
142
+ --tw-ring-color: #000;
143
+ --tw-ring-offset-shadow: 0 0 #000 0;
144
+ --tw-ring-shadow: 0 0 #000 0;
145
+ --tw-shadow: 0 0 #000 0;
146
+ --tw-shadow-colored: 0 0 #000 0;
147
+ }
148
+ .date-range-piker-wrapper ::backdrop {
149
+ --tw-translate-x: 0;
150
+ --tw-translate-y: 0;
151
+ --tw-rotate: 0;
152
+ --tw-skew-x: 0;
153
+ --tw-skew-y: 0;
154
+ --tw-scale-x: 1;
155
+ --tw-scale-y: 1;
156
+ --tw-scroll-snap-strictness: proximity;
157
+ --tw-ring-offset-width: 0px;
158
+ --tw-ring-offset-color: #fff;
159
+ --tw-ring-color: #000;
160
+ --tw-ring-offset-shadow: 0 0 #000 0;
161
+ --tw-ring-shadow: 0 0 #000 0;
162
+ --tw-shadow: 0 0 #000 0;
163
+ --tw-shadow-colored: 0 0 #000 0;
164
+ }
165
+ .date-range-piker-wrapper .mt-3 {
166
+ margin-top: 0.75rem;
167
+ }
168
+ .date-range-piker-wrapper .flex {
169
+ display: flex;
170
+ }
171
+ .date-range-piker-wrapper .grid {
172
+ display: grid;
173
+ }
174
+ .date-range-piker-wrapper .h-4 {
175
+ height: 1rem;
176
+ }
177
+ .date-range-piker-wrapper .w-12 {
178
+ width: 3rem;
179
+ }
180
+ .date-range-piker-wrapper .w-4 {
181
+ width: 1rem;
182
+ }
183
+ .date-range-piker-wrapper .min-w-\[10rem\] {
184
+ min-width: 10rem;
185
+ }
186
+ .date-range-piker-wrapper .grid-cols-7 {
187
+ grid-template-columns: repeat(7, minmax(0, 1fr));
188
+ }
189
+ .date-range-piker-wrapper .flex-col {
190
+ flex-direction: column;
191
+ }
192
+ .date-range-piker-wrapper .items-center {
193
+ align-items: center;
194
+ }
195
+ .date-range-piker-wrapper .justify-center {
196
+ justify-content: center;
197
+ }
198
+ .date-range-piker-wrapper .justify-between {
199
+ justify-content: space-between;
200
+ }
201
+ .date-range-piker-wrapper .gap-2 {
202
+ gap: 0.5rem;
203
+ }
204
+ .date-range-piker-wrapper .gap-x-2 {
205
+ -moz-column-gap: 0.5rem;
206
+ column-gap: 0.5rem;
207
+ }
208
+ .date-range-piker-wrapper .rounded-lg {
209
+ border-radius: 0.5rem;
210
+ }
211
+ .date-range-piker-wrapper .border {
212
+ border-width: 1px;
213
+ }
214
+ .date-range-piker-wrapper .border-r-0 {
215
+ border-right-width: 0px;
216
+ }
217
+ .date-range-piker-wrapper .bg-white {
218
+ --tw-bg-opacity: 1;
219
+ background-color: rgb(255 255 255/var(--tw-bg-opacity));
220
+ }
221
+ .date-range-piker-wrapper .bg-blue-200 {
222
+ --tw-bg-opacity: 1;
223
+ background-color: rgb(191 219 254/var(--tw-bg-opacity));
224
+ }
225
+ .date-range-piker-wrapper .bg-blue-600 {
226
+ --tw-bg-opacity: 1;
227
+ background-color: rgb(37 99 235/var(--tw-bg-opacity));
228
+ }
229
+ .date-range-piker-wrapper .p-2 {
230
+ padding: 0.5rem;
231
+ }
232
+ .date-range-piker-wrapper .p-3 {
233
+ padding: 0.75rem;
234
+ }
235
+ .date-range-piker-wrapper .text-center {
236
+ text-align: center;
237
+ }
238
+ .date-range-piker-wrapper .text-lg {
239
+ font-size: 1.125rem;
240
+ line-height: 1.75rem;
241
+ }
242
+ .date-range-piker-wrapper .text-white {
243
+ --tw-text-opacity: 1;
244
+ color: #000;
245
+ }
246
+ .date-range-piker-wrapper .shadow-sm {
247
+ --tw-shadow: 0 1px 2px 0 #000;
248
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
249
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #000 0), var(--tw-ring-shadow, 0 0 #000 0), var(--tw-shadow);
250
+ }
251
+ .date-range-piker-wrapper .ring-2 {
252
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
253
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
254
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #000 0);
255
+ }
256
+ .date-range-piker-wrapper .ring-blue-400 {
257
+ --tw-ring-opacity: 1;
258
+ --tw-ring-color: #000;
259
+ }
260
+ .date-range-piker-wrapper .drop-shadow-sm {
261
+ --tw-drop-shadow: drop-shadow(0 1px 1px #000);
262
+ 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);
263
+ }
264
+ .date-range-piker-wrapper .hover\:bg-gray-300:hover {
265
+ --tw-bg-opacity: 1;
266
+ background-color: rgb(209 213 219/var(--tw-bg-opacity));
267
+ }
268
+ .date-range-piker-wrapper .hover\:bg-blue-600:hover {
269
+ --tw-bg-opacity: 1;
270
+ background-color: rgb(37 99 235/var(--tw-bg-opacity));
271
+ }
272
+ .date-range-piker-wrapper .hover\:text-white:hover {
273
+ --tw-text-opacity: 1;
274
+ color: rgb(255 255 255/var(--tw-text-opacity));
275
+ }/*# sourceMappingURL=index.css.map */
package/styles/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.scss","index.css"],"names":[],"mappings":"AAAA,iEAAA;AAEE;;EAEE,gBAAA;ACAJ;ADGE;;;;;EAKE,oBAAA;EACA,8BAAA;EACA,gCAAA;EACA,eAAA;EACA,oBAAA;EACA,oBAAA;EACA,cAAA;EACA,SAAA;EACA,UAAA;ACDJ;ADGE;;EAEE,oBAAA;ACDJ;ADGE;;;;EAIE,0BAAA;EACA,6BAAA;EACA,sBAAA;ACDJ;ADGE;EACE,aAAA;ACDJ;ADGE;EACE,gBAAA;ACDJ;ADGE;EACE,wBAAA;ACDJ;ADGE;;EAEE,YAAA;ACDJ;ADGE;EACE,6BAAA;EACA,oBAAA;ACDJ;ADGE;EACE,wBAAA;ACDJ;ADGE;EACE,0BAAA;EACA,aAAA;ACDJ;ADGE;EACE,kBAAA;ACDJ;ADGE;;;;;;;;;;;;;EAaE,SAAA;ACDJ;ADGE;EACE,SAAA;EACA,UAAA;ACDJ;ADGE;EACE,UAAA;ACDJ;ADGE;;;EAGE,gBAAA;EACA,SAAA;EACA,UAAA;ACDJ;ADGE;EACE,UAAA;ACDJ;ADGE;EACE,gBAAA;ACDJ;ADGE;EAEE,UAAA;EACA,cAAA;ACDJ;ADFE;;EAEE,UAAA;EACA,cAAA;ACDJ;ADGE;;EAEE,eAAA;ACDJ;ADGE;EACE,eAAA;ACDJ;ADGE;;;;;;;;EAQE,cAAA;EACA,sBAAA;ACDJ;ADGE;;EAEE,eAAA;EACA,YAAA;ACDJ;ADGE;EACE,aAAA;ACDJ;ADGE;;;EAGE,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;EACA,mCAAA;EACA,4BAAA;EACA,uBAAA;EACA,+BAAA;ACDJ;ADGE;EACE,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,sCAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;EACA,mCAAA;EACA,4BAAA;EACA,uBAAA;EACA,+BAAA;ACDJ;ADGE;EACE,mBAAA;ACDJ;ADGE;EACE,aAAA;ACDJ;ADGE;EACE,aAAA;ACDJ;ADGE;EACE,YAAA;ACDJ;ADGE;EACE,WAAA;ACDJ;ADGE;EACE,WAAA;ACDJ;ADGE;EACE,gBAAA;ACDJ;ADGE;EACE,gDAAA;ACDJ;ADGE;EACE,sBAAA;ACDJ;ADGE;EACE,mBAAA;ACDJ;ADGE;EACE,uBAAA;ACDJ;ADGE;EACE,8BAAA;ACDJ;ADGE;EACE,WAAA;ACDJ;ADGE;EACE,uBAAA;OAAA,kBAAA;ACDJ;ADGE;EACE,qBAAA;ACDJ;ADGE;EACE,iBAAA;ACDJ;ADGE;EACE,uBAAA;ACDJ;ADGE;EACE,kBAAA;EACA,uDAAA;ACDJ;ADGE;EACE,kBAAA;EACA,uDAAA;ACDJ;ADGE;EACE,kBAAA;EACA,qDAAA;ACDJ;ADGE;EACE,eAAA;ACDJ;ADGE;EACE,gBAAA;ACDJ;ADGE;EACE,kBAAA;ACDJ;ADGE;EACE,mBAAA;EACA,oBAAA;ACDJ;ADGE;EACE,oBAAA;EACA,WAAA;ACDJ;ADGE;EACE,6BAAA;EACA,uDAAA;EACA,yGAAA;ACDJ;ADGE;EACE,2GAAA;EACA,yGAAA;EACA,6FAAA;ACDJ;ADGE;EACE,oBAAA;EACA,qBAAA;ACDJ;ADGE;EACE,6CAAA;EACA,iLAAA;ACDJ;ADIE;EACE,kBAAA;EACA,uDAAA;ACFJ;ADIE;EACE,kBAAA;EACA,qDAAA;ACFJ;ADIE;EACE,oBAAA;EACA,8CAAA;ACFJ","file":"index.css"}
package/styles/index.scss ADDED
@@ -0,0 +1,274 @@
1
+ /* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
2
+ .date-range-piker-wrapper {
3
+ ::after,
4
+ ::before {
5
+ --tw-content: "";
6
+ }
7
+
8
+ button,
9
+ input,
10
+ optgroup,
11
+ select,
12
+ textarea {
13
+ font-family: inherit;
14
+ font-feature-settings: inherit;
15
+ font-variation-settings: inherit;
16
+ font-size: 100%;
17
+ font-weight: inherit;
18
+ line-height: inherit;
19
+ color: inherit;
20
+ margin: 0;
21
+ padding: 0;
22
+ }
23
+ button,
24
+ select {
25
+ text-transform: none;
26
+ }
27
+ [type="button"],
28
+ [type="reset"],
29
+ [type="submit"],
30
+ button {
31
+ -webkit-appearance: button;
32
+ background-color: transparent;
33
+ background-image: none;
34
+ }
35
+ :-moz-focusring {
36
+ outline: auto;
37
+ }
38
+ :-moz-ui-invalid {
39
+ box-shadow: none;
40
+ }
41
+ progress {
42
+ vertical-align: baseline;
43
+ }
44
+ ::-webkit-inner-spin-button,
45
+ ::-webkit-outer-spin-button {
46
+ height: auto;
47
+ }
48
+ [type="search"] {
49
+ -webkit-appearance: textfield;
50
+ outline-offset: -2px;
51
+ }
52
+ ::-webkit-search-decoration {
53
+ -webkit-appearance: none;
54
+ }
55
+ ::-webkit-file-upload-button {
56
+ -webkit-appearance: button;
57
+ font: inherit;
58
+ }
59
+ summary {
60
+ display: list-item;
61
+ }
62
+ blockquote,
63
+ dd,
64
+ dl,
65
+ figure,
66
+ h1,
67
+ h2,
68
+ h3,
69
+ h4,
70
+ h5,
71
+ h6,
72
+ hr,
73
+ p,
74
+ pre {
75
+ margin: 0;
76
+ }
77
+ fieldset {
78
+ margin: 0;
79
+ padding: 0;
80
+ }
81
+ legend {
82
+ padding: 0;
83
+ }
84
+ menu,
85
+ ol,
86
+ ul {
87
+ list-style: none;
88
+ margin: 0;
89
+ padding: 0;
90
+ }
91
+ dialog {
92
+ padding: 0;
93
+ }
94
+ textarea {
95
+ resize: vertical;
96
+ }
97
+ input::placeholder,
98
+ textarea::placeholder {
99
+ opacity: 1;
100
+ color: #9ca3af;
101
+ }
102
+ [role="button"],
103
+ button {
104
+ cursor: pointer;
105
+ }
106
+ :disabled {
107
+ cursor: default;
108
+ }
109
+ audio,
110
+ canvas,
111
+ embed,
112
+ iframe,
113
+ img,
114
+ object,
115
+ svg,
116
+ video {
117
+ display: block;
118
+ vertical-align: middle;
119
+ }
120
+ img,
121
+ video {
122
+ max-width: 100%;
123
+ height: auto;
124
+ }
125
+ [hidden] {
126
+ display: none;
127
+ }
128
+ *,
129
+ ::before,
130
+ ::after {
131
+ --tw-translate-x: 0;
132
+ --tw-translate-y: 0;
133
+ --tw-rotate: 0;
134
+ --tw-skew-x: 0;
135
+ --tw-skew-y: 0;
136
+ --tw-scale-x: 1;
137
+ --tw-scale-y: 1;
138
+ --tw-ring-offset-width: 0px;
139
+ --tw-ring-offset-color: #fff;
140
+ --tw-ring-color: #000;
141
+ --tw-ring-offset-shadow: 0 0 #000 0;
142
+ --tw-ring-shadow: 0 0 #000 0;
143
+ --tw-shadow: 0 0 #000 0;
144
+ --tw-shadow-colored: 0 0 #000 0;
145
+ }
146
+ ::backdrop {
147
+ --tw-translate-x: 0;
148
+ --tw-translate-y: 0;
149
+ --tw-rotate: 0;
150
+ --tw-skew-x: 0;
151
+ --tw-skew-y: 0;
152
+ --tw-scale-x: 1;
153
+ --tw-scale-y: 1;
154
+ --tw-scroll-snap-strictness: proximity;
155
+ --tw-ring-offset-width: 0px;
156
+ --tw-ring-offset-color: #fff;
157
+ --tw-ring-color: #000;
158
+ --tw-ring-offset-shadow: 0 0 #000 0;
159
+ --tw-ring-shadow: 0 0 #000 0;
160
+ --tw-shadow: 0 0 #000 0;
161
+ --tw-shadow-colored: 0 0 #000 0;
162
+ }
163
+ .mt-3 {
164
+ margin-top: 0.75rem;
165
+ }
166
+ .flex {
167
+ display: flex;
168
+ }
169
+ .grid {
170
+ display: grid;
171
+ }
172
+ .h-4 {
173
+ height: 1rem;
174
+ }
175
+ .w-12 {
176
+ width: 3rem;
177
+ }
178
+ .w-4 {
179
+ width: 1rem;
180
+ }
181
+ .min-w-\[10rem\] {
182
+ min-width: 10rem;
183
+ }
184
+ .grid-cols-7 {
185
+ grid-template-columns: repeat(7, minmax(0, 1fr));
186
+ }
187
+ .flex-col {
188
+ flex-direction: column;
189
+ }
190
+ .items-center {
191
+ align-items: center;
192
+ }
193
+ .justify-center {
194
+ justify-content: center;
195
+ }
196
+ .justify-between {
197
+ justify-content: space-between;
198
+ }
199
+ .gap-2 {
200
+ gap: 0.5rem;
201
+ }
202
+ .gap-x-2 {
203
+ column-gap: 0.5rem;
204
+ }
205
+ .rounded-lg {
206
+ border-radius: 0.5rem;
207
+ }
208
+ .border {
209
+ border-width: 1px;
210
+ }
211
+ .border-r-0 {
212
+ border-right-width: 0px;
213
+ }
214
+ .bg-white {
215
+ --tw-bg-opacity: 1;
216
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
217
+ }
218
+ .bg-blue-200 {
219
+ --tw-bg-opacity: 1;
220
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity));
221
+ }
222
+ .bg-blue-600 {
223
+ --tw-bg-opacity: 1;
224
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
225
+ }
226
+ .p-2 {
227
+ padding: 0.5rem;
228
+ }
229
+ .p-3 {
230
+ padding: 0.75rem;
231
+ }
232
+ .text-center {
233
+ text-align: center;
234
+ }
235
+ .text-lg {
236
+ font-size: 1.125rem;
237
+ line-height: 1.75rem;
238
+ }
239
+ .text-white {
240
+ --tw-text-opacity: 1;
241
+ color: #000;
242
+ }
243
+ .shadow-sm {
244
+ --tw-shadow: 0 1px 2px 0 #000;
245
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
246
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #000 0), var(--tw-ring-shadow, 0 0 #000 0), var(--tw-shadow);
247
+ }
248
+ .ring-2 {
249
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
250
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
251
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #000 0);
252
+ }
253
+ .ring-blue-400 {
254
+ --tw-ring-opacity: 1;
255
+ --tw-ring-color: #000;
256
+ }
257
+ .drop-shadow-sm {
258
+ --tw-drop-shadow: drop-shadow(0 1px 1px #000);
259
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
260
+ var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
261
+ }
262
+ .hover\:bg-gray-300:hover {
263
+ --tw-bg-opacity: 1;
264
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity));
265
+ }
266
+ .hover\:bg-blue-600:hover {
267
+ --tw-bg-opacity: 1;
268
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
269
+ }
270
+ .hover\:text-white:hover {
271
+ --tw-text-opacity: 1;
272
+ color: rgb(255 255 255 / var(--tw-text-opacity));
273
+ }
274
+ }