caplink-saas-ui-shared-component-library 0.2.4 → 0.3.0

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.
@@ -1,1223 +0,0 @@
1
- /* src/shared/styles/globals.css */
2
- *,
3
- ::before,
4
- ::after {
5
- box-sizing: border-box;
6
- border-width: 0;
7
- border-style: solid;
8
- border-color: #e5e7eb;
9
- }
10
- ::before,
11
- ::after {
12
- --tw-content: "";
13
- }
14
- html,
15
- :host {
16
- line-height: 1.5;
17
- -webkit-text-size-adjust: 100%;
18
- -moz-tab-size: 4;
19
- -o-tab-size: 4;
20
- tab-size: 4;
21
- font-family:
22
- var(--font-sans),
23
- ui-sans-serif,
24
- system-ui,
25
- sans-serif,
26
- "Apple Color Emoji",
27
- "Segoe UI Emoji",
28
- "Segoe UI Symbol",
29
- "Noto Color Emoji";
30
- font-feature-settings: normal;
31
- font-variation-settings: normal;
32
- -webkit-tap-highlight-color: transparent;
33
- }
34
- body {
35
- margin: 0;
36
- line-height: inherit;
37
- }
38
- hr {
39
- height: 0;
40
- color: inherit;
41
- border-top-width: 1px;
42
- }
43
- abbr:where([title]) {
44
- -webkit-text-decoration: underline dotted;
45
- text-decoration: underline dotted;
46
- }
47
- h1,
48
- h2,
49
- h3,
50
- h4,
51
- h5,
52
- h6 {
53
- font-size: inherit;
54
- font-weight: inherit;
55
- }
56
- a {
57
- color: inherit;
58
- text-decoration: inherit;
59
- }
60
- b,
61
- strong {
62
- font-weight: bolder;
63
- }
64
- code,
65
- kbd,
66
- samp,
67
- pre {
68
- font-family:
69
- ui-monospace,
70
- SFMono-Regular,
71
- Menlo,
72
- Monaco,
73
- Consolas,
74
- "Liberation Mono",
75
- "Courier New",
76
- monospace;
77
- font-feature-settings: normal;
78
- font-variation-settings: normal;
79
- font-size: 1em;
80
- }
81
- small {
82
- font-size: 80%;
83
- }
84
- sub,
85
- sup {
86
- font-size: 75%;
87
- line-height: 0;
88
- position: relative;
89
- vertical-align: baseline;
90
- }
91
- sub {
92
- bottom: -0.25em;
93
- }
94
- sup {
95
- top: -0.5em;
96
- }
97
- table {
98
- text-indent: 0;
99
- border-color: inherit;
100
- border-collapse: collapse;
101
- }
102
- button,
103
- input,
104
- optgroup,
105
- select,
106
- textarea {
107
- font-family: inherit;
108
- font-feature-settings: inherit;
109
- font-variation-settings: inherit;
110
- font-size: 100%;
111
- font-weight: inherit;
112
- line-height: inherit;
113
- letter-spacing: inherit;
114
- color: inherit;
115
- margin: 0;
116
- padding: 0;
117
- }
118
- button,
119
- select {
120
- text-transform: none;
121
- }
122
- button,
123
- input:where([type=button]),
124
- input:where([type=reset]),
125
- input:where([type=submit]) {
126
- -webkit-appearance: button;
127
- background-color: transparent;
128
- background-image: none;
129
- }
130
- :-moz-focusring {
131
- outline: auto;
132
- }
133
- :-moz-ui-invalid {
134
- box-shadow: none;
135
- }
136
- progress {
137
- vertical-align: baseline;
138
- }
139
- ::-webkit-inner-spin-button,
140
- ::-webkit-outer-spin-button {
141
- height: auto;
142
- }
143
- [type=search] {
144
- -webkit-appearance: textfield;
145
- outline-offset: -2px;
146
- }
147
- ::-webkit-search-decoration {
148
- -webkit-appearance: none;
149
- }
150
- ::-webkit-file-upload-button {
151
- -webkit-appearance: button;
152
- font: inherit;
153
- }
154
- summary {
155
- display: list-item;
156
- }
157
- blockquote,
158
- dl,
159
- dd,
160
- h1,
161
- h2,
162
- h3,
163
- h4,
164
- h5,
165
- h6,
166
- hr,
167
- figure,
168
- p,
169
- pre {
170
- margin: 0;
171
- }
172
- fieldset {
173
- margin: 0;
174
- padding: 0;
175
- }
176
- legend {
177
- padding: 0;
178
- }
179
- ol,
180
- ul,
181
- menu {
182
- list-style: none;
183
- margin: 0;
184
- padding: 0;
185
- }
186
- dialog {
187
- padding: 0;
188
- }
189
- textarea {
190
- resize: vertical;
191
- }
192
- input::-moz-placeholder,
193
- textarea::-moz-placeholder {
194
- opacity: 1;
195
- color: #9ca3af;
196
- }
197
- input::placeholder,
198
- textarea::placeholder {
199
- opacity: 1;
200
- color: #9ca3af;
201
- }
202
- button,
203
- [role=button] {
204
- cursor: pointer;
205
- }
206
- :disabled {
207
- cursor: default;
208
- }
209
- img,
210
- svg,
211
- video,
212
- canvas,
213
- audio,
214
- iframe,
215
- embed,
216
- object {
217
- display: block;
218
- vertical-align: middle;
219
- }
220
- img,
221
- video {
222
- max-width: 100%;
223
- height: auto;
224
- }
225
- [hidden] {
226
- display: none;
227
- }
228
- :root {
229
- --background: 0 0% 100%;
230
- --foreground: 240 10% 3.9%;
231
- --card: 0 0% 100%;
232
- --card-foreground: 240 10% 3.9%;
233
- --popover: 0 0% 100%;
234
- --popover-foreground: 240 10% 3.9%;
235
- --primary: 240 5.9% 10%;
236
- --primary-foreground: 0 0% 98%;
237
- --secondary: 240 4.8% 95.9%;
238
- --secondary-foreground: 240 5.9% 10%;
239
- --muted: 240 4.8% 95.9%;
240
- --muted-foreground: 240 3.8% 46.1%;
241
- --accent: 240 4.8% 95.9%;
242
- --accent-foreground: 240 5.9% 10%;
243
- --destructive: 0 84.2% 60.2%;
244
- --destructive-foreground: 0 0% 98%;
245
- --border: 240 5.9% 90%;
246
- --input: 240 5.9% 90%;
247
- --ring: 240 5.9% 10%;
248
- --radius: 0.5rem;
249
- }
250
- * {
251
- border-color: hsl(var(--border));
252
- }
253
- body {
254
- background-color: hsl(var(--background));
255
- color: hsl(var(--foreground));
256
- font-feature-settings: "rlig" 1, "calt" 1;
257
- }
258
- *,
259
- ::before,
260
- ::after {
261
- --tw-border-spacing-x: 0;
262
- --tw-border-spacing-y: 0;
263
- --tw-translate-x: 0;
264
- --tw-translate-y: 0;
265
- --tw-rotate: 0;
266
- --tw-skew-x: 0;
267
- --tw-skew-y: 0;
268
- --tw-scale-x: 1;
269
- --tw-scale-y: 1;
270
- --tw-pan-x: ;
271
- --tw-pan-y: ;
272
- --tw-pinch-zoom: ;
273
- --tw-scroll-snap-strictness: proximity;
274
- --tw-gradient-from-position: ;
275
- --tw-gradient-via-position: ;
276
- --tw-gradient-to-position: ;
277
- --tw-ordinal: ;
278
- --tw-slashed-zero: ;
279
- --tw-numeric-figure: ;
280
- --tw-numeric-spacing: ;
281
- --tw-numeric-fraction: ;
282
- --tw-ring-inset: ;
283
- --tw-ring-offset-width: 0px;
284
- --tw-ring-offset-color: #fff;
285
- --tw-ring-color: rgb(59 130 246 / 0.5);
286
- --tw-ring-offset-shadow: 0 0 #0000;
287
- --tw-ring-shadow: 0 0 #0000;
288
- --tw-shadow: 0 0 #0000;
289
- --tw-shadow-colored: 0 0 #0000;
290
- --tw-blur: ;
291
- --tw-brightness: ;
292
- --tw-contrast: ;
293
- --tw-grayscale: ;
294
- --tw-hue-rotate: ;
295
- --tw-invert: ;
296
- --tw-saturate: ;
297
- --tw-sepia: ;
298
- --tw-drop-shadow: ;
299
- --tw-backdrop-blur: ;
300
- --tw-backdrop-brightness: ;
301
- --tw-backdrop-contrast: ;
302
- --tw-backdrop-grayscale: ;
303
- --tw-backdrop-hue-rotate: ;
304
- --tw-backdrop-invert: ;
305
- --tw-backdrop-opacity: ;
306
- --tw-backdrop-saturate: ;
307
- --tw-backdrop-sepia: ;
308
- --tw-contain-size: ;
309
- --tw-contain-layout: ;
310
- --tw-contain-paint: ;
311
- --tw-contain-style: ;
312
- }
313
- ::backdrop {
314
- --tw-border-spacing-x: 0;
315
- --tw-border-spacing-y: 0;
316
- --tw-translate-x: 0;
317
- --tw-translate-y: 0;
318
- --tw-rotate: 0;
319
- --tw-skew-x: 0;
320
- --tw-skew-y: 0;
321
- --tw-scale-x: 1;
322
- --tw-scale-y: 1;
323
- --tw-pan-x: ;
324
- --tw-pan-y: ;
325
- --tw-pinch-zoom: ;
326
- --tw-scroll-snap-strictness: proximity;
327
- --tw-gradient-from-position: ;
328
- --tw-gradient-via-position: ;
329
- --tw-gradient-to-position: ;
330
- --tw-ordinal: ;
331
- --tw-slashed-zero: ;
332
- --tw-numeric-figure: ;
333
- --tw-numeric-spacing: ;
334
- --tw-numeric-fraction: ;
335
- --tw-ring-inset: ;
336
- --tw-ring-offset-width: 0px;
337
- --tw-ring-offset-color: #fff;
338
- --tw-ring-color: rgb(59 130 246 / 0.5);
339
- --tw-ring-offset-shadow: 0 0 #0000;
340
- --tw-ring-shadow: 0 0 #0000;
341
- --tw-shadow: 0 0 #0000;
342
- --tw-shadow-colored: 0 0 #0000;
343
- --tw-blur: ;
344
- --tw-brightness: ;
345
- --tw-contrast: ;
346
- --tw-grayscale: ;
347
- --tw-hue-rotate: ;
348
- --tw-invert: ;
349
- --tw-saturate: ;
350
- --tw-sepia: ;
351
- --tw-drop-shadow: ;
352
- --tw-backdrop-blur: ;
353
- --tw-backdrop-brightness: ;
354
- --tw-backdrop-contrast: ;
355
- --tw-backdrop-grayscale: ;
356
- --tw-backdrop-hue-rotate: ;
357
- --tw-backdrop-invert: ;
358
- --tw-backdrop-opacity: ;
359
- --tw-backdrop-saturate: ;
360
- --tw-backdrop-sepia: ;
361
- --tw-contain-size: ;
362
- --tw-contain-layout: ;
363
- --tw-contain-paint: ;
364
- --tw-contain-style: ;
365
- }
366
- .pointer-events-none {
367
- pointer-events: none;
368
- }
369
- .pointer-events-auto {
370
- pointer-events: auto;
371
- }
372
- .\!visible {
373
- visibility: visible !important;
374
- }
375
- .visible {
376
- visibility: visible;
377
- }
378
- .absolute {
379
- position: absolute;
380
- }
381
- .relative {
382
- position: relative;
383
- }
384
- .sticky {
385
- position: sticky;
386
- }
387
- .-left-0 {
388
- left: -0px;
389
- }
390
- .-left-0\.5 {
391
- left: -0.125rem;
392
- }
393
- .-right-\[3px\] {
394
- right: -3px;
395
- }
396
- .-top-0 {
397
- top: -0px;
398
- }
399
- .-top-0\.5 {
400
- top: -0.125rem;
401
- }
402
- .-top-1 {
403
- top: -0.25rem;
404
- }
405
- .-top-4 {
406
- top: -1rem;
407
- }
408
- .bottom-0 {
409
- bottom: 0px;
410
- }
411
- .left-0 {
412
- left: 0px;
413
- }
414
- .left-2 {
415
- left: 0.5rem;
416
- }
417
- .left-2\.5 {
418
- left: 0.625rem;
419
- }
420
- .left-4 {
421
- left: 1rem;
422
- }
423
- .right-0 {
424
- right: 0px;
425
- }
426
- .right-2 {
427
- right: 0.5rem;
428
- }
429
- .right-2\.5 {
430
- right: 0.625rem;
431
- }
432
- .top-0 {
433
- top: 0px;
434
- }
435
- .top-1\/2 {
436
- top: 50%;
437
- }
438
- .top-8 {
439
- top: 2rem;
440
- }
441
- .top-\[58px\] {
442
- top: 58px;
443
- }
444
- .z-20 {
445
- z-index: 20;
446
- }
447
- .z-40 {
448
- z-index: 40;
449
- }
450
- .z-50 {
451
- z-index: 50;
452
- }
453
- .-mx-1 {
454
- margin-left: -0.25rem;
455
- margin-right: -0.25rem;
456
- }
457
- .my-1 {
458
- margin-top: 0.25rem;
459
- margin-bottom: 0.25rem;
460
- }
461
- .ml-auto {
462
- margin-left: auto;
463
- }
464
- .mr-2 {
465
- margin-right: 0.5rem;
466
- }
467
- .mt-\[calc\(28px\+36px\)\] {
468
- margin-top: calc(28px + 36px);
469
- }
470
- .line-clamp-1 {
471
- overflow: hidden;
472
- display: -webkit-box;
473
- -webkit-box-orient: vertical;
474
- -webkit-line-clamp: 1;
475
- }
476
- .line-clamp-2 {
477
- overflow: hidden;
478
- display: -webkit-box;
479
- -webkit-box-orient: vertical;
480
- -webkit-line-clamp: 2;
481
- }
482
- .flex {
483
- display: flex;
484
- }
485
- .inline-flex {
486
- display: inline-flex;
487
- }
488
- .h-0 {
489
- height: 0px;
490
- }
491
- .h-0\.5 {
492
- height: 0.125rem;
493
- }
494
- .h-10 {
495
- height: 2.5rem;
496
- }
497
- .h-3 {
498
- height: 0.75rem;
499
- }
500
- .h-3\.5 {
501
- height: 0.875rem;
502
- }
503
- .h-4 {
504
- height: 1rem;
505
- }
506
- .h-7 {
507
- height: 1.75rem;
508
- }
509
- .h-8 {
510
- height: 2rem;
511
- }
512
- .h-9 {
513
- height: 2.25rem;
514
- }
515
- .h-\[calc\(100\%-28px-28px\)\] {
516
- height: calc(100% - 28px - 28px);
517
- }
518
- .h-\[var\(--radix-select-trigger-height\)\] {
519
- height: var(--radix-select-trigger-height);
520
- }
521
- .h-fit {
522
- height: -moz-fit-content;
523
- height: fit-content;
524
- }
525
- .h-full {
526
- height: 100%;
527
- }
528
- .h-px {
529
- height: 1px;
530
- }
531
- .max-h-96 {
532
- max-height: 24rem;
533
- }
534
- .min-h-\[260px\] {
535
- min-height: 260px;
536
- }
537
- .w-0 {
538
- width: 0px;
539
- }
540
- .w-0\.5 {
541
- width: 0.125rem;
542
- }
543
- .w-1 {
544
- width: 0.25rem;
545
- }
546
- .w-1\.5 {
547
- width: 0.375rem;
548
- }
549
- .w-12 {
550
- width: 3rem;
551
- }
552
- .w-3 {
553
- width: 0.75rem;
554
- }
555
- .w-3\.5 {
556
- width: 0.875rem;
557
- }
558
- .w-32 {
559
- width: 8rem;
560
- }
561
- .w-4 {
562
- width: 1rem;
563
- }
564
- .w-56 {
565
- width: 14rem;
566
- }
567
- .w-9 {
568
- width: 2.25rem;
569
- }
570
- .w-fit {
571
- width: -moz-fit-content;
572
- width: fit-content;
573
- }
574
- .w-full {
575
- width: 100%;
576
- }
577
- .min-w-\[640px\] {
578
- min-width: 640px;
579
- }
580
- .min-w-\[8rem\] {
581
- min-width: 8rem;
582
- }
583
- .min-w-\[var\(--radix-select-trigger-width\)\] {
584
- min-width: var(--radix-select-trigger-width);
585
- }
586
- .max-w-\[240px\] {
587
- max-width: 240px;
588
- }
589
- .shrink-0 {
590
- flex-shrink: 0;
591
- }
592
- .-translate-y-1\/2 {
593
- --tw-translate-y: -50%;
594
- 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));
595
- }
596
- .cursor-col-resize {
597
- cursor: col-resize;
598
- }
599
- .cursor-default {
600
- cursor: default;
601
- }
602
- .select-none {
603
- -webkit-user-select: none;
604
- -moz-user-select: none;
605
- user-select: none;
606
- }
607
- .resize-none {
608
- resize: none;
609
- }
610
- .items-center {
611
- align-items: center;
612
- }
613
- .justify-center {
614
- justify-content: center;
615
- }
616
- .justify-between {
617
- justify-content: space-between;
618
- }
619
- .gap-6 {
620
- gap: 1.5rem;
621
- }
622
- .overflow-hidden {
623
- overflow: hidden;
624
- }
625
- .whitespace-nowrap {
626
- white-space: nowrap;
627
- }
628
- .break-words {
629
- overflow-wrap: break-word;
630
- }
631
- .break-all {
632
- word-break: break-all;
633
- }
634
- .rounded-full {
635
- border-radius: 9999px;
636
- }
637
- .rounded-md {
638
- border-radius: calc(var(--radius) - 2px);
639
- }
640
- .rounded-none {
641
- border-radius: 0px;
642
- }
643
- .rounded-sm {
644
- border-radius: calc(var(--radius) - 4px);
645
- }
646
- .rounded-t-md {
647
- border-top-left-radius: calc(var(--radius) - 2px);
648
- border-top-right-radius: calc(var(--radius) - 2px);
649
- }
650
- .border {
651
- border-width: 1px;
652
- }
653
- .border-b {
654
- border-bottom-width: 1px;
655
- }
656
- .border-b-0 {
657
- border-bottom-width: 0px;
658
- }
659
- .border-l {
660
- border-left-width: 1px;
661
- }
662
- .border-l-0 {
663
- border-left-width: 0px;
664
- }
665
- .border-r {
666
- border-right-width: 1px;
667
- }
668
- .border-r-0 {
669
- border-right-width: 0px;
670
- }
671
- .border-t {
672
- border-top-width: 1px;
673
- }
674
- .border-t-0 {
675
- border-top-width: 0px;
676
- }
677
- .border-none {
678
- border-style: none;
679
- }
680
- .border-input {
681
- border-color: hsl(var(--input));
682
- }
683
- .border-l-transparent {
684
- border-left-color: transparent;
685
- }
686
- .border-t-transparent {
687
- border-top-color: transparent;
688
- }
689
- .bg-\[\#0085FF\] {
690
- --tw-bg-opacity: 1;
691
- background-color: rgb(0 133 255 / var(--tw-bg-opacity));
692
- }
693
- .bg-\[\#EAF5FF\] {
694
- --tw-bg-opacity: 1;
695
- background-color: rgb(234 245 255 / var(--tw-bg-opacity));
696
- }
697
- .bg-\[\#F6F6F9\] {
698
- --tw-bg-opacity: 1;
699
- background-color: rgb(246 246 249 / var(--tw-bg-opacity));
700
- }
701
- .bg-background {
702
- background-color: hsl(var(--background));
703
- }
704
- .bg-blue-100 {
705
- --tw-bg-opacity: 1;
706
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
707
- }
708
- .bg-blue-400 {
709
- --tw-bg-opacity: 1;
710
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
711
- }
712
- .bg-blue-50 {
713
- --tw-bg-opacity: 1;
714
- background-color: rgb(239 246 255 / var(--tw-bg-opacity));
715
- }
716
- .bg-destructive {
717
- background-color: hsl(var(--destructive));
718
- }
719
- .bg-gray-300 {
720
- --tw-bg-opacity: 1;
721
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
722
- }
723
- .bg-muted {
724
- background-color: hsl(var(--muted));
725
- }
726
- .bg-neutral-100 {
727
- --tw-bg-opacity: 1;
728
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
729
- }
730
- .bg-neutral-300 {
731
- --tw-bg-opacity: 1;
732
- background-color: rgb(212 212 212 / var(--tw-bg-opacity));
733
- }
734
- .bg-neutral-400 {
735
- --tw-bg-opacity: 1;
736
- background-color: rgb(163 163 163 / var(--tw-bg-opacity));
737
- }
738
- .bg-popover {
739
- background-color: hsl(var(--popover));
740
- }
741
- .bg-primary {
742
- background-color: hsl(var(--primary));
743
- }
744
- .bg-secondary {
745
- background-color: hsl(var(--secondary));
746
- }
747
- .bg-transparent {
748
- background-color: transparent;
749
- }
750
- .bg-white {
751
- --tw-bg-opacity: 1;
752
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
753
- }
754
- .bg-white\/25 {
755
- background-color: rgb(255 255 255 / 0.25);
756
- }
757
- .fill-current {
758
- fill: currentColor;
759
- }
760
- .p-1 {
761
- padding: 0.25rem;
762
- }
763
- .px-2 {
764
- padding-left: 0.5rem;
765
- padding-right: 0.5rem;
766
- }
767
- .px-3 {
768
- padding-left: 0.75rem;
769
- padding-right: 0.75rem;
770
- }
771
- .px-4 {
772
- padding-left: 1rem;
773
- padding-right: 1rem;
774
- }
775
- .px-8 {
776
- padding-left: 2rem;
777
- padding-right: 2rem;
778
- }
779
- .py-1 {
780
- padding-top: 0.25rem;
781
- padding-bottom: 0.25rem;
782
- }
783
- .py-1\.5 {
784
- padding-top: 0.375rem;
785
- padding-bottom: 0.375rem;
786
- }
787
- .py-2 {
788
- padding-top: 0.5rem;
789
- padding-bottom: 0.5rem;
790
- }
791
- .py-2\.5 {
792
- padding-top: 0.625rem;
793
- padding-bottom: 0.625rem;
794
- }
795
- .pl-1 {
796
- padding-left: 0.25rem;
797
- }
798
- .pl-2 {
799
- padding-left: 0.5rem;
800
- }
801
- .pl-3 {
802
- padding-left: 0.75rem;
803
- }
804
- .pl-8 {
805
- padding-left: 2rem;
806
- }
807
- .pr-2 {
808
- padding-right: 0.5rem;
809
- }
810
- .pr-3 {
811
- padding-right: 0.75rem;
812
- }
813
- .pr-8 {
814
- padding-right: 2rem;
815
- }
816
- .pr-px {
817
- padding-right: 1px;
818
- }
819
- .text-left {
820
- text-align: left;
821
- }
822
- .text-\[10px\] {
823
- font-size: 10px;
824
- }
825
- .text-sm {
826
- font-size: 0.875rem;
827
- line-height: 1.25rem;
828
- }
829
- .text-xs {
830
- font-size: 0.75rem;
831
- line-height: 1rem;
832
- }
833
- .font-bold {
834
- font-weight: 700;
835
- }
836
- .font-medium {
837
- font-weight: 500;
838
- }
839
- .font-semibold {
840
- font-weight: 600;
841
- }
842
- .tracking-widest {
843
- letter-spacing: 0.1em;
844
- }
845
- .text-\[\#4A4A6A\] {
846
- --tw-text-opacity: 1;
847
- color: rgb(74 74 106 / var(--tw-text-opacity));
848
- }
849
- .text-\[\#8E8EA9\] {
850
- --tw-text-opacity: 1;
851
- color: rgb(142 142 169 / var(--tw-text-opacity));
852
- }
853
- .text-black {
854
- --tw-text-opacity: 1;
855
- color: rgb(0 0 0 / var(--tw-text-opacity));
856
- }
857
- .text-blue-700 {
858
- --tw-text-opacity: 1;
859
- color: rgb(29 78 216 / var(--tw-text-opacity));
860
- }
861
- .text-destructive-foreground {
862
- color: hsl(var(--destructive-foreground));
863
- }
864
- .text-neutral-500 {
865
- --tw-text-opacity: 1;
866
- color: rgb(115 115 115 / var(--tw-text-opacity));
867
- }
868
- .text-neutral-700 {
869
- --tw-text-opacity: 1;
870
- color: rgb(64 64 64 / var(--tw-text-opacity));
871
- }
872
- .text-popover-foreground {
873
- color: hsl(var(--popover-foreground));
874
- }
875
- .text-primary {
876
- color: hsl(var(--primary));
877
- }
878
- .text-primary-foreground {
879
- color: hsl(var(--primary-foreground));
880
- }
881
- .text-secondary-foreground {
882
- color: hsl(var(--secondary-foreground));
883
- }
884
- .text-white {
885
- --tw-text-opacity: 1;
886
- color: rgb(255 255 255 / var(--tw-text-opacity));
887
- }
888
- .underline-offset-4 {
889
- text-underline-offset: 4px;
890
- }
891
- .opacity-0 {
892
- opacity: 0;
893
- }
894
- .opacity-100 {
895
- opacity: 1;
896
- }
897
- .opacity-50 {
898
- opacity: 0.5;
899
- }
900
- .opacity-60 {
901
- opacity: 0.6;
902
- }
903
- .shadow {
904
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
905
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
906
- box-shadow:
907
- var(--tw-ring-offset-shadow, 0 0 #0000),
908
- var(--tw-ring-shadow, 0 0 #0000),
909
- var(--tw-shadow);
910
- }
911
- .shadow-lg {
912
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
913
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
914
- box-shadow:
915
- var(--tw-ring-offset-shadow, 0 0 #0000),
916
- var(--tw-ring-shadow, 0 0 #0000),
917
- var(--tw-shadow);
918
- }
919
- .shadow-md {
920
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
921
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
922
- box-shadow:
923
- var(--tw-ring-offset-shadow, 0 0 #0000),
924
- var(--tw-ring-shadow, 0 0 #0000),
925
- var(--tw-shadow);
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:
931
- var(--tw-ring-offset-shadow, 0 0 #0000),
932
- var(--tw-ring-shadow, 0 0 #0000),
933
- var(--tw-shadow);
934
- }
935
- .outline-none {
936
- outline: 2px solid transparent;
937
- outline-offset: 2px;
938
- }
939
- .outline {
940
- outline-style: solid;
941
- }
942
- .outline-2 {
943
- outline-width: 2px;
944
- }
945
- .outline-\[3px\] {
946
- outline-width: 3px;
947
- }
948
- .outline-offset-2 {
949
- outline-offset: 2px;
950
- }
951
- .outline-blue-500 {
952
- outline-color: #3b82f6;
953
- }
954
- .outline-sky-100 {
955
- outline-color: #e0f2fe;
956
- }
957
- .outline-sky-200 {
958
- outline-color: #bae6fd;
959
- }
960
- .ring-offset-background {
961
- --tw-ring-offset-color: hsl(var(--background));
962
- }
963
- .drop-shadow-md {
964
- --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
965
- 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);
966
- }
967
- .filter {
968
- 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);
969
- }
970
- .backdrop-blur-sm {
971
- --tw-backdrop-blur: blur(4px);
972
- -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);
973
- 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);
974
- }
975
- .transition-all {
976
- transition-property: all;
977
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
978
- transition-duration: 150ms;
979
- }
980
- .transition-colors {
981
- transition-property:
982
- color,
983
- background-color,
984
- border-color,
985
- text-decoration-color,
986
- fill,
987
- stroke;
988
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
989
- transition-duration: 150ms;
990
- }
991
- .transition-none {
992
- transition-property: none;
993
- }
994
- .ease-linear {
995
- transition-timing-function: linear;
996
- }
997
- @keyframes enter {
998
- from {
999
- opacity: var(--tw-enter-opacity, 1);
1000
- 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));
1001
- }
1002
- }
1003
- @keyframes exit {
1004
- to {
1005
- opacity: var(--tw-exit-opacity, 1);
1006
- 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));
1007
- }
1008
- }
1009
- .animate-in {
1010
- animation-name: enter;
1011
- animation-duration: 150ms;
1012
- --tw-enter-opacity: initial;
1013
- --tw-enter-scale: initial;
1014
- --tw-enter-rotate: initial;
1015
- --tw-enter-translate-x: initial;
1016
- --tw-enter-translate-y: initial;
1017
- }
1018
- .fade-in-0 {
1019
- --tw-enter-opacity: 0;
1020
- }
1021
- .zoom-in-95 {
1022
- --tw-enter-scale: .95;
1023
- }
1024
- .ease-linear {
1025
- animation-timing-function: linear;
1026
- }
1027
- * {
1028
- font-family:
1029
- Arial,
1030
- Helvetica,
1031
- sans-serif;
1032
- }
1033
- .file\:border-0::file-selector-button {
1034
- border-width: 0px;
1035
- }
1036
- .file\:bg-transparent::file-selector-button {
1037
- background-color: transparent;
1038
- }
1039
- .file\:text-sm::file-selector-button {
1040
- font-size: 0.875rem;
1041
- line-height: 1.25rem;
1042
- }
1043
- .file\:font-medium::file-selector-button {
1044
- font-weight: 500;
1045
- }
1046
- .placeholder\:text-muted-foreground::-moz-placeholder {
1047
- color: hsl(var(--muted-foreground));
1048
- }
1049
- .placeholder\:text-muted-foreground::placeholder {
1050
- color: hsl(var(--muted-foreground));
1051
- }
1052
- .hover\:bg-\[\#8FD6FF\]:hover {
1053
- --tw-bg-opacity: 1;
1054
- background-color: rgb(143 214 255 / var(--tw-bg-opacity));
1055
- }
1056
- .hover\:bg-accent:hover {
1057
- background-color: hsl(var(--accent));
1058
- }
1059
- .hover\:bg-destructive\/90:hover {
1060
- background-color: hsl(var(--destructive) / 0.9);
1061
- }
1062
- .hover\:bg-primary\/90:hover {
1063
- background-color: hsl(var(--primary) / 0.9);
1064
- }
1065
- .hover\:bg-secondary\/80:hover {
1066
- background-color: hsl(var(--secondary) / 0.8);
1067
- }
1068
- .hover\:text-accent-foreground:hover {
1069
- color: hsl(var(--accent-foreground));
1070
- }
1071
- .hover\:underline:hover {
1072
- text-decoration-line: underline;
1073
- }
1074
- .hover\:opacity-100:hover {
1075
- opacity: 1;
1076
- }
1077
- .focus\:bg-accent:focus {
1078
- background-color: hsl(var(--accent));
1079
- }
1080
- .focus\:text-accent-foreground:focus {
1081
- color: hsl(var(--accent-foreground));
1082
- }
1083
- .focus\:outline-none:focus {
1084
- outline: 2px solid transparent;
1085
- outline-offset: 2px;
1086
- }
1087
- .focus\:ring-0:focus {
1088
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1089
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1090
- box-shadow:
1091
- var(--tw-ring-offset-shadow),
1092
- var(--tw-ring-shadow),
1093
- var(--tw-shadow, 0 0 #0000);
1094
- }
1095
- .focus\:ring-1:focus {
1096
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1097
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1098
- box-shadow:
1099
- var(--tw-ring-offset-shadow),
1100
- var(--tw-ring-shadow),
1101
- var(--tw-shadow, 0 0 #0000);
1102
- }
1103
- .focus\:ring-ring:focus {
1104
- --tw-ring-color: hsl(var(--ring));
1105
- }
1106
- .focus-visible\:outline-none:focus-visible {
1107
- outline: 2px solid transparent;
1108
- outline-offset: 2px;
1109
- }
1110
- .focus-visible\:ring-1:focus-visible {
1111
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1112
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1113
- box-shadow:
1114
- var(--tw-ring-offset-shadow),
1115
- var(--tw-ring-shadow),
1116
- var(--tw-shadow, 0 0 #0000);
1117
- }
1118
- .focus-visible\:ring-ring:focus-visible {
1119
- --tw-ring-color: hsl(var(--ring));
1120
- }
1121
- .active\:bg-\[\#0085FF\]:active {
1122
- --tw-bg-opacity: 1;
1123
- background-color: rgb(0 133 255 / var(--tw-bg-opacity));
1124
- }
1125
- .active\:text-white:active {
1126
- --tw-text-opacity: 1;
1127
- color: rgb(255 255 255 / var(--tw-text-opacity));
1128
- }
1129
- .disabled\:pointer-events-none:disabled {
1130
- pointer-events: none;
1131
- }
1132
- .disabled\:cursor-not-allowed:disabled {
1133
- cursor: not-allowed;
1134
- }
1135
- .disabled\:opacity-50:disabled {
1136
- opacity: 0.5;
1137
- }
1138
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
1139
- pointer-events: none;
1140
- }
1141
- .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
1142
- --tw-translate-y: 0.25rem;
1143
- 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));
1144
- }
1145
- .data-\[side\=left\]\:-translate-x-1[data-side=left] {
1146
- --tw-translate-x: -0.25rem;
1147
- 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));
1148
- }
1149
- .data-\[side\=right\]\:translate-x-1[data-side=right] {
1150
- --tw-translate-x: 0.25rem;
1151
- 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));
1152
- }
1153
- .data-\[side\=top\]\:-translate-y-1[data-side=top] {
1154
- --tw-translate-y: -0.25rem;
1155
- 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));
1156
- }
1157
- .data-\[state\=closed\]\:transform-none[data-state=closed] {
1158
- transform: none;
1159
- }
1160
- .data-\[side\=bottom\]\:animate-none[data-side=bottom] {
1161
- animation: none;
1162
- }
1163
- .data-\[state\=closed\]\:animate-none[data-state=closed] {
1164
- animation: none;
1165
- }
1166
- .data-\[state\=open\]\:bg-accent[data-state=open] {
1167
- background-color: hsl(var(--accent));
1168
- }
1169
- .data-\[disabled\]\:opacity-50[data-disabled] {
1170
- opacity: 0.5;
1171
- }
1172
- .data-\[state\=closed\]\:transition-none[data-state=closed] {
1173
- transition-property: none;
1174
- }
1175
- .data-\[state\=open\]\:animate-in[data-state=open] {
1176
- animation-name: enter;
1177
- animation-duration: 150ms;
1178
- --tw-enter-opacity: initial;
1179
- --tw-enter-scale: initial;
1180
- --tw-enter-rotate: initial;
1181
- --tw-enter-translate-x: initial;
1182
- --tw-enter-translate-y: initial;
1183
- }
1184
- .data-\[state\=closed\]\:animate-out[data-state=closed] {
1185
- animation-name: exit;
1186
- animation-duration: 150ms;
1187
- --tw-exit-opacity: initial;
1188
- --tw-exit-scale: initial;
1189
- --tw-exit-rotate: initial;
1190
- --tw-exit-translate-x: initial;
1191
- --tw-exit-translate-y: initial;
1192
- }
1193
- .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
1194
- --tw-exit-opacity: 0;
1195
- }
1196
- .data-\[state\=open\]\:fade-in-0[data-state=open] {
1197
- --tw-enter-opacity: 0;
1198
- }
1199
- .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
1200
- --tw-exit-scale: .95;
1201
- }
1202
- .data-\[state\=open\]\:zoom-in-95[data-state=open] {
1203
- --tw-enter-scale: .95;
1204
- }
1205
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
1206
- --tw-enter-translate-y: -0.5rem;
1207
- }
1208
- .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
1209
- --tw-enter-translate-x: 0.5rem;
1210
- }
1211
- .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
1212
- --tw-enter-translate-x: -0.5rem;
1213
- }
1214
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
1215
- --tw-enter-translate-y: 0.5rem;
1216
- }
1217
- .\[\&\>span\]\:line-clamp-1 > span {
1218
- overflow: hidden;
1219
- display: -webkit-box;
1220
- -webkit-box-orient: vertical;
1221
- -webkit-line-clamp: 1;
1222
- }
1223
- /*# sourceMappingURL=index.css.map */