@infra-cryptomate/react-components 0.0.2 → 0.0.3

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