ml-uikit 1.0.2

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 (63) hide show
  1. package/README.md +19 -0
  2. package/dist/components/Alert.d.ts +10 -0
  3. package/dist/components/Alert.d.ts.map +1 -0
  4. package/dist/components/Avatar.d.ts +7 -0
  5. package/dist/components/Avatar.d.ts.map +1 -0
  6. package/dist/components/Badge.d.ts +10 -0
  7. package/dist/components/Badge.d.ts.map +1 -0
  8. package/dist/components/Breadcrumb.d.ts +12 -0
  9. package/dist/components/Breadcrumb.d.ts.map +1 -0
  10. package/dist/components/Button.d.ts +12 -0
  11. package/dist/components/Button.d.ts.map +1 -0
  12. package/dist/components/Calendar.d.ts +9 -0
  13. package/dist/components/Calendar.d.ts.map +1 -0
  14. package/dist/components/ML_Component/Login.d.ts +3 -0
  15. package/dist/components/ML_Component/Login.d.ts.map +1 -0
  16. package/dist/components/ui/input.d.ts +4 -0
  17. package/dist/components/ui/input.d.ts.map +1 -0
  18. package/dist/index.cjs.js +2 -0
  19. package/dist/index.cjs.js.map +1 -0
  20. package/dist/index.cjs10.js +2 -0
  21. package/dist/index.cjs10.js.map +1 -0
  22. package/dist/index.cjs2.js +2 -0
  23. package/dist/index.cjs2.js.map +1 -0
  24. package/dist/index.cjs3.js +2 -0
  25. package/dist/index.cjs3.js.map +1 -0
  26. package/dist/index.cjs4.js +2 -0
  27. package/dist/index.cjs4.js.map +1 -0
  28. package/dist/index.cjs5.js +2 -0
  29. package/dist/index.cjs5.js.map +1 -0
  30. package/dist/index.cjs6.js +2 -0
  31. package/dist/index.cjs6.js.map +1 -0
  32. package/dist/index.cjs7.js +2 -0
  33. package/dist/index.cjs7.js.map +1 -0
  34. package/dist/index.cjs8.js +2 -0
  35. package/dist/index.cjs8.js.map +1 -0
  36. package/dist/index.cjs9.js +2 -0
  37. package/dist/index.cjs9.js.map +1 -0
  38. package/dist/index.d.ts +9 -0
  39. package/dist/index.d.ts.map +1 -0
  40. package/dist/index.es.js +31 -0
  41. package/dist/index.es.js.map +1 -0
  42. package/dist/index.es10.js +9 -0
  43. package/dist/index.es10.js.map +1 -0
  44. package/dist/index.es2.js +46 -0
  45. package/dist/index.es2.js.map +1 -0
  46. package/dist/index.es3.js +42 -0
  47. package/dist/index.es3.js.map +1 -0
  48. package/dist/index.es4.js +67 -0
  49. package/dist/index.es4.js.map +1 -0
  50. package/dist/index.es5.js +41 -0
  51. package/dist/index.es5.js.map +1 -0
  52. package/dist/index.es6.js +102 -0
  53. package/dist/index.es6.js.map +1 -0
  54. package/dist/index.es7.js +21 -0
  55. package/dist/index.es7.js.map +1 -0
  56. package/dist/index.es8.js +10 -0
  57. package/dist/index.es8.js.map +1 -0
  58. package/dist/index.es9.js +173 -0
  59. package/dist/index.es9.js.map +1 -0
  60. package/dist/lib/utils.d.ts +3 -0
  61. package/dist/lib/utils.d.ts.map +1 -0
  62. package/dist/style.css +1221 -0
  63. package/package.json +64 -0
