lightning_ui_kit 0.1.4 → 0.2.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.
Files changed (43) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/builds/lightning_ui_kit.css +1048 -2821
  3. data/app/assets/builds/lightning_ui_kit.js +1 -1
  4. data/app/assets/builds/lightning_ui_kit.js.map +3 -3
  5. data/app/assets/stylesheets/lightning_ui_kit/application.css +1 -1
  6. data/app/assets/vendor/lightning_ui_kit.css +1063 -1319
  7. data/app/assets/vendor/lightning_ui_kit.js +1 -1
  8. data/app/components/lightning_ui_kit/alert_component.html.erb +1 -1
  9. data/app/components/lightning_ui_kit/alert_component.rb +1 -1
  10. data/app/components/lightning_ui_kit/avatar_component.html.erb +5 -5
  11. data/app/components/lightning_ui_kit/avatar_component.rb +3 -3
  12. data/app/components/lightning_ui_kit/badge_component.html.erb +1 -1
  13. data/app/components/lightning_ui_kit/badge_component.rb +19 -19
  14. data/app/components/lightning_ui_kit/banner_component.html.erb +6 -6
  15. data/app/components/lightning_ui_kit/banner_component.rb +3 -3
  16. data/app/components/lightning_ui_kit/button_component.rb +29 -28
  17. data/app/components/lightning_ui_kit/checkbox_component.html.erb +29 -8
  18. data/app/components/lightning_ui_kit/description_list/item_component.html.erb +3 -3
  19. data/app/components/lightning_ui_kit/description_list_component.html.erb +1 -1
  20. data/app/components/lightning_ui_kit/dropdown_component.html.erb +5 -5
  21. data/app/components/lightning_ui_kit/dropdown_component.rb +3 -3
  22. data/app/components/lightning_ui_kit/dropzone_component.html.erb +22 -22
  23. data/app/components/lightning_ui_kit/dropzone_component.rb +1 -1
  24. data/app/components/lightning_ui_kit/file_input_component.html.erb +6 -6
  25. data/app/components/lightning_ui_kit/file_input_component.rb +1 -1
  26. data/app/components/lightning_ui_kit/input_component.html.erb +13 -13
  27. data/app/components/lightning_ui_kit/input_component.rb +1 -1
  28. data/app/components/lightning_ui_kit/link_component.html.erb +1 -1
  29. data/app/components/lightning_ui_kit/modal_component.html.erb +7 -7
  30. data/app/components/lightning_ui_kit/pagination_component.html.erb +2 -2
  31. data/app/components/lightning_ui_kit/pagination_component.rb +5 -4
  32. data/app/components/lightning_ui_kit/select_component.html.erb +14 -9
  33. data/app/components/lightning_ui_kit/skeleton_component.html.erb +4 -4
  34. data/app/components/lightning_ui_kit/spinner_component.html.erb +1 -1
  35. data/app/components/lightning_ui_kit/switch_component.html.erb +21 -6
  36. data/app/components/lightning_ui_kit/table_component.html.erb +10 -10
  37. data/app/components/lightning_ui_kit/text_component.rb +1 -1
  38. data/app/components/lightning_ui_kit/textarea_component.html.erb +10 -8
  39. data/app/javascript/lightning_ui_kit/controllers/accordion_controller.js +11 -11
  40. data/app/javascript/lightning_ui_kit/controllers/banner_controller.js +3 -3
  41. data/app/javascript/lightning_ui_kit/controllers/dropdown_controller.js +2 -1
  42. data/lib/lightning_ui_kit/version.rb +1 -1
  43. metadata +2 -2
