@fileverse/ui 4.1.6-patch-1 → 4.1.6-patch-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.
package/dist/index.css CHANGED
@@ -1,5 +1,111 @@
1
- /*
2
- ! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }/*
108
+ ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
109
  *//*
4
110
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
111
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -390,7 +496,7 @@ video {
390
496
  }
391
497
 
392
498
  /* Make elements with the HTML hidden attribute stay hidden by default */
393
- [hidden] {
499
+ [hidden]:where(:not([hidden="until-found"])) {
394
500
  display: none;
395
501
  }
396
502
  :root {
@@ -502,7 +608,7 @@ video {
502
608
  --color-bg-danger-light: 356, 100%, 97%, 1; /* Red-50 */
503
609
  --color-bg-default-inverse: 0, 0%, 100%, 1; /* White */
504
610
  --color-bg-tertiary: 0, 0%, 25%, 1; /* Gray-800 */
505
- --color-bg-success-light: 124, 79%, 93%, 1; /* Green-100 */
611
+ --color-bg-success-light: 128, 59%, 20%, 1; /* Green-900 */
506
612
 
507
613
  /* Border */
508
614
  --color-border-default: 0, 0%, 25%, 1; /* Gray-800 */
@@ -926,114 +1032,6 @@ video {
926
1032
  border-top-width: 4px;
927
1033
  border-top-color: hsl(var(--color-border-default));
928
1034
  }
929
-
930
- *, ::before, ::after {
931
- --tw-border-spacing-x: 0;
932
- --tw-border-spacing-y: 0;
933
- --tw-translate-x: 0;
934
- --tw-translate-y: 0;
935
- --tw-rotate: 0;
936
- --tw-skew-x: 0;
937
- --tw-skew-y: 0;
938
- --tw-scale-x: 1;
939
- --tw-scale-y: 1;
940
- --tw-pan-x: ;
941
- --tw-pan-y: ;
942
- --tw-pinch-zoom: ;
943
- --tw-scroll-snap-strictness: proximity;
944
- --tw-gradient-from-position: ;
945
- --tw-gradient-via-position: ;
946
- --tw-gradient-to-position: ;
947
- --tw-ordinal: ;
948
- --tw-slashed-zero: ;
949
- --tw-numeric-figure: ;
950
- --tw-numeric-spacing: ;
951
- --tw-numeric-fraction: ;
952
- --tw-ring-inset: ;
953
- --tw-ring-offset-width: 0px;
954
- --tw-ring-offset-color: #fff;
955
- --tw-ring-color: rgb(59 130 246 / 0.5);
956
- --tw-ring-offset-shadow: 0 0 #0000;
957
- --tw-ring-shadow: 0 0 #0000;
958
- --tw-shadow: 0 0 #0000;
959
- --tw-shadow-colored: 0 0 #0000;
960
- --tw-blur: ;
961
- --tw-brightness: ;
962
- --tw-contrast: ;
963
- --tw-grayscale: ;
964
- --tw-hue-rotate: ;
965
- --tw-invert: ;
966
- --tw-saturate: ;
967
- --tw-sepia: ;
968
- --tw-drop-shadow: ;
969
- --tw-backdrop-blur: ;
970
- --tw-backdrop-brightness: ;
971
- --tw-backdrop-contrast: ;
972
- --tw-backdrop-grayscale: ;
973
- --tw-backdrop-hue-rotate: ;
974
- --tw-backdrop-invert: ;
975
- --tw-backdrop-opacity: ;
976
- --tw-backdrop-saturate: ;
977
- --tw-backdrop-sepia: ;
978
- --tw-contain-size: ;
979
- --tw-contain-layout: ;
980
- --tw-contain-paint: ;
981
- --tw-contain-style: ;
982
- }
983
-
984
- ::backdrop {
985
- --tw-border-spacing-x: 0;
986
- --tw-border-spacing-y: 0;
987
- --tw-translate-x: 0;
988
- --tw-translate-y: 0;
989
- --tw-rotate: 0;
990
- --tw-skew-x: 0;
991
- --tw-skew-y: 0;
992
- --tw-scale-x: 1;
993
- --tw-scale-y: 1;
994
- --tw-pan-x: ;
995
- --tw-pan-y: ;
996
- --tw-pinch-zoom: ;
997
- --tw-scroll-snap-strictness: proximity;
998
- --tw-gradient-from-position: ;
999
- --tw-gradient-via-position: ;
1000
- --tw-gradient-to-position: ;
1001
- --tw-ordinal: ;
1002
- --tw-slashed-zero: ;
1003
- --tw-numeric-figure: ;
1004
- --tw-numeric-spacing: ;
1005
- --tw-numeric-fraction: ;
1006
- --tw-ring-inset: ;
1007
- --tw-ring-offset-width: 0px;
1008
- --tw-ring-offset-color: #fff;
1009
- --tw-ring-color: rgb(59 130 246 / 0.5);
1010
- --tw-ring-offset-shadow: 0 0 #0000;
1011
- --tw-ring-shadow: 0 0 #0000;
1012
- --tw-shadow: 0 0 #0000;
1013
- --tw-shadow-colored: 0 0 #0000;
1014
- --tw-blur: ;
1015
- --tw-brightness: ;
1016
- --tw-contrast: ;
1017
- --tw-grayscale: ;
1018
- --tw-hue-rotate: ;
1019
- --tw-invert: ;
1020
- --tw-saturate: ;
1021
- --tw-sepia: ;
1022
- --tw-drop-shadow: ;
1023
- --tw-backdrop-blur: ;
1024
- --tw-backdrop-brightness: ;
1025
- --tw-backdrop-contrast: ;
1026
- --tw-backdrop-grayscale: ;
1027
- --tw-backdrop-hue-rotate: ;
1028
- --tw-backdrop-invert: ;
1029
- --tw-backdrop-opacity: ;
1030
- --tw-backdrop-saturate: ;
1031
- --tw-backdrop-sepia: ;
1032
- --tw-contain-size: ;
1033
- --tw-contain-layout: ;
1034
- --tw-contain-paint: ;
1035
- --tw-contain-style: ;
1036
- }
1037
1035
  .container {
1038
1036
  width: 100%;
1039
1037
  margin-right: auto;
@@ -2089,11 +2087,11 @@ video {
2089
2087
  }
2090
2088
  .border-\[\#ffffff\] {
2091
2089
  --tw-border-opacity: 1;
2092
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
2090
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
2093
2091
  }
2094
2092
  .border-gray-200 {
2095
2093
  --tw-border-opacity: 1;
2096
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
2094
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
2097
2095
  }
2098
2096
  .border-transparent {
2099
2097
  border-color: transparent;
@@ -2103,7 +2101,7 @@ video {
2103
2101
  }
2104
2102
  .bg-green-700 {
2105
2103
  --tw-bg-opacity: 1;
2106
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
2104
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
2107
2105
  }
2108
2106
  .bg-inherit {
2109
2107
  background-color: inherit;
@@ -2113,7 +2111,7 @@ video {
2113
2111
  }
2114
2112
  .bg-white {
2115
2113
  --tw-bg-opacity: 1;
2116
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2114
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2117
2115
  }
2118
2116
  .bg-none {
2119
2117
  background-image: none;
@@ -2345,19 +2343,19 @@ video {
2345
2343
  }
2346
2344
  .text-\[\#77818A\] {
2347
2345
  --tw-text-opacity: 1;
2348
- color: rgb(119 129 138 / var(--tw-text-opacity));
2346
+ color: rgb(119 129 138 / var(--tw-text-opacity, 1));
2349
2347
  }
2350
2348
  .text-gray-400 {
2351
2349
  --tw-text-opacity: 1;
2352
- color: rgb(156 163 175 / var(--tw-text-opacity));
2350
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2353
2351
  }
2354
2352
  .text-red-500 {
2355
2353
  --tw-text-opacity: 1;
2356
- color: rgb(239 68 68 / var(--tw-text-opacity));
2354
+ color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2357
2355
  }
2358
2356
  .text-white {
2359
2357
  --tw-text-opacity: 1;
2360
- color: rgb(255 255 255 / var(--tw-text-opacity));
2358
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2361
2359
  }
2362
2360
  .underline {
2363
2361
  text-decoration-line: underline;
@@ -2786,11 +2784,11 @@ textarea:is(:-webkit-autofill, :autofill) {
2786
2784
  color: hsl(var(--color-text-default));
2787
2785
  }
2788
2786
 
2789
- .data-\[state\=active\]\:color-text-default[data-state=active] {
2787
+ .data-\[state\=active\]\:color-text-default[data-state="active"] {
2790
2788
  color: hsl(var(--color-text-default));
2791
2789
  }
2792
2790
 
2793
- .data-\[state\=open\]\:color-text-default[data-state=open] {
2791
+ .data-\[state\=open\]\:color-text-default[data-state="open"] {
2794
2792
  color: hsl(var(--color-text-default));
2795
2793
  }
2796
2794
 
@@ -2798,7 +2796,7 @@ textarea:is(:-webkit-autofill, :autofill) {
2798
2796
  color: hsl(var(--color-text-disabled));
2799
2797
  }
2800
2798
 
2801
- .data-\[state\=unchecked\]\:color-bg-default-hover[data-state=unchecked] {
2799
+ .data-\[state\=unchecked\]\:color-bg-default-hover[data-state="unchecked"] {
2802
2800
  background-color: hsl(var(--color-bg-default-hover));
2803
2801
  }
2804
2802
 
@@ -2806,27 +2804,27 @@ textarea:is(:-webkit-autofill, :autofill) {
2806
2804
  background-color: hsl(var(--color-bg-default-selected));
2807
2805
  }
2808
2806
 
2809
- .data-\[state\=open\]\:color-bg-default-selected[data-state=open] {
2807
+ .data-\[state\=open\]\:color-bg-default-selected[data-state="open"] {
2810
2808
  background-color: hsl(var(--color-bg-default-selected));
2811
2809
  }
2812
2810
 
2813
- .data-\[state\=selected\]\:color-bg-default-selected[data-state=selected] {
2811
+ .data-\[state\=selected\]\:color-bg-default-selected[data-state="selected"] {
2814
2812
  background-color: hsl(var(--color-bg-default-selected));
2815
2813
  }
2816
2814
 
2817
- .data-\[state\=checked\]\:color-bg-brand-hover[data-state=checked] {
2815
+ .data-\[state\=checked\]\:color-bg-brand-hover[data-state="checked"] {
2818
2816
  background-color: hsl(var(--color-bg-brand-hover));
2819
2817
  }
2820
2818
 
2821
- .data-\[state\=active\]\:color-border-active[data-state=active] {
2819
+ .data-\[state\=active\]\:color-border-active[data-state="active"] {
2822
2820
  border-color: hsl(var(--color-border-active));
2823
2821
  }
2824
2822
 
2825
- .data-\[state\=unchecked\]\:hover\:enabled\:color-bg-default-hover:enabled:hover[data-state=unchecked] {
2823
+ .data-\[state\=unchecked\]\:hover\:enabled\:color-bg-default-hover:enabled:hover[data-state="unchecked"] {
2826
2824
  background-color: hsl(var(--color-bg-default-hover));
2827
2825
  }
2828
2826
 
2829
- .data-\[state\=checked\]\:hover\:enabled\:color-bg-brand-hover:enabled:hover[data-state=checked] {
2827
+ .data-\[state\=checked\]\:hover\:enabled\:color-bg-brand-hover:enabled:hover[data-state="checked"] {
2830
2828
  background-color: hsl(var(--color-bg-brand-hover));
2831
2829
  }
2832
2830
 
@@ -2834,7 +2832,7 @@ textarea:is(:-webkit-autofill, :autofill) {
2834
2832
  background-color: hsl(var(--color-bg-disabled));
2835
2833
  }
2836
2834
 
2837
- .dark\:data-\[state\=active\]\:color-border-light[data-state=active]:is(.dark *) {
2835
+ .dark\:data-\[state\=active\]\:color-border-light[data-state="active"]:is(.dark *) {
2838
2836
  border-color: hsl(var(--color-border-light));
2839
2837
  }
2840
2838
 
@@ -2878,15 +2876,15 @@ textarea:is(:-webkit-autofill, :autofill) {
2878
2876
  border-color: hsl(var(--color-border-default));
2879
2877
  }
2880
2878
 
2881
- .data-\[state\=unchecked\]\:toggle-default[data-state=unchecked] {
2879
+ .data-\[state\=unchecked\]\:toggle-default[data-state="unchecked"] {
2882
2880
  background-color: hsl(var(--color-bg-disabled));
2883
2881
  }
2884
2882
 
2885
- .data-\[state\=checked\]\:toggle-active[data-state=checked] {
2883
+ .data-\[state\=checked\]\:toggle-active[data-state="checked"] {
2886
2884
  background-color: hsl(var(--color-bg-brand));
2887
2885
  }
2888
2886
 
2889
- .data-\[state\=checked\]\:disabled\:toggle-default:disabled[data-state=checked] {
2887
+ .data-\[state\=checked\]\:disabled\:toggle-default:disabled[data-state="checked"] {
2890
2888
  background-color: hsl(var(--color-bg-disabled));
2891
2889
  }
2892
2890
 
@@ -3032,62 +3030,62 @@ textarea:is(:-webkit-autofill, :autofill) {
3032
3030
  pointer-events: none;
3033
3031
  }
3034
3032
 
3035
- .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
3033
+ .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
3036
3034
  --tw-translate-y: 0.25rem;
3037
3035
  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));
3038
3036
  }
3039
3037
 
3040
- .data-\[side\=left\]\:-translate-x-1[data-side=left] {
3038
+ .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
3041
3039
  --tw-translate-x: -0.25rem;
3042
3040
  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));
3043
3041
  }
3044
3042
 
3045
- .data-\[side\=right\]\:translate-x-1[data-side=right] {
3043
+ .data-\[side\=right\]\:translate-x-1[data-side="right"] {
3046
3044
  --tw-translate-x: 0.25rem;
3047
3045
  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));
3048
3046
  }
3049
3047
 
3050
- .data-\[side\=top\]\:-translate-y-1[data-side=top] {
3048
+ .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
3051
3049
  --tw-translate-y: -0.25rem;
3052
3050
  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));
3053
3051
  }
3054
3052
 
3055
- .data-\[state\=checked\]\:translate-x-5[data-state=checked] {
3053
+ .data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
3056
3054
  --tw-translate-x: 1.25rem;
3057
3055
  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));
3058
3056
  }
3059
3057
 
3060
- .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
3058
+ .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
3061
3059
  --tw-translate-x: 0px;
3062
3060
  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));
3063
3061
  }
3064
3062
 
3065
- .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
3063
+ .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
3066
3064
  --tw-translate-x: 0px;
3067
3065
  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));
3068
3066
  }
3069
3067
 
3070
- .data-\[swipe\=cancel\]\:translate-y-0[data-swipe=cancel] {
3068
+ .data-\[swipe\=cancel\]\:translate-y-0[data-swipe="cancel"] {
3071
3069
  --tw-translate-y: 0px;
3072
3070
  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));
3073
3071
  }
3074
3072
 
3075
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
3073
+ .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
3076
3074
  --tw-translate-x: var(--radix-toast-swipe-end-x);
3077
3075
  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));
3078
3076
  }
3079
3077
 
3080
- .data-\[swipe\=end\]\:translate-y-\[var\(--radix-toast-swipe-end-y\)\][data-swipe=end] {
3078
+ .data-\[swipe\=end\]\:translate-y-\[var\(--radix-toast-swipe-end-y\)\][data-swipe="end"] {
3081
3079
  --tw-translate-y: var(--radix-toast-swipe-end-y);
3082
3080
  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));
3083
3081
  }