package/dist/style.css ADDED
@@ -0,0 +1,1221 @@
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.19 | MIT License | https://tailwindcss.com
109
+ *//*
110
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112
+ */
113
+
114
+ *,
115
+ ::before,
116
+ ::after {
117
+ box-sizing: border-box; /* 1 */
118
+ border-width: 0; /* 2 */
119
+ border-style: solid; /* 2 */
120
+ border-color: #e5e7eb; /* 2 */
121
+ }
122
+
123
+ ::before,
124
+ ::after {
125
+ --tw-content: '';
126
+ }
127
+
128
+ /*
129
+ 1. Use a consistent sensible line-height in all browsers.
130
+ 2. Prevent adjustments of font size after orientation changes in iOS.
131
+ 3. Use a more readable tab size.
132
+ 4. Use the user's configured `sans` font-family by default.
133
+ 5. Use the user's configured `sans` font-feature-settings by default.
134
+ 6. Use the user's configured `sans` font-variation-settings by default.
135
+ 7. Disable tap highlights on iOS
136
+ */
137
+
138
+ html,
139
+ :host {
140
+ line-height: 1.5; /* 1 */
141
+ -webkit-text-size-adjust: 100%; /* 2 */
142
+ -moz-tab-size: 4; /* 3 */
143
+ -o-tab-size: 4;
144
+ tab-size: 4; /* 3 */
145
+ font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
146
+ font-feature-settings: normal; /* 5 */
147
+ font-variation-settings: normal; /* 6 */
148
+ -webkit-tap-highlight-color: transparent; /* 7 */
149
+ }
150
+
151
+ /*
152
+ 1. Remove the margin in all browsers.
153
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
154
+ */
155
+
156
+ body {
157
+ margin: 0; /* 1 */
158
+ line-height: inherit; /* 2 */
159
+ }
160
+
161
+ /*
162
+ 1. Add the correct height in Firefox.
163
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
164
+ 3. Ensure horizontal rules are visible by default.
165
+ */
166
+
167
+ hr {
168
+ height: 0; /* 1 */
169
+ color: inherit; /* 2 */
170
+ border-top-width: 1px; /* 3 */
171
+ }
172
+
173
+ /*
174
+ Add the correct text decoration in Chrome, Edge, and Safari.
175
+ */
176
+
177
+ abbr:where([title]) {
178
+ -webkit-text-decoration: underline dotted;
179
+ text-decoration: underline dotted;
180
+ }
181
+
182
+ /*
183
+ Remove the default font size and weight for headings.
184
+ */
185
+
186
+ h1,
187
+ h2,
188
+ h3,
189
+ h4,
190
+ h5,
191
+ h6 {
192
+ font-size: inherit;
193
+ font-weight: inherit;
194
+ }
195
+
196
+ /*
197
+ Reset links to optimize for opt-in styling instead of opt-out.
198
+ */
199
+
200
+ a {
201
+ color: inherit;
202
+ text-decoration: inherit;
203
+ }
204
+
205
+ /*
206
+ Add the correct font weight in Edge and Safari.
207
+ */
208
+
209
+ b,
210
+ strong {
211
+ font-weight: bolder;
212
+ }
213
+
214
+ /*
215
+ 1. Use the user's configured `mono` font-family by default.
216
+ 2. Use the user's configured `mono` font-feature-settings by default.
217
+ 3. Use the user's configured `mono` font-variation-settings by default.
218
+ 4. Correct the odd `em` font sizing in all browsers.
219
+ */
220
+
221
+ code,
222
+ kbd,
223
+ samp,
224
+ pre {
225
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
226
+ font-feature-settings: normal; /* 2 */
227
+ font-variation-settings: normal; /* 3 */
228
+ font-size: 1em; /* 4 */
229
+ }
230
+
231
+ /*
232
+ Add the correct font size in all browsers.
233
+ */
234
+
235
+ small {
236
+ font-size: 80%;
237
+ }
238
+
239
+ /*
240
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
241
+ */
242
+
243
+ sub,
244
+ sup {
245
+ font-size: 75%;
246
+ line-height: 0;
247
+ position: relative;
248
+ vertical-align: baseline;
249
+ }
250
+
251
+ sub {
252
+ bottom: -0.25em;
253
+ }
254
+
255
+ sup {
256
+ top: -0.5em;
257
+ }
258
+
259
+ /*
260
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
261
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
262
+ 3. Remove gaps between table borders by default.
263
+ */
264
+
265
+ table {
266
+ text-indent: 0; /* 1 */
267
+ border-color: inherit; /* 2 */
268
+ border-collapse: collapse; /* 3 */
269
+ }
270
+
271
+ /*
272
+ 1. Change the font styles in all browsers.
273
+ 2. Remove the margin in Firefox and Safari.
274
+ 3. Remove default padding in all browsers.
275
+ */
276
+
277
+ button,
278
+ input,
279
+ optgroup,
280
+ select,
281
+ textarea {
282
+ font-family: inherit; /* 1 */
283
+ font-feature-settings: inherit; /* 1 */
284
+ font-variation-settings: inherit; /* 1 */
285
+ font-size: 100%; /* 1 */
286
+ font-weight: inherit; /* 1 */
287
+ line-height: inherit; /* 1 */
288
+ letter-spacing: inherit; /* 1 */
289
+ color: inherit; /* 1 */
290
+ margin: 0; /* 2 */
291
+ padding: 0; /* 3 */
292
+ }
293
+
294
+ /*
295
+ Remove the inheritance of text transform in Edge and Firefox.
296
+ */
297
+
298
+ button,
299
+ select {
300
+ text-transform: none;
301
+ }
302
+
303
+ /*
304
+ 1. Correct the inability to style clickable types in iOS and Safari.
305
+ 2. Remove default button styles.
306
+ */
307
+
308
+ button,
309
+ input:where([type='button']),
310
+ input:where([type='reset']),
311
+ input:where([type='submit']) {
312
+ -webkit-appearance: button; /* 1 */
313
+ background-color: transparent; /* 2 */
314
+ background-image: none; /* 2 */
315
+ }
316
+
317
+ /*
318
+ Use the modern Firefox focus style for all focusable elements.
319
+ */
320
+
321
+ :-moz-focusring {
322
+ outline: auto;
323
+ }
324
+
325
+ /*
326
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
327
+ */
328
+
329
+ :-moz-ui-invalid {
330
+ box-shadow: none;
331
+ }
332
+
333
+ /*
334
+ Add the correct vertical alignment in Chrome and Firefox.
335
+ */
336
+
337
+ progress {
338
+ vertical-align: baseline;
339
+ }
340
+
341
+ /*
342
+ Correct the cursor style of increment and decrement buttons in Safari.
343
+ */
344
+
345
+ ::-webkit-inner-spin-button,
346
+ ::-webkit-outer-spin-button {
347
+ height: auto;
348
+ }
349
+
350
+ /*
351
+ 1. Correct the odd appearance in Chrome and Safari.
352
+ 2. Correct the outline style in Safari.
353
+ */
354
+
355
+ [type='search'] {
356
+ -webkit-appearance: textfield; /* 1 */
357
+ outline-offset: -2px; /* 2 */
358
+ }
359
+
360
+ /*
361
+ Remove the inner padding in Chrome and Safari on macOS.
362
+ */
363
+
364
+ ::-webkit-search-decoration {
365
+ -webkit-appearance: none;
366
+ }
367
+
368
+ /*
369
+ 1. Correct the inability to style clickable types in iOS and Safari.
370
+ 2. Change font properties to `inherit` in Safari.
371
+ */
372
+
373
+ ::-webkit-file-upload-button {
374
+ -webkit-appearance: button; /* 1 */
375
+ font: inherit; /* 2 */
376
+ }
377
+
378
+ /*
379
+ Add the correct display in Chrome and Safari.
380
+ */
381
+
382
+ summary {
383
+ display: list-item;
384
+ }
385
+
386
+ /*
387
+ Removes the default spacing and border for appropriate elements.
388
+ */
389
+
390
+ blockquote,
391
+ dl,
392
+ dd,
393
+ h1,
394
+ h2,
395
+ h3,
396
+ h4,
397
+ h5,
398
+ h6,
399
+ hr,
400
+ figure,
401
+ p,
402
+ pre {
403
+ margin: 0;
404
+ }
405
+
406
+ fieldset {
407
+ margin: 0;
408
+ padding: 0;
409
+ }
410
+
411
+ legend {
412
+ padding: 0;
413
+ }
414
+
415
+ ol,
416
+ ul,
417
+ menu {
418
+ list-style: none;
419
+ margin: 0;
420
+ padding: 0;
421
+ }
422
+
423
+ /*
424
+ Reset default styling for dialogs.
425
+ */
426
+ dialog {
427
+ padding: 0;
428
+ }
429
+
430
+ /*
431
+ Prevent resizing textareas horizontally by default.
432
+ */
433
+
434
+ textarea {
435
+ resize: vertical;
436
+ }
437
+
438
+ /*
439
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
440
+ 2. Set the default placeholder color to the user's configured gray 400 color.
441
+ */
442
+
443
+ input::-moz-placeholder, textarea::-moz-placeholder {
444
+ opacity: 1; /* 1 */
445
+ color: #9ca3af; /* 2 */
446
+ }
447
+
448
+ input::placeholder,
449
+ textarea::placeholder {
450
+ opacity: 1; /* 1 */
451
+ color: #9ca3af; /* 2 */
452
+ }
453
+
454
+ /*
455
+ Set the default cursor for buttons.
456
+ */
457
+
458
+ button,
459
+ [role="button"] {
460
+ cursor: pointer;
461
+ }
462
+
463
+ /*
464
+ Make sure disabled buttons don't get the pointer cursor.
465
+ */
466
+ :disabled {
467
+ cursor: default;
468
+ }
469
+
470
+ /*
471
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
472
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
473
+ This can trigger a poorly considered lint error in some tools but is included by design.
474
+ */
475
+
476
+ img,
477
+ svg,
478
+ video,
479
+ canvas,
480
+ audio,
481
+ iframe,
482
+ embed,
483
+ object {
484
+ display: block; /* 1 */
485
+ vertical-align: middle; /* 2 */
486
+ }
487
+
488
+ /*
489
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
490
+ */
491
+
492
+ img,
493
+ video {
494
+ max-width: 100%;
495
+ height: auto;
496
+ }
497
+
498
+ /* Make elements with the HTML hidden attribute stay hidden by default */
499
+ [hidden]:where(:not([hidden="until-found"])) {
500
+ display: none;
501
+ }
502
+ :root {
503
+ --background: 0 0% 100%;
504
+ --foreground: 0 0% 3.9%;
505
+
506
+ --muted: 0 0% 96.1%;
507
+ --muted-foreground: 0 0% 45.1%;
508
+
509
+ --popover: 0 0% 100%;
510
+ --popover-foreground: 0 0% 3.9%;
511
+
512
+ --card: 0 0% 100%;
513
+ --card-foreground: 0 0% 3.9%;
514
+
515
+ --border: 0 0% 89.8%;
516
+ --input: 0 0% 89.8%;
517
+
518
+ --primary: 0 0% 9%;
519
+ --primary-foreground: 0 0% 98%;
520
+
521
+ --secondary: 0 0% 96.1%;
522
+ --secondary-foreground: 0 0% 9%;
523
+
524
+ --accent: 0 0% 96.1%;
525
+ --accent-foreground: 0 0% 9%;
526
+
527
+ --destructive: 0 84.2% 60.2%;
528
+ --destructive-foreground: 0 0% 98%;
529
+
530
+ --ring: 0 0% 3.9%;
531
+
532
+ --radius: 0.5rem;
533
+
534
+ --chart-1: 12 76% 61%;
535
+
536
+ --chart-2: 173 58% 39%;
537
+
538
+ --chart-3: 197 37% 24%;
539
+
540
+ --chart-4: 43 74% 66%;
541
+
542
+ --chart-5: 27 87% 67%;
543
+ }
544
+
545
+ .dark {
546
+ --background: 0 0% 3.9%;
547
+ --foreground: 0 0% 98%;
548
+
549
+ --muted: 0 0% 14.9%;
550
+ --muted-foreground: 0 0% 63.9%;
551
+
552
+ --popover: 0 0% 3.9%;
553
+ --popover-foreground: 0 0% 98%;
554
+
555
+ --card: 0 0% 3.9%;
556
+ --card-foreground: 0 0% 98%;
557
+
558
+ --border: 0 0% 14.9%;
559
+ --input: 0 0% 14.9%;
560
+
561
+ --primary: 0 0% 98%;
562
+ --primary-foreground: 0 0% 9%;
563
+
564
+ --secondary: 0 0% 14.9%;
565
+ --secondary-foreground: 0 0% 98%;
566
+
567
+ --accent: 0 0% 14.9%;
568
+ --accent-foreground: 0 0% 98%;
569
+
570
+ --destructive: 0 62.8% 30.6%;
571
+ --destructive-foreground: 0 0% 98%;
572
+
573
+ --ring: 0 0% 83.1%;
574
+
575
+ --radius: 0.5rem;
576
+
577
+ --chart-1: 220 70% 50%;
578
+
579
+ --chart-2: 160 60% 45%;
580
+
581
+ --chart-3: 30 80% 55%;
582
+
583
+ --chart-4: 280 65% 60%;
584
+
585
+ --chart-5: 340 75% 55%;
586
+ }
587
+ * {
588
+ border-color: hsl(var(--border));
589
+ }
590
+ body {
591
+ background-color: hsl(var(--background));
592
+ color: hsl(var(--foreground));
593
+ font-feature-settings: "rlig" 1, "calt" 1;
594
+ }
595
+ .sr-only {
596
+ position: absolute;
597
+ width: 1px;
598
+ height: 1px;
599
+ padding: 0;
600
+ margin: -1px;
601
+ overflow: hidden;
602
+ clip: rect(0, 0, 0, 0);
603
+ white-space: nowrap;
604
+ border-width: 0;
605
+ }
606
+ .invisible {
607
+ visibility: hidden;
608
+ }
609
+ .absolute {
610
+ position: absolute;
611
+ }
612
+ .relative {
613
+ position: relative;
614
+ }
615
+ .inset-0 {
616
+ inset: 0px;
617
+ }
618
+ .inset-x-0 {
619
+ left: 0px;
620
+ right: 0px;
621
+ }
622
+ .top-0 {
623
+ top: 0px;
624
+ }
625
+ .col-start-2 {
626
+ grid-column-start: 2;
627
+ }
628
+ .mt-2 {
629
+ margin-top: 0.5rem;
630
+ }
631
+ .line-clamp-1 {
632
+ overflow: hidden;
633
+ display: -webkit-box;
634
+ -webkit-box-orient: vertical;
635
+ -webkit-line-clamp: 1;
636
+ }
637
+ .flex {
638
+ display: flex;
639
+ }
640
+ .inline-flex {
641
+ display: inline-flex;
642
+ }
643
+ .table {
644
+ display: table;
645
+ }
646
+ .grid {
647
+ display: grid;
648
+ }
649
+ .hidden {
650
+ display: none;
651
+ }
652
+ .aspect-square {
653
+ aspect-ratio: 1 / 1;
654
+ }
655
+ .size-4 {
656
+ width: 1rem;
657
+ height: 1rem;
658
+ }
659
+ .size-9 {
660
+ width: 2.25rem;
661
+ height: 2.25rem;
662
+ }
663
+ .size-auto {
664
+ width: auto;
665
+ height: auto;
666
+ }
667
+ .h-10 {
668
+ height: 2.5rem;
669
+ }
670
+ .h-11 {
671
+ height: 2.75rem;
672
+ }
673
+ .h-8 {
674
+ height: 2rem;
675
+ }
676
+ .h-9 {
677
+ height: 2.25rem;
678
+ }
679
+ .h-full {
680
+ height: 100%;
681
+ }
682
+ .min-h-4 {
683
+ min-height: 1rem;
684
+ }
685
+ .w-10 {
686
+ width: 2.5rem;
687
+ }
688
+ .w-fit {
689
+ width: -moz-fit-content;
690
+ width: fit-content;
691
+ }
692
+ .w-full {
693
+ width: 100%;
694
+ }
695
+ .flex-1 {
696
+ flex: 1 1 0%;
697
+ }
698
+ .shrink-0 {
699
+ flex-shrink: 0;
700
+ }
701
+ .border-collapse {
702
+ border-collapse: collapse;
703
+ }
704
+ .select-none {
705
+ -webkit-user-select: none;
706
+ -moz-user-select: none;
707
+ user-select: none;
708
+ }
709
+ .grid-cols-\[0_1fr\] {
710
+ grid-template-columns: 0 1fr;
711
+ }
712
+ .flex-col {
713
+ flex-direction: column;
714
+ }
715
+ .flex-wrap {
716
+ flex-wrap: wrap;
717
+ }
718
+ .items-start {
719
+ align-items: flex-start;
720
+ }
721
+ .items-center {
722
+ align-items: center;
723
+ }
724
+ .justify-center {
725
+ justify-content: center;
726
+ }
727
+ .justify-between {
728
+ justify-content: space-between;
729
+ }
730
+ .justify-items-start {
731
+ justify-items: start;
732
+ }
733
+ .gap-1 {
734
+ gap: 0.25rem;
735
+ }
736
+ .gap-1\.5 {
737
+ gap: 0.375rem;
738
+ }
739
+ .gap-4 {
740
+ gap: 1rem;
741
+ }
742
+ .gap-y-0\.5 {
743
+ row-gap: 0.125rem;
744
+ }
745
+ .overflow-hidden {
746
+ overflow: hidden;
747
+ }
748
+ .whitespace-nowrap {
749
+ white-space: nowrap;
750
+ }
751
+ .break-words {
752
+ overflow-wrap: break-word;
753
+ }
754
+ .rounded-full {
755
+ border-radius: 9999px;
756
+ }
757
+ .rounded-lg {
758
+ border-radius: var(--radius);
759
+ }
760
+ .rounded-md {
761
+ border-radius: calc(var(--radius) - 2px);
762
+ }
763
+ .rounded-none {
764
+ border-radius: 0px;
765
+ }
766
+ .rounded-l-md {
767
+ border-top-left-radius: calc(var(--radius) - 2px);
768
+ border-bottom-left-radius: calc(var(--radius) - 2px);
769
+ }
770
+ .rounded-r-md {
771
+ border-top-right-radius: calc(var(--radius) - 2px);
772
+ border-bottom-right-radius: calc(var(--radius) - 2px);
773
+ }
774
+ .border {
775
+ border-width: 1px;
776
+ }
777
+ .border-input {
778
+ border-color: hsl(var(--input));
779
+ }
780
+ .border-transparent {
781
+ border-color: transparent;
782
+ }
783
+ .bg-accent {
784
+ background-color: hsl(var(--accent));
785
+ }
786
+ .bg-background {
787
+ background-color: hsl(var(--background));
788
+ }
789
+ .bg-card {
790
+ background-color: hsl(var(--card));
791
+ }
792
+ .bg-destructive {
793
+ background-color: hsl(var(--destructive));
794
+ }
795
+ .bg-muted {
796
+ background-color: hsl(var(--muted));
797
+ }
798
+ .bg-popover {
799
+ background-color: hsl(var(--popover));
800
+ }
801
+ .bg-primary {
802
+ background-color: hsl(var(--primary));
803
+ }
804
+ .bg-secondary {
805
+ background-color: hsl(var(--secondary));
806
+ }
807
+ .bg-transparent {
808
+ background-color: transparent;
809
+ }
810
+ .p-0 {
811
+ padding: 0px;
812
+ }
813
+ .p-3 {
814
+ padding: 0.75rem;
815
+ }
816
+ .p-4 {
817
+ padding: 1rem;
818
+ }
819
+ .px-2 {
820
+ padding-left: 0.5rem;
821
+ padding-right: 0.5rem;
822
+ }
823
+ .px-3 {
824
+ padding-left: 0.75rem;
825
+ padding-right: 0.75rem;
826
+ }
827
+ .px-4 {
828
+ padding-left: 1rem;
829
+ padding-right: 1rem;
830
+ }
831
+ .px-8 {
832
+ padding-left: 2rem;
833
+ padding-right: 2rem;
834
+ }
835
+ .py-0\.5 {
836
+ padding-top: 0.125rem;
837
+ padding-bottom: 0.125rem;
838
+ }
839
+ .py-1 {
840
+ padding-top: 0.25rem;
841
+ padding-bottom: 0.25rem;
842
+ }
843
+ .py-2 {
844
+ padding-top: 0.5rem;
845
+ padding-bottom: 0.5rem;
846
+ }
847
+ .py-3 {
848
+ padding-top: 0.75rem;
849
+ padding-bottom: 0.75rem;
850
+ }
851
+ .pl-2 {
852
+ padding-left: 0.5rem;
853
+ }
854
+ .pr-1 {
855
+ padding-right: 0.25rem;
856
+ }
857
+ .text-center {
858
+ text-align: center;
859
+ }
860
+ .text-\[0\.8rem\] {
861
+ font-size: 0.8rem;
862
+ }
863
+ .text-base {
864
+ font-size: 1rem;
865
+ line-height: 1.5rem;
866
+ }
867
+ .text-sm {
868
+ font-size: 0.875rem;
869
+ line-height: 1.25rem;
870
+ }
871
+ .text-xs {
872
+ font-size: 0.75rem;
873
+ line-height: 1rem;
874
+ }
875
+ .font-medium {
876
+ font-weight: 500;
877
+ }
878
+ .font-normal {
879
+ font-weight: 400;
880
+ }
881
+ .leading-none {
882
+ line-height: 1;
883
+ }
884
+ .tracking-tight {
885
+ letter-spacing: -0.025em;
886
+ }
887
+ .text-accent-foreground {
888
+ color: hsl(var(--accent-foreground));
889
+ }
890
+ .text-card-foreground {
891
+ color: hsl(var(--card-foreground));
892
+ }
893
+ .text-destructive {
894
+ color: hsl(var(--destructive));
895
+ }
896
+ .text-destructive-foreground {
897
+ color: hsl(var(--destructive-foreground));
898
+ }
899
+ .text-foreground {
900
+ color: hsl(var(--foreground));
901
+ }
902
+ .text-muted-foreground {
903
+ color: hsl(var(--muted-foreground));
904
+ }
905
+ .text-primary {
906
+ color: hsl(var(--primary));
907
+ }
908
+ .text-primary-foreground {
909
+ color: hsl(var(--primary-foreground));
910
+ }
911
+ .text-secondary-foreground {
912
+ color: hsl(var(--secondary-foreground));
913
+ }
914
+ .text-white {
915
+ --tw-text-opacity: 1;
916
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
917
+ }
918
+ .underline-offset-4 {
919
+ text-underline-offset: 4px;
920
+ }
921
+ .opacity-0 {
922
+ opacity: 0;
923
+ }
924
+ .opacity-50 {
925
+ opacity: 0.5;
926
+ }
927
+ .shadow-sm {
928
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
929
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
930
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
931
+ }
932
+ .outline {
933
+ outline-style: solid;
934
+ }
935
+ .ring-offset-background {
936
+ --tw-ring-offset-color: hsl(var(--background));
937
+ }
938
+ .transition-\[color\2c box-shadow\] {
939
+ transition-property: color,box-shadow;
940
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
941
+ transition-duration: 150ms;
942
+ }
943
+ .transition-colors {
944
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
945
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
946
+ transition-duration: 150ms;
947
+ }
948
+ @keyframes enter {
949
+
950
+ from {
951
+ opacity: var(--tw-enter-opacity, 1);
952
+ transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
953
+ }
954
+ }
955
+ @keyframes exit {
956
+
957
+ to {
958
+ opacity: var(--tw-exit-opacity, 1);
959
+ transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
960
+ }
961
+ }
962
+ .\[--cell-size\:--spacing\(8\)\] {
963
+ --cell-size: var(--spacing(8));
964
+ }
965
+ .file\:border-0::file-selector-button {
966
+ border-width: 0px;
967
+ }
968
+ .file\:bg-transparent::file-selector-button {
969
+ background-color: transparent;
970
+ }
971
+ .file\:text-sm::file-selector-button {
972
+ font-size: 0.875rem;
973
+ line-height: 1.25rem;
974
+ }
975
+ .file\:font-medium::file-selector-button {
976
+ font-weight: 500;
977
+ }
978
+ .file\:text-foreground::file-selector-button {
979
+ color: hsl(var(--foreground));
980
+ }
981
+ .placeholder\:text-muted-foreground::-moz-placeholder {
982
+ color: hsl(var(--muted-foreground));
983
+ }
984
+ .placeholder\:text-muted-foreground::placeholder {
985
+ color: hsl(var(--muted-foreground));
986
+ }
987
+ .hover\:bg-accent:hover {
988
+ background-color: hsl(var(--accent));
989
+ }
990
+ .hover\:bg-destructive\/90:hover {
991
+ background-color: hsl(var(--destructive) / 0.9);
992
+ }
993
+ .hover\:bg-primary\/90:hover {
994
+ background-color: hsl(var(--primary) / 0.9);
995
+ }
996
+ .hover\:bg-secondary\/80:hover {
997
+ background-color: hsl(var(--secondary) / 0.8);
998
+ }
999
+ .hover\:text-accent-foreground:hover {
1000
+ color: hsl(var(--accent-foreground));
1001
+ }
1002
+ .hover\:text-foreground:hover {
1003
+ color: hsl(var(--foreground));
1004
+ }
1005
+ .hover\:underline:hover {
1006
+ text-decoration-line: underline;
1007
+ }
1008
+ .focus-visible\:border-ring:focus-visible {
1009
+ border-color: hsl(var(--ring));
1010
+ }
1011
+ .focus-visible\:outline-none:focus-visible {
1012
+ outline: 2px solid transparent;
1013
+ outline-offset: 2px;
1014
+ }
1015
+ .focus-visible\:ring-1:focus-visible {
1016
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1017
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1018
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1019
+ }
1020
+ .focus-visible\:ring-2:focus-visible {
1021
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1022
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1023
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1024
+ }
1025
+ .focus-visible\:ring-\[3px\]:focus-visible {
1026
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1027
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1028
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1029
+ }
1030
+ .focus-visible\:ring-destructive\/20:focus-visible {
1031
+ --tw-ring-color: hsl(var(--destructive) / 0.2);
1032
+ }
1033
+ .focus-visible\:ring-ring:focus-visible {
1034
+ --tw-ring-color: hsl(var(--ring));
1035
+ }
1036
+ .focus-visible\:ring-ring\/50:focus-visible {
1037
+ --tw-ring-color: hsl(var(--ring) / 0.5);
1038
+ }
1039
+ .focus-visible\:ring-offset-2:focus-visible {
1040
+ --tw-ring-offset-width: 2px;
1041
+ }
1042
+ .disabled\:pointer-events-none:disabled {
1043
+ pointer-events: none;
1044
+ }
1045
+ .disabled\:cursor-not-allowed:disabled {
1046
+ cursor: not-allowed;
1047
+ }
1048
+ .disabled\:opacity-50:disabled {
1049
+ opacity: 0.5;
1050
+ }
1051
+ .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg) {
1052
+ grid-template-columns: calc(var(--spacing) * 4) 1fr;
1053
+ }
1054
+ .has-\[\>svg\]\:gap-x-3:has(>svg) {
1055
+ -moz-column-gap: 0.75rem;
1056
+ column-gap: 0.75rem;
1057
+ }
1058
+ .aria-disabled\:opacity-50[aria-disabled="true"] {
1059
+ opacity: 0.5;
1060
+ }
1061
+ .aria-selected\:text-muted-foreground[aria-selected="true"] {
1062
+ color: hsl(var(--muted-foreground));
1063
+ }
1064
+ .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
1065
+ border-radius: calc(var(--radius) - 2px);
1066
+ }
1067
+ .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
1068
+ border-radius: 0px;
1069
+ }
1070
+ .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
1071
+ border-radius: calc(var(--radius) - 2px);
1072
+ }
1073
+ .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
1074
+ border-radius: 0px;
1075
+ }
1076
+ .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
1077
+ border-top-right-radius: calc(var(--radius) - 2px);
1078
+ border-bottom-right-radius: calc(var(--radius) - 2px);
1079
+ }
1080
+ .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
1081
+ border-top-left-radius: calc(var(--radius) - 2px);
1082
+ border-bottom-left-radius: calc(var(--radius) - 2px);
1083
+ }
1084
+ .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
1085
+ background-color: hsl(var(--primary));
1086
+ }
1087
+ .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
1088
+ background-color: hsl(var(--accent));
1089
+ }
1090
+ .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
1091
+ background-color: hsl(var(--primary));
1092
+ }
1093
+ .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
1094
+ background-color: hsl(var(--primary));
1095
+ }
1096
+ .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
1097
+ color: hsl(var(--primary-foreground));
1098
+ }
1099
+ .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
1100
+ color: hsl(var(--accent-foreground));
1101
+ }
1102
+ .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
1103
+ color: hsl(var(--primary-foreground));
1104
+ }
1105
+ .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
1106
+ color: hsl(var(--primary-foreground));
1107
+ }
1108
+ .\*\:data-\[slot\=alert-description\]\:text-destructive\/90[data-slot="alert-description"] > * {
1109
+ color: hsl(var(--destructive) / 0.9);
1110
+ }
1111
+ .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
1112
+ position: relative;
1113
+ }
1114
+ .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 {
1115
+ z-index: 10;
1116
+ }
1117
+ .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring {
1118
+ border-color: hsl(var(--ring));
1119
+ }
1120
+ .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
1121
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1122
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1123
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1124
+ }
1125
+ .group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
1126
+ --tw-ring-color: hsl(var(--ring) / 0.5);
1127
+ }
1128
+ .dark\:bg-destructive\/60:is(.dark *) {
1129
+ background-color: hsl(var(--destructive) / 0.6);
1130
+ }
1131
+ .dark\:hover\:text-accent-foreground:hover:is(.dark *) {
1132
+ color: hsl(var(--accent-foreground));
1133
+ }
1134
+ .dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *) {
1135
+ --tw-ring-color: hsl(var(--destructive) / 0.4);
1136
+ }
1137
+ @media (min-width: 640px) {
1138
+
1139
+ .sm\:gap-2\.5 {
1140
+ gap: 0.625rem;
1141
+ }
1142
+ }
1143
+ @media (min-width: 768px) {
1144
+
1145
+ .md\:flex-row {
1146
+ flex-direction: row;
1147
+ }
1148
+
1149
+ .md\:text-sm {
1150
+ font-size: 0.875rem;
1151
+ line-height: 1.25rem;
1152
+ }
1153
+ }
1154
+ .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button {
1155
+ border-top-left-radius: calc(var(--radius) - 2px);
1156
+ border-bottom-left-radius: calc(var(--radius) - 2px);
1157
+ }
1158
+ .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button {
1159
+ border-top-right-radius: calc(var(--radius) - 2px);
1160
+ border-bottom-right-radius: calc(var(--radius) - 2px);
1161
+ }
1162
+ .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button {
1163
+ border-top-left-radius: calc(var(--radius) - 2px);
1164
+ border-bottom-left-radius: calc(var(--radius) - 2px);
1165
+ }
1166
+ .\[\&\>span\]\:text-xs>span {
1167
+ font-size: 0.75rem;
1168
+ line-height: 1rem;
1169
+ }
1170
+ .\[\&\>span\]\:opacity-70>span {
1171
+ opacity: 0.7;
1172
+ }
1173
+ .\[\&\>svg\]\:pointer-events-none>svg {
1174
+ pointer-events: none;
1175
+ }
1176
+ .\[\&\>svg\]\:size-3>svg {
1177
+ width: 0.75rem;
1178
+ height: 0.75rem;
1179
+ }
1180
+ .\[\&\>svg\]\:size-3\.5>svg {
1181
+ width: 0.875rem;
1182
+ height: 0.875rem;
1183
+ }
1184
+ .\[\&\>svg\]\:size-4>svg {
1185
+ width: 1rem;
1186
+ height: 1rem;
1187
+ }
1188
+ .\[\&\>svg\]\:translate-y-0\.5>svg {
1189
+ --tw-translate-y: 0.125rem;
1190
+ 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));
1191
+ }
1192
+ .\[\&\>svg\]\:text-current>svg {
1193
+ color: currentColor;
1194
+ }
1195
+ .\[\&\>svg\]\:text-muted-foreground>svg {
1196
+ color: hsl(var(--muted-foreground));
1197
+ }
1198
+ .\[\&_p\]\:leading-relaxed p {
1199
+ line-height: 1.625;
1200
+ }
1201
+ [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
1202
+ background-color: transparent;
1203
+ }
1204
+ [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
1205
+ background-color: transparent;
1206
+ }
1207
+ a.\[a\&\]\:hover\:bg-accent:hover {
1208
+ background-color: hsl(var(--accent));
1209
+ }
1210
+ a.\[a\&\]\:hover\:bg-destructive\/90:hover {
1211
+ background-color: hsl(var(--destructive) / 0.9);
1212
+ }
1213
+ a.\[a\&\]\:hover\:bg-primary\/90:hover {
1214
+ background-color: hsl(var(--primary) / 0.9);
1215
+ }
1216
+ a.\[a\&\]\:hover\:bg-secondary\/90:hover {
1217
+ background-color: hsl(var(--secondary) / 0.9);
1218
+ }
1219
+ a.\[a\&\]\:hover\:text-accent-foreground:hover {
1220
+ color: hsl(var(--accent-foreground));
1221
+ }