data/app/assets/vendor/lightning_ui_kit.css CHANGED
@@ -1,373 +1,62 @@
1
- /*! tailwindcss v4.0.4 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
2
3
  @layer theme, base, components, utilities;
3
4
  @layer theme {
4
5
  :root, :host {
5
- --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
6
- 'Segoe UI Symbol', 'Noto Color Emoji';
7
- --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
9
- 'Courier New', monospace;
10
- --color-red-50: oklch(0.971 0.013 17.38);
11
- --color-red-100: oklch(0.936 0.032 17.717);
12
- --color-red-200: oklch(0.885 0.062 18.334);
13
- --color-red-300: oklch(0.808 0.114 19.571);
14
- --color-red-400: oklch(0.704 0.191 22.216);
15
- --color-red-500: oklch(0.637 0.237 25.331);
16
- --color-red-600: oklch(0.577 0.245 27.325);
17
- --color-red-700: oklch(0.505 0.213 27.518);
18
- --color-red-800: oklch(0.444 0.177 26.899);
19
- --color-red-900: oklch(0.396 0.141 25.723);
20
- --color-red-950: oklch(0.258 0.092 26.042);
21
- --color-orange-50: oklch(0.98 0.016 73.684);
22
- --color-orange-100: oklch(0.954 0.038 75.164);
23
- --color-orange-200: oklch(0.901 0.076 70.697);
24
- --color-orange-300: oklch(0.837 0.128 66.29);
25
- --color-orange-400: oklch(0.75 0.183 55.934);
26
- --color-orange-500: oklch(0.705 0.213 47.604);
27
- --color-orange-600: oklch(0.646 0.222 41.116);
28
- --color-orange-700: oklch(0.553 0.195 38.402);
29
- --color-orange-800: oklch(0.47 0.157 37.304);
30
- --color-orange-900: oklch(0.408 0.123 38.172);
31
- --color-orange-950: oklch(0.266 0.079 36.259);
32
- --color-amber-50: oklch(0.987 0.022 95.277);
33
- --color-amber-100: oklch(0.962 0.059 95.617);
34
- --color-amber-200: oklch(0.924 0.12 95.746);
35
- --color-amber-300: oklch(0.879 0.169 91.605);
36
- --color-amber-400: oklch(0.828 0.189 84.429);
37
- --color-amber-500: oklch(0.769 0.188 70.08);
38
- --color-amber-600: oklch(0.666 0.179 58.318);
39
- --color-amber-700: oklch(0.555 0.163 48.998);
40
- --color-amber-800: oklch(0.473 0.137 46.201);
41
- --color-amber-900: oklch(0.414 0.112 45.904);
42
- --color-amber-950: oklch(0.279 0.077 45.635);
43
- --color-yellow-50: oklch(0.987 0.026 102.212);
44
- --color-yellow-100: oklch(0.973 0.071 103.193);
45
- --color-yellow-200: oklch(0.945 0.129 101.54);
46
- --color-yellow-300: oklch(0.905 0.182 98.111);
47
- --color-yellow-400: oklch(0.852 0.199 91.936);
48
- --color-yellow-500: oklch(0.795 0.184 86.047);
49
- --color-yellow-600: oklch(0.681 0.162 75.834);
50
- --color-yellow-700: oklch(0.554 0.135 66.442);
51
- --color-yellow-800: oklch(0.476 0.114 61.907);
52
- --color-yellow-900: oklch(0.421 0.095 57.708);
53
- --color-yellow-950: oklch(0.286 0.066 53.813);
54
- --color-lime-50: oklch(0.986 0.031 120.757);
55
- --color-lime-100: oklch(0.967 0.067 122.328);
56
- --color-lime-200: oklch(0.938 0.127 124.321);
57
- --color-lime-300: oklch(0.897 0.196 126.665);
58
- --color-lime-400: oklch(0.841 0.238 128.85);
59
- --color-lime-500: oklch(0.768 0.233 130.85);
60
- --color-lime-600: oklch(0.648 0.2 131.684);
61
- --color-lime-700: oklch(0.532 0.157 131.589);
62
- --color-lime-800: oklch(0.453 0.124 130.933);
63
- --color-lime-900: oklch(0.405 0.101 131.063);
64
- --color-lime-950: oklch(0.274 0.072 132.109);
65
- --color-green-50: oklch(0.982 0.018 155.826);
66
- --color-green-100: oklch(0.962 0.044 156.743);
67
- --color-green-200: oklch(0.925 0.084 155.995);
68
- --color-green-300: oklch(0.871 0.15 154.449);
69
- --color-green-400: oklch(0.792 0.209 151.711);
70
- --color-green-500: oklch(0.723 0.219 149.579);
71
- --color-green-600: oklch(0.627 0.194 149.214);
72
- --color-green-700: oklch(0.527 0.154 150.069);
73
- --color-green-800: oklch(0.448 0.119 151.328);
74
- --color-green-900: oklch(0.393 0.095 152.535);
75
- --color-green-950: oklch(0.266 0.065 152.934);
76
- --color-emerald-50: oklch(0.979 0.021 166.113);
77
- --color-emerald-100: oklch(0.95 0.052 163.051);
78
- --color-emerald-200: oklch(0.905 0.093 164.15);
79
- --color-emerald-300: oklch(0.845 0.143 164.978);
80
- --color-emerald-400: oklch(0.765 0.177 163.223);
81
- --color-emerald-500: oklch(0.696 0.17 162.48);
82
- --color-emerald-600: oklch(0.596 0.145 163.225);
83
- --color-emerald-700: oklch(0.508 0.118 165.612);
84
- --color-emerald-800: oklch(0.432 0.095 166.913);
85
- --color-emerald-900: oklch(0.378 0.077 168.94);
86
- --color-emerald-950: oklch(0.262 0.051 172.552);
87
- --color-teal-50: oklch(0.984 0.014 180.72);
88
- --color-teal-100: oklch(0.953 0.051 180.801);
89
- --color-teal-200: oklch(0.91 0.096 180.426);
90
- --color-teal-300: oklch(0.855 0.138 181.071);
91
- --color-teal-400: oklch(0.777 0.152 181.912);
92
- --color-teal-500: oklch(0.704 0.14 182.503);
93
- --color-teal-600: oklch(0.6 0.118 184.704);
94
- --color-teal-700: oklch(0.511 0.096 186.391);
95
- --color-teal-800: oklch(0.437 0.078 188.216);
96
- --color-teal-900: oklch(0.386 0.063 188.416);
97
- --color-teal-950: oklch(0.277 0.046 192.524);
98
- --color-cyan-50: oklch(0.984 0.019 200.873);
99
- --color-cyan-100: oklch(0.956 0.045 203.388);
100
- --color-cyan-200: oklch(0.917 0.08 205.041);
101
- --color-cyan-300: oklch(0.865 0.127 207.078);
102
- --color-cyan-400: oklch(0.789 0.154 211.53);
103
- --color-cyan-500: oklch(0.715 0.143 215.221);
104
- --color-cyan-600: oklch(0.609 0.126 221.723);
105
- --color-cyan-700: oklch(0.52 0.105 223.128);
106
- --color-cyan-800: oklch(0.45 0.085 224.283);
107
- --color-cyan-900: oklch(0.398 0.07 227.392);
108
- --color-cyan-950: oklch(0.302 0.056 229.695);
109
- --color-sky-50: oklch(0.977 0.013 236.62);
110
- --color-sky-100: oklch(0.951 0.026 236.824);
111
- --color-sky-200: oklch(0.901 0.058 230.902);
112
- --color-sky-300: oklch(0.828 0.111 230.318);
113
- --color-sky-400: oklch(0.746 0.16 232.661);
114
- --color-sky-500: oklch(0.685 0.169 237.323);
115
- --color-sky-600: oklch(0.588 0.158 241.966);
116
- --color-sky-700: oklch(0.5 0.134 242.749);
117
- --color-sky-800: oklch(0.443 0.11 240.79);
118
- --color-sky-900: oklch(0.391 0.09 240.876);
119
- --color-sky-950: oklch(0.293 0.066 243.157);
120
- --color-blue-50: oklch(0.97 0.014 254.604);
121
- --color-blue-100: oklch(0.932 0.032 255.585);
122
- --color-blue-200: oklch(0.882 0.059 254.128);
123
- --color-blue-300: oklch(0.809 0.105 251.813);
124
- --color-blue-400: oklch(0.707 0.165 254.624);
125
- --color-blue-500: oklch(0.623 0.214 259.815);
126
- --color-blue-600: oklch(0.546 0.245 262.881);
127
- --color-blue-700: oklch(0.488 0.243 264.376);
128
- --color-blue-800: oklch(0.424 0.199 265.638);
129
- --color-blue-900: oklch(0.379 0.146 265.522);
130
- --color-blue-950: oklch(0.282 0.091 267.935);
131
- --color-indigo-50: oklch(0.962 0.018 272.314);
132
- --color-indigo-100: oklch(0.93 0.034 272.788);
133
- --color-indigo-200: oklch(0.87 0.065 274.039);
134
- --color-indigo-300: oklch(0.785 0.115 274.713);
135
- --color-indigo-400: oklch(0.673 0.182 276.935);
136
- --color-indigo-500: oklch(0.585 0.233 277.117);
137
- --color-indigo-600: oklch(0.511 0.262 276.966);
138
- --color-indigo-700: oklch(0.457 0.24 277.023);
139
- --color-indigo-800: oklch(0.398 0.195 277.366);
140
- --color-indigo-900: oklch(0.359 0.144 278.697);
141
- --color-indigo-950: oklch(0.257 0.09 281.288);
142
- --color-violet-50: oklch(0.969 0.016 293.756);
143
- --color-violet-100: oklch(0.943 0.029 294.588);
144
- --color-violet-200: oklch(0.894 0.057 293.283);
145
- --color-violet-300: oklch(0.811 0.111 293.571);
146
- --color-violet-400: oklch(0.702 0.183 293.541);
147
- --color-violet-500: oklch(0.606 0.25 292.717);
148
- --color-violet-600: oklch(0.541 0.281 293.009);
149
- --color-violet-700: oklch(0.491 0.27 292.581);
150
- --color-violet-800: oklch(0.432 0.232 292.759);
151
- --color-violet-900: oklch(0.38 0.189 293.745);
152
- --color-violet-950: oklch(0.283 0.141 291.089);
153
- --color-purple-50: oklch(0.977 0.014 308.299);
154
- --color-purple-100: oklch(0.946 0.033 307.174);
155
- --color-purple-200: oklch(0.902 0.063 306.703);
156
- --color-purple-300: oklch(0.827 0.119 306.383);
157
- --color-purple-400: oklch(0.714 0.203 305.504);
158
- --color-purple-500: oklch(0.627 0.265 303.9);
159
- --color-purple-600: oklch(0.558 0.288 302.321);
160
- --color-purple-700: oklch(0.496 0.265 301.924);
161
- --color-purple-800: oklch(0.438 0.218 303.724);
162
- --color-purple-900: oklch(0.381 0.176 304.987);
163
- --color-purple-950: oklch(0.291 0.149 302.717);
164
- --color-fuchsia-50: oklch(0.977 0.017 320.058);
165
- --color-fuchsia-100: oklch(0.952 0.037 318.852);
166
- --color-fuchsia-200: oklch(0.903 0.076 319.62);
167
- --color-fuchsia-300: oklch(0.833 0.145 321.434);
168
- --color-fuchsia-400: oklch(0.74 0.238 322.16);
169
- --color-fuchsia-500: oklch(0.667 0.295 322.15);
170
- --color-fuchsia-600: oklch(0.591 0.293 322.896);
171
- --color-fuchsia-700: oklch(0.518 0.253 323.949);
172
- --color-fuchsia-800: oklch(0.452 0.211 324.591);
173
- --color-fuchsia-900: oklch(0.401 0.17 325.612);
174
- --color-fuchsia-950: oklch(0.293 0.136 325.661);
175
- --color-pink-50: oklch(0.971 0.014 343.198);
176
- --color-pink-100: oklch(0.948 0.028 342.258);
177
- --color-pink-200: oklch(0.899 0.061 343.231);
178
- --color-pink-300: oklch(0.823 0.12 346.018);
179
- --color-pink-400: oklch(0.718 0.202 349.761);
180
- --color-pink-500: oklch(0.656 0.241 354.308);
181
- --color-pink-600: oklch(0.592 0.249 0.584);
182
- --color-pink-700: oklch(0.525 0.223 3.958);
183
- --color-pink-800: oklch(0.459 0.187 3.815);
184
- --color-pink-900: oklch(0.408 0.153 2.432);
185
- --color-pink-950: oklch(0.284 0.109 3.907);
186
- --color-rose-50: oklch(0.969 0.015 12.422);
187
- --color-rose-100: oklch(0.941 0.03 12.58);
188
- --color-rose-200: oklch(0.892 0.058 10.001);
189
- --color-rose-300: oklch(0.81 0.117 11.638);
190
- --color-rose-400: oklch(0.712 0.194 13.428);
191
- --color-rose-500: oklch(0.645 0.246 16.439);
192
- --color-rose-600: oklch(0.586 0.253 17.585);
193
- --color-rose-700: oklch(0.514 0.222 16.935);
194
- --color-rose-800: oklch(0.455 0.188 13.697);
195
- --color-rose-900: oklch(0.41 0.159 10.272);
196
- --color-rose-950: oklch(0.271 0.105 12.094);
197
- --color-slate-50: oklch(0.984 0.003 247.858);
198
- --color-slate-100: oklch(0.968 0.007 247.896);
199
- --color-slate-200: oklch(0.929 0.013 255.508);
200
- --color-slate-300: oklch(0.869 0.022 252.894);
201
- --color-slate-400: oklch(0.704 0.04 256.788);
202
- --color-slate-500: oklch(0.554 0.046 257.417);
203
- --color-slate-600: oklch(0.446 0.043 257.281);
204
- --color-slate-700: oklch(0.372 0.044 257.287);
205
- --color-slate-800: oklch(0.279 0.041 260.031);
206
- --color-slate-900: oklch(0.208 0.042 265.755);
207
- --color-slate-950: oklch(0.129 0.042 264.695);
208
- --color-gray-50: oklch(0.985 0.002 247.839);
209
- --color-gray-100: oklch(0.967 0.003 264.542);
210
- --color-gray-200: oklch(0.928 0.006 264.531);
211
- --color-gray-300: oklch(0.872 0.01 258.338);
212
- --color-gray-400: oklch(0.707 0.022 261.325);
213
- --color-gray-500: oklch(0.551 0.027 264.364);
214
- --color-gray-600: oklch(0.446 0.03 256.802);
215
- --color-gray-700: oklch(0.373 0.034 259.733);
216
- --color-gray-800: oklch(0.278 0.033 256.848);
217
- --color-gray-900: oklch(0.21 0.034 264.665);
218
- --color-gray-950: oklch(0.13 0.028 261.692);
219
- --color-zinc-50: oklch(0.985 0 0);
220
- --color-zinc-100: oklch(0.967 0.001 286.375);
221
- --color-zinc-200: oklch(0.92 0.004 286.32);
222
- --color-zinc-300: oklch(0.871 0.006 286.286);
223
- --color-zinc-400: oklch(0.705 0.015 286.067);
224
- --color-zinc-500: oklch(0.552 0.016 285.938);
225
- --color-zinc-600: oklch(0.442 0.017 285.786);
226
- --color-zinc-700: oklch(0.37 0.013 285.805);
227
- --color-zinc-800: oklch(0.274 0.006 286.033);
228
- --color-zinc-900: oklch(0.21 0.006 285.885);
229
- --color-zinc-950: oklch(0.141 0.005 285.823);
230
- --color-neutral-50: oklch(0.985 0 0);
231
- --color-neutral-100: oklch(0.97 0 0);
232
- --color-neutral-200: oklch(0.922 0 0);
233
- --color-neutral-300: oklch(0.87 0 0);
234
- --color-neutral-400: oklch(0.708 0 0);
235
- --color-neutral-500: oklch(0.556 0 0);
236
- --color-neutral-600: oklch(0.439 0 0);
237
- --color-neutral-700: oklch(0.371 0 0);
238
- --color-neutral-800: oklch(0.269 0 0);
239
- --color-neutral-900: oklch(0.205 0 0);
240
- --color-neutral-950: oklch(0.145 0 0);
241
- --color-stone-50: oklch(0.985 0.001 106.423);
242
- --color-stone-100: oklch(0.97 0.001 106.424);
243
- --color-stone-200: oklch(0.923 0.003 48.717);
244
- --color-stone-300: oklch(0.869 0.005 56.366);
245
- --color-stone-400: oklch(0.709 0.01 56.259);
246
- --color-stone-500: oklch(0.553 0.013 58.071);
247
- --color-stone-600: oklch(0.444 0.011 73.639);
248
- --color-stone-700: oklch(0.374 0.01 67.558);
249
- --color-stone-800: oklch(0.268 0.007 34.298);
250
- --color-stone-900: oklch(0.216 0.006 56.043);
251
- --color-stone-950: oklch(0.147 0.004 49.25);
252
- --color-black: #000;
253
- --color-white: #fff;
254
- --spacing: 0.25rem;
255
- --breakpoint-sm: 40rem;
256
- --breakpoint-md: 48rem;
257
- --breakpoint-lg: 64rem;
258
- --breakpoint-xl: 80rem;
259
- --breakpoint-2xl: 96rem;
260
- --container-3xs: 16rem;
261
- --container-2xs: 18rem;
262
- --container-xs: 20rem;
263
- --container-sm: 24rem;
264
- --container-md: 28rem;
265
- --container-lg: 32rem;
266
- --container-xl: 36rem;
267
- --container-2xl: 42rem;
268
- --container-3xl: 48rem;
269
- --container-4xl: 56rem;
270
- --container-5xl: 64rem;
271
- --container-6xl: 72rem;
272
- --container-7xl: 80rem;
273
- --text-xs: 0.75rem;
274
- --text-xs--line-height: calc(1 / 0.75);
275
- --text-sm: 0.875rem;
276
- --text-sm--line-height: calc(1.25 / 0.875);
277
- --text-base: 1rem;
278
- --text-base--line-height: calc(1.5 / 1);
279
- --text-lg: 1.125rem;
280
- --text-lg--line-height: calc(1.75 / 1.125);
281
- --text-xl: 1.25rem;
282
- --text-xl--line-height: calc(1.75 / 1.25);
283
- --text-2xl: 1.5rem;
284
- --text-2xl--line-height: calc(2 / 1.5);
285
- --text-3xl: 1.875rem;
286
- --text-3xl--line-height: calc(2.25 / 1.875);
287
- --text-4xl: 2.25rem;
288
- --text-4xl--line-height: calc(2.5 / 2.25);
289
- --text-5xl: 3rem;
290
- --text-5xl--line-height: 1;
291
- --text-6xl: 3.75rem;
292
- --text-6xl--line-height: 1;
293
- --text-7xl: 4.5rem;
294
- --text-7xl--line-height: 1;
295
- --text-8xl: 6rem;
296
- --text-8xl--line-height: 1;
297
- --text-9xl: 8rem;
298
- --text-9xl--line-height: 1;
299
- --font-weight-thin: 100;
300
- --font-weight-extralight: 200;
301
- --font-weight-light: 300;
302
- --font-weight-normal: 400;
303
- --font-weight-medium: 500;
304
- --font-weight-semibold: 600;
305
- --font-weight-bold: 700;
306
- --font-weight-extrabold: 800;
307
- --font-weight-black: 900;
308
- --tracking-tighter: -0.05em;
309
- --tracking-tight: -0.025em;
310
- --tracking-normal: 0em;
311
- --tracking-wide: 0.025em;
312
- --tracking-wider: 0.05em;
313
- --tracking-widest: 0.1em;
314
- --leading-tight: 1.25;
315
- --leading-snug: 1.375;
316
- --leading-normal: 1.5;
317
- --leading-relaxed: 1.625;
318
- --leading-loose: 2;
319
- --radius-xs: 0.125rem;
320
- --radius-sm: 0.25rem;
321
- --radius-md: 0.375rem;
322
- --radius-lg: 0.5rem;
323
- --radius-xl: 0.75rem;
324
- --radius-2xl: 1rem;
325
- --radius-3xl: 1.5rem;
326
- --radius-4xl: 2rem;
327
- --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
328
- --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
329
- --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
330
- --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
331
- --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
332
- --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
333
- --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
334
- --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
335
- --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
336
- --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
337
- --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
338
- --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
339
- --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
340
- --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
341
- --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
342
- --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
343
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
344
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
345
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
346
- --animate-spin: spin 1s linear infinite;
347
- --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
348
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
349
- --animate-bounce: bounce 1s infinite;
350
- --blur-xs: 4px;
351
- --blur-sm: 8px;
352
- --blur-md: 12px;
353
- --blur-lg: 16px;
354
- --blur-xl: 24px;
355
- --blur-2xl: 40px;
356
- --blur-3xl: 64px;
357
- --perspective-dramatic: 100px;
358
- --perspective-near: 300px;
359
- --perspective-normal: 500px;
360
- --perspective-midrange: 800px;
361
- --perspective-distant: 1200px;
362
- --aspect-video: 16 / 9;
363
- --default-transition-duration: 150ms;
364
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
365
- --default-font-family: var(--font-sans);
366
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
367
- --default-font-variation-settings: var(--font-sans--font-variation-settings);
368
- --default-mono-font-family: var(--font-mono);
369
- --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
370
- --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
6
+ --lui-color-red-400: oklch(0.704 0.191 22.216);
7
+ --lui-color-red-500: oklch(0.637 0.237 25.331);
8
+ --lui-color-red-600: oklch(0.577 0.245 27.325);
9
+ --lui-color-red-700: oklch(0.505 0.213 27.518);
10
+ --lui-color-red-950: oklch(0.258 0.092 26.042);
11
+ --lui-color-yellow-200: oklch(0.945 0.129 101.54);
12
+ --lui-color-yellow-400: oklch(0.852 0.199 91.936);
13
+ --lui-color-green-200: oklch(0.925 0.084 155.995);
14
+ --lui-color-green-600: oklch(0.627 0.194 149.214);
15
+ --lui-color-blue-500: oklch(0.623 0.214 259.815);
16
+ --lui-color-indigo-500: oklch(0.585 0.233 277.117);
17
+ --lui-color-indigo-600: oklch(0.511 0.262 276.966);
18
+ --lui-color-gray-50: oklch(0.985 0.002 247.839);
19
+ --lui-color-gray-100: oklch(0.967 0.003 264.542);
20
+ --lui-color-gray-300: oklch(0.872 0.01 258.338);
21
+ --lui-color-gray-400: oklch(0.707 0.022 261.325);
22
+ --lui-color-gray-800: oklch(0.278 0.033 256.848);
23
+ --lui-color-gray-900: oklch(0.21 0.034 264.665);
24
+ --lui-color-zinc-50: oklch(0.985 0 0);
25
+ --lui-color-zinc-100: oklch(0.967 0.001 286.375);
26
+ --lui-color-zinc-200: oklch(0.92 0.004 286.32);
27
+ --lui-color-zinc-300: oklch(0.871 0.006 286.286);
28
+ --lui-color-zinc-400: oklch(0.705 0.015 286.067);
29
+ --lui-color-zinc-500: oklch(0.552 0.016 285.938);
30
+ --lui-color-zinc-600: oklch(0.442 0.017 285.786);
31
+ --lui-color-zinc-700: oklch(0.37 0.013 285.805);
32
+ --lui-color-zinc-900: oklch(0.21 0.006 285.885);
33
+ --lui-color-zinc-950: oklch(0.141 0.005 285.823);
34
+ --lui-color-black: #000;
35
+ --lui-color-white: #fff;
36
+ --lui-spacing: 0.25rem;
37
+ --lui-container-3xl: 48rem;
38
+ --lui-text-xs: 0.75rem;
39
+ --lui-text-xs--line-height: calc(1 / 0.75);
40
+ --lui-text-sm: 0.875rem;
41
+ --lui-text-sm--line-height: calc(1.25 / 0.875);
42
+ --lui-text-base: 1rem;
43
+ --lui-text-base--line-height: calc(1.5 / 1);
44
+ --lui-text-lg: 1.125rem;
45
+ --lui-font-weight-normal: 400;
46
+ --lui-font-weight-medium: 500;
47
+ --lui-font-weight-semibold: 600;
48
+ --lui-leading-snug: 1.375;
49
+ --lui-radius-md: 0.375rem;
50
+ --lui-radius-lg: 0.5rem;
51
+ --lui-radius-2xl: 1rem;
52
+ --lui-radius-3xl: 1.5rem;
53
+ --lui-ease-in: cubic-bezier(0.4, 0, 1, 1);
54
+ --lui-ease-out: cubic-bezier(0, 0, 0.2, 1);
55
+ --lui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
56
+ --lui-animate-spin: spin 1s linear infinite;
57
+ --lui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
58
+ --lui-default-transition-duration: 150ms;
59
+ --lui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
371
60
  }
372
61
  }
373
62
  @layer base {
@@ -381,9 +70,9 @@
381
70
  line-height: 1.5;
382
71
  -webkit-text-size-adjust: 100%;
383
72
  tab-size: 4;
384
- font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );
73
+ font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
385
74
  font-feature-settings: var(--default-font-feature-settings, normal);
386
- font-variation-settings: var(--default-font-variation-settings, normal);
75
+ font-variation-settings: var( --default-font-variation-settings, normal );
387
76
  -webkit-tap-highlight-color: transparent;
388
77
  }
389
78
  body {
@@ -411,9 +100,9 @@
411
100
  font-weight: bolder;
412
101
  }
413
102
  code, kbd, samp, pre {
414
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );
415
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
416
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
103
+ font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
104
+ font-feature-settings: var( --default-mono-font-feature-settings, normal );
105
+ font-variation-settings: var( --default-mono-font-variation-settings, normal );
417
106
  font-size: 1em;
418
107
  }
419
108
  small {
@@ -477,7 +166,10 @@
477
166
  }
478
167
  ::placeholder {
479
168
  opacity: 1;
480
- color: color-mix(in oklab, currentColor 50%, transparent);
169
+ color: currentColor;
170
+ @supports (color: color-mix(in lab, red, red)) {
171
+ color: color-mix(in oklab, currentColor 50%, transparent);
172
+ }
481
173
  }
482
174
  textarea {
483
175
  resize: vertical;
@@ -501,21 +193,21 @@
501
193
  :-moz-ui-invalid {
502
194
  box-shadow: none;
503
195
  }
504
- button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
196
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
505
197
  appearance: button;
506
198
  }
507
199
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
508
200
  height: auto;
509
201
  }
510
- [hidden]:where(:not([hidden='until-found'])) {
202
+ [hidden]:where(:not([hidden="until-found"])) {
511
203
  display: none !important;
512
204
  }
513
205
  }
514
206
  @layer utilities {
515
- .pointer-events-none {
207
+ .lui\:pointer-events-none {
516
208
  pointer-events: none;
517
209
  }
518
- .sr-only {
210
+ .lui\:sr-only {
519
211
  position: absolute;
520
212
  width: 1px;
521
213
  height: 1px;
@@ -526,1357 +218,1383 @@
526
218
  white-space: nowrap;
527
219
  border-width: 0;
528
220
  }
529
- .absolute {
221
+ .lui\:absolute {
530
222
  position: absolute;
531
223
  }
532
- .fixed {
224
+ .lui\:fixed {
533
225
  position: fixed;
534
226
  }
535
- .relative {
227
+ .lui\:relative {
536
228
  position: relative;
537
229
  }
538
- .static {
539
- position: static;
540
- }
541
- .inset-0 {
542
- inset: calc(var(--spacing) * 0);
230
+ .lui\:inset-0 {
231
+ inset: calc(var(--lui-spacing) * 0);
543
232
  }
544
- .inset-y-0 {
545
- inset-block: calc(var(--spacing) * 0);
233
+ .lui\:inset-y-0 {
234
+ inset-block: calc(var(--lui-spacing) * 0);
546
235
  }
547
- .top-auto {
236
+ .lui\:top-auto {
548
237
  top: auto;
549
238
  }
550
- .right-0 {
551
- right: calc(var(--spacing) * 0);
239
+ .lui\:right-0 {
240
+ right: calc(var(--lui-spacing) * 0);
552
241
  }
553
- .bottom-full {
242
+ .lui\:bottom-full {
554
243
  bottom: 100%;
555
244
  }
556
- .left-0 {
557
- left: calc(var(--spacing) * 0);
245
+ .lui\:left-0 {
246
+ left: calc(var(--lui-spacing) * 0);
558
247
  }
559
- .isolate {
248
+ .lui\:isolate {
560
249
  isolation: isolate;
561
250
  }
562
- .col-start-1 {
251
+ .lui\:col-start-1 {
563
252
  grid-column-start: 1;
564
253
  }
565
- .row-start-2 {
254
+ .lui\:row-start-2 {
566
255
  grid-row-start: 2;
567
256
  }
568
- .container {
569
- width: 100%;
570
- @media (width >= 40rem) {
571
- max-width: 40rem;
572
- }
573
- @media (width >= 48rem) {
574
- max-width: 48rem;
575
- }
576
- @media (width >= 64rem) {
577
- max-width: 64rem;
578
- }
579
- @media (width >= 80rem) {
580
- max-width: 80rem;
581
- }
582
- @media (width >= 96rem) {
583
- max-width: 96rem;
584
- }
585
- }
586
- .my-4 {
587
- margin-block: calc(var(--spacing) * 4);
257
+ .lui\:my-4 {
258
+ margin-block: calc(var(--lui-spacing) * 4);
588
259
  }
589
- .ms-2\.5 {
590
- margin-inline-start: calc(var(--spacing) * 2.5);
260
+ .lui\:ms-2\.5 {
261
+ margin-inline-start: calc(var(--lui-spacing) * 2.5);
591
262
  }
592
- .me-2 {
593
- margin-inline-end: calc(var(--spacing) * 2);
263
+ .lui\:me-2 {
264
+ margin-inline-end: calc(var(--lui-spacing) * 2);
594
265
  }
595
- .me-3 {
596
- margin-inline-end: calc(var(--spacing) * 3);
266
+ .lui\:me-3 {
267
+ margin-inline-end: calc(var(--lui-spacing) * 3);
597
268
  }
598
- .mt-1\.5 {
599
- margin-top: calc(var(--spacing) * 1.5);
269
+ .lui\:mt-1\.5 {
270
+ margin-top: calc(var(--lui-spacing) * 1.5);
600
271
  }
601
- .mt-2 {
602
- margin-top: calc(var(--spacing) * 2);
272
+ .lui\:mt-2 {
273
+ margin-top: calc(var(--lui-spacing) * 2);
603
274
  }
604
- .mt-8 {
605
- margin-top: calc(var(--spacing) * 8);
275
+ .lui\:mt-8 {
276
+ margin-top: calc(var(--lui-spacing) * 8);
606
277
  }
607
- .mb-2 {
608
- margin-bottom: calc(var(--spacing) * 2);
278
+ .lui\:mb-2 {
279
+ margin-bottom: calc(var(--lui-spacing) * 2);
609
280
  }
610
- .mb-3 {
611
- margin-bottom: calc(var(--spacing) * 3);
281
+ .lui\:mb-3 {
282
+ margin-bottom: calc(var(--lui-spacing) * 3);
612
283
  }
613
- .mb-4 {
614
- margin-bottom: calc(var(--spacing) * 4);
284
+ .lui\:mb-4 {
285
+ margin-bottom: calc(var(--lui-spacing) * 4);
615
286
  }
616
- .ml-2 {
617
- margin-left: calc(var(--spacing) * 2);
287
+ .lui\:ml-2 {
288
+ margin-left: calc(var(--lui-spacing) * 2);
618
289
  }
619
- .block {
290
+ .lui\:block {
620
291
  display: block;
621
292
  }
622
- .flex {
293
+ .lui\:flex {
623
294
  display: flex;
624
295
  }
625
- .grid {
296
+ .lui\:grid {
626
297
  display: grid;
627
298
  }
628
- .hidden {
299
+ .lui\:hidden {
629
300
  display: none;
630
301
  }
631
- .inline {
302
+ .lui\:inline {
632
303
  display: inline;
633
304
  }
634
- .inline-block {
305
+ .lui\:inline-block {
635
306
  display: inline-block;
636
307
  }
637
- .inline-flex {
308
+ .lui\:inline-flex {
638
309
  display: inline-flex;
639
310
  }
640
- .inline-grid {
311
+ .lui\:inline-grid {
641
312
  display: inline-grid;
642
313
  }
643
- .table {
644
- display: table;
314
+ .lui\:size-4 {
315
+ width: calc(var(--lui-spacing) * 4);
316
+ height: calc(var(--lui-spacing) * 4);
645
317
  }
646
- .size-4 {
647
- width: calc(var(--spacing) * 4);
648
- height: calc(var(--spacing) * 4);
318
+ .lui\:size-5 {
319
+ width: calc(var(--lui-spacing) * 5);
320
+ height: calc(var(--lui-spacing) * 5);
649
321
  }
650
- .size-5 {
651
- width: calc(var(--spacing) * 5);
652
- height: calc(var(--spacing) * 5);
322
+ .lui\:size-6 {
323
+ width: calc(var(--lui-spacing) * 6);
324
+ height: calc(var(--lui-spacing) * 6);
653
325
  }
654
- .size-6 {
655
- width: calc(var(--spacing) * 6);
656
- height: calc(var(--spacing) * 6);
326
+ .lui\:size-8 {
327
+ width: calc(var(--lui-spacing) * 8);
328
+ height: calc(var(--lui-spacing) * 8);
657
329
  }
658
- .size-8 {
659
- width: calc(var(--spacing) * 8);
660
- height: calc(var(--spacing) * 8);
330
+ .lui\:size-10 {
331
+ width: calc(var(--lui-spacing) * 10);
332
+ height: calc(var(--lui-spacing) * 10);
661
333
  }
662
- .size-10 {
663
- width: calc(var(--spacing) * 10);
664
- height: calc(var(--spacing) * 10);
665
- }
666
- .size-\[1\.125rem\] {
334
+ .lui\:size-\[1\.125rem\] {
667
335
  width: 1.125rem;
668
336
  height: 1.125rem;
669
337
  }
670
- .size-full {
338
+ .lui\:size-full {
671
339
  width: 100%;
672
340
  height: 100%;
673
341
  }
674
- .h-2 {
675
- height: calc(var(--spacing) * 2);
342
+ .lui\:h-2 {
343
+ height: calc(var(--lui-spacing) * 2);
676
344
  }
677
- .h-2\.5 {
678
- height: calc(var(--spacing) * 2.5);
345
+ .lui\:h-2\.5 {
346
+ height: calc(var(--lui-spacing) * 2.5);
679
347
  }
680
- .h-3 {
681
- height: calc(var(--spacing) * 3);
348
+ .lui\:h-3 {
349
+ height: calc(var(--lui-spacing) * 3);
682
350
  }
683
- .h-4 {
684
- height: calc(var(--spacing) * 4);
351
+ .lui\:h-4 {
352
+ height: calc(var(--lui-spacing) * 4);
685
353
  }
686
- .h-5 {
687
- height: calc(var(--spacing) * 5);
354
+ .lui\:h-5 {
355
+ height: calc(var(--lui-spacing) * 5);
688
356
  }
689
- .h-6 {
690
- height: calc(var(--spacing) * 6);
357
+ .lui\:h-6 {
358
+ height: calc(var(--lui-spacing) * 6);
691
359
  }
692
- .h-10 {
693
- height: calc(var(--spacing) * 10);
360
+ .lui\:h-10 {
361
+ height: calc(var(--lui-spacing) * 10);
694
362
  }
695
- .h-full {
363
+ .lui\:h-full {
696
364
  height: 100%;
697
365
  }
698
- .min-h-full {
366
+ .lui\:min-h-full {
699
367
  min-height: 100%;
700
368
  }
701
- .w-2 {
702
- width: calc(var(--spacing) * 2);
369
+ .lui\:w-2 {
370
+ width: calc(var(--lui-spacing) * 2);
703
371
  }
704
- .w-2\.5 {
705
- width: calc(var(--spacing) * 2.5);
372
+ .lui\:w-2\.5 {
373
+ width: calc(var(--lui-spacing) * 2.5);
706
374
  }
707
- .w-4 {
708
- width: calc(var(--spacing) * 4);
375
+ .lui\:w-4 {
376
+ width: calc(var(--lui-spacing) * 4);
709
377
  }
710
- .w-5 {
711
- width: calc(var(--spacing) * 5);
378
+ .lui\:w-5 {
379
+ width: calc(var(--lui-spacing) * 5);
712
380
  }
713
- .w-6 {
714
- width: calc(var(--spacing) * 6);
381
+ .lui\:w-6 {
382
+ width: calc(var(--lui-spacing) * 6);
715
383
  }
716
- .w-10 {
717
- width: calc(var(--spacing) * 10);
384
+ .lui\:w-10 {
385
+ width: calc(var(--lui-spacing) * 10);
718
386
  }
719
- .w-48 {
720
- width: calc(var(--spacing) * 48);
387
+ .lui\:w-48 {
388
+ width: calc(var(--lui-spacing) * 48);
721
389
  }
722
- .w-56 {
723
- width: calc(var(--spacing) * 56);
390
+ .lui\:w-56 {
391
+ width: calc(var(--lui-spacing) * 56);
724
392
  }
725
- .w-\[2\.25rem\] {
393
+ .lui\:w-\[2\.25rem\] {
726
394
  width: 2.25rem;
727
395
  }
728
- .w-full {
396
+ .lui\:w-full {
729
397
  width: 100%;
730
398
  }
731
- .w-screen {
399
+ .lui\:w-screen {
732
400
  width: 100vw;
733
401
  }
734
- .min-w-0 {
735
- min-width: calc(var(--spacing) * 0);
402
+ .lui\:min-w-0 {
403
+ min-width: calc(var(--lui-spacing) * 0);
736
404
  }
737
- .min-w-\[2\.25rem\] {
405
+ .lui\:min-w-\[2\.25rem\] {
738
406
  min-width: 2.25rem;
739
407
  }
740
- .min-w-full {
408
+ .lui\:min-w-full {
741
409
  min-width: 100%;
742
410
  }
743
- .shrink-0 {
411
+ .lui\:shrink-0 {
744
412
  flex-shrink: 0;
745
413
  }
746
- .border-collapse {
414
+ .lui\:border-collapse {
747
415
  border-collapse: collapse;
748
416
  }
749
- .origin-top-left {
417
+ .lui\:origin-top-left {
750
418
  transform-origin: top left;
751
419
  }
752
- .translate-x-0 {
753
- --tw-translate-x: calc(var(--spacing) * 0);
420
+ .lui\:translate-x-0 {
421
+ --tw-translate-x: calc(var(--lui-spacing) * 0);
754
422
  translate: var(--tw-translate-x) var(--tw-translate-y);
755
423
  }
756
- .scale-95 {
757
- --tw-scale-x: 95%;
758
- --tw-scale-y: 95%;
759
- --tw-scale-z: 95%;
760
- scale: var(--tw-scale-x) var(--tw-scale-y);
761
- }
762
- .scale-100 {
763
- --tw-scale-x: 100%;
764
- --tw-scale-y: 100%;
765
- --tw-scale-z: 100%;
766
- scale: var(--tw-scale-x) var(--tw-scale-y);
767
- }
768
- .rotate-180 {
424
+ .lui\:rotate-180 {
769
425
  rotate: 180deg;
770
426
  }
771
- .transform {
427
+ .lui\:transform {
772
428
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
773
429
  }
774
- .animate-pulse {
775
- animation: var(--animate-pulse);
430
+ .lui\:animate-pulse {
431
+ animation: var(--lui-animate-pulse);
776
432
  }
777
- .animate-spin {
778
- animation: var(--animate-spin);
433
+ .lui\:animate-spin {
434
+ animation: var(--lui-animate-spin);
779
435
  }
780
- .cursor-default {
436
+ .lui\:cursor-default {
781
437
  cursor: default;
782
438
  }
783
- .cursor-pointer {
439
+ .lui\:cursor-pointer {
784
440
  cursor: pointer;
785
441
  }
786
- .appearance-none {
442
+ .lui\:list-inside {
443
+ list-style-position: inside;
444
+ }
445
+ .lui\:list-disc {
446
+ list-style-type: disc;
447
+ }
448
+ .lui\:appearance-none {
787
449
  appearance: none;
788
450
  }
789
- .grid-cols-1 {
451
+ .lui\:grid-cols-1 {
790
452
  grid-template-columns: repeat(1, minmax(0, 1fr));
791
453
  }
792
- .grid-cols-\[1\.125rem_1fr\] {
454
+ .lui\:grid-cols-\[1\.125rem_1fr\] {
793
455
  grid-template-columns: 1.125rem 1fr;
794
456
  }
795
- .grid-cols-\[1fr_auto\] {
457
+ .lui\:grid-cols-\[1fr_auto\] {
796
458
  grid-template-columns: 1fr auto;
797
459
  }
798
- .grid-rows-\[0fr\] {
460
+ .lui\:grid-rows-\[0fr\] {
799
461
  grid-template-rows: 0fr;
800
462
  }
801
- .grid-rows-\[1fr\] {
463
+ .lui\:grid-rows-\[1fr\] {
802
464
  grid-template-rows: 1fr;
803
465
  }
804
- .grid-rows-\[1fr_auto\] {
466
+ .lui\:grid-rows-\[1fr_auto\] {
805
467
  grid-template-rows: 1fr auto;
806
468
  }
807
- .flex-col-reverse {
469
+ .lui\:flex-col-reverse {
808
470
  flex-direction: column-reverse;
809
471
  }
810
- .items-baseline {
472
+ .lui\:items-baseline {
811
473
  align-items: baseline;
812
474
  }
813
- .items-center {
475
+ .lui\:items-center {
814
476
  align-items: center;
815
477
  }
816
- .justify-between {
478
+ .lui\:justify-between {
817
479
  justify-content: space-between;
818
480
  }
819
- .justify-center {
481
+ .lui\:justify-center {
820
482
  justify-content: center;
821
483
  }
822
- .justify-end {
484
+ .lui\:justify-end {
823
485
  justify-content: flex-end;
824
486
  }
825
- .justify-items-center {
487
+ .lui\:justify-items-center {
826
488
  justify-items: center;
827
489
  }
828
- .gap-1 {
829
- gap: calc(var(--spacing) * 1);
830
- }
831
- .gap-2 {
832
- gap: calc(var(--spacing) * 2);
833
- }
834
- .gap-2\.5 {
835
- gap: calc(var(--spacing) * 2.5);
836
- }
837
- .gap-3 {
838
- gap: calc(var(--spacing) * 3);
839
- }
840
- .gap-x-1\.5 {
841
- column-gap: calc(var(--spacing) * 1.5);
490
+ .lui\:gap-1 {
491
+ gap: calc(var(--lui-spacing) * 1);
842
492
  }
843
- .gap-x-2 {
844
- column-gap: calc(var(--spacing) * 2);
493
+ .lui\:gap-2 {
494
+ gap: calc(var(--lui-spacing) * 2);
845
495
  }
846
- .gap-x-4 {
847
- column-gap: calc(var(--spacing) * 4);
496
+ .lui\:gap-2\.5 {
497
+ gap: calc(var(--lui-spacing) * 2.5);
848
498
  }
849
- .gap-x-8 {
850
- column-gap: calc(var(--spacing) * 8);
499
+ .lui\:gap-3 {
500
+ gap: calc(var(--lui-spacing) * 3);
851
501
  }
852
- .space-y-2\.5 {
502
+ .lui\:space-y-2\.5 {
853
503
  :where(& > :not(:last-child)) {
854
504
  --tw-space-y-reverse: 0;
855
- margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
856
- margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
505
+ margin-block-start: calc(calc(var(--lui-spacing) * 2.5) * var(--tw-space-y-reverse));
506
+ margin-block-end: calc(calc(var(--lui-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
857
507
  }
858
508
  }
859
- .space-y-4 {
509
+ .lui\:space-y-4 {
860
510
  :where(& > :not(:last-child)) {
861
511
  --tw-space-y-reverse: 0;
862
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
863
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
512
+ margin-block-start: calc(calc(var(--lui-spacing) * 4) * var(--tw-space-y-reverse));
513
+ margin-block-end: calc(calc(var(--lui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
864
514
  }
865
515
  }
866
- .gap-y-1 {
867
- row-gap: calc(var(--spacing) * 1);
516
+ .lui\:gap-x-1\.5 {
517
+ column-gap: calc(var(--lui-spacing) * 1.5);
868
518
  }
869
- .overflow-hidden {
519
+ .lui\:gap-x-2 {
520
+ column-gap: calc(var(--lui-spacing) * 2);
521
+ }
522
+ .lui\:gap-x-4 {
523
+ column-gap: calc(var(--lui-spacing) * 4);
524
+ }
525
+ .lui\:gap-x-8 {
526
+ column-gap: calc(var(--lui-spacing) * 8);
527
+ }
528
+ .lui\:gap-y-1 {
529
+ row-gap: calc(var(--lui-spacing) * 1);
530
+ }
531
+ .lui\:overflow-hidden {
870
532
  overflow: hidden;
871
533
  }
872
- .overflow-y-auto {
534
+ .lui\:overflow-y-auto {
873
535
  overflow-y: auto;
874
536
  }
875
- .rounded-\(--avatar-radius\) {
537
+ .lui\:rounded-\(--avatar-radius\) {
876
538
  border-radius: var(--avatar-radius);
877
539
  }
878
- .rounded-2xl {
879
- border-radius: var(--radius-2xl);
540
+ .lui\:rounded-2xl {
541
+ border-radius: var(--lui-radius-2xl);
880
542
  }
881
- .rounded-3xl {
882
- border-radius: var(--radius-3xl);
543
+ .lui\:rounded-3xl {
544
+ border-radius: var(--lui-radius-3xl);
883
545
  }
884
- .rounded-\[0\.3125rem\] {
546
+ .lui\:rounded-\[0\.3125rem\] {
885
547
  border-radius: 0.3125rem;
886
548
  }
887
- .rounded-\[3px\] {
549
+ .lui\:rounded-\[3px\] {
888
550
  border-radius: 3px;
889
551
  }
890
- .rounded-\[10px\] {
552
+ .lui\:rounded-\[10px\] {
891
553
  border-radius: 10px;
892
554
  }
893
- .rounded-full {
555
+ .lui\:rounded-full {
894
556
  border-radius: calc(infinity * 1px);
895
557
  }
896
- .rounded-lg {
897
- border-radius: var(--radius-lg);
558
+ .lui\:rounded-lg {
559
+ border-radius: var(--lui-radius-lg);
898
560
  }
899
- .rounded-md {
900
- border-radius: var(--radius-md);
561
+ .lui\:rounded-md {
562
+ border-radius: var(--lui-radius-md);
901
563
  }
902
- .rounded-t-3xl {
903
- border-top-left-radius: var(--radius-3xl);
904
- border-top-right-radius: var(--radius-3xl);
564
+ .lui\:rounded-t-3xl {
565
+ border-top-left-radius: var(--lui-radius-3xl);
566
+ border-top-right-radius: var(--lui-radius-3xl);
905
567
  }
906
- .border {
568
+ .lui\:border {
907
569
  border-style: var(--tw-border-style);
908
570
  border-width: 1px;
909
571
  }
910
- .border-\[1px\] {
572
+ .lui\:border-\[1px\] {
911
573
  border-style: var(--tw-border-style);
912
574
  border-width: 1px;
913
575
  }
914
- .border-t {
576
+ .lui\:border-t {
915
577
  border-top-style: var(--tw-border-style);
916
578
  border-top-width: 1px;
917
579
  }
918
- .border-b {
580
+ .lui\:border-b {
919
581
  border-bottom-style: var(--tw-border-style);
920
582
  border-bottom-width: 1px;
921
583
  }
922
- .border-dotted {
584
+ .lui\:border-dotted {
923
585
  --tw-border-style: dotted;
924
586
  border-style: dotted;
925
587
  }
926
- .border-gray-300 {
927
- border-color: var(--color-gray-300);
588
+ .lui\:border-gray-300 {
589
+ border-color: var(--lui-color-gray-300);
928
590
  }
929
- .border-green-600 {
930
- border-color: var(--color-green-600);
591
+ .lui\:border-green-600 {
592
+ border-color: var(--lui-color-green-600);
931
593
  }
932
- .border-inherit {
594
+ .lui\:border-inherit {
933
595
  border-color: inherit;
934
596
  }
935
- .border-red-500 {
936
- border-color: var(--color-red-500);
597
+ .lui\:border-red-500 {
598
+ border-color: var(--lui-color-red-500);
937
599
  }
938
- .border-red-700 {
939
- border-color: var(--color-red-700);
600
+ .lui\:border-red-700 {
601
+ border-color: var(--lui-color-red-700);
940
602
  }
941
- .border-transparent {
603
+ .lui\:border-transparent {
942
604
  border-color: transparent;
943
605
  }
944
- .border-white {
945
- border-color: var(--color-white);
606
+ .lui\:border-white {
607
+ border-color: var(--lui-color-white);
946
608
  }
947
- .border-yellow-400 {
948
- border-color: var(--color-yellow-400);
609
+ .lui\:border-yellow-400 {
610
+ border-color: var(--lui-color-yellow-400);
949
611
  }
950
- .border-zinc-400 {
951
- border-color: var(--color-zinc-400);
612
+ .lui\:border-zinc-400 {
613
+ border-color: var(--lui-color-zinc-400);
952
614
  }
953
- .border-zinc-500 {
954
- border-color: var(--color-zinc-500);
615
+ .lui\:border-zinc-500 {
616
+ border-color: var(--lui-color-zinc-500);
955
617
  }
956
- .border-zinc-950\/5 {
957
- border-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
618
+ .lui\:border-zinc-950\/5 {
619
+ border-color: var(--lui-color-zinc-950);
620
+ @supports (color: color-mix(in lab, red, red)) {
621
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
622
+ }
958
623
  }
959
- .border-zinc-950\/10 {
960
- border-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
624
+ .lui\:border-zinc-950\/10 {
625
+ border-color: var(--lui-color-zinc-950);
626
+ @supports (color: color-mix(in lab, red, red)) {
627
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 10%, transparent);
628
+ }
961
629
  }
962
- .border-zinc-950\/15 {
963
- border-color: color-mix(in oklab, var(--color-zinc-950) 15%, transparent);
630
+ .lui\:border-zinc-950\/15 {
631
+ border-color: var(--lui-color-zinc-950);
632
+ @supports (color: color-mix(in lab, red, red)) {
633
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 15%, transparent);
634
+ }
964
635
  }
965
- .border-b-zinc-950\/10 {
966
- border-bottom-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
636
+ .lui\:border-b-zinc-950\/10 {
637
+ border-bottom-color: var(--lui-color-zinc-950);
638
+ @supports (color: color-mix(in lab, red, red)) {
639
+ border-bottom-color: color-mix(in oklab, var(--lui-color-zinc-950) 10%, transparent);
640
+ }
967
641
  }
968
- .bg-\(--btn-border\) {
642
+ .lui\:bg-\(--btn-border\) {
969
643
  background-color: var(--btn-border);
970
644
  }
971
- .bg-gray-50 {
972
- background-color: var(--color-gray-50);
645
+ .lui\:bg-gray-50 {
646
+ background-color: var(--lui-color-gray-50);
973
647
  }
974
- .bg-gray-100 {
975
- background-color: var(--color-gray-100);
648
+ .lui\:bg-gray-100 {
649
+ background-color: var(--lui-color-gray-100);
976
650
  }
977
- .bg-gray-300 {
978
- background-color: var(--color-gray-300);
651
+ .lui\:bg-gray-300 {
652
+ background-color: var(--lui-color-gray-300);
979
653
  }
980
- .bg-green-200 {
981
- background-color: var(--color-green-200);
654
+ .lui\:bg-green-200 {
655
+ background-color: var(--lui-color-green-200);
982
656
  }
983
- .bg-green-600 {
984
- background-color: var(--color-green-600);
657
+ .lui\:bg-green-600 {
658
+ background-color: var(--lui-color-green-600);
985
659
  }
986
- .bg-indigo-600 {
987
- background-color: var(--color-indigo-600);
660
+ .lui\:bg-indigo-600 {
661
+ background-color: var(--lui-color-indigo-600);
988
662
  }
989
- .bg-red-600\/80 {
990
- background-color: color-mix(in oklab, var(--color-red-600) 80%, transparent);
663
+ .lui\:bg-red-600\/80 {
664
+ background-color: var(--lui-color-red-600);
665
+ @supports (color: color-mix(in lab, red, red)) {
666
+ background-color: color-mix(in oklab, var(--lui-color-red-600) 80%, transparent);
667
+ }
991
668
  }
992
- .bg-red-700 {
993
- background-color: var(--color-red-700);
669
+ .lui\:bg-red-700 {
670
+ background-color: var(--lui-color-red-700);
994
671
  }
995
- .bg-transparent {
672
+ .lui\:bg-transparent {
996
673
  background-color: transparent;
997
674
  }
998
- .bg-white {
999
- background-color: var(--color-white);
675
+ .lui\:bg-white {
676
+ background-color: var(--lui-color-white);
1000
677
  }
1001
- .bg-yellow-200 {
1002
- background-color: var(--color-yellow-200);
678
+ .lui\:bg-yellow-200 {
679
+ background-color: var(--lui-color-yellow-200);
1003
680
  }
1004
- .bg-yellow-400 {
1005
- background-color: var(--color-yellow-400);
681
+ .lui\:bg-yellow-400 {
682
+ background-color: var(--lui-color-yellow-400);
1006
683
  }
1007
- .bg-zinc-50 {
1008
- background-color: var(--color-zinc-50);
684
+ .lui\:bg-zinc-50 {
685
+ background-color: var(--lui-color-zinc-50);
1009
686
  }
1010
- .bg-zinc-200 {
1011
- background-color: var(--color-zinc-200);
687
+ .lui\:bg-zinc-200 {
688
+ background-color: var(--lui-color-zinc-200);
1012
689
  }
1013
- .bg-zinc-400 {
1014
- background-color: var(--color-zinc-400);
690
+ .lui\:bg-zinc-400 {
691
+ background-color: var(--lui-color-zinc-400);
1015
692
  }
1016
- .bg-zinc-400\/20 {
1017
- background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
693
+ .lui\:bg-zinc-400\/20 {
694
+ background-color: var(--lui-color-zinc-400);
695
+ @supports (color: color-mix(in lab, red, red)) {
696
+ background-color: color-mix(in oklab, var(--lui-color-zinc-400) 20%, transparent);
697
+ }
1018
698
  }
1019
- .bg-zinc-900 {
1020
- background-color: var(--color-zinc-900);
699
+ .lui\:bg-zinc-900 {
700
+ background-color: var(--lui-color-zinc-900);
1021
701
  }
1022
- .bg-zinc-950\/25 {
1023
- background-color: color-mix(in oklab, var(--color-zinc-950) 25%, transparent);
702
+ .lui\:bg-zinc-950\/25 {
703
+ background-color: var(--lui-color-zinc-950);
704
+ @supports (color: color-mix(in lab, red, red)) {
705
+ background-color: color-mix(in oklab, var(--lui-color-zinc-950) 25%, transparent);
706
+ }
1024
707
  }
1025
- .fill-current {
1026
- fill: currentColor;
708
+ .lui\:fill-current {
709
+ fill: currentcolor;
1027
710
  }
1028
- .stroke-\(--checkbox-check\) {
711
+ .lui\:stroke-\(--checkbox-check\) {
1029
712
  stroke: var(--checkbox-check);
1030
713
  }
1031
- .stroke-zinc-500 {
1032
- stroke: var(--color-zinc-500);
714
+ .lui\:stroke-zinc-500 {
715
+ stroke: var(--lui-color-zinc-500);
1033
716
  }
1034
- .p-\(--gutter\) {
717
+ .lui\:p-\(--gutter\) {
1035
718
  padding: var(--gutter);
1036
719
  }
1037
- .p-1 {
1038
- padding: calc(var(--spacing) * 1);
720
+ .lui\:p-1 {
721
+ padding: calc(var(--lui-spacing) * 1);
1039
722
  }
1040
- .p-4 {
1041
- padding: calc(var(--spacing) * 4);
723
+ .lui\:p-4 {
724
+ padding: calc(var(--lui-spacing) * 4);
1042
725
  }
1043
- .p-\[3px\] {
726
+ .lui\:p-\[3px\] {
1044
727
  padding: 3px;
1045
728
  }
1046
- .p-\[5\%\] {
729
+ .lui\:p-\[5\%\] {
1047
730
  padding: 5%;
1048
731
  }
1049
- .px-2 {
1050
- padding-inline: calc(var(--spacing) * 2);
732
+ .lui\:px-2 {
733
+ padding-inline: calc(var(--lui-spacing) * 2);
1051
734
  }
1052
- .px-2\.5 {
1053
- padding-inline: calc(var(--spacing) * 2.5);
735
+ .lui\:px-2\.5 {
736
+ padding-inline: calc(var(--lui-spacing) * 2.5);
1054
737
  }
1055
- .px-4 {
1056
- padding-inline: calc(var(--spacing) * 4);
738
+ .lui\:px-4 {
739
+ padding-inline: calc(var(--lui-spacing) * 4);
1057
740
  }
1058
- .px-\[calc\(--spacing\(3\.5\)-1px\)\] {
1059
- padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
741
+ .lui\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
742
+ padding-inline: calc(calc(var(--lui-spacing) * 3.5) - 1px);
1060
743
  }
1061
- .py-1 {
1062
- padding-block: calc(var(--spacing) * 1);
744
+ .lui\:py-1 {
745
+ padding-block: calc(var(--lui-spacing) * 1);
1063
746
  }
1064
- .py-1\.5 {
1065
- padding-block: calc(var(--spacing) * 1.5);
747
+ .lui\:py-1\.5 {
748
+ padding-block: calc(var(--lui-spacing) * 1.5);
1066
749
  }
1067
- .py-2 {
1068
- padding-block: calc(var(--spacing) * 2);
750
+ .lui\:py-2 {
751
+ padding-block: calc(var(--lui-spacing) * 2);
1069
752
  }
1070
- .py-3 {
1071
- padding-block: calc(var(--spacing) * 3);
753
+ .lui\:py-3 {
754
+ padding-block: calc(var(--lui-spacing) * 3);
1072
755
  }
1073
- .py-9 {
1074
- padding-block: calc(var(--spacing) * 9);
756
+ .lui\:py-9 {
757
+ padding-block: calc(var(--lui-spacing) * 9);
1075
758
  }
1076
- .py-\[calc\(--spacing\(2\.5\)-1px\)\] {
1077
- padding-block: calc(calc(var(--spacing) * 2.5) - 1px);
759
+ .lui\:py-\[calc\(--spacing\(2\.5\)-1px\)\] {
760
+ padding-block: calc(calc(var(--lui-spacing) * 2.5) - 1px);
1078
761
  }
1079
- .pt-0 {
1080
- padding-top: calc(var(--spacing) * 0);
762
+ .lui\:pt-0 {
763
+ padding-top: calc(var(--lui-spacing) * 0);
1081
764
  }
1082
- .pt-1 {
1083
- padding-top: calc(var(--spacing) * 1);
765
+ .lui\:pt-1 {
766
+ padding-top: calc(var(--lui-spacing) * 1);
1084
767
  }
1085
- .pt-3 {
1086
- padding-top: calc(var(--spacing) * 3);
768
+ .lui\:pt-3 {
769
+ padding-top: calc(var(--lui-spacing) * 3);
1087
770
  }
1088
- .pt-6 {
1089
- padding-top: calc(var(--spacing) * 6);
771
+ .lui\:pt-6 {
772
+ padding-top: calc(var(--lui-spacing) * 6);
1090
773
  }
1091
- .pr-2 {
1092
- padding-right: calc(var(--spacing) * 2);
774
+ .lui\:pr-2 {
775
+ padding-right: calc(var(--lui-spacing) * 2);
1093
776
  }
1094
- .pr-\[calc\(--spacing\(10\)-1px\)\] {
1095
- padding-right: calc(calc(var(--spacing) * 10) - 1px);
777
+ .lui\:pr-\[calc\(--spacing\(10\)-1px\)\] {
778
+ padding-right: calc(calc(var(--lui-spacing) * 10) - 1px);
1096
779
  }
1097
- .pb-3 {
1098
- padding-bottom: calc(var(--spacing) * 3);
780
+ .lui\:pb-3 {
781
+ padding-bottom: calc(var(--lui-spacing) * 3);
1099
782
  }
1100
- .pl-\[calc\(--spacing\(3\.5\)-1px\)\] {
1101
- padding-left: calc(calc(var(--spacing) * 3.5) - 1px);
783
+ .lui\:pl-\[calc\(--spacing\(3\.5\)-1px\)\] {
784
+ padding-left: calc(calc(var(--lui-spacing) * 3.5) - 1px);
1102
785
  }
1103
- .text-center {
786
+ .lui\:text-center {
1104
787
  text-align: center;
1105
788
  }
1106
- .text-left {
789
+ .lui\:text-left {
1107
790
  text-align: left;
1108
791
  }
1109
- .align-middle {
792
+ .lui\:align-middle {
1110
793
  vertical-align: middle;
1111
794
  }
1112
- .text-base {
1113
- font-size: var(--text-base);
1114
- line-height: var(--tw-leading, var(--text-base--line-height));
795
+ .lui\:text-base {
796
+ font-size: var(--lui-text-base);
797
+ line-height: var(--tw-leading, var(--lui-text-base--line-height));
1115
798
  }
1116
- .text-sm {
1117
- font-size: var(--text-sm);
1118
- line-height: var(--tw-leading, var(--text-sm--line-height));
799
+ .lui\:text-base\/6 {
800
+ font-size: var(--lui-text-base);
801
+ line-height: calc(var(--lui-spacing) * 6);
1119
802
  }
1120
- .text-xs {
1121
- font-size: var(--text-xs);
1122
- line-height: var(--tw-leading, var(--text-xs--line-height));
803
+ .lui\:text-lg\/6 {
804
+ font-size: var(--lui-text-lg);
805
+ line-height: calc(var(--lui-spacing) * 6);
1123
806
  }
1124
- .text-base\/6 {
1125
- font-size: var(--text-base);
1126
- line-height: calc(var(--spacing) * 6);
807
+ .lui\:text-sm {
808
+ font-size: var(--lui-text-sm);
809
+ line-height: var(--tw-leading, var(--lui-text-sm--line-height));
1127
810
  }
1128
- .text-lg\/6 {
1129
- font-size: var(--text-lg);
1130
- line-height: calc(var(--spacing) * 6);
811
+ .lui\:text-sm\/5 {
812
+ font-size: var(--lui-text-sm);
813
+ line-height: calc(var(--lui-spacing) * 5);
1131
814
  }
1132
- .text-sm\/5 {
1133
- font-size: var(--text-sm);
1134
- line-height: calc(var(--spacing) * 5);
815
+ .lui\:text-sm\/6 {
816
+ font-size: var(--lui-text-sm);
817
+ line-height: calc(var(--lui-spacing) * 6);
1135
818
  }
1136
- .text-sm\/6 {
1137
- font-size: var(--text-sm);
1138
- line-height: calc(var(--spacing) * 6);
819
+ .lui\:text-xs {
820
+ font-size: var(--lui-text-xs);
821
+ line-height: var(--tw-leading, var(--lui-text-xs--line-height));
1139
822
  }
1140
- .text-\[48px\] {
823
+ .lui\:text-\[48px\] {
1141
824
  font-size: 48px;
1142
825
  }
1143
- .leading-4 {
1144
- --tw-leading: calc(var(--spacing) * 4);
1145
- line-height: calc(var(--spacing) * 4);
826
+ .lui\:leading-4 {
827
+ --tw-leading: calc(var(--lui-spacing) * 4);
828
+ line-height: calc(var(--lui-spacing) * 4);
1146
829
  }
1147
- .leading-\[18px\] {
830
+ .lui\:leading-\[18px\] {
1148
831
  --tw-leading: 18px;
1149
832
  line-height: 18px;
1150
833
  }
1151
- .leading-snug {
1152
- --tw-leading: var(--leading-snug);
1153
- line-height: var(--leading-snug);
834
+ .lui\:leading-snug {
835
+ --tw-leading: var(--lui-leading-snug);
836
+ line-height: var(--lui-leading-snug);
1154
837
  }
1155
- .font-medium {
1156
- --tw-font-weight: var(--font-weight-medium);
1157
- font-weight: var(--font-weight-medium);
838
+ .lui\:font-medium {
839
+ --tw-font-weight: var(--lui-font-weight-medium);
840
+ font-weight: var(--lui-font-weight-medium);
1158
841
  }
1159
- .font-normal {
1160
- --tw-font-weight: var(--font-weight-normal);
1161
- font-weight: var(--font-weight-normal);
842
+ .lui\:font-normal {
843
+ --tw-font-weight: var(--lui-font-weight-normal);
844
+ font-weight: var(--lui-font-weight-normal);
1162
845
  }
1163
- .font-semibold {
1164
- --tw-font-weight: var(--font-weight-semibold);
1165
- font-weight: var(--font-weight-semibold);
846
+ .lui\:font-semibold {
847
+ --tw-font-weight: var(--lui-font-weight-semibold);
848
+ font-weight: var(--lui-font-weight-semibold);
1166
849
  }
1167
- .text-balance {
850
+ .lui\:text-balance {
1168
851
  text-wrap: balance;
1169
852
  }
1170
- .text-pretty {
853
+ .lui\:text-pretty {
1171
854
  text-wrap: pretty;
1172
855
  }
1173
- .text-gray-400 {
1174
- color: var(--color-gray-400);
1175
- }
1176
- .text-gray-800 {
1177
- color: var(--color-gray-800);
856
+ .lui\:text-gray-400 {
857
+ color: var(--lui-color-gray-400);
1178
858
  }
1179
- .text-gray-900 {
1180
- color: var(--color-gray-900);
859
+ .lui\:text-gray-800 {
860
+ color: var(--lui-color-gray-800);
1181
861
  }
1182
- .text-indigo-500 {
1183
- color: var(--color-indigo-500);
862
+ .lui\:text-gray-900 {
863
+ color: var(--lui-color-gray-900);
1184
864
  }
1185
- .text-red-500 {
1186
- color: var(--color-red-500);
865
+ .lui\:text-indigo-500 {
866
+ color: var(--lui-color-indigo-500);
1187
867
  }
1188
- .text-red-600 {
1189
- color: var(--color-red-600);
868
+ .lui\:text-red-600 {
869
+ color: var(--lui-color-red-600);
1190
870
  }
1191
- .text-white {
1192
- color: var(--color-white);
871
+ .lui\:text-white {
872
+ color: var(--lui-color-white);
1193
873
  }
1194
- .text-zinc-300 {
1195
- color: var(--color-zinc-300);
874
+ .lui\:text-zinc-300 {
875
+ color: var(--lui-color-zinc-300);
1196
876
  }
1197
- .text-zinc-500 {
1198
- color: var(--color-zinc-500);
877
+ .lui\:text-zinc-500 {
878
+ color: var(--lui-color-zinc-500);
1199
879
  }
1200
- .text-zinc-600 {
1201
- color: var(--color-zinc-600);
880
+ .lui\:text-zinc-600 {
881
+ color: var(--lui-color-zinc-600);
1202
882
  }
1203
- .text-zinc-700 {
1204
- color: var(--color-zinc-700);
883
+ .lui\:text-zinc-700 {
884
+ color: var(--lui-color-zinc-700);
1205
885
  }
1206
- .text-zinc-950 {
1207
- color: var(--color-zinc-950);
886
+ .lui\:text-zinc-950 {
887
+ color: var(--lui-color-zinc-950);
1208
888
  }
1209
- .uppercase {
889
+ .lui\:uppercase {
1210
890
  text-transform: uppercase;
1211
891
  }
1212
- .italic {
1213
- font-style: italic;
1214
- }
1215
- .underline {
1216
- text-decoration-line: underline;
1217
- }
1218
- .antialiased {
1219
- -webkit-font-smoothing: antialiased;
1220
- -moz-osx-font-smoothing: grayscale;
1221
- }
1222
- .opacity-0 {
892
+ .lui\:opacity-0 {
1223
893
  opacity: 0%;
1224
894
  }
1225
- .opacity-100 {
895
+ .lui\:opacity-100 {
1226
896
  opacity: 100%;
1227
897
  }
1228
- .ring-1 {
1229
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
1230
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1231
- }
1232
- .shadow-lg {
898
+ .lui\:shadow-lg {
1233
899
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1234
900
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1235
901
  }
1236
- .shadow-sm {
902
+ .lui\:shadow-sm {
1237
903
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1238
904
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1239
905
  }
1240
- .ring-black\/5 {
1241
- --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
906
+ .lui\:ring-1 {
907
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
908
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
909
+ }
910
+ .lui\:ring-black\/5 {
911
+ --tw-ring-color: var(--lui-color-black);
912
+ @supports (color: color-mix(in lab, red, red)) {
913
+ --tw-ring-color: color-mix(in oklab, var(--lui-color-black) 5%, transparent);
914
+ }
1242
915
  }
1243
- .ring-zinc-950\/10 {
1244
- --tw-ring-color: color-mix(in oklab, var(--color-zinc-950) 10%, transparent);
916
+ .lui\:ring-zinc-950\/10 {
917
+ --tw-ring-color: var(--lui-color-zinc-950);
918
+ @supports (color: color-mix(in lab, red, red)) {
919
+ --tw-ring-color: color-mix(in oklab, var(--lui-color-zinc-950) 10%, transparent);
920
+ }
1245
921
  }
1246
- .outline {
922
+ .lui\:outline {
1247
923
  outline-style: var(--tw-outline-style);
1248
924
  outline-width: 1px;
1249
925
  }
1250
- .-outline-offset-1 {
926
+ .lui\:-outline-offset-1 {
1251
927
  outline-offset: calc(1px * -1);
1252
928
  }
1253
- .outline-black\/\(--ring-opacity\) {
1254
- outline-color: color-mix(in oklab, var(--color-black) var(--ring-opacity), transparent);
1255
- }
1256
- .filter {
1257
- 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,);
929
+ .lui\:outline-black\/\(--ring-opacity\) {
930
+ outline-color: var(--lui-color-black);
931
+ @supports (color: color-mix(in lab, red, red)) {
932
+ outline-color: color-mix(in oklab, var(--lui-color-black) var(--ring-opacity), transparent);
933
+ }
1258
934
  }
1259
- .transition {
935
+ .lui\:transition {
1260
936
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
1261
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1262
- transition-duration: var(--tw-duration, var(--default-transition-duration));
937
+ transition-timing-function: var(--tw-ease, var(--lui-default-transition-timing-function));
938
+ transition-duration: var(--tw-duration, var(--lui-default-transition-duration));
1263
939
  }
1264
- .transition-opacity {
940
+ .lui\:transition-opacity {
1265
941
  transition-property: opacity;
1266
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1267
- transition-duration: var(--tw-duration, var(--default-transition-duration));
942
+ transition-timing-function: var(--tw-ease, var(--lui-default-transition-timing-function));
943
+ transition-duration: var(--tw-duration, var(--lui-default-transition-duration));
1268
944
  }
1269
- .duration-0 {
945
+ .lui\:duration-0 {
1270
946
  --tw-duration: 0ms;
1271
947
  transition-duration: 0ms;
1272
948
  }
1273
- .duration-100 {
949
+ .lui\:duration-100 {
1274
950
  --tw-duration: 100ms;
1275
951
  transition-duration: 100ms;
1276
952
  }
1277
- .duration-200 {
953
+ .lui\:duration-200 {
1278
954
  --tw-duration: 200ms;
1279
955
  transition-duration: 200ms;
1280
956
  }
1281
- .duration-300 {
957
+ .lui\:duration-300 {
1282
958
  --tw-duration: 300ms;
1283
959
  transition-duration: 300ms;
1284
960
  }
1285
- .ease-in-out {
1286
- --tw-ease: var(--ease-in-out);
1287
- transition-timing-function: var(--ease-in-out);
961
+ .lui\:ease-in-out {
962
+ --tw-ease: var(--lui-ease-in-out);
963
+ transition-timing-function: var(--lui-ease-in-out);
1288
964
  }
1289
- .ease-out {
1290
- --tw-ease: var(--ease-out);
1291
- transition-timing-function: var(--ease-out);
965
+ .lui\:ease-out {
966
+ --tw-ease: var(--lui-ease-out);
967
+ transition-timing-function: var(--lui-ease-out);
1292
968
  }
1293
- .will-change-transform {
969
+ .lui\:will-change-transform {
1294
970
  will-change: transform;
1295
971
  }
1296
- .\[--avatar-radius\:20\%\] {
1297
- --avatar-radius: 20%;
972
+ .lui\:select-none {
973
+ -webkit-user-select: none;
974
+ user-select: none;
1298
975
  }
1299
- .\[--btn-bg\:var\(--color-red-600\)\] {
1300
- --btn-bg: var(--color-red-600);
976
+ .lui\:\[--avatar-radius\:20\%\] {
977
+ --avatar-radius: 20%;
1301
978
  }
1302
- .\[--btn-bg\:var\(--color-zinc-900\)\] {
1303
- --btn-bg: var(--color-zinc-900);
979
+ .lui\:\[--btn-bg\:var\(--lui-color-red-600\)\] {
980
+ --btn-bg: var(--lui-color-red-600);
1304
981
  }
1305
- .\[--btn-border\:var\(--color-red-950\)\]\/90 {
1306
- --btn-border: color-mix(in oklab, var(--color-red-950) 90%, transparent);
982
+ .lui\:\[--btn-bg\:var\(--lui-color-zinc-900\)\] {
983
+ --btn-bg: var(--lui-color-zinc-900);
1307
984
  }
1308
- .\[--btn-border\:var\(--color-zinc-950\)\]\/90 {
1309
- --btn-border: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
985
+ .lui\:\[--btn-border\:var\(--lui-color-red-950\)\]\/90 {
986
+ --btn-border: var(--lui-color-red-950);
987
+ @supports (color: color-mix(in lab, red, red)) {
988
+ --btn-border: color-mix(in oklab, var(--lui-color-red-950) 90%, transparent);
989
+ }
1310
990
  }
1311
- .\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
1312
- --btn-hover-overlay: color-mix(in oklab, var(--color-white) 10%, transparent);
991
+ .lui\:\[--btn-border\:var\(--lui-color-zinc-950\)\]\/90 {
992
+ --btn-border: var(--lui-color-zinc-950);
993
+ @supports (color: color-mix(in lab, red, red)) {
994
+ --btn-border: color-mix(in oklab, var(--lui-color-zinc-950) 90%, transparent);
995
+ }
1313
996
  }
1314
- .\[--btn-icon\:var\(--color-red-400\)\] {
1315
- --btn-icon: var(--color-red-400);
997
+ .lui\:\[--btn-hover-overlay\:var\(--lui-color-white\)\]\/10 {
998
+ --btn-hover-overlay: var(--lui-color-white);
999
+ @supports (color: color-mix(in lab, red, red)) {
1000
+ --btn-hover-overlay: color-mix(in oklab, var(--lui-color-white) 10%, transparent);
1001
+ }
1316
1002
  }
1317
- .\[--btn-icon\:var\(--color-zinc-400\)\] {
1318
- --btn-icon: var(--color-zinc-400);
1003
+ .lui\:\[--btn-icon\:var\(--lui-color-red-400\)\] {
1004
+ --btn-icon: var(--lui-color-red-400);
1319
1005
  }
1320
- .\[--btn-icon\:var\(--color-zinc-500\)\] {
1321
- --btn-icon: var(--color-zinc-500);
1006
+ .lui\:\[--btn-icon\:var\(--lui-color-zinc-400\)\] {
1007
+ --btn-icon: var(--lui-color-zinc-400);
1322
1008
  }
1323
- .\[--checkbox-check\:var\(--color-white\)\] {
1324
- --checkbox-check: var(--color-white);
1009
+ .lui\:\[--btn-icon\:var\(--lui-color-zinc-500\)\] {
1010
+ --btn-icon: var(--lui-color-zinc-500);
1325
1011
  }
1326
- .\[--checkbox-checked-bg\:var\(--color-zinc-900\)\] {
1327
- --checkbox-checked-bg: var(--color-zinc-900);
1012
+ .lui\:\[--checkbox-check\:var\(--lui-color-white\)\] {
1013
+ --checkbox-check: var(--lui-color-white);
1328
1014
  }
1329
- .\[--checkbox-checked-border\:var\(--color-zinc-950\)\]\/90 {
1330
- --checkbox-checked-border: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
1015
+ .lui\:\[--checkbox-checked-bg\:var\(--lui-color-zinc-900\)\] {
1016
+ --checkbox-checked-bg: var(--lui-color-zinc-900);
1331
1017
  }
1332
- .\[--gutter\:--spacing\(8\)\] {
1333
- --gutter: calc(var(--spacing) * 8);
1018
+ .lui\:\[--checkbox-checked-border\:var\(--color-zinc-950\)\]\/90 {
1019
+ --checkbox-checked-border: color-mix(in srgb, oklch(0.141 0.005 285.823) 90%, transparent);
1020
+ @supports (color: color-mix(in lab, red, red)) {
1021
+ --checkbox-checked-border: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
1022
+ }
1334
1023
  }
1335
- .\[--ring-opacity\:20\%\] {
1024
+ .lui\:\[--ring-opacity\:20\%\] {
1336
1025
  --ring-opacity: 20%;
1337
1026
  }
1338
- .\[--switch-bg-ring\:var\(--color-zinc-950\)\]\/90 {
1339
- --switch-bg-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
1027
+ .lui\:\[--switch-bg-ring\:var\(--lui-color-zinc-950\)\]\/90 {
1028
+ --switch-bg-ring: var(--lui-color-zinc-950);
1029
+ @supports (color: color-mix(in lab, red, red)) {
1030
+ --switch-bg-ring: color-mix(in oklab, var(--lui-color-zinc-950) 90%, transparent);
1031
+ }
1340
1032
  }
1341
- .\[--switch-bg\:var\(--color-zinc-900\)\] {
1342
- --switch-bg: var(--color-zinc-900);
1033
+ .lui\:\[--switch-bg\:var\(--lui-color-zinc-900\)\] {
1034
+ --switch-bg: var(--lui-color-zinc-900);
1343
1035
  }
1344
- .\[--switch-ring\:var\(--color-zinc-950\)\]\/90 {
1345
- --switch-ring: color-mix(in oklab, var(--color-zinc-950) 90%, transparent);
1036
+ .lui\:\[--switch-ring\:var\(--lui-color-zinc-950\)\]\/90 {
1037
+ --switch-ring: var(--lui-color-zinc-950);
1038
+ @supports (color: color-mix(in lab, red, red)) {
1039
+ --switch-ring: color-mix(in oklab, var(--lui-color-zinc-950) 90%, transparent);
1040
+ }
1346
1041
  }
1347
- .\[--switch-shadow\:var\(--color-black\)\]\/10 {
1348
- --switch-shadow: color-mix(in oklab, var(--color-black) 10%, transparent);
1042
+ .lui\:\[--switch-shadow\:var\(--lui-color-black\)\]\/10 {
1043
+ --switch-shadow: var(--lui-color-black);
1044
+ @supports (color: color-mix(in lab, red, red)) {
1045
+ --switch-shadow: color-mix(in oklab, var(--lui-color-black) 10%, transparent);
1046
+ }
1349
1047
  }
1350
- .\[--switch\:white\] {
1048
+ .lui\:\[--switch\:white\] {
1351
1049
  --switch: white;
1352
1050
  }
1353
- .ring-inset {
1051
+ .lui\:ring-inset {
1354
1052
  --tw-ring-inset: inset;
1355
1053
  }
1356
- .select-none {
1357
- -webkit-user-select: none;
1358
- user-select: none;
1359
- }
1360
- .\*\:col-start-1 {
1361
- :is(& > *) {
1362
- grid-column-start: 1;
1363
- }
1364
- }
1365
- .\*\:row-start-1 {
1366
- :is(& > *) {
1367
- grid-row-start: 1;
1368
- }
1369
- }
1370
- .\*\:w-full {
1371
- :is(& > *) {
1372
- width: 100%;
1373
- }
1374
- }
1375
- .\*\:rounded-\(--avatar-radius\) {
1054
+ .lui\:\*\:rounded-\(--avatar-radius\) {
1376
1055
  :is(& > *) {
1377
1056
  border-radius: var(--avatar-radius);
1378
1057
  }
1379
1058
  }
1380
- .\*\:rounded-full {
1059
+ .lui\:\*\:rounded-full {
1381
1060
  :is(& > *) {
1382
1061
  border-radius: calc(infinity * 1px);
1383
1062
  }
1384
1063
  }
1385
- .group-last\:border-b-0 {
1386
- &:is(:where(.group):last-child *) {
1064
+ .lui\:group-last\:border-b-0 {
1065
+ &:is(:where(.lui\:group):last-child *) {
1387
1066
  border-bottom-style: var(--tw-border-style);
1388
1067
  border-bottom-width: 0px;
1389
1068
  }
1390
1069
  }
1391
- .group-hover\:border-zinc-950\/30 {
1392
- &:is(:where(.group):hover *) {
1070
+ .lui\:group-hover\:border-zinc-950\/30 {
1071
+ &:is(:where(.lui\:group):hover *) {
1393
1072
  @media (hover: hover) {
1394
- border-color: color-mix(in oklab, var(--color-zinc-950) 30%, transparent);
1073
+ border-color: var(--lui-color-zinc-950);
1074
+ @supports (color: color-mix(in lab, red, red)) {
1075
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 30%, transparent);
1076
+ }
1395
1077
  }
1396
1078
  }
1397
1079
  }
1398
- .group-has-data-disabled\:stroke-zinc-600 {
1399
- &:is(:where(.group):has(*[data-disabled]) *) {
1400
- stroke: var(--color-zinc-600);
1080
+ .lui\:group-has-data-disabled\:stroke-zinc-600 {
1081
+ &:is(:where(.lui\:group):has(*[data-disabled]) *) {
1082
+ stroke: var(--lui-color-zinc-600);
1401
1083
  }
1402
1084
  }
1403
- .group-data-checked\:translate-x-4 {
1404
- &:is(:where(.group)[data-checked] *) {
1405
- --tw-translate-x: calc(var(--spacing) * 4);
1085
+ .lui\:group-data-checked\:translate-x-4 {
1086
+ &:is(:where(.lui\:group)[data-checked] *) {
1087
+ --tw-translate-x: calc(var(--lui-spacing) * 4);
1406
1088
  translate: var(--tw-translate-x) var(--tw-translate-y);
1407
1089
  }
1408
1090
  }
1409
- .group-data-checked\:border-transparent {
1410
- &:is(:where(.group)[data-checked] *) {
1091
+ .lui\:group-data-checked\:border-transparent {
1092
+ &:is(:where(.lui\:group)[data-checked] *) {
1411
1093
  border-color: transparent;
1412
1094
  }
1413
1095
  }
1414
- .group-data-checked\:bg-\(--checkbox-checked-border\) {
1415
- &:is(:where(.group)[data-checked] *) {
1096
+ .lui\:group-data-checked\:bg-\(--checkbox-checked-border\) {
1097
+ &:is(:where(.lui\:group)[data-checked] *) {
1416
1098
  background-color: var(--checkbox-checked-border);
1417
1099
  }
1418
1100
  }
1419
- .group-data-checked\:bg-\(--switch\) {
1420
- &:is(:where(.group)[data-checked] *) {
1101
+ .lui\:group-data-checked\:bg-\(--switch\) {
1102
+ &:is(:where(.lui\:group)[data-checked] *) {
1421
1103
  background-color: var(--switch);
1422
1104
  }
1423
1105
  }
1424
- .group-data-checked\:opacity-100 {
1425
- &:is(:where(.group)[data-checked] *) {
1106
+ .lui\:group-data-checked\:opacity-100 {
1107
+ &:is(:where(.lui\:group)[data-checked] *) {
1426
1108
  opacity: 100%;
1427
1109
  }
1428
1110
  }
1429
- .group-data-checked\:shadow-\(--switch-shadow\) {
1430
- &:is(:where(.group)[data-checked] *) {
1111
+ .lui\:group-data-checked\:shadow-\(--switch-shadow\) {
1112
+ &:is(:where(.lui\:group)[data-checked] *) {
1431
1113
  --tw-shadow: var(--switch-shadow);
1432
1114
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1433
1115
  }
1434
1116
  }
1435
- .group-data-checked\:ring-\(--switch-ring\) {
1436
- &:is(:where(.group)[data-checked] *) {
1117
+ .lui\:group-data-checked\:ring-\(--switch-ring\) {
1118
+ &:is(:where(.lui\:group)[data-checked] *) {
1437
1119
  --tw-ring-color: var(--switch-ring);
1438
1120
  }
1439
1121
  }
1440
- .group-hover\:group-data-checked\:border-transparent {
1441
- &:is(:where(.group):hover *) {
1122
+ .lui\:group-hover\:group-data-checked\:border-transparent {
1123
+ &:is(:where(.lui\:group):hover *) {
1442
1124
  @media (hover: hover) {
1443
- &:is(:where(.group)[data-checked] *) {
1125
+ &:is(:where(.lui\:group)[data-checked] *) {
1444
1126
  border-color: transparent;
1445
1127
  }
1446
1128
  }
1447
1129
  }
1448
1130
  }
1449
- .group-data-disabled\:border-zinc-950\/25 {
1450
- &:is(:where(.group)[data-disabled] *) {
1451
- border-color: color-mix(in oklab, var(--color-zinc-950) 25%, transparent);
1131
+ .lui\:group-data-disabled\:border-zinc-950\/25 {
1132
+ &:is(:where(.lui\:group)[data-disabled] *) {
1133
+ border-color: var(--lui-color-zinc-950);
1134
+ @supports (color: color-mix(in lab, red, red)) {
1135
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 25%, transparent);
1136
+ }
1452
1137
  }
1453
1138
  }
1454
- .group-data-disabled\:bg-zinc-950\/5 {
1455
- &:is(:where(.group)[data-disabled] *) {
1456
- background-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
1139
+ .lui\:group-data-disabled\:bg-zinc-950\/5 {
1140
+ &:is(:where(.lui\:group)[data-disabled] *) {
1141
+ background-color: var(--lui-color-zinc-950);
1142
+ @supports (color: color-mix(in lab, red, red)) {
1143
+ background-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
1144
+ }
1457
1145
  }
1458
1146
  }
1459
- .group-data-disabled\:opacity-50 {
1460
- &:is(:where(.group)[data-disabled] *) {
1147
+ .lui\:group-data-disabled\:opacity-50 {
1148
+ &:is(:where(.lui\:group)[data-disabled] *) {
1461
1149
  opacity: 50%;
1462
1150
  }
1463
1151
  }
1464
- .group-data-disabled\:\[--checkbox-check\:var\(--color-zinc-950\)\]\/50 {
1465
- &:is(:where(.group)[data-disabled] *) {
1466
- --checkbox-check: color-mix(in oklab, var(--color-zinc-950) 50%, transparent);
1152
+ .lui\:group-data-disabled\:\[--checkbox-check\:var\(--lui-color-zinc-950\)\]\/50 {
1153
+ &:is(:where(.lui\:group)[data-disabled] *) {
1154
+ --checkbox-check: var(--lui-color-zinc-950);
1155
+ @supports (color: color-mix(in lab, red, red)) {
1156
+ --checkbox-check: color-mix(in oklab, var(--lui-color-zinc-950) 50%, transparent);
1157
+ }
1467
1158
  }
1468
1159
  }
1469
- .group-data-checked\:group-data-disabled\:bg-white {
1470
- &:is(:where(.group)[data-checked] *) {
1471
- &:is(:where(.group)[data-disabled] *) {
1472
- background-color: var(--color-white);
1160
+ .lui\:group-data-checked\:group-data-disabled\:bg-white {
1161
+ &:is(:where(.lui\:group)[data-checked] *) {
1162
+ &:is(:where(.lui\:group)[data-disabled] *) {
1163
+ background-color: var(--lui-color-white);
1473
1164
  }
1474
1165
  }
1475
1166
  }
1476
- .group-data-checked\:group-data-disabled\:shadow-sm {
1477
- &:is(:where(.group)[data-checked] *) {
1478
- &:is(:where(.group)[data-disabled] *) {
1167
+ .lui\:group-data-checked\:group-data-disabled\:shadow-sm {
1168
+ &:is(:where(.lui\:group)[data-checked] *) {
1169
+ &:is(:where(.lui\:group)[data-disabled] *) {
1479
1170
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1480
1171
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1481
1172
  }
1482
1173
  }
1483
1174
  }
1484
- .group-data-checked\:group-data-disabled\:ring-black\/5 {
1485
- &:is(:where(.group)[data-checked] *) {
1486
- &:is(:where(.group)[data-disabled] *) {
1487
- --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1175
+ .lui\:group-data-checked\:group-data-disabled\:ring-black\/5 {
1176
+ &:is(:where(.lui\:group)[data-checked] *) {
1177
+ &:is(:where(.lui\:group)[data-disabled] *) {
1178
+ --tw-ring-color: var(--lui-color-black);
1179
+ @supports (color: color-mix(in lab, red, red)) {
1180
+ --tw-ring-color: color-mix(in oklab, var(--lui-color-black) 5%, transparent);
1181
+ }
1488
1182
  }
1489
1183
  }
1490
1184
  }
1491
- .group-data-focus\:outline {
1492
- &:is(:where(.group)[data-focus] *) {
1185
+ .lui\:group-data-focus\:outline {
1186
+ &:is(:where(.lui\:group)[data-focus] *) {
1493
1187
  outline-style: var(--tw-outline-style);
1494
1188
  outline-width: 1px;
1495
1189
  }
1496
1190
  }
1497
- .group-data-focus\:outline-2 {
1498
- &:is(:where(.group)[data-focus] *) {
1191
+ .lui\:group-data-focus\:outline-2 {
1192
+ &:is(:where(.lui\:group)[data-focus] *) {
1499
1193
  outline-style: var(--tw-outline-style);
1500
1194
  outline-width: 2px;
1501
1195
  }
1502
1196
  }
1503
- .group-data-focus\:outline-offset-2 {
1504
- &:is(:where(.group)[data-focus] *) {
1197
+ .lui\:group-data-focus\:outline-offset-2 {
1198
+ &:is(:where(.lui\:group)[data-focus] *) {
1505
1199
  outline-offset: 2px;
1506
1200
  }
1507
1201
  }
1508
- .group-data-focus\:outline-blue-500 {
1509
- &:is(:where(.group)[data-focus] *) {
1510
- outline-color: var(--color-blue-500);
1202
+ .lui\:group-data-focus\:outline-blue-500 {
1203
+ &:is(:where(.lui\:group)[data-focus] *) {
1204
+ outline-color: var(--lui-color-blue-500);
1511
1205
  }
1512
1206
  }
1513
- .group-data-indeterminate\:opacity-0 {
1514
- &:is(:where(.group)[data-indeterminate] *) {
1207
+ .lui\:group-data-indeterminate\:opacity-0 {
1208
+ &:is(:where(.lui\:group)[data-indeterminate] *) {
1515
1209
  opacity: 0%;
1516
1210
  }
1517
1211
  }
1518
- .group-data-indeterminate\:opacity-100 {
1519
- &:is(:where(.group)[data-indeterminate] *) {
1212
+ .lui\:group-data-indeterminate\:opacity-100 {
1213
+ &:is(:where(.lui\:group)[data-indeterminate] *) {
1520
1214
  opacity: 100%;
1521
1215
  }
1522
1216
  }
1523
- .file\:mr-4 {
1217
+ .lui\:file\:mr-4 {
1524
1218
  &::file-selector-button {
1525
- margin-right: calc(var(--spacing) * 4);
1219
+ margin-right: calc(var(--lui-spacing) * 4);
1526
1220
  }
1527
1221
  }
1528
- .file\:cursor-pointer {
1222
+ .lui\:file\:cursor-pointer {
1529
1223
  &::file-selector-button {
1530
1224
  cursor: pointer;
1531
1225
  }
1532
1226
  }
1533
- .file\:border-0 {
1227
+ .lui\:file\:border-0 {
1534
1228
  &::file-selector-button {
1535
1229
  border-style: var(--tw-border-style);
1536
1230
  border-width: 0px;
1537
1231
  }
1538
1232
  }
1539
- .file\:bg-zinc-100 {
1233
+ .lui\:file\:bg-zinc-100 {
1540
1234
  &::file-selector-button {
1541
- background-color: var(--color-zinc-100);
1235
+ background-color: var(--lui-color-zinc-100);
1542
1236
  }
1543
1237
  }
1544
- .file\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
1238
+ .lui\:file\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
1545
1239
  &::file-selector-button {
1546
- padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
1240
+ padding-inline: calc(calc(var(--lui-spacing) * 3.5) - 1px);
1547
1241
  }
1548
1242
  }
1549
- .file\:py-\[calc\(--spacing\(2\.5\)-1px\)\] {
1243
+ .lui\:file\:py-\[calc\(--spacing\(2\.5\)-1px\)\] {
1550
1244
  &::file-selector-button {
1551
- padding-block: calc(calc(var(--spacing) * 2.5) - 1px);
1245
+ padding-block: calc(calc(var(--lui-spacing) * 2.5) - 1px);
1552
1246
  }
1553
1247
  }
1554
- .placeholder\:text-zinc-500 {
1248
+ .lui\:placeholder\:text-zinc-500 {
1555
1249
  &::placeholder {
1556
- color: var(--color-zinc-500);
1250
+ color: var(--lui-color-zinc-500);
1557
1251
  }
1558
1252
  }
1559
- .before\:absolute {
1253
+ .lui\:before\:absolute {
1560
1254
  &::before {
1561
1255
  content: var(--tw-content);
1562
1256
  position: absolute;
1563
1257
  }
1564
1258
  }
1565
- .before\:inset-0 {
1259
+ .lui\:before\:inset-0 {
1566
1260
  &::before {
1567
1261
  content: var(--tw-content);
1568
- inset: calc(var(--spacing) * 0);
1262
+ inset: calc(var(--lui-spacing) * 0);
1569
1263
  }
1570
1264
  }
1571
- .before\:inset-px {
1265
+ .lui\:before\:inset-px {
1572
1266
  &::before {
1573
1267
  content: var(--tw-content);
1574
1268
  inset: 1px;
1575
1269
  }
1576
1270
  }
1577
- .before\:-z-10 {
1271
+ .lui\:before\:-z-10 {
1578
1272
  &::before {
1579
1273
  content: var(--tw-content);
1580
1274
  z-index: calc(10 * -1);
1581
1275
  }
1582
1276
  }
1583
- .before\:rounded-\[calc\(0\.3125rem-1px\)\] {
1277
+ .lui\:before\:rounded-\[calc\(0\.3125rem-1px\)\] {
1584
1278
  &::before {
1585
1279
  content: var(--tw-content);
1586
1280
  border-radius: calc(0.3125rem - 1px);
1587
1281
  }
1588
1282
  }
1589
- .before\:rounded-\[calc\(var\(--radius-lg\)-1px\)\] {
1283
+ .lui\:before\:rounded-\[calc\(var\(--lui-radius-lg\)-1px\)\] {
1284
+ &::before {
1285
+ content: var(--tw-content);
1286
+ border-radius: calc(var(--lui-radius-lg) - 1px);
1287
+ }
1288
+ }
1289
+ .lui\:before\:rounded-\[calc\(var\(--radius-lg\)-1px\)\] {
1590
1290
  &::before {
1591
1291
  content: var(--tw-content);
1592
1292
  border-radius: calc(var(--radius-lg) - 1px);
1593
1293
  }
1594
1294
  }
1595
- .before\:bg-\(--btn-bg\) {
1295
+ .lui\:before\:bg-\(--btn-bg\) {
1596
1296
  &::before {
1597
1297
  content: var(--tw-content);
1598
1298
  background-color: var(--btn-bg);
1599
1299
  }
1600
1300
  }
1601
- .before\:bg-white {
1301
+ .lui\:before\:bg-white {
1602
1302
  &::before {
1603
1303
  content: var(--tw-content);
1604
- background-color: var(--color-white);
1304
+ background-color: var(--lui-color-white);
1605
1305
  }
1606
1306
  }
1607
- .before\:shadow-sm {
1307
+ .lui\:before\:shadow-sm {
1608
1308
  &::before {
1609
1309
  content: var(--tw-content);
1610
1310
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1611
1311
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1612
1312
  }
1613
1313
  }
1614
- .group-data-checked\:before\:bg-\(--checkbox-checked-bg\) {
1615
- &:is(:where(.group)[data-checked] *) {
1314
+ .lui\:group-data-checked\:before\:bg-\(--checkbox-checked-bg\) {
1315
+ &:is(:where(.lui\:group)[data-checked] *) {
1616
1316
  &::before {
1617
1317
  content: var(--tw-content);
1618
1318
  background-color: var(--checkbox-checked-bg);
1619
1319
  }
1620
1320
  }
1621
1321
  }
1622
- .group-data-disabled\:before\:bg-transparent {
1623
- &:is(:where(.group)[data-disabled] *) {
1322
+ .lui\:group-data-disabled\:before\:bg-transparent {
1323
+ &:is(:where(.lui\:group)[data-disabled] *) {
1624
1324
  &::before {
1625
1325
  content: var(--tw-content);
1626
1326
  background-color: transparent;
1627
1327
  }
1628
1328
  }
1629
1329
  }
1630
- .after\:pointer-events-none {
1330
+ .lui\:after\:pointer-events-none {
1631
1331
  &::after {
1632
1332
  content: var(--tw-content);
1633
1333
  pointer-events: none;
1634
1334
  }
1635
1335
  }
1636
- .after\:absolute {
1336
+ .lui\:after\:absolute {
1637
1337
  &::after {
1638
1338
  content: var(--tw-content);
1639
1339
  position: absolute;
1640
1340
  }
1641
1341
  }
1642
- .after\:inset-0 {
1342
+ .lui\:after\:inset-0 {
1643
1343
  &::after {
1644
1344
  content: var(--tw-content);
1645
- inset: calc(var(--spacing) * 0);
1345
+ inset: calc(var(--lui-spacing) * 0);
1646
1346
  }
1647
1347
  }
1648
- .after\:-top-\[1px\] {
1348
+ .lui\:after\:-top-\[1px\] {
1649
1349
  &::after {
1650
1350
  content: var(--tw-content);
1651
1351
  top: calc(1px * -1);
1652
1352
  }
1653
1353
  }
1654
- .after\:left-\[1px\] {
1354
+ .lui\:after\:left-\[1px\] {
1655
1355
  &::after {
1656
1356
  content: var(--tw-content);
1657
1357
  left: 1px;
1658
1358
  }
1659
1359
  }
1660
- .after\:-z-10 {
1360
+ .lui\:after\:-z-10 {
1661
1361
  &::after {
1662
1362
  content: var(--tw-content);
1663
1363
  z-index: calc(10 * -1);
1664
1364
  }
1665
1365
  }
1666
- .after\:h-\[8\.2px\] {
1366
+ .lui\:after\:h-\[8\.2px\] {
1667
1367
  &::after {
1668
1368
  content: var(--tw-content);
1669
1369
  height: 8.2px;
1670
1370
  }
1671
1371
  }
1672
- .after\:w-\[3\.75px\] {
1372
+ .lui\:after\:w-\[3\.75px\] {
1673
1373
  &::after {
1674
1374
  content: var(--tw-content);
1675
1375
  width: 3.75px;
1676
1376
  }
1677
1377
  }
1678
- .after\:-rotate-45 {
1378
+ .lui\:after\:-rotate-45 {
1679
1379
  &::after {
1680
1380
  content: var(--tw-content);
1681
1381
  rotate: calc(45deg * -1);
1682
1382
  }
1683
1383
  }
1684
- .after\:rounded-\[calc\(0\.3125rem-1px\)\] {
1384
+ .lui\:after\:rounded-\[calc\(0\.3125rem-1px\)\] {
1685
1385
  &::after {
1686
1386
  content: var(--tw-content);
1687
1387
  border-radius: calc(0.3125rem - 1px);
1688
1388
  }
1689
1389
  }
1690
- .after\:rounded-\[calc\(var\(--radius-lg\)-1px\)\] {
1390
+ .lui\:after\:rounded-\[calc\(var\(--lui-radius-lg\)-1px\)\] {
1691
1391
  &::after {
1692
1392
  content: var(--tw-content);
1693
- border-radius: calc(var(--radius-lg) - 1px);
1393
+ border-radius: calc(var(--lui-radius-lg) - 1px);
1694
1394
  }
1695
1395
  }
1696
- .after\:rounded-lg {
1396
+ .lui\:after\:rounded-lg {
1697
1397
  &::after {
1698
1398
  content: var(--tw-content);
1699
- border-radius: var(--radius-lg);
1399
+ border-radius: var(--lui-radius-lg);
1700
1400
  }
1701
1401
  }
1702
- .after\:border-\[1px\] {
1402
+ .lui\:after\:border-\[1px\] {
1703
1403
  &::after {
1704
1404
  content: var(--tw-content);
1705
1405
  border-style: var(--tw-border-style);
1706
1406
  border-width: 1px;
1707
1407
  }
1708
1408
  }
1709
- .after\:border-transparent {
1409
+ .lui\:after\:border-transparent {
1710
1410
  &::after {
1711
1411
  content: var(--tw-content);
1712
1412
  border-color: transparent;
1713
1413
  }
1714
1414
  }
1715
- .after\:border-r-green-600 {
1415
+ .lui\:after\:border-r-green-600 {
1716
1416
  &::after {
1717
1417
  content: var(--tw-content);
1718
- border-right-color: var(--color-green-600);
1418
+ border-right-color: var(--lui-color-green-600);
1719
1419
  }
1720
1420
  }
1721
- .after\:border-r-white {
1421
+ .lui\:after\:border-r-white {
1722
1422
  &::after {
1723
1423
  content: var(--tw-content);
1724
- border-right-color: var(--color-white);
1424
+ border-right-color: var(--lui-color-white);
1725
1425
  }
1726
1426
  }
1727
- .after\:border-r-yellow-400 {
1427
+ .lui\:after\:border-r-yellow-400 {
1728
1428
  &::after {
1729
1429
  content: var(--tw-content);
1730
- border-right-color: var(--color-yellow-400);
1430
+ border-right-color: var(--lui-color-yellow-400);
1731
1431
  }
1732
1432
  }
1733
- .after\:border-r-zinc-400 {
1433
+ .lui\:after\:border-r-zinc-400 {
1734
1434
  &::after {
1735
1435
  content: var(--tw-content);
1736
- border-right-color: var(--color-zinc-400);
1436
+ border-right-color: var(--lui-color-zinc-400);
1737
1437
  }
1738
1438
  }
1739
- .after\:border-l-green-600 {
1439
+ .lui\:after\:border-l-green-600 {
1740
1440
  &::after {
1741
1441
  content: var(--tw-content);
1742
- border-left-color: var(--color-green-600);
1442
+ border-left-color: var(--lui-color-green-600);
1743
1443
  }
1744
1444
  }
1745
- .after\:border-l-white {
1445
+ .lui\:after\:border-l-white {
1746
1446
  &::after {
1747
1447
  content: var(--tw-content);
1748
- border-left-color: var(--color-white);
1448
+ border-left-color: var(--lui-color-white);
1749
1449
  }
1750
1450
  }
1751
- .after\:border-l-yellow-400 {
1451
+ .lui\:after\:border-l-yellow-400 {
1752
1452
  &::after {
1753
1453
  content: var(--tw-content);
1754
- border-left-color: var(--color-yellow-400);
1454
+ border-left-color: var(--lui-color-yellow-400);
1755
1455
  }
1756
1456
  }
1757
- .after\:border-l-zinc-400 {
1457
+ .lui\:after\:border-l-zinc-400 {
1758
1458
  &::after {
1759
1459
  content: var(--tw-content);
1760
- border-left-color: var(--color-zinc-400);
1460
+ border-left-color: var(--lui-color-zinc-400);
1761
1461
  }
1762
1462
  }
1763
- .after\:shadow-\[inset_0_1px_--theme\(--color-white\/15\%\)\] {
1463
+ .lui\:after\:shadow-\[inset_0_1px_--theme\(--color-white\/15\%\)\] {
1764
1464
  &::after {
1765
1465
  content: var(--tw-content);
1766
- --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in oklab, #fff 15%, transparent));
1466
+ --tw-shadow: inset 0 1px var(--tw-shadow-color, var(--lui-color-white));
1467
+ @supports (color: color-mix(in lab, red, red)) {
1468
+ --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--lui-color-white) 15%, transparent));
1469
+ }
1767
1470
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1768
1471
  }
1769
1472
  }
1770
- .after\:shadow-\[shadow\:inset_0_1px_--theme\(--color-white\/15\%\)\] {
1473
+ .lui\:after\:shadow-\[shadow\:inset_0_1px_--theme\(--color-white\/15\%\)\] {
1771
1474
  &::after {
1772
1475
  content: var(--tw-content);
1773
- --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in oklab, #fff 15%, transparent));
1476
+ --tw-shadow: inset 0 1px var(--tw-shadow-color, var(--lui-color-white));
1477
+ @supports (color: color-mix(in lab, red, red)) {
1478
+ --tw-shadow: inset 0 1px var(--tw-shadow-color, color-mix(in oklab, var(--lui-color-white) 15%, transparent));
1479
+ }
1774
1480
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1775
1481
  }
1776
1482
  }
1777
- .after\:ring-transparent {
1483
+ .lui\:after\:ring-transparent {
1778
1484
  &::after {
1779
1485
  content: var(--tw-content);
1780
1486
  --tw-ring-color: transparent;
1781
1487
  }
1782
1488
  }
1783
- .after\:ring-inset {
1489
+ .lui\:after\:ring-inset {
1784
1490
  &::after {
1785
1491
  content: var(--tw-content);
1786
1492
  --tw-ring-inset: inset;
1787
1493
  }
1788
1494
  }
1789
- .first\:border-none {
1495
+ .lui\:first\:border-none {
1790
1496
  &:first-child {
1791
1497
  --tw-border-style: none;
1792
1498
  border-style: none;
1793
1499
  }
1794
1500
  }
1795
- .hover\:cursor-pointer {
1501
+ .lui\:hover\:cursor-pointer {
1796
1502
  &:hover {
1797
1503
  @media (hover: hover) {
1798
1504
  cursor: pointer;
1799
1505
  }
1800
1506
  }
1801
1507
  }
1802
- .hover\:border-zinc-950\/20 {
1508
+ .lui\:hover\:border-zinc-950\/20 {
1803
1509
  &:hover {
1804
1510
  @media (hover: hover) {
1805
- border-color: color-mix(in oklab, var(--color-zinc-950) 20%, transparent);
1511
+ border-color: var(--lui-color-zinc-950);
1512
+ @supports (color: color-mix(in lab, red, red)) {
1513
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 20%, transparent);
1514
+ }
1806
1515
  }
1807
1516
  }
1808
1517
  }
1809
- .hover\:bg-red-600 {
1518
+ .lui\:hover\:bg-red-600 {
1810
1519
  &:hover {
1811
1520
  @media (hover: hover) {
1812
- background-color: var(--color-red-600);
1521
+ background-color: var(--lui-color-red-600);
1813
1522
  }
1814
1523
  }
1815
1524
  }
1816
- .hover\:bg-zinc-100 {
1525
+ .lui\:hover\:bg-zinc-100 {
1817
1526
  &:hover {
1818
1527
  @media (hover: hover) {
1819
- background-color: var(--color-zinc-100);
1528
+ background-color: var(--lui-color-zinc-100);
1820
1529
  }
1821
1530
  }
1822
1531
  }
1823
- .hover\:bg-zinc-950\/5 {
1532
+ .lui\:hover\:bg-zinc-950\/5 {
1824
1533
  &:hover {
1825
1534
  @media (hover: hover) {
1826
- background-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
1535
+ background-color: var(--lui-color-zinc-950);
1536
+ @supports (color: color-mix(in lab, red, red)) {
1537
+ background-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
1538
+ }
1827
1539
  }
1828
1540
  }
1829
1541
  }
1830
- .hover\:bg-zinc-950\/\[2\.5\%\] {
1542
+ .lui\:hover\:bg-zinc-950\/\[2\.5\%\] {
1831
1543
  &:hover {
1832
1544
  @media (hover: hover) {
1833
- background-color: color-mix(in oklab, var(--color-zinc-950) 2.5%, transparent);
1545
+ background-color: var(--lui-color-zinc-950);
1546
+ @supports (color: color-mix(in lab, red, red)) {
1547
+ background-color: color-mix(in oklab, var(--lui-color-zinc-950) 2.5%, transparent);
1548
+ }
1834
1549
  }
1835
1550
  }
1836
1551
  }
1837
- .hover\:text-indigo-500 {
1552
+ .lui\:hover\:text-indigo-500 {
1838
1553
  &:hover {
1839
1554
  @media (hover: hover) {
1840
- color: var(--color-indigo-500);
1555
+ color: var(--lui-color-indigo-500);
1841
1556
  }
1842
1557
  }
1843
1558
  }
1844
- .hover\:text-zinc-950 {
1559
+ .lui\:hover\:text-zinc-950 {
1845
1560
  &:hover {
1846
1561
  @media (hover: hover) {
1847
- color: var(--color-zinc-950);
1562
+ color: var(--lui-color-zinc-950);
1848
1563
  }
1849
1564
  }
1850
1565
  }
1851
- .hover\:underline {
1566
+ .lui\:hover\:underline {
1852
1567
  &:hover {
1853
1568
  @media (hover: hover) {
1854
1569
  text-decoration-line: underline;
1855
1570
  }
1856
1571
  }
1857
1572
  }
1858
- .hover\:ring-black\/15 {
1573
+ .lui\:hover\:ring-black\/15 {
1859
1574
  &:hover {
1860
1575
  @media (hover: hover) {
1861
- --tw-ring-color: color-mix(in oklab, var(--color-black) 15%, transparent);
1576
+ --tw-ring-color: var(--lui-color-black);
1577
+ @supports (color: color-mix(in lab, red, red)) {
1578
+ --tw-ring-color: color-mix(in oklab, var(--lui-color-black) 15%, transparent);
1579
+ }
1862
1580
  }
1863
1581
  }
1864
1582
  }
1865
- .hover\:\[--btn-icon\:var\(--color-zinc-300\)\] {
1583
+ .lui\:hover\:\[--btn-icon\:var\(--lui-color-zinc-300\)\] {
1866
1584
  &:hover {
1867
1585
  @media (hover: hover) {
1868
- --btn-icon: var(--color-zinc-300);
1586
+ --btn-icon: var(--lui-color-zinc-300);
1869
1587
  }
1870
1588
  }
1871
1589
  }
1872
- .hover\:\[--btn-icon\:var\(--color-zinc-700\)\] {
1590
+ .lui\:hover\:\[--btn-icon\:var\(--lui-color-zinc-700\)\] {
1873
1591
  &:hover {
1874
1592
  @media (hover: hover) {
1875
- --btn-icon: var(--color-zinc-700);
1593
+ --btn-icon: var(--lui-color-zinc-700);
1876
1594
  }
1877
1595
  }
1878
1596
  }
1879
- .hover\:after\:bg-\(--btn-hover-overlay\) {
1597
+ .lui\:hover\:after\:bg-\(--btn-hover-overlay\) {
1880
1598
  &:hover {
1881
1599
  @media (hover: hover) {
1882
1600
  &::after {
@@ -1886,8 +1604,9 @@
1886
1604
  }
1887
1605
  }
1888
1606
  }
1889
- .focus\:outline-hidden {
1607
+ .lui\:focus\:outline-hidden {
1890
1608
  &:focus {
1609
+ --tw-outline-style: none;
1891
1610
  outline-style: none;
1892
1611
  @media (forced-colors: active) {
1893
1612
  outline: 2px solid transparent;
@@ -1895,78 +1614,81 @@
1895
1614
  }
1896
1615
  }
1897
1616
  }
1898
- .focus\:outline {
1617
+ .lui\:focus\:outline {
1899
1618
  &:focus {
1900
1619
  outline-style: var(--tw-outline-style);
1901
1620
  outline-width: 1px;
1902
1621
  }
1903
1622
  }
1904
- .focus\:outline-0 {
1623
+ .lui\:focus\:outline-0 {
1905
1624
  &:focus {
1906
1625
  outline-style: var(--tw-outline-style);
1907
1626
  outline-width: 0px;
1908
1627
  }
1909
1628
  }
1910
- .focus\:outline-2 {
1629
+ .lui\:focus\:outline-2 {
1911
1630
  &:focus {
1912
1631
  outline-style: var(--tw-outline-style);
1913
1632
  outline-width: 2px;
1914
1633
  }
1915
1634
  }
1916
- .focus\:outline-offset-2 {
1635
+ .lui\:focus\:outline-offset-2 {
1917
1636
  &:focus {
1918
1637
  outline-offset: 2px;
1919
1638
  }
1920
1639
  }
1921
- .focus\:outline-blue-500 {
1640
+ .lui\:focus\:outline-blue-500 {
1922
1641
  &:focus {
1923
- outline-color: var(--color-blue-500);
1642
+ outline-color: var(--lui-color-blue-500);
1924
1643
  }
1925
1644
  }
1926
- .focus\:outline-none {
1645
+ .lui\:focus\:outline-none {
1927
1646
  &:focus {
1928
1647
  --tw-outline-style: none;
1929
1648
  outline-style: none;
1930
1649
  }
1931
1650
  }
1932
- .focus\:after\:ring-2 {
1651
+ .lui\:focus\:after\:ring-2 {
1933
1652
  &:focus {
1934
1653
  &::after {
1935
1654
  content: var(--tw-content);
1936
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
1655
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1937
1656
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1938
1657
  }
1939
1658
  }
1940
1659
  }
1941
- .focus\:after\:ring-blue-500 {
1660
+ .lui\:focus\:after\:ring-blue-500 {
1942
1661
  &:focus {
1943
1662
  &::after {
1944
1663
  content: var(--tw-content);
1945
- --tw-ring-color: var(--color-blue-500);
1664
+ --tw-ring-color: var(--lui-color-blue-500);
1946
1665
  }
1947
1666
  }
1948
1667
  }
1949
- .active\:bg-red-700 {
1668
+ .lui\:active\:bg-red-700 {
1950
1669
  &:active {
1951
- background-color: var(--color-red-700);
1670
+ background-color: var(--lui-color-red-700);
1952
1671
  }
1953
1672
  }
1954
- .active\:bg-zinc-950\/\[2\.5\%\] {
1673
+ .lui\:active\:bg-zinc-950\/\[2\.5\%\] {
1955
1674
  &:active {
1956
- background-color: color-mix(in oklab, var(--color-zinc-950) 2.5%, transparent);
1675
+ background-color: var(--lui-color-zinc-950);
1676
+ @supports (color: color-mix(in lab, red, red)) {
1677
+ background-color: color-mix(in oklab, var(--lui-color-zinc-950) 2.5%, transparent);
1678
+ }
1957
1679
  }
1958
1680
  }
1959
- .active\:\[--btn-icon\:var\(--color-zinc-300\)\] {
1681
+ .lui\:active\:\[--btn-icon\:var\(--lui-color-zinc-300\)\] {
1960
1682
  &:active {
1961
- --btn-icon: var(--color-zinc-300);
1683
+ --btn-icon: var(--lui-color-zinc-300);
1962
1684
  }
1963
1685
  }
1964
- .active\:\[--btn-icon\:var\(--color-zinc-700\)\] {
1686
+ .lui\:active\:\[--btn-icon\:var\(--lui-color-zinc-700\)\] {
1965
1687
  &:active {
1966
- --btn-icon: var(--color-zinc-700);
1688
+ --btn-icon: var(--lui-color-zinc-700);
1967
1689
  }
1968
1690
  }
1969
- .active\:after\:bg-\(--btn-hover-overlay\) {
1691
+ .lui\:active\:after\:bg-\(--btn-hover-overlay\) {
1970
1692
  &:active {
1971
1693
  &::after {
1972
1694
  content: var(--tw-content);
@@ -1974,12 +1696,12 @@
1974
1696
  }
1975
1697
  }
1976
1698
  }
1977
- .disabled\:opacity-50 {
1699
+ .lui\:disabled\:opacity-50 {
1978
1700
  &:disabled {
1979
1701
  opacity: 50%;
1980
1702
  }
1981
1703
  }
1982
- .disabled\:before\:shadow-none {
1704
+ .lui\:disabled\:before\:shadow-none {
1983
1705
  &:disabled {
1984
1706
  &::before {
1985
1707
  content: var(--tw-content);
@@ -1988,7 +1710,7 @@
1988
1710
  }
1989
1711
  }
1990
1712
  }
1991
- .disabled\:after\:shadow-none {
1713
+ .lui\:disabled\:after\:shadow-none {
1992
1714
  &:disabled {
1993
1715
  &::after {
1994
1716
  content: var(--tw-content);
@@ -1997,20 +1719,35 @@
1997
1719
  }
1998
1720
  }
1999
1721
  }
2000
- .has-data-disabled\:opacity-50 {
1722
+ .lui\:disabled\:hover\:after\:bg-transparent {
1723
+ &:disabled {
1724
+ &:hover {
1725
+ @media (hover: hover) {
1726
+ &::after {
1727
+ content: var(--tw-content);
1728
+ background-color: transparent;
1729
+ }
1730
+ }
1731
+ }
1732
+ }
1733
+ }
1734
+ .lui\:has-data-disabled\:opacity-50 {
2001
1735
  &:has(*[data-disabled]) {
2002
1736
  opacity: 50%;
2003
1737
  }
2004
1738
  }
2005
- .has-data-disabled\:before\:bg-zinc-950\/5 {
1739
+ .lui\:has-data-disabled\:before\:bg-zinc-950\/5 {
2006
1740
  &:has(*[data-disabled]) {
2007
1741
  &::before {
2008
1742
  content: var(--tw-content);
2009
- background-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
1743
+ background-color: var(--lui-color-zinc-950);
1744
+ @supports (color: color-mix(in lab, red, red)) {
1745
+ background-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
1746
+ }
2010
1747
  }
2011
1748
  }
2012
1749
  }
2013
- .has-data-disabled\:before\:shadow-none {
1750
+ .lui\:has-data-disabled\:before\:shadow-none {
2014
1751
  &:has(*[data-disabled]) {
2015
1752
  &::before {
2016
1753
  content: var(--tw-content);
@@ -2019,36 +1756,28 @@
2019
1756
  }
2020
1757
  }
2021
1758
  }
2022
- .has-data-invalid\:before\:shadow-red-500\/10 {
1759
+ .lui\:has-data-invalid\:before\:shadow-red-500\/10 {
2023
1760
  &:has(*[data-invalid]) {
2024
1761
  &::before {
2025
1762
  content: var(--tw-content);
2026
- --tw-shadow-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
1763
+ --tw-shadow-color: var(--lui-color-red-500);
1764
+ @supports (color: color-mix(in lab, red, red)) {
1765
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--lui-color-red-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
1766
+ }
2027
1767
  }
2028
1768
  }
2029
1769
  }
2030
- .data-active\:bg-zinc-950\/5 {
2031
- &[data-active] {
2032
- background-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
2033
- }
2034
- }
2035
- .data-changing\:duration-200 {
2036
- &[data-changing] {
2037
- --tw-duration: 200ms;
2038
- transition-duration: 200ms;
2039
- }
2040
- }
2041
- .data-checked\:bg-\(--switch-bg\) {
1770
+ .lui\:data-checked\:bg-\(--switch-bg\) {
2042
1771
  &[data-checked] {
2043
1772
  background-color: var(--switch-bg);
2044
1773
  }
2045
1774
  }
2046
- .data-checked\:ring-\(--switch-bg-ring\) {
1775
+ .lui\:data-checked\:ring-\(--switch-bg-ring\) {
2047
1776
  &[data-checked] {
2048
1777
  --tw-ring-color: var(--switch-bg-ring);
2049
1778
  }
2050
1779
  }
2051
- .hover\:data-checked\:ring-\(--switch-bg-ring\) {
1780
+ .lui\:hover\:data-checked\:ring-\(--switch-bg-ring\) {
2052
1781
  &:hover {
2053
1782
  @media (hover: hover) {
2054
1783
  &[data-checked] {
@@ -2057,509 +1786,537 @@
2057
1786
  }
2058
1787
  }
2059
1788
  }
2060
- .data-closed\:translate-y-12 {
1789
+ .lui\:data-closed\:translate-y-12 {
2061
1790
  &[data-closed] {
2062
- --tw-translate-y: calc(var(--spacing) * 12);
1791
+ --tw-translate-y: calc(var(--lui-spacing) * 12);
2063
1792
  translate: var(--tw-translate-x) var(--tw-translate-y);
2064
1793
  }
2065
1794
  }
2066
- .data-closed\:opacity-0 {
1795
+ .lui\:data-closed\:opacity-0 {
2067
1796
  &[data-closed] {
2068
1797
  opacity: 0%;
2069
1798
  }
2070
1799
  }
2071
- .data-disabled\:pointer-events-none {
2072
- &[data-disabled] {
2073
- pointer-events: none;
2074
- }
2075
- }
2076
- .data-disabled\:cursor-not-allowed {
1800
+ .lui\:data-disabled\:cursor-not-allowed {
2077
1801
  &[data-disabled] {
2078
1802
  cursor: not-allowed;
2079
1803
  }
2080
1804
  }
2081
- .data-disabled\:border-zinc-950\/20 {
1805
+ .lui\:data-disabled\:border-zinc-950\/20 {
2082
1806
  &[data-disabled] {
2083
- border-color: color-mix(in oklab, var(--color-zinc-950) 20%, transparent);
1807
+ border-color: var(--lui-color-zinc-950);
1808
+ @supports (color: color-mix(in lab, red, red)) {
1809
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 20%, transparent);
1810
+ }
2084
1811
  }
2085
1812
  }
2086
- .data-disabled\:bg-zinc-200 {
1813
+ .lui\:data-disabled\:bg-zinc-200 {
2087
1814
  &[data-disabled] {
2088
- background-color: var(--color-zinc-200);
1815
+ background-color: var(--lui-color-zinc-200);
2089
1816
  }
2090
1817
  }
2091
- .data-disabled\:opacity-50 {
1818
+ .lui\:data-disabled\:opacity-50 {
2092
1819
  &[data-disabled] {
2093
1820
  opacity: 50%;
2094
1821
  }
2095
1822
  }
2096
- .data-disabled\:opacity-100 {
1823
+ .lui\:data-disabled\:opacity-100 {
2097
1824
  &[data-disabled] {
2098
1825
  opacity: 100%;
2099
1826
  }
2100
1827
  }
2101
- .data-disabled\:file\:cursor-not-allowed {
1828
+ .lui\:data-disabled\:file\:cursor-not-allowed {
2102
1829
  &[data-disabled] {
2103
1830
  &::file-selector-button {
2104
1831
  cursor: not-allowed;
2105
1832
  }
2106
1833
  }
2107
1834
  }
2108
- .data-disabled\:data-checked\:bg-zinc-200 {
1835
+ .lui\:data-disabled\:data-checked\:bg-zinc-200 {
2109
1836
  &[data-disabled] {
2110
1837
  &[data-checked] {
2111
- background-color: var(--color-zinc-200);
1838
+ background-color: var(--lui-color-zinc-200);
2112
1839
  }
2113
1840
  }
2114
1841
  }
2115
- .data-disabled\:data-checked\:ring-black\/5 {
1842
+ .lui\:data-disabled\:data-checked\:ring-black\/5 {
2116
1843
  &[data-disabled] {
2117
1844
  &[data-checked] {
2118
- --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1845
+ --tw-ring-color: var(--lui-color-black);
1846
+ @supports (color: color-mix(in lab, red, red)) {
1847
+ --tw-ring-color: color-mix(in oklab, var(--lui-color-black) 5%, transparent);
1848
+ }
2119
1849
  }
2120
1850
  }
2121
1851
  }
2122
- .data-enter\:ease-out {
1852
+ .lui\:data-enter\:ease-out {
2123
1853
  &[data-enter] {
2124
- --tw-ease: var(--ease-out);
2125
- transition-timing-function: var(--ease-out);
1854
+ --tw-ease: var(--lui-ease-out);
1855
+ transition-timing-function: var(--lui-ease-out);
2126
1856
  }
2127
1857
  }
2128
- .data-focus\:outline-2 {
1858
+ .lui\:data-focus\:outline-2 {
2129
1859
  &[data-focus] {
2130
1860
  outline-style: var(--tw-outline-style);
2131
1861
  outline-width: 2px;
2132
1862
  }
2133
1863
  }
2134
- .data-focus\:outline-offset-2 {
1864
+ .lui\:data-focus\:outline-offset-2 {
2135
1865
  &[data-focus] {
2136
1866
  outline-offset: 2px;
2137
1867
  }
2138
1868
  }
2139
- .data-focus\:outline-blue-500 {
1869
+ .lui\:data-focus\:outline-blue-500 {
2140
1870
  &[data-focus] {
2141
- outline-color: var(--color-blue-500);
1871
+ outline-color: var(--lui-color-blue-500);
2142
1872
  }
2143
1873
  }
2144
- .data-invalid\:border-red-500 {
1874
+ .lui\:data-invalid\:border-red-500 {
2145
1875
  &[data-invalid] {
2146
- border-color: var(--color-red-500);
1876
+ border-color: var(--lui-color-red-500);
2147
1877
  }
2148
1878
  }
2149
- .data-invalid\:hover\:border-red-500 {
1879
+ .lui\:data-invalid\:hover\:border-red-500 {
2150
1880
  &[data-invalid] {
2151
1881
  &:hover {
2152
1882
  @media (hover: hover) {
2153
- border-color: var(--color-red-500);
1883
+ border-color: var(--lui-color-red-500);
2154
1884
  }
2155
1885
  }
2156
1886
  }
2157
1887
  }
2158
- .data-invalid\:hover\:border-red-500\/60 {
1888
+ .lui\:data-invalid\:hover\:border-red-500\/60 {
2159
1889
  &[data-invalid] {
2160
1890
  &:hover {
2161
1891
  @media (hover: hover) {
2162
- border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
1892
+ border-color: var(--lui-color-red-500);
1893
+ @supports (color: color-mix(in lab, red, red)) {
1894
+ border-color: color-mix(in oklab, var(--lui-color-red-500) 60%, transparent);
1895
+ }
2163
1896
  }
2164
1897
  }
2165
1898
  }
2166
1899
  }
2167
- .data-leave\:ease-in {
1900
+ .lui\:data-leave\:ease-in {
2168
1901
  &[data-leave] {
2169
- --tw-ease: var(--ease-in);
2170
- transition-timing-function: var(--ease-in);
1902
+ --tw-ease: var(--lui-ease-in);
1903
+ transition-timing-function: var(--lui-ease-in);
1904
+ }
1905
+ }
1906
+ .lui\:data-\[active\]\:bg-zinc-950\/5 {
1907
+ &[data-active] {
1908
+ background-color: var(--lui-color-zinc-950);
1909
+ @supports (color: color-mix(in lab, red, red)) {
1910
+ background-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
1911
+ }
1912
+ }
1913
+ }
1914
+ .lui\:data-\[disabled\]\:pointer-events-none {
1915
+ &[data-disabled] {
1916
+ pointer-events: none;
2171
1917
  }
2172
1918
  }
2173
- .\*\:data-\[slot\=control\]\:col-start-1 {
1919
+ .lui\:data-\[disabled\]\:opacity-50 {
1920
+ &[data-disabled] {
1921
+ opacity: 50%;
1922
+ }
1923
+ }
1924
+ .lui\:\*\:data-\[slot\=control\]\:col-start-1 {
2174
1925
  :is(& > *) {
2175
1926
  &[data-slot="control"] {
2176
1927
  grid-column-start: 1;
2177
1928
  }
2178
1929
  }
2179
1930
  }
2180
- .\*\:data-\[slot\=control\]\:col-start-2 {
1931
+ .lui\:\*\:data-\[slot\=control\]\:col-start-2 {
2181
1932
  :is(& > *) {
2182
1933
  &[data-slot="control"] {
2183
1934
  grid-column-start: 2;
2184
1935
  }
2185
1936
  }
2186
1937
  }
2187
- .\*\:data-\[slot\=control\]\:row-start-1 {
1938
+ .lui\:\*\:data-\[slot\=control\]\:row-start-1 {
2188
1939
  :is(& > *) {
2189
1940
  &[data-slot="control"] {
2190
1941
  grid-row-start: 1;
2191
1942
  }
2192
1943
  }
2193
1944
  }
2194
- .\*\:data-\[slot\=control\]\:self-center {
1945
+ .lui\:\*\:data-\[slot\=control\]\:self-center {
2195
1946
  :is(& > *) {
2196
1947
  &[data-slot="control"] {
2197
1948
  align-self: center;
2198
1949
  }
2199
1950
  }
2200
1951
  }
2201
- .\*\:data-\[slot\=control\]\:justify-self-center {
1952
+ .lui\:\*\:data-\[slot\=control\]\:justify-self-center {
2202
1953
  :is(& > *) {
2203
1954
  &[data-slot="control"] {
2204
1955
  justify-self: center;
2205
1956
  }
2206
1957
  }
2207
1958
  }
2208
- .\*\:data-\[slot\=description\]\:col-start-1 {
1959
+ .lui\:\*\:data-\[slot\=description\]\:col-start-1 {
2209
1960
  :is(& > *) {
2210
1961
  &[data-slot="description"] {
2211
1962
  grid-column-start: 1;
2212
1963
  }
2213
1964
  }
2214
1965
  }
2215
- .\*\:data-\[slot\=description\]\:col-start-2 {
1966
+ .lui\:\*\:data-\[slot\=description\]\:col-start-2 {
2216
1967
  :is(& > *) {
2217
1968
  &[data-slot="description"] {
2218
1969
  grid-column-start: 2;
2219
1970
  }
2220
1971
  }
2221
1972
  }
2222
- .\*\:data-\[slot\=description\]\:row-start-2 {
1973
+ .lui\:\*\:data-\[slot\=description\]\:row-start-2 {
2223
1974
  :is(& > *) {
2224
1975
  &[data-slot="description"] {
2225
1976
  grid-row-start: 2;
2226
1977
  }
2227
1978
  }
2228
1979
  }
2229
- .\*\:data-\[slot\=error\]\:col-start-1 {
1980
+ .lui\:\*\:data-\[slot\=error\]\:col-start-1 {
2230
1981
  :is(& > *) {
2231
1982
  &[data-slot="error"] {
2232
1983
  grid-column-start: 1;
2233
1984
  }
2234
1985
  }
2235
1986
  }
2236
- .\*\:data-\[slot\=error\]\:row-start-3 {
1987
+ .lui\:\*\:data-\[slot\=error\]\:row-start-3 {
2237
1988
  :is(& > *) {
2238
1989
  &[data-slot="error"] {
2239
1990
  grid-row-start: 3;
2240
1991
  }
2241
1992
  }
2242
1993
  }
2243
- .\*\:data-\[slot\=header\]\:bg-gray-50 {
1994
+ .lui\:\*\:data-\[slot\=header\]\:bg-gray-50 {
2244
1995
  :is(& > *) {
2245
1996
  &[data-slot="header"] {
2246
- background-color: var(--color-gray-50);
1997
+ background-color: var(--lui-color-gray-50);
2247
1998
  }
2248
1999
  }
2249
2000
  }
2250
- .\*\:data-\[slot\=header\]\:bg-red-600\/80 {
2001
+ .lui\:\*\:data-\[slot\=header\]\:bg-red-600\/80 {
2251
2002
  :is(& > *) {
2252
2003
  &[data-slot="header"] {
2253
- background-color: color-mix(in oklab, var(--color-red-600) 80%, transparent);
2004
+ background-color: var(--lui-color-red-600);
2005
+ @supports (color: color-mix(in lab, red, red)) {
2006
+ background-color: color-mix(in oklab, var(--lui-color-red-600) 80%, transparent);
2007
+ }
2254
2008
  }
2255
2009
  }
2256
2010
  }
2257
- .\*\:data-\[slot\=header\]\:text-white {
2011
+ .lui\:\*\:data-\[slot\=header\]\:text-white {
2258
2012
  :is(& > *) {
2259
2013
  &[data-slot="header"] {
2260
- color: var(--color-white);
2014
+ color: var(--lui-color-white);
2261
2015
  }
2262
2016
  }
2263
2017
  }
2264
- .\*\:data-\[slot\=icon\]\:-mx-0\.5 {
2018
+ .lui\:\*\:data-\[slot\=icon\]\:-mx-0\.5 {
2265
2019
  :is(& > *) {
2266
2020
  &[data-slot="icon"] {
2267
- margin-inline: calc(var(--spacing) * -0.5);
2021
+ margin-inline: calc(var(--lui-spacing) * -0.5);
2268
2022
  }
2269
2023
  }
2270
2024
  }
2271
- .\*\:data-\[slot\=icon\]\:my-0\.5 {
2025
+ .lui\:\*\:data-\[slot\=icon\]\:my-0\.5 {
2272
2026
  :is(& > *) {
2273
2027
  &[data-slot="icon"] {
2274
- margin-block: calc(var(--spacing) * 0.5);
2028
+ margin-block: calc(var(--lui-spacing) * 0.5);
2275
2029
  }
2276
2030
  }
2277
2031
  }
2278
- .\*\:data-\[slot\=icon\]\:size-5 {
2032
+ .lui\:\*\:data-\[slot\=icon\]\:size-5 {
2279
2033
  :is(& > *) {
2280
2034
  &[data-slot="icon"] {
2281
- width: calc(var(--spacing) * 5);
2282
- height: calc(var(--spacing) * 5);
2035
+ width: calc(var(--lui-spacing) * 5);
2036
+ height: calc(var(--lui-spacing) * 5);
2283
2037
  }
2284
2038
  }
2285
2039
  }
2286
- .\*\:data-\[slot\=icon\]\:shrink-0 {
2040
+ .lui\:\*\:data-\[slot\=icon\]\:shrink-0 {
2287
2041
  :is(& > *) {
2288
2042
  &[data-slot="icon"] {
2289
2043
  flex-shrink: 0;
2290
2044
  }
2291
2045
  }
2292
2046
  }
2293
- .\*\:data-\[slot\=icon\]\:self-center {
2047
+ .lui\:\*\:data-\[slot\=icon\]\:self-center {
2294
2048
  :is(& > *) {
2295
2049
  &[data-slot="icon"] {
2296
2050
  align-self: center;
2297
2051
  }
2298
2052
  }
2299
2053
  }
2300
- .\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
2054
+ .lui\:\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
2301
2055
  :is(& > *) {
2302
2056
  &[data-slot="icon"] {
2303
2057
  color: var(--btn-icon);
2304
2058
  }
2305
2059
  }
2306
2060
  }
2307
- .\*\:data-\[slot\=label\]\:col-start-1 {
2061
+ .lui\:\*\:data-\[slot\=label\]\:col-start-1 {
2308
2062
  :is(& > *) {
2309
2063
  &[data-slot="label"] {
2310
2064
  grid-column-start: 1;
2311
2065
  }
2312
2066
  }
2313
2067
  }
2314
- .\*\:data-\[slot\=label\]\:col-start-2 {
2068
+ .lui\:\*\:data-\[slot\=label\]\:col-start-2 {
2315
2069
  :is(& > *) {
2316
2070
  &[data-slot="label"] {
2317
2071
  grid-column-start: 2;
2318
2072
  }
2319
2073
  }
2320
2074
  }
2321
- .\*\:data-\[slot\=label\]\:row-start-1 {
2075
+ .lui\:\*\:data-\[slot\=label\]\:row-start-1 {
2322
2076
  :is(& > *) {
2323
2077
  &[data-slot="label"] {
2324
2078
  grid-row-start: 1;
2325
2079
  }
2326
2080
  }
2327
2081
  }
2328
- .\*\:data-\[slot\=label\]\:justify-self-start {
2082
+ .lui\:\*\:data-\[slot\=label\]\:justify-self-start {
2329
2083
  :is(& > *) {
2330
2084
  &[data-slot="label"] {
2331
2085
  justify-self: flex-start;
2332
2086
  }
2333
2087
  }
2334
2088
  }
2335
- .\*\:data-\[slot\=label\]\:font-medium {
2089
+ .lui\:\*\:data-\[slot\=label\]\:font-medium {
2336
2090
  :is(& > *) {
2337
2091
  &[data-slot="label"] {
2338
- --tw-font-weight: var(--font-weight-medium);
2339
- font-weight: var(--font-weight-medium);
2092
+ --tw-font-weight: var(--lui-font-weight-medium);
2093
+ font-weight: var(--lui-font-weight-medium);
2340
2094
  }
2341
2095
  }
2342
2096
  }
2343
- .has-data-\[slot\=description\]\:\*\*\:data-\[slot\=label\]\:font-medium {
2097
+ .lui\:has-data-\[slot\=description\]\:\*\*\:data-\[slot\=label\]\:font-medium {
2344
2098
  &:has(*[data-slot="description"]) {
2345
2099
  :is(& *) {
2346
2100
  &[data-slot="label"] {
2347
- --tw-font-weight: var(--font-weight-medium);
2348
- font-weight: var(--font-weight-medium);
2101
+ --tw-font-weight: var(--lui-font-weight-medium);
2102
+ font-weight: var(--lui-font-weight-medium);
2349
2103
  }
2350
2104
  }
2351
2105
  }
2352
2106
  }
2353
- .sm\:mb-auto {
2107
+ .lui\:sm\:mb-auto {
2354
2108
  @media (width >= 40rem) {
2355
2109
  margin-bottom: auto;
2356
2110
  }
2357
2111
  }
2358
- .sm\:flex {
2112
+ .lui\:sm\:flex {
2359
2113
  @media (width >= 40rem) {
2360
2114
  display: flex;
2361
2115
  }
2362
2116
  }
2363
- .sm\:size-3\.5 {
2117
+ .lui\:sm\:size-3\.5 {
2364
2118
  @media (width >= 40rem) {
2365
- width: calc(var(--spacing) * 3.5);
2366
- height: calc(var(--spacing) * 3.5);
2119
+ width: calc(var(--lui-spacing) * 3.5);
2120
+ height: calc(var(--lui-spacing) * 3.5);
2367
2121
  }
2368
2122
  }
2369
- .sm\:size-4 {
2123
+ .lui\:sm\:size-4 {
2370
2124
  @media (width >= 40rem) {
2371
- width: calc(var(--spacing) * 4);
2372
- height: calc(var(--spacing) * 4);
2125
+ width: calc(var(--lui-spacing) * 4);
2126
+ height: calc(var(--lui-spacing) * 4);
2373
2127
  }
2374
2128
  }
2375
- .sm\:h-3\.5 {
2129
+ .lui\:sm\:h-3\.5 {
2376
2130
  @media (width >= 40rem) {
2377
- height: calc(var(--spacing) * 3.5);
2131
+ height: calc(var(--lui-spacing) * 3.5);
2378
2132
  }
2379
2133
  }
2380
- .sm\:h-5 {
2134
+ .lui\:sm\:h-5 {
2381
2135
  @media (width >= 40rem) {
2382
- height: calc(var(--spacing) * 5);
2136
+ height: calc(var(--lui-spacing) * 5);
2383
2137
  }
2384
2138
  }
2385
- .sm\:w-3\.5 {
2139
+ .lui\:sm\:w-3\.5 {
2386
2140
  @media (width >= 40rem) {
2387
- width: calc(var(--spacing) * 3.5);
2141
+ width: calc(var(--lui-spacing) * 3.5);
2388
2142
  }
2389
2143
  }
2390
- .sm\:w-8 {
2144
+ .lui\:sm\:w-8 {
2391
2145
  @media (width >= 40rem) {
2392
- width: calc(var(--spacing) * 8);
2146
+ width: calc(var(--lui-spacing) * 8);
2393
2147
  }
2394
2148
  }
2395
- .sm\:max-w-3xl {
2149
+ .lui\:sm\:max-w-3xl {
2396
2150
  @media (width >= 40rem) {
2397
- max-width: var(--container-3xl);
2151
+ max-width: var(--lui-container-3xl);
2398
2152
  }
2399
2153
  }
2400
- .sm\:grid-cols-\[1fr_auto\] {
2154
+ .lui\:sm\:grid-cols-\[1fr_auto\] {
2401
2155
  @media (width >= 40rem) {
2402
2156
  grid-template-columns: 1fr auto;
2403
2157
  }
2404
2158
  }
2405
- .sm\:grid-cols-\[1rem_1fr\] {
2159
+ .lui\:sm\:grid-cols-\[1rem_1fr\] {
2406
2160
  @media (width >= 40rem) {
2407
2161
  grid-template-columns: 1rem 1fr;
2408
2162
  }
2409
2163
  }
2410
- .sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
2164
+ .lui\:sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
2411
2165
  @media (width >= 40rem) {
2412
- grid-template-columns: min(50%, calc(var(--spacing) * 80)) auto;
2166
+ grid-template-columns: min(50%, calc(var(--lui-spacing) * 80)) auto;
2413
2167
  }
2414
2168
  }
2415
- .sm\:grid-rows-\[1fr_auto_3fr\] {
2169
+ .lui\:sm\:grid-rows-\[1fr_auto_3fr\] {
2416
2170
  @media (width >= 40rem) {
2417
2171
  grid-template-rows: 1fr auto 3fr;
2418
2172
  }
2419
2173
  }
2420
- .sm\:flex-row {
2174
+ .lui\:sm\:flex-row {
2421
2175
  @media (width >= 40rem) {
2422
2176
  flex-direction: row;
2423
2177
  }
2424
2178
  }
2425
- .sm\:rounded-2xl {
2179
+ .lui\:sm\:rounded-2xl {
2426
2180
  @media (width >= 40rem) {
2427
- border-radius: var(--radius-2xl);
2181
+ border-radius: var(--lui-radius-2xl);
2428
2182
  }
2429
2183
  }
2430
- .sm\:border-t {
2184
+ .lui\:sm\:border-t {
2431
2185
  @media (width >= 40rem) {
2432
2186
  border-top-style: var(--tw-border-style);
2433
2187
  border-top-width: 1px;
2434
2188
  }
2435
2189
  }
2436
- .sm\:border-zinc-950\/5 {
2190
+ .lui\:sm\:border-zinc-950\/5 {
2437
2191
  @media (width >= 40rem) {
2438
- border-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
2192
+ border-color: var(--lui-color-zinc-950);
2193
+ @supports (color: color-mix(in lab, red, red)) {
2194
+ border-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
2195
+ }
2439
2196
  }
2440
2197
  }
2441
- .sm\:p-4 {
2198
+ .lui\:sm\:p-4 {
2442
2199
  @media (width >= 40rem) {
2443
- padding: calc(var(--spacing) * 4);
2200
+ padding: calc(var(--lui-spacing) * 4);
2444
2201
  }
2445
2202
  }
2446
- .sm\:px-6 {
2203
+ .lui\:sm\:px-6 {
2447
2204
  @media (width >= 40rem) {
2448
- padding-inline: calc(var(--spacing) * 6);
2205
+ padding-inline: calc(var(--lui-spacing) * 6);
2449
2206
  }
2450
2207
  }
2451
- .sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2208
+ .lui\:sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2452
2209
  @media (width >= 40rem) {
2453
- padding-inline: calc(calc(var(--spacing) * 3) - 1px);
2210
+ padding-inline: calc(calc(var(--lui-spacing) * 3) - 1px);
2454
2211
  }
2455
2212
  }
2456
- .sm\:py-3 {
2213
+ .lui\:sm\:py-3 {
2457
2214
  @media (width >= 40rem) {
2458
- padding-block: calc(var(--spacing) * 3);
2215
+ padding-block: calc(var(--lui-spacing) * 3);
2459
2216
  }
2460
2217
  }
2461
- .sm\:py-8 {
2218
+ .lui\:sm\:py-8 {
2462
2219
  @media (width >= 40rem) {
2463
- padding-block: calc(var(--spacing) * 8);
2220
+ padding-block: calc(var(--lui-spacing) * 8);
2464
2221
  }
2465
2222
  }
2466
- .sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2223
+ .lui\:sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2467
2224
  @media (width >= 40rem) {
2468
- padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
2225
+ padding-block: calc(calc(var(--lui-spacing) * 1.5) - 1px);
2469
2226
  }
2470
2227
  }
2471
- .sm\:pt-0 {
2228
+ .lui\:sm\:pt-0 {
2472
2229
  @media (width >= 40rem) {
2473
- padding-top: calc(var(--spacing) * 0);
2230
+ padding-top: calc(var(--lui-spacing) * 0);
2474
2231
  }
2475
2232
  }
2476
- .sm\:pr-\[calc\(--spacing\(9\)-1px\)\] {
2233
+ .lui\:sm\:pr-\[calc\(--spacing\(9\)-1px\)\] {
2477
2234
  @media (width >= 40rem) {
2478
- padding-right: calc(calc(var(--spacing) * 9) - 1px);
2235
+ padding-right: calc(calc(var(--lui-spacing) * 9) - 1px);
2479
2236
  }
2480
2237
  }
2481
- .sm\:pl-\[calc\(--spacing\(3\)-1px\)\] {
2238
+ .lui\:sm\:pl-\[calc\(--spacing\(3\)-1px\)\] {
2482
2239
  @media (width >= 40rem) {
2483
- padding-left: calc(calc(var(--spacing) * 3) - 1px);
2240
+ padding-left: calc(calc(var(--lui-spacing) * 3) - 1px);
2484
2241
  }
2485
2242
  }
2486
- .sm\:text-xs {
2243
+ .lui\:sm\:text-base\/6 {
2487
2244
  @media (width >= 40rem) {
2488
- font-size: var(--text-xs);
2489
- line-height: var(--tw-leading, var(--text-xs--line-height));
2245
+ font-size: var(--lui-text-base);
2246
+ line-height: calc(var(--lui-spacing) * 6);
2490
2247
  }
2491
2248
  }
2492
- .sm\:text-base\/6 {
2249
+ .lui\:sm\:text-sm\/6 {
2493
2250
  @media (width >= 40rem) {
2494
- font-size: var(--text-base);
2495
- line-height: calc(var(--spacing) * 6);
2251
+ font-size: var(--lui-text-sm);
2252
+ line-height: calc(var(--lui-spacing) * 6);
2496
2253
  }
2497
2254
  }
2498
- .sm\:text-sm\/6 {
2255
+ .lui\:sm\:text-xs {
2499
2256
  @media (width >= 40rem) {
2500
- font-size: var(--text-sm);
2501
- line-height: calc(var(--spacing) * 6);
2257
+ font-size: var(--lui-text-xs);
2258
+ line-height: var(--tw-leading, var(--lui-text-xs--line-height));
2502
2259
  }
2503
2260
  }
2504
- .sm\:\*\:w-auto {
2261
+ .lui\:sm\:\*\:w-auto {
2505
2262
  @media (width >= 40rem) {
2506
2263
  :is(& > *) {
2507
2264
  width: auto;
2508
2265
  }
2509
2266
  }
2510
2267
  }
2511
- .sm\:group-data-checked\:translate-x-3 {
2268
+ .lui\:sm\:group-data-checked\:translate-x-3 {
2512
2269
  @media (width >= 40rem) {
2513
- &:is(:where(.group)[data-checked] *) {
2514
- --tw-translate-x: calc(var(--spacing) * 3);
2270
+ &:is(:where(.lui\:group)[data-checked] *) {
2271
+ --tw-translate-x: calc(var(--lui-spacing) * 3);
2515
2272
  translate: var(--tw-translate-x) var(--tw-translate-y);
2516
2273
  }
2517
2274
  }
2518
2275
  }
2519
- .file\:sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2276
+ .lui\:file\:sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2520
2277
  &::file-selector-button {
2521
2278
  @media (width >= 40rem) {
2522
- padding-inline: calc(calc(var(--spacing) * 3) - 1px);
2279
+ padding-inline: calc(calc(var(--lui-spacing) * 3) - 1px);
2523
2280
  }
2524
2281
  }
2525
2282
  }
2526
- .file\:sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2283
+ .lui\:file\:sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2527
2284
  &::file-selector-button {
2528
2285
  @media (width >= 40rem) {
2529
- padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
2286
+ padding-block: calc(calc(var(--lui-spacing) * 1.5) - 1px);
2530
2287
  }
2531
2288
  }
2532
2289
  }
2533
- .sm\:focus-within\:after\:ring-2 {
2290
+ .lui\:sm\:focus-within\:after\:ring-2 {
2534
2291
  @media (width >= 40rem) {
2535
2292
  &:focus-within {
2536
2293
  &::after {
2537
2294
  content: var(--tw-content);
2538
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
2295
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2539
2296
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2540
2297
  }
2541
2298
  }
2542
2299
  }
2543
2300
  }
2544
- .sm\:focus-within\:after\:ring-blue-500 {
2301
+ .lui\:sm\:focus-within\:after\:ring-blue-500 {
2545
2302
  @media (width >= 40rem) {
2546
2303
  &:focus-within {
2547
2304
  &::after {
2548
2305
  content: var(--tw-content);
2549
- --tw-ring-color: var(--color-blue-500);
2306
+ --tw-ring-color: var(--lui-color-blue-500);
2550
2307
  }
2551
2308
  }
2552
2309
  }
2553
2310
  }
2554
- .sm\:data-closed\:translate-y-0 {
2311
+ .lui\:sm\:data-closed\:translate-y-0 {
2555
2312
  @media (width >= 40rem) {
2556
2313
  &[data-closed] {
2557
- --tw-translate-y: calc(var(--spacing) * 0);
2314
+ --tw-translate-y: calc(var(--lui-spacing) * 0);
2558
2315
  translate: var(--tw-translate-x) var(--tw-translate-y);
2559
2316
  }
2560
2317
  }
2561
2318
  }
2562
- .sm\:data-closed\:data-enter\:scale-95 {
2319
+ .lui\:sm\:data-closed\:data-enter\:scale-95 {
2563
2320
  @media (width >= 40rem) {
2564
2321
  &[data-closed] {
2565
2322
  &[data-enter] {
@@ -2571,26 +2328,26 @@
2571
2328
  }
2572
2329
  }
2573
2330
  }
2574
- .sm\:\*\:data-\[slot\=icon\]\:my-1 {
2331
+ .lui\:sm\:\*\:data-\[slot\=icon\]\:my-1 {
2575
2332
  @media (width >= 40rem) {
2576
2333
  :is(& > *) {
2577
2334
  &[data-slot="icon"] {
2578
- margin-block: calc(var(--spacing) * 1);
2335
+ margin-block: calc(var(--lui-spacing) * 1);
2579
2336
  }
2580
2337
  }
2581
2338
  }
2582
2339
  }
2583
- .sm\:\*\:data-\[slot\=icon\]\:size-4 {
2340
+ .lui\:sm\:\*\:data-\[slot\=icon\]\:size-4 {
2584
2341
  @media (width >= 40rem) {
2585
2342
  :is(& > *) {
2586
2343
  &[data-slot="icon"] {
2587
- width: calc(var(--spacing) * 4);
2588
- height: calc(var(--spacing) * 4);
2344
+ width: calc(var(--lui-spacing) * 4);
2345
+ height: calc(var(--lui-spacing) * 4);
2589
2346
  }
2590
2347
  }
2591
2348
  }
2592
2349
  }
2593
- .sm\:nth-2\:border-none {
2350
+ .lui\:sm\:nth-2\:border-none {
2594
2351
  @media (width >= 40rem) {
2595
2352
  &:nth-child(2) {
2596
2353
  --tw-border-style: none;
@@ -2598,107 +2355,71 @@
2598
2355
  }
2599
2356
  }
2600
2357
  }
2601
- .lg\:px-8 {
2602
- @media (width >= 64rem) {
2603
- padding-inline: calc(var(--spacing) * 8);
2604
- }
2605
- }
2606
- .lg\:py-16 {
2607
- @media (width >= 64rem) {
2608
- padding-block: calc(var(--spacing) * 16);
2609
- }
2610
- }
2611
- .forced-colors\:stroke-\[CanvasText\] {
2358
+ .lui\:forced-colors\:stroke-\[CanvasText\] {
2612
2359
  @media (forced-colors: active) {
2613
2360
  stroke: CanvasText;
2614
2361
  }
2615
2362
  }
2616
- .forced-colors\:outline {
2363
+ .lui\:forced-colors\:outline {
2617
2364
  @media (forced-colors: active) {
2618
2365
  outline-style: var(--tw-outline-style);
2619
2366
  outline-width: 1px;
2620
2367
  }
2621
2368
  }
2622
- .forced-colors\:\[--checkbox-check\:HighlightText\] {
2369
+ .lui\:forced-colors\:\[--checkbox-check\:HighlightText\] {
2623
2370
  @media (forced-colors: active) {
2624
2371
  --checkbox-check: HighlightText;
2625
2372
  }
2626
2373
  }
2627
- .forced-colors\:\[--checkbox-checked-bg\:Highlight\] {
2374
+ .lui\:forced-colors\:\[--checkbox-checked-bg\:Highlight\] {
2628
2375
  @media (forced-colors: active) {
2629
2376
  --checkbox-checked-bg: Highlight;
2630
2377
  }
2631
2378
  }
2632
- .forced-colors\:\[--switch-bg\:Highlight\] {
2379
+ .lui\:forced-colors\:\[--switch-bg\:Highlight\] {
2633
2380
  @media (forced-colors: active) {
2634
2381
  --switch-bg: Highlight;
2635
2382
  }
2636
2383
  }
2637
- .forced-colors\:group-data-disabled\:\[--checkbox-check\:Highlight\] {
2384
+ .lui\:forced-colors\:group-data-disabled\:\[--checkbox-check\:Highlight\] {
2638
2385
  @media (forced-colors: active) {
2639
- &:is(:where(.group)[data-disabled] *) {
2386
+ &:is(:where(.lui\:group)[data-disabled] *) {
2640
2387
  --checkbox-check: Highlight;
2641
2388
  }
2642
2389
  }
2643
2390
  }
2644
- .\[\&_optgroup\]\:font-semibold {
2391
+ .lui\:\[\&_optgroup\]\:font-semibold {
2645
2392
  & optgroup {
2646
- --tw-font-weight: var(--font-weight-semibold);
2647
- font-weight: var(--font-weight-semibold);
2393
+ --tw-font-weight: var(--lui-font-weight-semibold);
2394
+ font-weight: var(--lui-font-weight-semibold);
2648
2395
  }
2649
2396
  }
2650
- .\[\&\>\[data-slot\=control\]\+\[data-slot\=description\]\]\:mt-3 {
2397
+ .lui\:\[\&\>\[data-slot\=control\]\+\[data-slot\=description\]\]\:mt-3 {
2651
2398
  &>[data-slot=control]+[data-slot=description] {
2652
- margin-top: calc(var(--spacing) * 3);
2399
+ margin-top: calc(var(--lui-spacing) * 3);
2653
2400
  }
2654
2401
  }
2655
- .\[\&\>\[data-slot\=control\]\+\[data-slot\=error\]\]\:mt-3 {
2402
+ .lui\:\[\&\>\[data-slot\=control\]\+\[data-slot\=error\]\]\:mt-3 {
2656
2403
  &>[data-slot=control]+[data-slot=error] {
2657
- margin-top: calc(var(--spacing) * 3);
2404
+ margin-top: calc(var(--lui-spacing) * 3);
2658
2405
  }
2659
2406
  }
2660
- .\[\&\>\[data-slot\=description\]\+\[data-slot\=control\]\]\:mt-3 {
2407
+ .lui\:\[\&\>\[data-slot\=description\]\+\[data-slot\=control\]\]\:mt-3 {
2661
2408
  &>[data-slot=description]+[data-slot=control] {
2662
- margin-top: calc(var(--spacing) * 3);
2409
+ margin-top: calc(var(--lui-spacing) * 3);
2663
2410
  }
2664
2411
  }
2665
- .\[\&\>\[data-slot\=label\]\+\[data-slot\=control\]\]\:mt-3 {
2412
+ .lui\:\[\&\>\[data-slot\=label\]\+\[data-slot\=control\]\]\:mt-3 {
2666
2413
  &>[data-slot=label]+[data-slot=control] {
2667
- margin-top: calc(var(--spacing) * 3);
2414
+ margin-top: calc(var(--lui-spacing) * 3);
2668
2415
  }
2669
2416
  }
2670
- .\[\&\>\[data-slot\=label\]\+\[data-slot\=description\]\]\:mt-1 {
2417
+ .lui\:\[\&\>\[data-slot\=label\]\+\[data-slot\=description\]\]\:mt-1 {
2671
2418
  &>[data-slot=label]+[data-slot=description] {
2672
- margin-top: calc(var(--spacing) * 1);
2419
+ margin-top: calc(var(--lui-spacing) * 1);
2673
2420
  }
2674
2421
  }
2675
2422
  }
2676
- @keyframes spin {
2677
- to {
2678
- transform: rotate(360deg);
2679
- }
2680
- }
2681
- @keyframes ping {
2682
- 75%, 100% {
2683
- transform: scale(2);
2684
- opacity: 0;
2685
- }
2686
- }
2687
- @keyframes pulse {
2688
- 50% {
2689
- opacity: 0.5;
2690
- }
2691
- }
2692
- @keyframes bounce {
2693
- 0%, 100% {
2694
- transform: translateY(-25%);
2695
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2696
- }
2697
- 50% {
2698
- transform: none;
2699
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2700
- }
2701
- }
2702
2423
  @property --tw-translate-x {
2703
2424
  syntax: "*";
2704
2425
  inherits: false;
@@ -2714,21 +2435,6 @@
2714
2435
  inherits: false;
2715
2436
  initial-value: 0;
2716
2437
  }
2717
- @property --tw-scale-x {
2718
- syntax: "*";
2719
- inherits: false;
2720
- initial-value: 1;
2721
- }
2722
- @property --tw-scale-y {
2723
- syntax: "*";
2724
- inherits: false;
2725
- initial-value: 1;
2726
- }
2727
- @property --tw-scale-z {
2728
- syntax: "*";
2729
- inherits: false;
2730
- initial-value: 1;
2731
- }
2732
2438
  @property --tw-rotate-x {
2733
2439
  syntax: "*";
2734
2440
  inherits: false;
@@ -2781,6 +2487,11 @@
2781
2487
  syntax: "*";
2782
2488
  inherits: false;
2783
2489
  }
2490
+ @property --tw-shadow-alpha {
2491
+ syntax: "<percentage>";
2492
+ inherits: false;
2493
+ initial-value: 100%;
2494
+ }
2784
2495
  @property --tw-inset-shadow {
2785
2496
  syntax: "*";
2786
2497
  inherits: false;
@@ -2790,6 +2501,11 @@
2790
2501
  syntax: "*";
2791
2502
  inherits: false;
2792
2503
  }
2504
+ @property --tw-inset-shadow-alpha {
2505
+ syntax: "<percentage>";
2506
+ inherits: false;
2507
+ initial-value: 100%;
2508
+ }
2793
2509
  @property --tw-ring-color {
2794
2510
  syntax: "*";
2795
2511
  inherits: false;
@@ -2832,52 +2548,80 @@
2832
2548
  inherits: false;
2833
2549
  initial-value: solid;
2834
2550
  }
2835
- @property --tw-blur {
2836
- syntax: "*";
2837
- inherits: false;
2838
- }
2839
- @property --tw-brightness {
2840
- syntax: "*";
2841
- inherits: false;
2842
- }
2843
- @property --tw-contrast {
2844
- syntax: "*";
2845
- inherits: false;
2846
- }
2847
- @property --tw-grayscale {
2551
+ @property --tw-duration {
2848
2552
  syntax: "*";
2849
2553
  inherits: false;
2850
2554
  }
2851
- @property --tw-hue-rotate {
2555
+ @property --tw-ease {
2852
2556
  syntax: "*";
2853
2557
  inherits: false;
2854
2558
  }
2855
- @property --tw-invert {
2559
+ @property --tw-content {
2856
2560
  syntax: "*";
2561
+ initial-value: "";
2857
2562
  inherits: false;
2858
2563
  }
2859
- @property --tw-opacity {
2564
+ @property --tw-scale-x {
2860
2565
  syntax: "*";
2861
2566
  inherits: false;
2567
+ initial-value: 1;
2862
2568
  }
2863
- @property --tw-saturate {
2569
+ @property --tw-scale-y {
2864
2570
  syntax: "*";
2865
2571
  inherits: false;
2572
+ initial-value: 1;
2866
2573
  }
2867
- @property --tw-sepia {
2574
+ @property --tw-scale-z {
2868
2575
  syntax: "*";
2869
2576
  inherits: false;
2577
+ initial-value: 1;
2870
2578
  }
2871
- @property --tw-duration {
2872
- syntax: "*";
2873
- inherits: false;
2579
+ @keyframes spin {
2580
+ to {
2581
+ transform: rotate(360deg);
2582
+ }
2874
2583
  }
2875
- @property --tw-ease {
2876
- syntax: "*";
2877
- inherits: false;
2584
+ @keyframes pulse {
2585
+ 50% {
2586
+ opacity: 0.5;
2587
+ }
2878
2588
  }
2879
- @property --tw-content {
2880
- syntax: "*";
2881
- initial-value: "";
2882
- inherits: false;
2589
+ @layer properties {
2590
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2591
+ *, ::before, ::after, ::backdrop {
2592
+ --tw-translate-x: 0;
2593
+ --tw-translate-y: 0;
2594
+ --tw-translate-z: 0;
2595
+ --tw-rotate-x: rotateX(0);
2596
+ --tw-rotate-y: rotateY(0);
2597
+ --tw-rotate-z: rotateZ(0);
2598
+ --tw-skew-x: skewX(0);
2599
+ --tw-skew-y: skewY(0);
2600
+ --tw-space-y-reverse: 0;
2601
+ --tw-border-style: solid;
2602
+ --tw-leading: initial;
2603
+ --tw-font-weight: initial;
2604
+ --tw-shadow: 0 0 #0000;
2605
+ --tw-shadow-color: initial;
2606
+ --tw-shadow-alpha: 100%;
2607
+ --tw-inset-shadow: 0 0 #0000;
2608
+ --tw-inset-shadow-color: initial;
2609
+ --tw-inset-shadow-alpha: 100%;
2610
+ --tw-ring-color: initial;
2611
+ --tw-ring-shadow: 0 0 #0000;
2612
+ --tw-inset-ring-color: initial;
2613
+ --tw-inset-ring-shadow: 0 0 #0000;
2614
+ --tw-ring-inset: initial;
2615
+ --tw-ring-offset-width: 0px;
2616
+ --tw-ring-offset-color: #fff;
2617
+ --tw-ring-offset-shadow: 0 0 #0000;
2618
+ --tw-outline-style: solid;
2619
+ --tw-duration: initial;
2620
+ --tw-ease: initial;
2621
+ --tw-content: "";
2622
+ --tw-scale-x: 1;
2623
+ --tw-scale-y: 1;
2624
+ --tw-scale-z: 1;
2625
+ }
2626
+ }
2883
2627
  }