3084
3082
 
3085
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
3083
+ .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
3086
3084
  --tw-translate-x: var(--radix-toast-swipe-move-x);
3087
3085
  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));
3088
3086
  }
3089
3087
 
3090
- .data-\[swipe\=move\]\:translate-y-\[var\(--radix-toast-swipe-move-y\)\][data-swipe=move] {
3088
+ .data-\[swipe\=move\]\:translate-y-\[var\(--radix-toast-swipe-move-y\)\][data-swipe="move"] {
3091
3089
  --tw-translate-y: var(--radix-toast-swipe-move-y);
3092
3090
  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));
3093
3091
  }
@@ -3103,7 +3101,7 @@ textarea:is(:-webkit-autofill, :autofill) {
3103
3101
  }
3104
3102
  }
3105
3103
 
3106
- .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
3104
+ .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
3107
3105
  animation: accordion-up 0.2s ease-out;
3108
3106
  }
3109
3107
 
@@ -3118,31 +3116,31 @@ textarea:is(:-webkit-autofill, :autofill) {
3118
3116
  }
3119
3117
  }
3120
3118
 
3121
- .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
3119
+ .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
3122
3120
  animation: accordion-down 0.2s ease-out;
3123
3121
  }
3124
3122
 
3125
- .data-\[state\=active\]\:border-b-2[data-state=active] {
3123
+ .data-\[state\=active\]\:border-b-2[data-state="active"] {
3126
3124
  border-bottom-width: 2px;
3127
3125
  }
3128
3126
 
3129
- .data-\[state\=inactive\]\:border-transparent[data-state=inactive] {
3127
+ .data-\[state\=inactive\]\:border-transparent[data-state="inactive"] {
3130
3128
  border-color: transparent;
3131
3129
  }
3132
3130
 
3133
- .data-\[swipe\=move\]\:transition-none[data-swipe=move] {
3131
+ .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
3134
3132
  transition-property: none;
3135
3133
  }
3136
3134
 
3137
- .data-\[state\=closed\]\:duration-300[data-state=closed] {
3135
+ .data-\[state\=closed\]\:duration-300[data-state="closed"] {
3138
3136
  transition-duration: 300ms;
3139
3137
  }
3140
3138
 
3141
- .data-\[state\=open\]\:duration-500[data-state=open] {
3139
+ .data-\[state\=open\]\:duration-500[data-state="open"] {
3142
3140
  transition-duration: 500ms;
3143
3141
  }
3144
3142
 
3145
- .data-\[state\=open\]\:animate-in[data-state=open] {
3143
+ .data-\[state\=open\]\:animate-in[data-state="open"] {
3146
3144
  animation-name: enter;
3147
3145
  animation-duration: 150ms;
3148
3146
  --tw-enter-opacity: initial;
@@ -3152,7 +3150,7 @@ textarea:is(:-webkit-autofill, :autofill) {
3152
3150
  --tw-enter-translate-y: initial;
3153
3151
  }
3154
3152
 
3155
- .data-\[state\=closed\]\:animate-out[data-state=closed] {
3153
+ .data-\[state\=closed\]\:animate-out[data-state="closed"] {
3156
3154
  animation-name: exit;
3157
3155
  animation-duration: 150ms;
3158
3156
  --tw-exit-opacity: initial;
@@ -3162,7 +3160,7 @@ textarea:is(:-webkit-autofill, :autofill) {
3162
3160
  --tw-exit-translate-y: initial;
3163
3161
  }
3164
3162
 
3165
- .data-\[swipe\=end\]\:animate-out[data-swipe=end] {
3163
+ .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
3166
3164
  animation-name: exit;
3167
3165
  animation-duration: 150ms;
3168
3166
  --tw-exit-opacity: initial;
@@ -3172,125 +3170,125 @@ textarea:is(:-webkit-autofill, :autofill) {
3172
3170
  --tw-exit-translate-y: initial;
3173
3171
  }
3174
3172
 
3175
- .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
3173
+ .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
3176
3174
  --tw-exit-opacity: 0;
3177
3175
  }
3178
3176
 
3179
- .data-\[state\=closed\]\:fade-out-80[data-state=closed] {
3177
+ .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
3180
3178
  --tw-exit-opacity: 0.8;
3181
3179
  }
3182
3180
 
3183
- .data-\[state\=open\]\:fade-in-0[data-state=open] {
3181
+ .data-\[state\=open\]\:fade-in-0[data-state="open"] {
3184
3182
  --tw-enter-opacity: 0;
3185
3183
  }
3186
3184
 
3187
- .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
3185
+ .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
3188
3186
  --tw-exit-scale: .95;
3189
3187
  }
3190
3188
 
3191
- .data-\[state\=open\]\:zoom-in-95[data-state=open] {
3189
+ .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
3192
3190
  --tw-enter-scale: .95;
3193
3191
  }
3194
3192
 
3195
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
3193
+ .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
3196
3194
  --tw-enter-translate-y: -0.5rem;
3197
3195
  }
3198
3196
 
3199
- .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
3197
+ .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
3200
3198
  --tw-enter-translate-x: 0.5rem;
3201
3199
  }
3202
3200
 
3203
- .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
3201
+ .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
3204
3202
  --tw-enter-translate-x: -0.5rem;
3205
3203
  }
3206
3204
 
3207
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
3205
+ .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
3208
3206
  --tw-enter-translate-y: 0.5rem;
3209
3207
  }
3210
3208
 
3211
- .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
3209
+ .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
3212
3210
  --tw-exit-translate-y: 100%;
3213
3211
  }
3214
3212
 
3215
- .data-\[state\=closed\]\:slide-out-to-bottom-full[data-state=closed] {
3213
+ .data-\[state\=closed\]\:slide-out-to-bottom-full[data-state="closed"] {
3216
3214
  --tw-exit-translate-y: 100%;
3217
3215
  }
3218
3216
 
3219
- .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
3217
+ .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
3220
3218
  --tw-exit-translate-x: -100%;
3221
3219
  }
3222
3220
 
3223
- .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
3221
+ .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
3224
3222
  --tw-exit-translate-x: -50%;
3225
3223
  }
3226
3224
 
3227
- .data-\[state\=closed\]\:slide-out-to-left-full[data-state=closed] {
3225
+ .data-\[state\=closed\]\:slide-out-to-left-full[data-state="closed"] {
3228
3226
  --tw-exit-translate-x: -100%;
3229
3227
  }
3230
3228
 
3231
- .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
3229
+ .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
3232
3230
  --tw-exit-translate-x: 100%;
3233
3231
  }
3234
3232
 
3235
- .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] {
3233
+ .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] {
3236
3234
  --tw-exit-translate-x: 100%;
3237
3235
  }
3238
3236
 
3239
- .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
3237
+ .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
3240
3238
  --tw-exit-translate-y: -100%;
3241
3239
  }
3242
3240
 
3243
- .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
3241
+ .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
3244
3242
  --tw-exit-translate-y: -48%;
3245
3243
  }
3246
3244
 
3247
- .data-\[state\=closed\]\:slide-out-to-top-full[data-state=closed] {
3245
+ .data-\[state\=closed\]\:slide-out-to-top-full[data-state="closed"] {
3248
3246
  --tw-exit-translate-y: -100%;
3249
3247
  }
3250
3248
 
3251
- .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
3249
+ .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
3252
3250
  --tw-enter-translate-y: 100%;
3253
3251
  }
3254
3252
 
3255
- .data-\[state\=open\]\:slide-in-from-bottom-full[data-state=open] {
3253
+ .data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"] {
3256
3254
  --tw-enter-translate-y: 100%;
3257
3255
  }
3258
3256
 
3259
- .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
3257
+ .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
3260
3258
  --tw-enter-translate-x: -100%;
3261
3259
  }
3262
3260
 
3263
- .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
3261
+ .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
3264
3262
  --tw-enter-translate-x: -50%;
3265
3263
  }
3266
3264
 
3267
- .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
3265
+ .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
3268
3266
  --tw-enter-translate-x: 100%;
3269
3267
  }
3270
3268
 
3271
- .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
3269
+ .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
3272
3270
  --tw-enter-translate-y: -100%;
3273
3271
  }
3274
3272
 
3275
- .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
3273
+ .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
3276
3274
  --tw-enter-translate-y: -48%;
3277
3275
  }
3278
3276
 
3279
- .data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
3277
+ .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"] {
3280
3278
  --tw-enter-translate-y: -100%;
3281
3279
  }
3282
3280
 
3283
- .data-\[state\=closed\]\:duration-300[data-state=closed] {
3281
+ .data-\[state\=closed\]\:duration-300[data-state="closed"] {
3284
3282
  animation-duration: 300ms;
3285
3283
  }
3286
3284
 
3287
- .data-\[state\=open\]\:duration-500[data-state=open] {
3285
+ .data-\[state\=open\]\:duration-500[data-state="open"] {
3288
3286
  animation-duration: 500ms;
3289
3287
  }
3290
3288
 
3291
3289
  .dark\:bg-\[\#000\]:is(.dark *) {
3292
3290
  --tw-bg-opacity: 1;
3293
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
3291
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
3294
3292
  }
3295
3293
 
3296
3294
  .dark\:stroke-black:is(.dark *) {
@@ -3299,12 +3297,12 @@ textarea:is(:-webkit-autofill, :autofill) {
3299
3297
 
3300
3298
  .dark\:\!text-\[\#363B3F\]:is(.dark *) {
3301
3299
  --tw-text-opacity: 1 !important;
3302
- color: rgb(54 59 63 / var(--tw-text-opacity)) !important;
3300
+ color: rgb(54 59 63 / var(--tw-text-opacity, 1)) !important;
3303
3301
  }
3304
3302
 
3305
3303
  .dark\:text-\[\#363B3F\]:is(.dark *) {
3306
3304
  --tw-text-opacity: 1;
3307
- color: rgb(54 59 63 / var(--tw-text-opacity));
3305
+ color: rgb(54 59 63 / var(--tw-text-opacity, 1));
3308
3306
  }
3309
3307
 
3310
3308
  @media (min-width: 640px) {