lightning_ui_kit 0.1.3 → 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 (44) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/builds/lightning_ui_kit.css +1079 -1484
  3. data/app/assets/builds/lightning_ui_kit.js +2 -2
  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 +2627 -0
  7. data/app/assets/vendor/lightning_ui_kit.js +5 -0
  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 +30 -20
  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 +27 -12
  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 +22 -17
  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/app/javascript/lightning_ui_kit/controllers/dropzone_controller.js +5 -2
  43. data/lib/lightning_ui_kit/version.rb +1 -1
  44. metadata +4 -2
data/app/assets/builds/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,30 +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
- .collapse {
519
- visibility: collapse;
520
- }
521
- .invisible {
522
- visibility: hidden;
523
- }
524
- .visible {
525
- visibility: visible;
526
- }
527
- .sr-only {
210
+ .lui\:sr-only {
528
211
  position: absolute;
529
212
  width: 1px;
530
213
  height: 1px;
@@ -535,1465 +218,1383 @@
535
218
  white-space: nowrap;
536
219
  border-width: 0;
537
220
  }
538
- .absolute {
221
+ .lui\:absolute {
539
222
  position: absolute;
540
223
  }
541
- .fixed {
224
+ .lui\:fixed {
542
225
  position: fixed;
543
226
  }
544
- .relative {
227
+ .lui\:relative {
545
228
  position: relative;
546
229
  }
547
- .static {
548
- position: static;
549
- }
550
- .inset-0 {
551
- inset: calc(var(--spacing) * 0);
230
+ .lui\:inset-0 {
231
+ inset: calc(var(--lui-spacing) * 0);
552
232
  }
553
- .inset-y-0 {
554
- inset-block: calc(var(--spacing) * 0);
233
+ .lui\:inset-y-0 {
234
+ inset-block: calc(var(--lui-spacing) * 0);
555
235
  }
556
- .top-auto {
236
+ .lui\:top-auto {
557
237
  top: auto;
558
238
  }
559
- .right-0 {
560
- right: calc(var(--spacing) * 0);
239
+ .lui\:right-0 {
240
+ right: calc(var(--lui-spacing) * 0);
561
241
  }
562
- .bottom-full {
242
+ .lui\:bottom-full {
563
243
  bottom: 100%;
564
244
  }
565
- .left-0 {
566
- left: calc(var(--spacing) * 0);
245
+ .lui\:left-0 {
246
+ left: calc(var(--lui-spacing) * 0);
567
247
  }
568
- .isolate {
248
+ .lui\:isolate {
569
249
  isolation: isolate;
570
250
  }
571
- .col-start-1 {
251
+ .lui\:col-start-1 {
572
252
  grid-column-start: 1;
573
253
  }
574
- .row-start-2 {
254
+ .lui\:row-start-2 {
575
255
  grid-row-start: 2;
576
256
  }
577
- .container {
578
- width: 100%;
579
- @media (width >= 40rem) {
580
- max-width: 40rem;
581
- }
582
- @media (width >= 48rem) {
583
- max-width: 48rem;
584
- }
585
- @media (width >= 64rem) {
586
- max-width: 64rem;
587
- }
588
- @media (width >= 80rem) {
589
- max-width: 80rem;
590
- }
591
- @media (width >= 96rem) {
592
- max-width: 96rem;
593
- }
594
- }
595
- .mx-4 {
596
- margin-inline: calc(var(--spacing) * 4);
597
- }
598
- .mx-auto {
599
- margin-inline: auto;
257
+ .lui\:my-4 {
258
+ margin-block: calc(var(--lui-spacing) * 4);
600
259
  }
601
- .my-4 {
602
- margin-block: calc(var(--spacing) * 4);
260
+ .lui\:ms-2\.5 {
261
+ margin-inline-start: calc(var(--lui-spacing) * 2.5);
603
262
  }
604
- .ms-2 {
605
- margin-inline-start: calc(var(--spacing) * 2);
263
+ .lui\:me-2 {
264
+ margin-inline-end: calc(var(--lui-spacing) * 2);
606
265
  }
607
- .ms-2\.5 {
608
- margin-inline-start: calc(var(--spacing) * 2.5);
266
+ .lui\:me-3 {
267
+ margin-inline-end: calc(var(--lui-spacing) * 3);
609
268
  }
610
- .me-2 {
611
- margin-inline-end: calc(var(--spacing) * 2);
269
+ .lui\:mt-1\.5 {
270
+ margin-top: calc(var(--lui-spacing) * 1.5);
612
271
  }
613
- .me-3 {
614
- margin-inline-end: calc(var(--spacing) * 3);
272
+ .lui\:mt-2 {
273
+ margin-top: calc(var(--lui-spacing) * 2);
615
274
  }
616
- .mt-2 {
617
- margin-top: calc(var(--spacing) * 2);
275
+ .lui\:mt-8 {
276
+ margin-top: calc(var(--lui-spacing) * 8);
618
277
  }
619
- .mt-8 {
620
- margin-top: calc(var(--spacing) * 8);
278
+ .lui\:mb-2 {
279
+ margin-bottom: calc(var(--lui-spacing) * 2);
621
280
  }
622
- .mb-1 {
623
- margin-bottom: calc(var(--spacing) * 1);
281
+ .lui\:mb-3 {
282
+ margin-bottom: calc(var(--lui-spacing) * 3);
624
283
  }
625
- .mb-2 {
626
- margin-bottom: calc(var(--spacing) * 2);
284
+ .lui\:mb-4 {
285
+ margin-bottom: calc(var(--lui-spacing) * 4);
627
286
  }
628
- .mb-3 {
629
- margin-bottom: calc(var(--spacing) * 3);
287
+ .lui\:ml-2 {
288
+ margin-left: calc(var(--lui-spacing) * 2);
630
289
  }
631
- .mb-4 {
632
- margin-bottom: calc(var(--spacing) * 4);
633
- }
634
- .ml-2 {
635
- margin-left: calc(var(--spacing) * 2);
636
- }
637
- .block {
290
+ .lui\:block {
638
291
  display: block;
639
292
  }
640
- .contents {
641
- display: contents;
642
- }
643
- .flex {
293
+ .lui\:flex {
644
294
  display: flex;
645
295
  }
646
- .grid {
296
+ .lui\:grid {
647
297
  display: grid;
648
298
  }
649
- .hidden {
299
+ .lui\:hidden {
650
300
  display: none;
651
301
  }
652
- .inline {
302
+ .lui\:inline {
653
303
  display: inline;
654
304
  }
655
- .inline-block {
305
+ .lui\:inline-block {
656
306
  display: inline-block;
657
307
  }
658
- .inline-flex {
308
+ .lui\:inline-flex {
659
309
  display: inline-flex;
660
310
  }
661
- .inline-grid {
311
+ .lui\:inline-grid {
662
312
  display: inline-grid;
663
313
  }
664
- .list-item {
665
- display: list-item;
666
- }
667
- .table {
668
- display: table;
669
- }
670
- .size-4 {
671
- width: calc(var(--spacing) * 4);
672
- height: calc(var(--spacing) * 4);
314
+ .lui\:size-4 {
315
+ width: calc(var(--lui-spacing) * 4);
316
+ height: calc(var(--lui-spacing) * 4);
673
317
  }
674
- .size-5 {
675
- width: calc(var(--spacing) * 5);
676
- height: calc(var(--spacing) * 5);
318
+ .lui\:size-5 {
319
+ width: calc(var(--lui-spacing) * 5);
320
+ height: calc(var(--lui-spacing) * 5);
677
321
  }
678
- .size-6 {
679
- width: calc(var(--spacing) * 6);
680
- height: calc(var(--spacing) * 6);
322
+ .lui\:size-6 {
323
+ width: calc(var(--lui-spacing) * 6);
324
+ height: calc(var(--lui-spacing) * 6);
681
325
  }
682
- .size-8 {
683
- width: calc(var(--spacing) * 8);
684
- height: calc(var(--spacing) * 8);
326
+ .lui\:size-8 {
327
+ width: calc(var(--lui-spacing) * 8);
328
+ height: calc(var(--lui-spacing) * 8);
685
329
  }
686
- .size-10 {
687
- width: calc(var(--spacing) * 10);
688
- height: calc(var(--spacing) * 10);
330
+ .lui\:size-10 {
331
+ width: calc(var(--lui-spacing) * 10);
332
+ height: calc(var(--lui-spacing) * 10);
689
333
  }
690
- .size-\[1\.125rem\] {
334
+ .lui\:size-\[1\.125rem\] {
691
335
  width: 1.125rem;
692
336
  height: 1.125rem;
693
337
  }
694
- .size-full {
338
+ .lui\:size-full {
695
339
  width: 100%;
696
340
  height: 100%;
697
341
  }
698
- .h-2 {
699
- height: calc(var(--spacing) * 2);
342
+ .lui\:h-2 {
343
+ height: calc(var(--lui-spacing) * 2);
700
344
  }
701
- .h-2\.5 {
702
- height: calc(var(--spacing) * 2.5);
345
+ .lui\:h-2\.5 {
346
+ height: calc(var(--lui-spacing) * 2.5);
703
347
  }
704
- .h-3 {
705
- height: calc(var(--spacing) * 3);
348
+ .lui\:h-3 {
349
+ height: calc(var(--lui-spacing) * 3);
706
350
  }
707
- .h-4 {
708
- height: calc(var(--spacing) * 4);
351
+ .lui\:h-4 {
352
+ height: calc(var(--lui-spacing) * 4);
709
353
  }
710
- .h-5 {
711
- height: calc(var(--spacing) * 5);
354
+ .lui\:h-5 {
355
+ height: calc(var(--lui-spacing) * 5);
712
356
  }
713
- .h-6 {
714
- height: calc(var(--spacing) * 6);
357
+ .lui\:h-6 {
358
+ height: calc(var(--lui-spacing) * 6);
715
359
  }
716
- .h-10 {
717
- height: calc(var(--spacing) * 10);
360
+ .lui\:h-10 {
361
+ height: calc(var(--lui-spacing) * 10);
718
362
  }
719
- .h-full {
363
+ .lui\:h-full {
720
364
  height: 100%;
721
365
  }
722
- .min-h-full {
366
+ .lui\:min-h-full {
723
367
  min-height: 100%;
724
368
  }
725
- .w-2 {
726
- width: calc(var(--spacing) * 2);
369
+ .lui\:w-2 {
370
+ width: calc(var(--lui-spacing) * 2);
727
371
  }
728
- .w-2\.5 {
729
- width: calc(var(--spacing) * 2.5);
372
+ .lui\:w-2\.5 {
373
+ width: calc(var(--lui-spacing) * 2.5);
730
374
  }
731
- .w-4 {
732
- width: calc(var(--spacing) * 4);
375
+ .lui\:w-4 {
376
+ width: calc(var(--lui-spacing) * 4);
733
377
  }
734
- .w-5 {
735
- width: calc(var(--spacing) * 5);
378
+ .lui\:w-5 {
379
+ width: calc(var(--lui-spacing) * 5);
736
380
  }
737
- .w-6 {
738
- width: calc(var(--spacing) * 6);
381
+ .lui\:w-6 {
382
+ width: calc(var(--lui-spacing) * 6);
739
383
  }
740
- .w-10 {
741
- width: calc(var(--spacing) * 10);
384
+ .lui\:w-10 {
385
+ width: calc(var(--lui-spacing) * 10);
742
386
  }
743
- .w-48 {
744
- width: calc(var(--spacing) * 48);
387
+ .lui\:w-48 {
388
+ width: calc(var(--lui-spacing) * 48);
745
389
  }
746
- .w-56 {
747
- width: calc(var(--spacing) * 56);
390
+ .lui\:w-56 {
391
+ width: calc(var(--lui-spacing) * 56);
748
392
  }
749
- .w-\[2\.25rem\] {
393
+ .lui\:w-\[2\.25rem\] {
750
394
  width: 2.25rem;
751
395
  }
752
- .w-\[100\%\] {
396
+ .lui\:w-full {
753
397
  width: 100%;
754
398
  }
755
- .w-full {
756
- width: 100%;
757
- }
758
- .w-screen {
399
+ .lui\:w-screen {
759
400
  width: 100vw;
760
401
  }
761
- .min-w-0 {
762
- min-width: calc(var(--spacing) * 0);
402
+ .lui\:min-w-0 {
403
+ min-width: calc(var(--lui-spacing) * 0);
763
404
  }
764
- .min-w-\[2\.25rem\] {
405
+ .lui\:min-w-\[2\.25rem\] {
765
406
  min-width: 2.25rem;
766
407
  }
767
- .min-w-full {
408
+ .lui\:min-w-full {
768
409
  min-width: 100%;
769
410
  }
770
- .flex-1 {
771
- flex: 1;
772
- }
773
- .flex-shrink {
774
- flex-shrink: 1;
775
- }
776
- .shrink-0 {
411
+ .lui\:shrink-0 {
777
412
  flex-shrink: 0;
778
413
  }
779
- .border-collapse {
414
+ .lui\:border-collapse {
780
415
  border-collapse: collapse;
781
416
  }
782
- .origin-top-left {
417
+ .lui\:origin-top-left {
783
418
  transform-origin: top left;
784
419
  }
785
- .translate-x-0 {
786
- --tw-translate-x: calc(var(--spacing) * 0);
420
+ .lui\:translate-x-0 {
421
+ --tw-translate-x: calc(var(--lui-spacing) * 0);
787
422
  translate: var(--tw-translate-x) var(--tw-translate-y);
788
423
  }
789
- .scale-95 {
790
- --tw-scale-x: 95%;
791
- --tw-scale-y: 95%;
792
- --tw-scale-z: 95%;
793
- scale: var(--tw-scale-x) var(--tw-scale-y);
794
- }
795
- .scale-100 {
796
- --tw-scale-x: 100%;
797
- --tw-scale-y: 100%;
798
- --tw-scale-z: 100%;
799
- scale: var(--tw-scale-x) var(--tw-scale-y);
800
- }
801
- .rotate-180 {
424
+ .lui\:rotate-180 {
802
425
  rotate: 180deg;
803
426
  }
804
- .transform {
427
+ .lui\:transform {
805
428
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
806
429
  }
807
- .animate-pulse {
808
- animation: var(--animate-pulse);
430
+ .lui\:animate-pulse {
431
+ animation: var(--lui-animate-pulse);
809
432
  }
810
- .animate-spin {
811
- animation: var(--animate-spin);
433
+ .lui\:animate-spin {
434
+ animation: var(--lui-animate-spin);
812
435
  }
813
- .cursor-default {
436
+ .lui\:cursor-default {
814
437
  cursor: default;
815
438
  }
816
- .cursor-pointer {
439
+ .lui\:cursor-pointer {
817
440
  cursor: pointer;
818
441
  }
819
- .resize {
820
- resize: both;
442
+ .lui\:list-inside {
443
+ list-style-position: inside;
444
+ }
445
+ .lui\:list-disc {
446
+ list-style-type: disc;
821
447
  }
822
- .appearance-none {
448
+ .lui\:appearance-none {
823
449
  appearance: none;
824
450
  }
825
- .grid-cols-1 {
451
+ .lui\:grid-cols-1 {
826
452
  grid-template-columns: repeat(1, minmax(0, 1fr));
827
453
  }
828
- .grid-cols-\[1\.125rem_1fr\] {
454
+ .lui\:grid-cols-\[1\.125rem_1fr\] {
829
455
  grid-template-columns: 1.125rem 1fr;
830
456
  }
831
- .grid-cols-\[1fr_auto\] {
457
+ .lui\:grid-cols-\[1fr_auto\] {
832
458
  grid-template-columns: 1fr auto;
833
459
  }
834
- .grid-rows-\[0fr\] {
460
+ .lui\:grid-rows-\[0fr\] {
835
461
  grid-template-rows: 0fr;
836
462
  }
837
- .grid-rows-\[1fr\] {
463
+ .lui\:grid-rows-\[1fr\] {
838
464
  grid-template-rows: 1fr;
839
465
  }
840
- .grid-rows-\[1fr_auto\] {
466
+ .lui\:grid-rows-\[1fr_auto\] {
841
467
  grid-template-rows: 1fr auto;
842
468
  }
843
- .flex-col-reverse {
469
+ .lui\:flex-col-reverse {
844
470
  flex-direction: column-reverse;
845
471
  }
846
- .items-baseline {
472
+ .lui\:items-baseline {
847
473
  align-items: baseline;
848
474
  }
849
- .items-center {
475
+ .lui\:items-center {
850
476
  align-items: center;
851
477
  }
852
- .justify-between {
478
+ .lui\:justify-between {
853
479
  justify-content: space-between;
854
480
  }
855
- .justify-center {
481
+ .lui\:justify-center {
856
482
  justify-content: center;
857
483
  }
858
- .justify-end {
484
+ .lui\:justify-end {
859
485
  justify-content: flex-end;
860
486
  }
861
- .justify-items-center {
487
+ .lui\:justify-items-center {
862
488
  justify-items: center;
863
489
  }
864
- .gap-1 {
865
- gap: calc(var(--spacing) * 1);
490
+ .lui\:gap-1 {
491
+ gap: calc(var(--lui-spacing) * 1);
866
492
  }
867
- .gap-2 {
868
- gap: calc(var(--spacing) * 2);
493
+ .lui\:gap-2 {
494
+ gap: calc(var(--lui-spacing) * 2);
869
495
  }
870
- .gap-2\.5 {
871
- gap: calc(var(--spacing) * 2.5);
496
+ .lui\:gap-2\.5 {
497
+ gap: calc(var(--lui-spacing) * 2.5);
872
498
  }
873
- .gap-3 {
874
- gap: calc(var(--spacing) * 3);
499
+ .lui\:gap-3 {
500
+ gap: calc(var(--lui-spacing) * 3);
875
501
  }
876
- .gap-x-1 {
877
- column-gap: calc(var(--spacing) * 1);
878
- }
879
- .gap-x-1\.5 {
880
- column-gap: calc(var(--spacing) * 1.5);
881
- }
882
- .gap-x-2 {
883
- column-gap: calc(var(--spacing) * 2);
884
- }
885
- .gap-x-4 {
886
- column-gap: calc(var(--spacing) * 4);
887
- }
888
- .gap-x-8 {
889
- column-gap: calc(var(--spacing) * 8);
890
- }
891
- .space-y-2 {
502
+ .lui\:space-y-2\.5 {
892
503
  :where(& > :not(:last-child)) {
893
504
  --tw-space-y-reverse: 0;
894
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
895
- margin-block-end: calc(calc(var(--spacing) * 2) * 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)));
896
507
  }
897
508
  }
898
- .space-y-2\.5 {
509
+ .lui\:space-y-4 {
899
510
  :where(& > :not(:last-child)) {
900
511
  --tw-space-y-reverse: 0;
901
- margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
902
- margin-block-end: calc(calc(var(--spacing) * 2.5) * 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)));
903
514
  }
904
515
  }
905
- .space-y-4 {
906
- :where(& > :not(:last-child)) {
907
- --tw-space-y-reverse: 0;
908
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
909
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
910
- }
516
+ .lui\:gap-x-1\.5 {
517
+ column-gap: calc(var(--lui-spacing) * 1.5);
518
+ }
519
+ .lui\:gap-x-2 {
520
+ column-gap: calc(var(--lui-spacing) * 2);
911
521
  }
912
- .gap-y-1 {
913
- row-gap: calc(var(--spacing) * 1);
522
+ .lui\:gap-x-4 {
523
+ column-gap: calc(var(--lui-spacing) * 4);
914
524
  }
915
- .overflow-hidden {
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 {
916
532
  overflow: hidden;
917
533
  }
918
- .overflow-y-auto {
534
+ .lui\:overflow-y-auto {
919
535
  overflow-y: auto;
920
536
  }
921
- .rounded-\(--avatar-radius\) {
537
+ .lui\:rounded-\(--avatar-radius\) {
922
538
  border-radius: var(--avatar-radius);
923
539
  }
924
- .rounded-2xl {
925
- border-radius: var(--radius-2xl);
540
+ .lui\:rounded-2xl {
541
+ border-radius: var(--lui-radius-2xl);
926
542
  }
927
- .rounded-3xl {
928
- border-radius: var(--radius-3xl);
543
+ .lui\:rounded-3xl {
544
+ border-radius: var(--lui-radius-3xl);
929
545
  }
930
- .rounded-\[0\.3125rem\] {
546
+ .lui\:rounded-\[0\.3125rem\] {
931
547
  border-radius: 0.3125rem;
932
548
  }
933
- .rounded-\[3px\] {
549
+ .lui\:rounded-\[3px\] {
934
550
  border-radius: 3px;
935
551
  }
936
- .rounded-\[10px\] {
552
+ .lui\:rounded-\[10px\] {
937
553
  border-radius: 10px;
938
554
  }
939
- .rounded-full {
555
+ .lui\:rounded-full {
940
556
  border-radius: calc(infinity * 1px);
941
557
  }
942
- .rounded-lg {
943
- border-radius: var(--radius-lg);
558
+ .lui\:rounded-lg {
559
+ border-radius: var(--lui-radius-lg);
944
560
  }
945
- .rounded-md {
946
- border-radius: var(--radius-md);
561
+ .lui\:rounded-md {
562
+ border-radius: var(--lui-radius-md);
947
563
  }
948
- .rounded-t-3xl {
949
- border-top-left-radius: var(--radius-3xl);
950
- 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);
951
567
  }
952
- .border {
568
+ .lui\:border {
953
569
  border-style: var(--tw-border-style);
954
570
  border-width: 1px;
955
571
  }
956
- .border-\[1px\] {
572
+ .lui\:border-\[1px\] {
957
573
  border-style: var(--tw-border-style);
958
574
  border-width: 1px;
959
575
  }
960
- .border-t {
576
+ .lui\:border-t {
961
577
  border-top-style: var(--tw-border-style);
962
578
  border-top-width: 1px;
963
579
  }
964
- .border-b {
580
+ .lui\:border-b {
965
581
  border-bottom-style: var(--tw-border-style);
966
582
  border-bottom-width: 1px;
967
583
  }
968
- .border-dashed {
969
- --tw-border-style: dashed;
970
- border-style: dashed;
971
- }
972
- .border-dotted {
584
+ .lui\:border-dotted {
973
585
  --tw-border-style: dotted;
974
586
  border-style: dotted;
975
587
  }
976
- .border-gray-300 {
977
- border-color: var(--color-gray-300);
588
+ .lui\:border-gray-300 {
589
+ border-color: var(--lui-color-gray-300);
978
590
  }
979
- .border-green-600 {
980
- border-color: var(--color-green-600);
591
+ .lui\:border-green-600 {
592
+ border-color: var(--lui-color-green-600);
981
593
  }
982
- .border-inherit {
594
+ .lui\:border-inherit {
983
595
  border-color: inherit;
984
596
  }
985
- .border-red-500 {
986
- border-color: var(--color-red-500);
597
+ .lui\:border-red-500 {
598
+ border-color: var(--lui-color-red-500);
987
599
  }
988
- .border-red-700 {
989
- border-color: var(--color-red-700);
600
+ .lui\:border-red-700 {
601
+ border-color: var(--lui-color-red-700);
990
602
  }
991
- .border-transparent {
603
+ .lui\:border-transparent {
992
604
  border-color: transparent;
993
605
  }
994
- .border-white {
995
- border-color: var(--color-white);
996
- }
997
- .border-yellow-400 {
998
- border-color: var(--color-yellow-400);
999
- }
1000
- .border-zinc-400 {
1001
- border-color: var(--color-zinc-400);
606
+ .lui\:border-white {
607
+ border-color: var(--lui-color-white);
1002
608
  }
1003
- .border-zinc-500 {
1004
- border-color: var(--color-zinc-500);
609
+ .lui\:border-yellow-400 {
610
+ border-color: var(--lui-color-yellow-400);
1005
611
  }
1006
- .border-zinc-950 {
1007
- border-color: var(--color-zinc-950);
612
+ .lui\:border-zinc-400 {
613
+ border-color: var(--lui-color-zinc-400);
1008
614
  }
1009
- .border-zinc-950\/5 {
1010
- border-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
615
+ .lui\:border-zinc-500 {
616
+ border-color: var(--lui-color-zinc-500);
1011
617
  }
1012
- .border-zinc-950\/10 {
1013
- border-color: color-mix(in oklab, var(--color-zinc-950) 10%, 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
+ }
1014
623
  }
1015
- .border-zinc-950\/15 {
1016
- border-color: color-mix(in oklab, var(--color-zinc-950) 15%, 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
+ }
1017
629
  }
1018
- .border-b-zinc-950 {
1019
- border-bottom-color: var(--color-zinc-950);
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
+ }
1020
635
  }
1021
- .border-b-zinc-950\/10 {
1022
- 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
+ }
1023
641
  }
1024
- .bg-\(--btn-border\) {
642
+ .lui\:bg-\(--btn-border\) {
1025
643
  background-color: var(--btn-border);
1026
644
  }
1027
- .bg-gray-50 {
1028
- background-color: var(--color-gray-50);
645
+ .lui\:bg-gray-50 {
646
+ background-color: var(--lui-color-gray-50);
1029
647
  }
1030
- .bg-gray-100 {
1031
- background-color: var(--color-gray-100);
648
+ .lui\:bg-gray-100 {
649
+ background-color: var(--lui-color-gray-100);
1032
650
  }
1033
- .bg-gray-300 {
1034
- background-color: var(--color-gray-300);
651
+ .lui\:bg-gray-300 {
652
+ background-color: var(--lui-color-gray-300);
1035
653
  }
1036
- .bg-green-200 {
1037
- background-color: var(--color-green-200);
654
+ .lui\:bg-green-200 {
655
+ background-color: var(--lui-color-green-200);
1038
656
  }
1039
- .bg-green-500 {
1040
- background-color: var(--color-green-500);
657
+ .lui\:bg-green-600 {
658
+ background-color: var(--lui-color-green-600);
1041
659
  }
1042
- .bg-green-600 {
1043
- background-color: var(--color-green-600);
660
+ .lui\:bg-indigo-600 {
661
+ background-color: var(--lui-color-indigo-600);
1044
662
  }
1045
- .bg-indigo-600 {
1046
- background-color: var(--color-indigo-600);
1047
- }
1048
- .bg-red-500 {
1049
- background-color: var(--color-red-500);
1050
- }
1051
- .bg-red-600 {
1052
- background-color: var(--color-red-600);
1053
- }
1054
- .bg-red-600\/80 {
1055
- 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
+ }
1056
668
  }
1057
- .bg-red-700 {
1058
- background-color: var(--color-red-700);
669
+ .lui\:bg-red-700 {
670
+ background-color: var(--lui-color-red-700);
1059
671
  }
1060
- .bg-transparent {
672
+ .lui\:bg-transparent {
1061
673
  background-color: transparent;
1062
674
  }
1063
- .bg-white {
1064
- background-color: var(--color-white);
1065
- }
1066
- .bg-yellow-200 {
1067
- background-color: var(--color-yellow-200);
675
+ .lui\:bg-white {
676
+ background-color: var(--lui-color-white);
1068
677
  }
1069
- .bg-yellow-400 {
1070
- background-color: var(--color-yellow-400);
678
+ .lui\:bg-yellow-200 {
679
+ background-color: var(--lui-color-yellow-200);
1071
680
  }
1072
- .bg-zinc-50 {
1073
- background-color: var(--color-zinc-50);
681
+ .lui\:bg-yellow-400 {
682
+ background-color: var(--lui-color-yellow-400);
1074
683
  }
1075
- .bg-zinc-200 {
1076
- background-color: var(--color-zinc-200);
684
+ .lui\:bg-zinc-50 {
685
+ background-color: var(--lui-color-zinc-50);
1077
686
  }
1078
- .bg-zinc-400 {
1079
- background-color: var(--color-zinc-400);
687
+ .lui\:bg-zinc-200 {
688
+ background-color: var(--lui-color-zinc-200);
1080
689
  }
1081
- .bg-zinc-400\/20 {
1082
- background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
690
+ .lui\:bg-zinc-400 {
691
+ background-color: var(--lui-color-zinc-400);
1083
692
  }
1084
- .bg-zinc-900 {
1085
- background-color: var(--color-zinc-900);
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
+ }
1086
698
  }
1087
- .bg-zinc-950 {
1088
- background-color: var(--color-zinc-950);
699
+ .lui\:bg-zinc-900 {
700
+ background-color: var(--lui-color-zinc-900);
1089
701
  }
1090
- .bg-zinc-950\/25 {
1091
- 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
+ }
1092
707
  }
1093
- .fill-current {
1094
- fill: currentColor;
708
+ .lui\:fill-current {
709
+ fill: currentcolor;
1095
710
  }
1096
- .stroke-\(--checkbox-check\) {
711
+ .lui\:stroke-\(--checkbox-check\) {
1097
712
  stroke: var(--checkbox-check);
1098
713
  }
1099
- .stroke-zinc-500 {
1100
- stroke: var(--color-zinc-500);
714
+ .lui\:stroke-zinc-500 {
715
+ stroke: var(--lui-color-zinc-500);
1101
716
  }
1102
- .p-\(--gutter\) {
717
+ .lui\:p-\(--gutter\) {
1103
718
  padding: var(--gutter);
1104
719
  }
1105
- .p-1 {
1106
- padding: calc(var(--spacing) * 1);
1107
- }
1108
- .p-2 {
1109
- padding: calc(var(--spacing) * 2);
1110
- }
1111
- .p-3 {
1112
- padding: calc(var(--spacing) * 3);
720
+ .lui\:p-1 {
721
+ padding: calc(var(--lui-spacing) * 1);
1113
722
  }
1114
- .p-4 {
1115
- padding: calc(var(--spacing) * 4);
723
+ .lui\:p-4 {
724
+ padding: calc(var(--lui-spacing) * 4);
1116
725
  }
1117
- .p-7 {
1118
- padding: calc(var(--spacing) * 7);
1119
- }
1120
- .p-\[3px\] {
726
+ .lui\:p-\[3px\] {
1121
727
  padding: 3px;
1122
728
  }
1123
- .p-\[5\%\] {
729
+ .lui\:p-\[5\%\] {
1124
730
  padding: 5%;
1125
731
  }
1126
- .px-2 {
1127
- padding-inline: calc(var(--spacing) * 2);
732
+ .lui\:px-2 {
733
+ padding-inline: calc(var(--lui-spacing) * 2);
1128
734
  }
1129
- .px-2\.5 {
1130
- padding-inline: calc(var(--spacing) * 2.5);
735
+ .lui\:px-2\.5 {
736
+ padding-inline: calc(var(--lui-spacing) * 2.5);
1131
737
  }
1132
- .px-4 {
1133
- padding-inline: calc(var(--spacing) * 4);
738
+ .lui\:px-4 {
739
+ padding-inline: calc(var(--lui-spacing) * 4);
1134
740
  }
1135
- .px-\[calc\(--spacing\(3\.5\)-1px\)\] {
1136
- 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);
1137
743
  }
1138
- .py-1 {
1139
- padding-block: calc(var(--spacing) * 1);
744
+ .lui\:py-1 {
745
+ padding-block: calc(var(--lui-spacing) * 1);
1140
746
  }
1141
- .py-1\.5 {
1142
- padding-block: calc(var(--spacing) * 1.5);
747
+ .lui\:py-1\.5 {
748
+ padding-block: calc(var(--lui-spacing) * 1.5);
1143
749
  }
1144
- .py-2 {
1145
- padding-block: calc(var(--spacing) * 2);
750
+ .lui\:py-2 {
751
+ padding-block: calc(var(--lui-spacing) * 2);
1146
752
  }
1147
- .py-3 {
1148
- padding-block: calc(var(--spacing) * 3);
753
+ .lui\:py-3 {
754
+ padding-block: calc(var(--lui-spacing) * 3);
1149
755
  }
1150
- .py-9 {
1151
- padding-block: calc(var(--spacing) * 9);
756
+ .lui\:py-9 {
757
+ padding-block: calc(var(--lui-spacing) * 9);
1152
758
  }
1153
- .py-\[calc\(--spacing\(2\.5\)-1px\)\] {
1154
- 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);
1155
761
  }
1156
- .pt-0 {
1157
- padding-top: calc(var(--spacing) * 0);
762
+ .lui\:pt-0 {
763
+ padding-top: calc(var(--lui-spacing) * 0);
1158
764
  }
1159
- .pt-1 {
1160
- padding-top: calc(var(--spacing) * 1);
765
+ .lui\:pt-1 {
766
+ padding-top: calc(var(--lui-spacing) * 1);
1161
767
  }
1162
- .pt-3 {
1163
- padding-top: calc(var(--spacing) * 3);
768
+ .lui\:pt-3 {
769
+ padding-top: calc(var(--lui-spacing) * 3);
1164
770
  }
1165
- .pt-6 {
1166
- padding-top: calc(var(--spacing) * 6);
771
+ .lui\:pt-6 {
772
+ padding-top: calc(var(--lui-spacing) * 6);
1167
773
  }
1168
- .pr-2 {
1169
- padding-right: calc(var(--spacing) * 2);
774
+ .lui\:pr-2 {
775
+ padding-right: calc(var(--lui-spacing) * 2);
1170
776
  }
1171
- .pr-\[calc\(--spacing\(10\)-1px\)\] {
1172
- 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);
1173
779
  }
1174
- .pb-3 {
1175
- padding-bottom: calc(var(--spacing) * 3);
780
+ .lui\:pb-3 {
781
+ padding-bottom: calc(var(--lui-spacing) * 3);
1176
782
  }
1177
- .pl-\[calc\(--spacing\(3\.5\)-1px\)\] {
1178
- 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);
1179
785
  }
1180
- .text-center {
786
+ .lui\:text-center {
1181
787
  text-align: center;
1182
788
  }
1183
- .text-left {
789
+ .lui\:text-left {
1184
790
  text-align: left;
1185
791
  }
1186
- .align-middle {
792
+ .lui\:align-middle {
1187
793
  vertical-align: middle;
1188
794
  }
1189
- .font-\[\'Inter\'\] {
1190
- font-family: 'Inter';
1191
- }
1192
- .text-base {
1193
- font-size: var(--text-base);
1194
- line-height: var(--tw-leading, var(--text-base--line-height));
1195
- }
1196
- .text-lg {
1197
- font-size: var(--text-lg);
1198
- line-height: var(--tw-leading, var(--text-lg--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));
1199
798
  }
1200
- .text-sm {
1201
- font-size: var(--text-sm);
1202
- 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);
1203
802
  }
1204
- .text-xs {
1205
- font-size: var(--text-xs);
1206
- 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);
1207
806
  }
1208
- .text-base\/6 {
1209
- font-size: var(--text-base);
1210
- 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));
1211
810
  }
1212
- .text-lg\/6 {
1213
- font-size: var(--text-lg);
1214
- 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);
1215
814
  }
1216
- .text-sm\/5 {
1217
- font-size: var(--text-sm);
1218
- 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);
1219
818
  }
1220
- .text-sm\/6 {
1221
- font-size: var(--text-sm);
1222
- 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));
1223
822
  }
1224
- .text-\[48px\] {
823
+ .lui\:text-\[48px\] {
1225
824
  font-size: 48px;
1226
825
  }
1227
- .leading-4 {
1228
- --tw-leading: calc(var(--spacing) * 4);
1229
- 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);
1230
829
  }
1231
- .leading-\[18px\] {
830
+ .lui\:leading-\[18px\] {
1232
831
  --tw-leading: 18px;
1233
832
  line-height: 18px;
1234
833
  }
1235
- .leading-snug {
1236
- --tw-leading: var(--leading-snug);
1237
- line-height: var(--leading-snug);
834
+ .lui\:leading-snug {
835
+ --tw-leading: var(--lui-leading-snug);
836
+ line-height: var(--lui-leading-snug);
1238
837
  }
1239
- .font-medium {
1240
- --tw-font-weight: var(--font-weight-medium);
1241
- 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);
1242
841
  }
1243
- .font-normal {
1244
- --tw-font-weight: var(--font-weight-normal);
1245
- 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);
1246
845
  }
1247
- .font-semibold {
1248
- --tw-font-weight: var(--font-weight-semibold);
1249
- 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);
1250
849
  }
1251
- .text-balance {
850
+ .lui\:text-balance {
1252
851
  text-wrap: balance;
1253
852
  }
1254
- .text-pretty {
853
+ .lui\:text-pretty {
1255
854
  text-wrap: pretty;
1256
855
  }
1257
- .text-wrap {
1258
- text-wrap: wrap;
1259
- }
1260
- .text-gray-400 {
1261
- color: var(--color-gray-400);
1262
- }
1263
- .text-gray-800 {
1264
- color: var(--color-gray-800);
856
+ .lui\:text-gray-400 {
857
+ color: var(--lui-color-gray-400);
1265
858
  }
1266
- .text-gray-900 {
1267
- color: var(--color-gray-900);
859
+ .lui\:text-gray-800 {
860
+ color: var(--lui-color-gray-800);
1268
861
  }
1269
- .text-indigo-500 {
1270
- color: var(--color-indigo-500);
862
+ .lui\:text-gray-900 {
863
+ color: var(--lui-color-gray-900);
1271
864
  }
1272
- .text-red-500 {
1273
- color: var(--color-red-500);
865
+ .lui\:text-indigo-500 {
866
+ color: var(--lui-color-indigo-500);
1274
867
  }
1275
- .text-red-600 {
1276
- color: var(--color-red-600);
868
+ .lui\:text-red-600 {
869
+ color: var(--lui-color-red-600);
1277
870
  }
1278
- .text-white {
1279
- color: var(--color-white);
871
+ .lui\:text-white {
872
+ color: var(--lui-color-white);
1280
873
  }
1281
- .text-zinc-100 {
1282
- color: var(--color-zinc-100);
874
+ .lui\:text-zinc-300 {
875
+ color: var(--lui-color-zinc-300);
1283
876
  }
1284
- .text-zinc-200 {
1285
- color: var(--color-zinc-200);
877
+ .lui\:text-zinc-500 {
878
+ color: var(--lui-color-zinc-500);
1286
879
  }
1287
- .text-zinc-300 {
1288
- color: var(--color-zinc-300);
880
+ .lui\:text-zinc-600 {
881
+ color: var(--lui-color-zinc-600);
1289
882
  }
1290
- .text-zinc-500 {
1291
- color: var(--color-zinc-500);
883
+ .lui\:text-zinc-700 {
884
+ color: var(--lui-color-zinc-700);
1292
885
  }
1293
- .text-zinc-600 {
1294
- color: var(--color-zinc-600);
886
+ .lui\:text-zinc-950 {
887
+ color: var(--lui-color-zinc-950);
1295
888
  }
1296
- .text-zinc-700 {
1297
- color: var(--color-zinc-700);
1298
- }
1299
- .text-zinc-950 {
1300
- color: var(--color-zinc-950);
1301
- }
1302
- .capitalize {
1303
- text-transform: capitalize;
1304
- }
1305
- .uppercase {
889
+ .lui\:uppercase {
1306
890
  text-transform: uppercase;
1307
891
  }
1308
- .italic {
1309
- font-style: italic;
1310
- }
1311
- .underline {
1312
- text-decoration-line: underline;
1313
- }
1314
- .antialiased {
1315
- -webkit-font-smoothing: antialiased;
1316
- -moz-osx-font-smoothing: grayscale;
1317
- }
1318
- .opacity-0 {
892
+ .lui\:opacity-0 {
1319
893
  opacity: 0%;
1320
894
  }
1321
- .opacity-100 {
895
+ .lui\:opacity-100 {
1322
896
  opacity: 100%;
1323
897
  }
1324
- .ring-1 {
1325
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
1326
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1327
- }
1328
- .shadow {
1329
- --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));
1330
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1331
- }
1332
- .shadow-lg {
898
+ .lui\:shadow-lg {
1333
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));
1334
900
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1335
901
  }
1336
- .shadow-sm {
902
+ .lui\:shadow-sm {
1337
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));
1338
904
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1339
905
  }
1340
- .ring-black {
1341
- --tw-ring-color: var(--color-black);
1342
- }
1343
- .ring-black\/5 {
1344
- --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);
1345
909
  }
1346
- .ring-zinc-950 {
1347
- --tw-ring-color: var(--color-zinc-950);
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
+ }
1348
915
  }
1349
- .ring-zinc-950\/10 {
1350
- --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
+ }
1351
921
  }
1352
- .outline {
922
+ .lui\:outline {
1353
923
  outline-style: var(--tw-outline-style);
1354
924
  outline-width: 1px;
1355
925
  }
1356
- .-outline-offset-1 {
926
+ .lui\:-outline-offset-1 {
1357
927
  outline-offset: calc(1px * -1);
1358
928
  }
1359
- .outline-black {
1360
- outline-color: var(--color-black);
1361
- }
1362
- .outline-black\/\(--ring-opacity\) {
1363
- outline-color: color-mix(in oklab, var(--color-black) var(--ring-opacity), transparent);
1364
- }
1365
- .grayscale {
1366
- --tw-grayscale: grayscale(100%);
1367
- 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,);
1368
- }
1369
- .filter {
1370
- 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,);
1371
- }
1372
- .backdrop-filter {
1373
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1374
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
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
+ }
1375
934
  }
1376
- .transition {
935
+ .lui\:transition {
1377
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;
1378
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1379
- 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));
1380
939
  }
1381
- .transition-opacity {
940
+ .lui\:transition-opacity {
1382
941
  transition-property: opacity;
1383
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1384
- 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));
1385
944
  }
1386
- .duration-0 {
945
+ .lui\:duration-0 {
1387
946
  --tw-duration: 0ms;
1388
947
  transition-duration: 0ms;
1389
948
  }
1390
- .duration-100 {
949
+ .lui\:duration-100 {
1391
950
  --tw-duration: 100ms;
1392
951
  transition-duration: 100ms;
1393
952
  }
1394
- .duration-200 {
953
+ .lui\:duration-200 {
1395
954
  --tw-duration: 200ms;
1396
955
  transition-duration: 200ms;
1397
956
  }
1398
- .duration-300 {
957
+ .lui\:duration-300 {
1399
958
  --tw-duration: 300ms;
1400
959
  transition-duration: 300ms;
1401
960
  }
1402
- .ease-in-out {
1403
- --tw-ease: var(--ease-in-out);
1404
- 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);
1405
964
  }
1406
- .ease-out {
1407
- --tw-ease: var(--ease-out);
1408
- 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);
1409
968
  }
1410
- .will-change-transform {
969
+ .lui\:will-change-transform {
1411
970
  will-change: transform;
1412
971
  }
1413
- .\[--avatar-radius\:20\%\] {
1414
- --avatar-radius: 20%;
972
+ .lui\:select-none {
973
+ -webkit-user-select: none;
974
+ user-select: none;
1415
975
  }
1416
- .\[--btn-bg\:var\(--color-red-600\)\] {
1417
- --btn-bg: var(--color-red-600);
976
+ .lui\:\[--avatar-radius\:20\%\] {
977
+ --avatar-radius: 20%;
1418
978
  }
1419
- .\[--btn-bg\:var\(--color-zinc-900\)\] {
1420
- --btn-bg: var(--color-zinc-900);
979
+ .lui\:\[--btn-bg\:var\(--lui-color-red-600\)\] {
980
+ --btn-bg: var(--lui-color-red-600);
1421
981
  }
1422
- .\[--btn-border\:var\(--color-red-950\)\]\/90 {
1423
- --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);
1424
984
  }
1425
- .\[--btn-border\:var\(--color-zinc-950\)\]\/90 {
1426
- --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
+ }
1427
990
  }
1428
- .\[--btn-hover-overlay\:var\(--color-white\)\]\/10 {
1429
- --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
+ }
1430
996
  }
1431
- .\[--btn-icon\:var\(--color-red-400\)\] {
1432
- --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
+ }
1433
1002
  }
1434
- .\[--btn-icon\:var\(--color-zinc-400\)\] {
1435
- --btn-icon: var(--color-zinc-400);
1003
+ .lui\:\[--btn-icon\:var\(--lui-color-red-400\)\] {
1004
+ --btn-icon: var(--lui-color-red-400);
1436
1005
  }
1437
- .\[--btn-icon\:var\(--color-zinc-500\)\] {
1438
- --btn-icon: var(--color-zinc-500);
1006
+ .lui\:\[--btn-icon\:var\(--lui-color-zinc-400\)\] {
1007
+ --btn-icon: var(--lui-color-zinc-400);
1439
1008
  }
1440
- .\[--checkbox-check\:var\(--color-white\)\] {
1441
- --checkbox-check: var(--color-white);
1009
+ .lui\:\[--btn-icon\:var\(--lui-color-zinc-500\)\] {
1010
+ --btn-icon: var(--lui-color-zinc-500);
1442
1011
  }
1443
- .\[--checkbox-checked-bg\:var\(--color-zinc-900\)\] {
1444
- --checkbox-checked-bg: var(--color-zinc-900);
1012
+ .lui\:\[--checkbox-check\:var\(--lui-color-white\)\] {
1013
+ --checkbox-check: var(--lui-color-white);
1445
1014
  }
1446
- .\[--checkbox-checked-border\:var\(--color-zinc-950\)\]\/90 {
1447
- --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);
1448
1017
  }
1449
- .\[--gutter\:--spacing\(8\)\] {
1450
- --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
+ }
1451
1023
  }
1452
- .\[--ring-opacity\:20\%\] {
1024
+ .lui\:\[--ring-opacity\:20\%\] {
1453
1025
  --ring-opacity: 20%;
1454
1026
  }
1455
- .\[--switch-bg-ring\:var\(--color-zinc-950\)\]\/90 {
1456
- --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
+ }
1457
1032
  }
1458
- .\[--switch-bg\:var\(--color-zinc-900\)\] {
1459
- --switch-bg: var(--color-zinc-900);
1033
+ .lui\:\[--switch-bg\:var\(--lui-color-zinc-900\)\] {
1034
+ --switch-bg: var(--lui-color-zinc-900);
1460
1035
  }
1461
- .\[--switch-ring\:var\(--color-zinc-950\)\]\/90 {
1462
- --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
+ }
1463
1041
  }
1464
- .\[--switch-shadow\:var\(--color-black\)\]\/10 {
1465
- --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
+ }
1466
1047
  }
1467
- .\[--switch\:white\] {
1048
+ .lui\:\[--switch\:white\] {
1468
1049
  --switch: white;
1469
1050
  }
1470
- .ring-inset {
1051
+ .lui\:ring-inset {
1471
1052
  --tw-ring-inset: inset;
1472
1053
  }
1473
- .select-none {
1474
- -webkit-user-select: none;
1475
- user-select: none;
1476
- }
1477
- .\*\:col-start-1 {
1478
- :is(& > *) {
1479
- grid-column-start: 1;
1480
- }
1481
- }
1482
- .\*\:row-start-1 {
1483
- :is(& > *) {
1484
- grid-row-start: 1;
1485
- }
1486
- }
1487
- .\*\:w-full {
1488
- :is(& > *) {
1489
- width: 100%;
1490
- }
1491
- }
1492
- .\*\:rounded-\(--avatar-radius\) {
1054
+ .lui\:\*\:rounded-\(--avatar-radius\) {
1493
1055
  :is(& > *) {
1494
1056
  border-radius: var(--avatar-radius);
1495
1057
  }
1496
1058
  }
1497
- .\*\:rounded-full {
1059
+ .lui\:\*\:rounded-full {
1498
1060
  :is(& > *) {
1499
1061
  border-radius: calc(infinity * 1px);
1500
1062
  }
1501
1063
  }
1502
- .group-last\:border-b-0 {
1503
- &:is(:where(.group):last-child *) {
1064
+ .lui\:group-last\:border-b-0 {
1065
+ &:is(:where(.lui\:group):last-child *) {
1504
1066
  border-bottom-style: var(--tw-border-style);
1505
1067
  border-bottom-width: 0px;
1506
1068
  }
1507
1069
  }
1508
- .group-hover\:border-zinc-950\/30 {
1509
- &:is(:where(.group):hover *) {
1070
+ .lui\:group-hover\:border-zinc-950\/30 {
1071
+ &:is(:where(.lui\:group):hover *) {
1510
1072
  @media (hover: hover) {
1511
- 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
+ }
1512
1077
  }
1513
1078
  }
1514
1079
  }
1515
- .group-has-data-disabled\:stroke-zinc-600 {
1516
- &:is(:where(.group):has(*[data-disabled]) *) {
1517
- 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);
1518
1083
  }
1519
1084
  }
1520
- .group-data-checked\:translate-x-4 {
1521
- &:is(:where(.group)[data-checked] *) {
1522
- --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);
1523
1088
  translate: var(--tw-translate-x) var(--tw-translate-y);
1524
1089
  }
1525
1090
  }
1526
- .group-data-checked\:border-transparent {
1527
- &:is(:where(.group)[data-checked] *) {
1091
+ .lui\:group-data-checked\:border-transparent {
1092
+ &:is(:where(.lui\:group)[data-checked] *) {
1528
1093
  border-color: transparent;
1529
1094
  }
1530
1095
  }
1531
- .group-data-checked\:bg-\(--checkbox-checked-border\) {
1532
- &:is(:where(.group)[data-checked] *) {
1096
+ .lui\:group-data-checked\:bg-\(--checkbox-checked-border\) {
1097
+ &:is(:where(.lui\:group)[data-checked] *) {
1533
1098
  background-color: var(--checkbox-checked-border);
1534
1099
  }
1535
1100
  }
1536
- .group-data-checked\:bg-\(--switch\) {
1537
- &:is(:where(.group)[data-checked] *) {
1101
+ .lui\:group-data-checked\:bg-\(--switch\) {
1102
+ &:is(:where(.lui\:group)[data-checked] *) {
1538
1103
  background-color: var(--switch);
1539
1104
  }
1540
1105
  }
1541
- .group-data-checked\:opacity-100 {
1542
- &:is(:where(.group)[data-checked] *) {
1106
+ .lui\:group-data-checked\:opacity-100 {
1107
+ &:is(:where(.lui\:group)[data-checked] *) {
1543
1108
  opacity: 100%;
1544
1109
  }
1545
1110
  }
1546
- .group-data-checked\:shadow-\(--switch-shadow\) {
1547
- &:is(:where(.group)[data-checked] *) {
1111
+ .lui\:group-data-checked\:shadow-\(--switch-shadow\) {
1112
+ &:is(:where(.lui\:group)[data-checked] *) {
1548
1113
  --tw-shadow: var(--switch-shadow);
1549
1114
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1550
1115
  }
1551
1116
  }
1552
- .group-data-checked\:ring-\(--switch-ring\) {
1553
- &:is(:where(.group)[data-checked] *) {
1117
+ .lui\:group-data-checked\:ring-\(--switch-ring\) {
1118
+ &:is(:where(.lui\:group)[data-checked] *) {
1554
1119
  --tw-ring-color: var(--switch-ring);
1555
1120
  }
1556
1121
  }
1557
- .group-hover\:group-data-checked\:border-transparent {
1558
- &:is(:where(.group):hover *) {
1122
+ .lui\:group-hover\:group-data-checked\:border-transparent {
1123
+ &:is(:where(.lui\:group):hover *) {
1559
1124
  @media (hover: hover) {
1560
- &:is(:where(.group)[data-checked] *) {
1125
+ &:is(:where(.lui\:group)[data-checked] *) {
1561
1126
  border-color: transparent;
1562
1127
  }
1563
1128
  }
1564
1129
  }
1565
1130
  }
1566
- .group-data-disabled\:border-zinc-950\/25 {
1567
- &:is(:where(.group)[data-disabled] *) {
1568
- 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
+ }
1569
1137
  }
1570
1138
  }
1571
- .group-data-disabled\:bg-zinc-950\/5 {
1572
- &:is(:where(.group)[data-disabled] *) {
1573
- 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
+ }
1574
1145
  }
1575
1146
  }
1576
- .group-data-disabled\:opacity-50 {
1577
- &:is(:where(.group)[data-disabled] *) {
1147
+ .lui\:group-data-disabled\:opacity-50 {
1148
+ &:is(:where(.lui\:group)[data-disabled] *) {
1578
1149
  opacity: 50%;
1579
1150
  }
1580
1151
  }
1581
- .group-data-disabled\:\[--checkbox-check\:var\(--color-zinc-950\)\]\/50 {
1582
- &:is(:where(.group)[data-disabled] *) {
1583
- --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
+ }
1584
1158
  }
1585
1159
  }
1586
- .group-data-checked\:group-data-disabled\:bg-white {
1587
- &:is(:where(.group)[data-checked] *) {
1588
- &:is(:where(.group)[data-disabled] *) {
1589
- 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);
1590
1164
  }
1591
1165
  }
1592
1166
  }
1593
- .group-data-checked\:group-data-disabled\:shadow-sm {
1594
- &:is(:where(.group)[data-checked] *) {
1595
- &: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] *) {
1596
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));
1597
1171
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1598
1172
  }
1599
1173
  }
1600
1174
  }
1601
- .group-data-checked\:group-data-disabled\:ring-black\/5 {
1602
- &:is(:where(.group)[data-checked] *) {
1603
- &:is(:where(.group)[data-disabled] *) {
1604
- --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
+ }
1605
1182
  }
1606
1183
  }
1607
1184
  }
1608
- .group-data-focus\:outline {
1609
- &:is(:where(.group)[data-focus] *) {
1185
+ .lui\:group-data-focus\:outline {
1186
+ &:is(:where(.lui\:group)[data-focus] *) {
1610
1187
  outline-style: var(--tw-outline-style);
1611
1188
  outline-width: 1px;
1612
1189
  }
1613
1190
  }
1614
- .group-data-focus\:outline-2 {
1615
- &:is(:where(.group)[data-focus] *) {
1191
+ .lui\:group-data-focus\:outline-2 {
1192
+ &:is(:where(.lui\:group)[data-focus] *) {
1616
1193
  outline-style: var(--tw-outline-style);
1617
1194
  outline-width: 2px;
1618
1195
  }
1619
1196
  }
1620
- .group-data-focus\:outline-offset-2 {
1621
- &:is(:where(.group)[data-focus] *) {
1197
+ .lui\:group-data-focus\:outline-offset-2 {
1198
+ &:is(:where(.lui\:group)[data-focus] *) {
1622
1199
  outline-offset: 2px;
1623
1200
  }
1624
1201
  }
1625
- .group-data-focus\:outline-blue-500 {
1626
- &:is(:where(.group)[data-focus] *) {
1627
- 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);
1628
1205
  }
1629
1206
  }
1630
- .group-data-indeterminate\:opacity-0 {
1631
- &:is(:where(.group)[data-indeterminate] *) {
1207
+ .lui\:group-data-indeterminate\:opacity-0 {
1208
+ &:is(:where(.lui\:group)[data-indeterminate] *) {
1632
1209
  opacity: 0%;
1633
1210
  }
1634
1211
  }
1635
- .group-data-indeterminate\:opacity-100 {
1636
- &:is(:where(.group)[data-indeterminate] *) {
1212
+ .lui\:group-data-indeterminate\:opacity-100 {
1213
+ &:is(:where(.lui\:group)[data-indeterminate] *) {
1637
1214
  opacity: 100%;
1638
1215
  }
1639
1216
  }
1640
- .file\:mr-4 {
1217
+ .lui\:file\:mr-4 {
1641
1218
  &::file-selector-button {
1642
- margin-right: calc(var(--spacing) * 4);
1219
+ margin-right: calc(var(--lui-spacing) * 4);
1643
1220
  }
1644
1221
  }
1645
- .file\:cursor-pointer {
1222
+ .lui\:file\:cursor-pointer {
1646
1223
  &::file-selector-button {
1647
1224
  cursor: pointer;
1648
1225
  }
1649
1226
  }
1650
- .file\:border-0 {
1227
+ .lui\:file\:border-0 {
1651
1228
  &::file-selector-button {
1652
1229
  border-style: var(--tw-border-style);
1653
1230
  border-width: 0px;
1654
1231
  }
1655
1232
  }
1656
- .file\:bg-zinc-100 {
1233
+ .lui\:file\:bg-zinc-100 {
1657
1234
  &::file-selector-button {
1658
- background-color: var(--color-zinc-100);
1235
+ background-color: var(--lui-color-zinc-100);
1659
1236
  }
1660
1237
  }
1661
- .file\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
1238
+ .lui\:file\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
1662
1239
  &::file-selector-button {
1663
- padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
1240
+ padding-inline: calc(calc(var(--lui-spacing) * 3.5) - 1px);
1664
1241
  }
1665
1242
  }
1666
- .file\:py-\[calc\(--spacing\(2\.5\)-1px\)\] {
1243
+ .lui\:file\:py-\[calc\(--spacing\(2\.5\)-1px\)\] {
1667
1244
  &::file-selector-button {
1668
- padding-block: calc(calc(var(--spacing) * 2.5) - 1px);
1245
+ padding-block: calc(calc(var(--lui-spacing) * 2.5) - 1px);
1669
1246
  }
1670
1247
  }
1671
- .placeholder\:text-zinc-500 {
1248
+ .lui\:placeholder\:text-zinc-500 {
1672
1249
  &::placeholder {
1673
- color: var(--color-zinc-500);
1250
+ color: var(--lui-color-zinc-500);
1674
1251
  }
1675
1252
  }
1676
- .before\:absolute {
1253
+ .lui\:before\:absolute {
1677
1254
  &::before {
1678
1255
  content: var(--tw-content);
1679
1256
  position: absolute;
1680
1257
  }
1681
1258
  }
1682
- .before\:inset-0 {
1259
+ .lui\:before\:inset-0 {
1683
1260
  &::before {
1684
1261
  content: var(--tw-content);
1685
- inset: calc(var(--spacing) * 0);
1262
+ inset: calc(var(--lui-spacing) * 0);
1686
1263
  }
1687
1264
  }
1688
- .before\:inset-px {
1265
+ .lui\:before\:inset-px {
1689
1266
  &::before {
1690
1267
  content: var(--tw-content);
1691
1268
  inset: 1px;
1692
1269
  }
1693
1270
  }
1694
- .before\:-z-10 {
1271
+ .lui\:before\:-z-10 {
1695
1272
  &::before {
1696
1273
  content: var(--tw-content);
1697
1274
  z-index: calc(10 * -1);
1698
1275
  }
1699
1276
  }
1700
- .before\:rounded-\[calc\(0\.3125rem-1px\)\] {
1277
+ .lui\:before\:rounded-\[calc\(0\.3125rem-1px\)\] {
1701
1278
  &::before {
1702
1279
  content: var(--tw-content);
1703
1280
  border-radius: calc(0.3125rem - 1px);
1704
1281
  }
1705
1282
  }
1706
- .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\)\] {
1707
1290
  &::before {
1708
1291
  content: var(--tw-content);
1709
1292
  border-radius: calc(var(--radius-lg) - 1px);
1710
1293
  }
1711
1294
  }
1712
- .before\:bg-\(--btn-bg\) {
1295
+ .lui\:before\:bg-\(--btn-bg\) {
1713
1296
  &::before {
1714
1297
  content: var(--tw-content);
1715
1298
  background-color: var(--btn-bg);
1716
1299
  }
1717
1300
  }
1718
- .before\:bg-white {
1301
+ .lui\:before\:bg-white {
1719
1302
  &::before {
1720
1303
  content: var(--tw-content);
1721
- background-color: var(--color-white);
1304
+ background-color: var(--lui-color-white);
1722
1305
  }
1723
1306
  }
1724
- .before\:shadow-sm {
1307
+ .lui\:before\:shadow-sm {
1725
1308
  &::before {
1726
1309
  content: var(--tw-content);
1727
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));
1728
1311
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1729
1312
  }
1730
1313
  }
1731
- .group-data-checked\:before\:bg-\(--checkbox-checked-bg\) {
1732
- &:is(:where(.group)[data-checked] *) {
1314
+ .lui\:group-data-checked\:before\:bg-\(--checkbox-checked-bg\) {
1315
+ &:is(:where(.lui\:group)[data-checked] *) {
1733
1316
  &::before {
1734
1317
  content: var(--tw-content);
1735
1318
  background-color: var(--checkbox-checked-bg);
1736
1319
  }
1737
1320
  }
1738
1321
  }
1739
- .group-data-disabled\:before\:bg-transparent {
1740
- &:is(:where(.group)[data-disabled] *) {
1322
+ .lui\:group-data-disabled\:before\:bg-transparent {
1323
+ &:is(:where(.lui\:group)[data-disabled] *) {
1741
1324
  &::before {
1742
1325
  content: var(--tw-content);
1743
1326
  background-color: transparent;
1744
1327
  }
1745
1328
  }
1746
1329
  }
1747
- .after\:pointer-events-none {
1330
+ .lui\:after\:pointer-events-none {
1748
1331
  &::after {
1749
1332
  content: var(--tw-content);
1750
1333
  pointer-events: none;
1751
1334
  }
1752
1335
  }
1753
- .after\:absolute {
1336
+ .lui\:after\:absolute {
1754
1337
  &::after {
1755
1338
  content: var(--tw-content);
1756
1339
  position: absolute;
1757
1340
  }
1758
1341
  }
1759
- .after\:inset-0 {
1342
+ .lui\:after\:inset-0 {
1760
1343
  &::after {
1761
1344
  content: var(--tw-content);
1762
- inset: calc(var(--spacing) * 0);
1345
+ inset: calc(var(--lui-spacing) * 0);
1763
1346
  }
1764
1347
  }
1765
- .after\:-top-\[1px\] {
1348
+ .lui\:after\:-top-\[1px\] {
1766
1349
  &::after {
1767
1350
  content: var(--tw-content);
1768
1351
  top: calc(1px * -1);
1769
1352
  }
1770
1353
  }
1771
- .after\:left-\[1px\] {
1354
+ .lui\:after\:left-\[1px\] {
1772
1355
  &::after {
1773
1356
  content: var(--tw-content);
1774
1357
  left: 1px;
1775
1358
  }
1776
1359
  }
1777
- .after\:-z-10 {
1360
+ .lui\:after\:-z-10 {
1778
1361
  &::after {
1779
1362
  content: var(--tw-content);
1780
1363
  z-index: calc(10 * -1);
1781
1364
  }
1782
1365
  }
1783
- .after\:h-\[8\.2px\] {
1366
+ .lui\:after\:h-\[8\.2px\] {
1784
1367
  &::after {
1785
1368
  content: var(--tw-content);
1786
1369
  height: 8.2px;
1787
1370
  }
1788
1371
  }
1789
- .after\:w-\[3\.75px\] {
1372
+ .lui\:after\:w-\[3\.75px\] {
1790
1373
  &::after {
1791
1374
  content: var(--tw-content);
1792
1375
  width: 3.75px;
1793
1376
  }
1794
1377
  }
1795
- .after\:-rotate-45 {
1378
+ .lui\:after\:-rotate-45 {
1796
1379
  &::after {
1797
1380
  content: var(--tw-content);
1798
1381
  rotate: calc(45deg * -1);
1799
1382
  }
1800
1383
  }
1801
- .after\:rounded-\[calc\(0\.3125rem-1px\)\] {
1384
+ .lui\:after\:rounded-\[calc\(0\.3125rem-1px\)\] {
1802
1385
  &::after {
1803
1386
  content: var(--tw-content);
1804
1387
  border-radius: calc(0.3125rem - 1px);
1805
1388
  }
1806
1389
  }
1807
- .after\:rounded-\[calc\(var\(--radius-lg\)-1px\)\] {
1390
+ .lui\:after\:rounded-\[calc\(var\(--lui-radius-lg\)-1px\)\] {
1808
1391
  &::after {
1809
1392
  content: var(--tw-content);
1810
- border-radius: calc(var(--radius-lg) - 1px);
1393
+ border-radius: calc(var(--lui-radius-lg) - 1px);
1811
1394
  }
1812
1395
  }
1813
- .after\:rounded-lg {
1396
+ .lui\:after\:rounded-lg {
1814
1397
  &::after {
1815
1398
  content: var(--tw-content);
1816
- border-radius: var(--radius-lg);
1399
+ border-radius: var(--lui-radius-lg);
1817
1400
  }
1818
1401
  }
1819
- .after\:border-\[1px\] {
1402
+ .lui\:after\:border-\[1px\] {
1820
1403
  &::after {
1821
1404
  content: var(--tw-content);
1822
1405
  border-style: var(--tw-border-style);
1823
1406
  border-width: 1px;
1824
1407
  }
1825
1408
  }
1826
- .after\:border-transparent {
1409
+ .lui\:after\:border-transparent {
1827
1410
  &::after {
1828
1411
  content: var(--tw-content);
1829
1412
  border-color: transparent;
1830
1413
  }
1831
1414
  }
1832
- .after\:border-r-green-600 {
1415
+ .lui\:after\:border-r-green-600 {
1833
1416
  &::after {
1834
1417
  content: var(--tw-content);
1835
- border-right-color: var(--color-green-600);
1418
+ border-right-color: var(--lui-color-green-600);
1836
1419
  }
1837
1420
  }
1838
- .after\:border-r-white {
1421
+ .lui\:after\:border-r-white {
1839
1422
  &::after {
1840
1423
  content: var(--tw-content);
1841
- border-right-color: var(--color-white);
1424
+ border-right-color: var(--lui-color-white);
1842
1425
  }
1843
1426
  }
1844
- .after\:border-r-yellow-400 {
1427
+ .lui\:after\:border-r-yellow-400 {
1845
1428
  &::after {
1846
1429
  content: var(--tw-content);
1847
- border-right-color: var(--color-yellow-400);
1430
+ border-right-color: var(--lui-color-yellow-400);
1848
1431
  }
1849
1432
  }
1850
- .after\:border-r-zinc-400 {
1433
+ .lui\:after\:border-r-zinc-400 {
1851
1434
  &::after {
1852
1435
  content: var(--tw-content);
1853
- border-right-color: var(--color-zinc-400);
1436
+ border-right-color: var(--lui-color-zinc-400);
1854
1437
  }
1855
1438
  }
1856
- .after\:border-l-green-600 {
1439
+ .lui\:after\:border-l-green-600 {
1857
1440
  &::after {
1858
1441
  content: var(--tw-content);
1859
- border-left-color: var(--color-green-600);
1442
+ border-left-color: var(--lui-color-green-600);
1860
1443
  }
1861
1444
  }
1862
- .after\:border-l-white {
1445
+ .lui\:after\:border-l-white {
1863
1446
  &::after {
1864
1447
  content: var(--tw-content);
1865
- border-left-color: var(--color-white);
1448
+ border-left-color: var(--lui-color-white);
1866
1449
  }
1867
1450
  }
1868
- .after\:border-l-yellow-400 {
1451
+ .lui\:after\:border-l-yellow-400 {
1869
1452
  &::after {
1870
1453
  content: var(--tw-content);
1871
- border-left-color: var(--color-yellow-400);
1454
+ border-left-color: var(--lui-color-yellow-400);
1872
1455
  }
1873
1456
  }
1874
- .after\:border-l-zinc-400 {
1457
+ .lui\:after\:border-l-zinc-400 {
1875
1458
  &::after {
1876
1459
  content: var(--tw-content);
1877
- border-left-color: var(--color-zinc-400);
1460
+ border-left-color: var(--lui-color-zinc-400);
1878
1461
  }
1879
1462
  }
1880
- .after\:shadow-\[inset_0_1px_--theme\(--color-white\/15\%\)\] {
1463
+ .lui\:after\:shadow-\[inset_0_1px_--theme\(--color-white\/15\%\)\] {
1881
1464
  &::after {
1882
1465
  content: var(--tw-content);
1883
- --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
+ }
1884
1470
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1885
1471
  }
1886
1472
  }
1887
- .after\:shadow-\[shadow\:inset_0_1px_--theme\(--color-white\/15\%\)\] {
1473
+ .lui\:after\:shadow-\[shadow\:inset_0_1px_--theme\(--color-white\/15\%\)\] {
1888
1474
  &::after {
1889
1475
  content: var(--tw-content);
1890
- --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
+ }
1891
1480
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1892
1481
  }
1893
1482
  }
1894
- .after\:ring-transparent {
1483
+ .lui\:after\:ring-transparent {
1895
1484
  &::after {
1896
1485
  content: var(--tw-content);
1897
1486
  --tw-ring-color: transparent;
1898
1487
  }
1899
1488
  }
1900
- .after\:ring-inset {
1489
+ .lui\:after\:ring-inset {
1901
1490
  &::after {
1902
1491
  content: var(--tw-content);
1903
1492
  --tw-ring-inset: inset;
1904
1493
  }
1905
1494
  }
1906
- .first\:border-none {
1495
+ .lui\:first\:border-none {
1907
1496
  &:first-child {
1908
1497
  --tw-border-style: none;
1909
1498
  border-style: none;
1910
1499
  }
1911
1500
  }
1912
- .hover\:cursor-pointer {
1501
+ .lui\:hover\:cursor-pointer {
1913
1502
  &:hover {
1914
1503
  @media (hover: hover) {
1915
1504
  cursor: pointer;
1916
1505
  }
1917
1506
  }
1918
1507
  }
1919
- .hover\:border-zinc-950\/20 {
1508
+ .lui\:hover\:border-zinc-950\/20 {
1920
1509
  &:hover {
1921
1510
  @media (hover: hover) {
1922
- 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
+ }
1923
1515
  }
1924
1516
  }
1925
1517
  }
1926
- .hover\:bg-red-600 {
1518
+ .lui\:hover\:bg-red-600 {
1927
1519
  &:hover {
1928
1520
  @media (hover: hover) {
1929
- background-color: var(--color-red-600);
1521
+ background-color: var(--lui-color-red-600);
1930
1522
  }
1931
1523
  }
1932
1524
  }
1933
- .hover\:bg-zinc-100 {
1525
+ .lui\:hover\:bg-zinc-100 {
1934
1526
  &:hover {
1935
1527
  @media (hover: hover) {
1936
- background-color: var(--color-zinc-100);
1528
+ background-color: var(--lui-color-zinc-100);
1937
1529
  }
1938
1530
  }
1939
1531
  }
1940
- .hover\:bg-zinc-950\/5 {
1532
+ .lui\:hover\:bg-zinc-950\/5 {
1941
1533
  &:hover {
1942
1534
  @media (hover: hover) {
1943
- 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
+ }
1944
1539
  }
1945
1540
  }
1946
1541
  }
1947
- .hover\:bg-zinc-950\/\[2\.5\%\] {
1542
+ .lui\:hover\:bg-zinc-950\/\[2\.5\%\] {
1948
1543
  &:hover {
1949
1544
  @media (hover: hover) {
1950
- 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
+ }
1951
1549
  }
1952
1550
  }
1953
1551
  }
1954
- .hover\:text-indigo-500 {
1552
+ .lui\:hover\:text-indigo-500 {
1955
1553
  &:hover {
1956
1554
  @media (hover: hover) {
1957
- color: var(--color-indigo-500);
1555
+ color: var(--lui-color-indigo-500);
1958
1556
  }
1959
1557
  }
1960
1558
  }
1961
- .hover\:text-zinc-950 {
1559
+ .lui\:hover\:text-zinc-950 {
1962
1560
  &:hover {
1963
1561
  @media (hover: hover) {
1964
- color: var(--color-zinc-950);
1562
+ color: var(--lui-color-zinc-950);
1965
1563
  }
1966
1564
  }
1967
1565
  }
1968
- .hover\:underline {
1566
+ .lui\:hover\:underline {
1969
1567
  &:hover {
1970
1568
  @media (hover: hover) {
1971
1569
  text-decoration-line: underline;
1972
1570
  }
1973
1571
  }
1974
1572
  }
1975
- .hover\:ring-black\/15 {
1573
+ .lui\:hover\:ring-black\/15 {
1976
1574
  &:hover {
1977
1575
  @media (hover: hover) {
1978
- --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
+ }
1979
1580
  }
1980
1581
  }
1981
1582
  }
1982
- .hover\:\[--btn-icon\:var\(--color-zinc-300\)\] {
1583
+ .lui\:hover\:\[--btn-icon\:var\(--lui-color-zinc-300\)\] {
1983
1584
  &:hover {
1984
1585
  @media (hover: hover) {
1985
- --btn-icon: var(--color-zinc-300);
1586
+ --btn-icon: var(--lui-color-zinc-300);
1986
1587
  }
1987
1588
  }
1988
1589
  }
1989
- .hover\:\[--btn-icon\:var\(--color-zinc-700\)\] {
1590
+ .lui\:hover\:\[--btn-icon\:var\(--lui-color-zinc-700\)\] {
1990
1591
  &:hover {
1991
1592
  @media (hover: hover) {
1992
- --btn-icon: var(--color-zinc-700);
1593
+ --btn-icon: var(--lui-color-zinc-700);
1993
1594
  }
1994
1595
  }
1995
1596
  }
1996
- .hover\:after\:bg-\(--btn-hover-overlay\) {
1597
+ .lui\:hover\:after\:bg-\(--btn-hover-overlay\) {
1997
1598
  &:hover {
1998
1599
  @media (hover: hover) {
1999
1600
  &::after {
@@ -2003,8 +1604,9 @@
2003
1604
  }
2004
1605
  }
2005
1606
  }
2006
- .focus\:outline-hidden {
1607
+ .lui\:focus\:outline-hidden {
2007
1608
  &:focus {
1609
+ --tw-outline-style: none;
2008
1610
  outline-style: none;
2009
1611
  @media (forced-colors: active) {
2010
1612
  outline: 2px solid transparent;
@@ -2012,78 +1614,81 @@
2012
1614
  }
2013
1615
  }
2014
1616
  }
2015
- .focus\:outline {
1617
+ .lui\:focus\:outline {
2016
1618
  &:focus {
2017
1619
  outline-style: var(--tw-outline-style);
2018
1620
  outline-width: 1px;
2019
1621
  }
2020
1622
  }
2021
- .focus\:outline-0 {
1623
+ .lui\:focus\:outline-0 {
2022
1624
  &:focus {
2023
1625
  outline-style: var(--tw-outline-style);
2024
1626
  outline-width: 0px;
2025
1627
  }
2026
1628
  }
2027
- .focus\:outline-2 {
1629
+ .lui\:focus\:outline-2 {
2028
1630
  &:focus {
2029
1631
  outline-style: var(--tw-outline-style);
2030
1632
  outline-width: 2px;
2031
1633
  }
2032
1634
  }
2033
- .focus\:outline-offset-2 {
1635
+ .lui\:focus\:outline-offset-2 {
2034
1636
  &:focus {
2035
1637
  outline-offset: 2px;
2036
1638
  }
2037
1639
  }
2038
- .focus\:outline-blue-500 {
1640
+ .lui\:focus\:outline-blue-500 {
2039
1641
  &:focus {
2040
- outline-color: var(--color-blue-500);
1642
+ outline-color: var(--lui-color-blue-500);
2041
1643
  }
2042
1644
  }
2043
- .focus\:outline-none {
1645
+ .lui\:focus\:outline-none {
2044
1646
  &:focus {
2045
1647
  --tw-outline-style: none;
2046
1648
  outline-style: none;
2047
1649
  }
2048
1650
  }
2049
- .focus\:after\:ring-2 {
1651
+ .lui\:focus\:after\:ring-2 {
2050
1652
  &:focus {
2051
1653
  &::after {
2052
1654
  content: var(--tw-content);
2053
- --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);
2054
1656
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2055
1657
  }
2056
1658
  }
2057
1659
  }
2058
- .focus\:after\:ring-blue-500 {
1660
+ .lui\:focus\:after\:ring-blue-500 {
2059
1661
  &:focus {
2060
1662
  &::after {
2061
1663
  content: var(--tw-content);
2062
- --tw-ring-color: var(--color-blue-500);
1664
+ --tw-ring-color: var(--lui-color-blue-500);
2063
1665
  }
2064
1666
  }
2065
1667
  }
2066
- .active\:bg-red-700 {
1668
+ .lui\:active\:bg-red-700 {
2067
1669
  &:active {
2068
- background-color: var(--color-red-700);
1670
+ background-color: var(--lui-color-red-700);
2069
1671
  }
2070
1672
  }
2071
- .active\:bg-zinc-950\/\[2\.5\%\] {
1673
+ .lui\:active\:bg-zinc-950\/\[2\.5\%\] {
2072
1674
  &:active {
2073
- 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
+ }
2074
1679
  }
2075
1680
  }
2076
- .active\:\[--btn-icon\:var\(--color-zinc-300\)\] {
1681
+ .lui\:active\:\[--btn-icon\:var\(--lui-color-zinc-300\)\] {
2077
1682
  &:active {
2078
- --btn-icon: var(--color-zinc-300);
1683
+ --btn-icon: var(--lui-color-zinc-300);
2079
1684
  }
2080
1685
  }
2081
- .active\:\[--btn-icon\:var\(--color-zinc-700\)\] {
1686
+ .lui\:active\:\[--btn-icon\:var\(--lui-color-zinc-700\)\] {
2082
1687
  &:active {
2083
- --btn-icon: var(--color-zinc-700);
1688
+ --btn-icon: var(--lui-color-zinc-700);
2084
1689
  }
2085
1690
  }
2086
- .active\:after\:bg-\(--btn-hover-overlay\) {
1691
+ .lui\:active\:after\:bg-\(--btn-hover-overlay\) {
2087
1692
  &:active {
2088
1693
  &::after {
2089
1694
  content: var(--tw-content);
@@ -2091,12 +1696,12 @@
2091
1696
  }
2092
1697
  }
2093
1698
  }
2094
- .disabled\:opacity-50 {
1699
+ .lui\:disabled\:opacity-50 {
2095
1700
  &:disabled {
2096
1701
  opacity: 50%;
2097
1702
  }
2098
1703
  }
2099
- .disabled\:before\:shadow-none {
1704
+ .lui\:disabled\:before\:shadow-none {
2100
1705
  &:disabled {
2101
1706
  &::before {
2102
1707
  content: var(--tw-content);
@@ -2105,7 +1710,7 @@
2105
1710
  }
2106
1711
  }
2107
1712
  }
2108
- .disabled\:after\:shadow-none {
1713
+ .lui\:disabled\:after\:shadow-none {
2109
1714
  &:disabled {
2110
1715
  &::after {
2111
1716
  content: var(--tw-content);
@@ -2114,20 +1719,35 @@
2114
1719
  }
2115
1720
  }
2116
1721
  }
2117
- .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 {
2118
1735
  &:has(*[data-disabled]) {
2119
1736
  opacity: 50%;
2120
1737
  }
2121
1738
  }
2122
- .has-data-disabled\:before\:bg-zinc-950\/5 {
1739
+ .lui\:has-data-disabled\:before\:bg-zinc-950\/5 {
2123
1740
  &:has(*[data-disabled]) {
2124
1741
  &::before {
2125
1742
  content: var(--tw-content);
2126
- 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
+ }
2127
1747
  }
2128
1748
  }
2129
1749
  }
2130
- .has-data-disabled\:before\:shadow-none {
1750
+ .lui\:has-data-disabled\:before\:shadow-none {
2131
1751
  &:has(*[data-disabled]) {
2132
1752
  &::before {
2133
1753
  content: var(--tw-content);
@@ -2136,36 +1756,28 @@
2136
1756
  }
2137
1757
  }
2138
1758
  }
2139
- .has-data-invalid\:before\:shadow-red-500\/10 {
1759
+ .lui\:has-data-invalid\:before\:shadow-red-500\/10 {
2140
1760
  &:has(*[data-invalid]) {
2141
1761
  &::before {
2142
1762
  content: var(--tw-content);
2143
- --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
+ }
2144
1767
  }
2145
1768
  }
2146
1769
  }
2147
- .data-active\:bg-zinc-950\/5 {
2148
- &[data-active] {
2149
- background-color: color-mix(in oklab, var(--color-zinc-950) 5%, transparent);
2150
- }
2151
- }
2152
- .data-changing\:duration-200 {
2153
- &[data-changing] {
2154
- --tw-duration: 200ms;
2155
- transition-duration: 200ms;
2156
- }
2157
- }
2158
- .data-checked\:bg-\(--switch-bg\) {
1770
+ .lui\:data-checked\:bg-\(--switch-bg\) {
2159
1771
  &[data-checked] {
2160
1772
  background-color: var(--switch-bg);
2161
1773
  }
2162
1774
  }
2163
- .data-checked\:ring-\(--switch-bg-ring\) {
1775
+ .lui\:data-checked\:ring-\(--switch-bg-ring\) {
2164
1776
  &[data-checked] {
2165
1777
  --tw-ring-color: var(--switch-bg-ring);
2166
1778
  }
2167
1779
  }
2168
- .hover\:data-checked\:ring-\(--switch-bg-ring\) {
1780
+ .lui\:hover\:data-checked\:ring-\(--switch-bg-ring\) {
2169
1781
  &:hover {
2170
1782
  @media (hover: hover) {
2171
1783
  &[data-checked] {
@@ -2174,486 +1786,537 @@
2174
1786
  }
2175
1787
  }
2176
1788
  }
2177
- .data-closed\:translate-y-12 {
1789
+ .lui\:data-closed\:translate-y-12 {
2178
1790
  &[data-closed] {
2179
- --tw-translate-y: calc(var(--spacing) * 12);
1791
+ --tw-translate-y: calc(var(--lui-spacing) * 12);
2180
1792
  translate: var(--tw-translate-x) var(--tw-translate-y);
2181
1793
  }
2182
1794
  }
2183
- .data-closed\:opacity-0 {
1795
+ .lui\:data-closed\:opacity-0 {
2184
1796
  &[data-closed] {
2185
1797
  opacity: 0%;
2186
1798
  }
2187
1799
  }
2188
- .data-disabled\:pointer-events-none {
2189
- &[data-disabled] {
2190
- pointer-events: none;
2191
- }
2192
- }
2193
- .data-disabled\:cursor-not-allowed {
1800
+ .lui\:data-disabled\:cursor-not-allowed {
2194
1801
  &[data-disabled] {
2195
1802
  cursor: not-allowed;
2196
1803
  }
2197
1804
  }
2198
- .data-disabled\:border-zinc-950\/20 {
1805
+ .lui\:data-disabled\:border-zinc-950\/20 {
2199
1806
  &[data-disabled] {
2200
- 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
+ }
2201
1811
  }
2202
1812
  }
2203
- .data-disabled\:bg-zinc-200 {
1813
+ .lui\:data-disabled\:bg-zinc-200 {
2204
1814
  &[data-disabled] {
2205
- background-color: var(--color-zinc-200);
1815
+ background-color: var(--lui-color-zinc-200);
2206
1816
  }
2207
1817
  }
2208
- .data-disabled\:opacity-50 {
1818
+ .lui\:data-disabled\:opacity-50 {
2209
1819
  &[data-disabled] {
2210
1820
  opacity: 50%;
2211
1821
  }
2212
1822
  }
2213
- .data-disabled\:opacity-100 {
1823
+ .lui\:data-disabled\:opacity-100 {
2214
1824
  &[data-disabled] {
2215
1825
  opacity: 100%;
2216
1826
  }
2217
1827
  }
2218
- .data-disabled\:file\:cursor-not-allowed {
1828
+ .lui\:data-disabled\:file\:cursor-not-allowed {
2219
1829
  &[data-disabled] {
2220
1830
  &::file-selector-button {
2221
1831
  cursor: not-allowed;
2222
1832
  }
2223
1833
  }
2224
1834
  }
2225
- .data-disabled\:data-checked\:bg-zinc-200 {
1835
+ .lui\:data-disabled\:data-checked\:bg-zinc-200 {
2226
1836
  &[data-disabled] {
2227
1837
  &[data-checked] {
2228
- background-color: var(--color-zinc-200);
1838
+ background-color: var(--lui-color-zinc-200);
2229
1839
  }
2230
1840
  }
2231
1841
  }
2232
- .data-disabled\:data-checked\:ring-black\/5 {
1842
+ .lui\:data-disabled\:data-checked\:ring-black\/5 {
2233
1843
  &[data-disabled] {
2234
1844
  &[data-checked] {
2235
- --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
+ }
2236
1849
  }
2237
1850
  }
2238
1851
  }
2239
- .data-enter\:ease-out {
1852
+ .lui\:data-enter\:ease-out {
2240
1853
  &[data-enter] {
2241
- --tw-ease: var(--ease-out);
2242
- transition-timing-function: var(--ease-out);
1854
+ --tw-ease: var(--lui-ease-out);
1855
+ transition-timing-function: var(--lui-ease-out);
2243
1856
  }
2244
1857
  }
2245
- .data-focus\:outline-2 {
1858
+ .lui\:data-focus\:outline-2 {
2246
1859
  &[data-focus] {
2247
1860
  outline-style: var(--tw-outline-style);
2248
1861
  outline-width: 2px;
2249
1862
  }
2250
1863
  }
2251
- .data-focus\:outline-offset-2 {
1864
+ .lui\:data-focus\:outline-offset-2 {
2252
1865
  &[data-focus] {
2253
1866
  outline-offset: 2px;
2254
1867
  }
2255
1868
  }
2256
- .data-focus\:outline-blue-500 {
1869
+ .lui\:data-focus\:outline-blue-500 {
2257
1870
  &[data-focus] {
2258
- outline-color: var(--color-blue-500);
1871
+ outline-color: var(--lui-color-blue-500);
1872
+ }
1873
+ }
1874
+ .lui\:data-invalid\:border-red-500 {
1875
+ &[data-invalid] {
1876
+ border-color: var(--lui-color-red-500);
2259
1877
  }
2260
1878
  }
2261
- .data-invalid\:border-red-500 {
1879
+ .lui\:data-invalid\:hover\:border-red-500 {
2262
1880
  &[data-invalid] {
2263
- border-color: var(--color-red-500);
1881
+ &:hover {
1882
+ @media (hover: hover) {
1883
+ border-color: var(--lui-color-red-500);
1884
+ }
1885
+ }
2264
1886
  }
2265
1887
  }
2266
- .data-invalid\:hover\:border-red-500 {
1888
+ .lui\:data-invalid\:hover\:border-red-500\/60 {
2267
1889
  &[data-invalid] {
2268
1890
  &:hover {
2269
1891
  @media (hover: hover) {
2270
- border-color: var(--color-red-500);
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
+ }
2271
1896
  }
2272
1897
  }
2273
1898
  }
2274
1899
  }
2275
- .data-leave\:ease-in {
1900
+ .lui\:data-leave\:ease-in {
2276
1901
  &[data-leave] {
2277
- --tw-ease: var(--ease-in);
2278
- 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
+ }
2279
1912
  }
2280
1913
  }
2281
- .\*\:data-\[slot\=control\]\:col-start-1 {
1914
+ .lui\:data-\[disabled\]\:pointer-events-none {
1915
+ &[data-disabled] {
1916
+ pointer-events: none;
1917
+ }
1918
+ }
1919
+ .lui\:data-\[disabled\]\:opacity-50 {
1920
+ &[data-disabled] {
1921
+ opacity: 50%;
1922
+ }
1923
+ }
1924
+ .lui\:\*\:data-\[slot\=control\]\:col-start-1 {
2282
1925
  :is(& > *) {
2283
1926
  &[data-slot="control"] {
2284
1927
  grid-column-start: 1;
2285
1928
  }
2286
1929
  }
2287
1930
  }
2288
- .\*\:data-\[slot\=control\]\:col-start-2 {
1931
+ .lui\:\*\:data-\[slot\=control\]\:col-start-2 {
2289
1932
  :is(& > *) {
2290
1933
  &[data-slot="control"] {
2291
1934
  grid-column-start: 2;
2292
1935
  }
2293
1936
  }
2294
1937
  }
2295
- .\*\:data-\[slot\=control\]\:row-start-1 {
1938
+ .lui\:\*\:data-\[slot\=control\]\:row-start-1 {
2296
1939
  :is(& > *) {
2297
1940
  &[data-slot="control"] {
2298
1941
  grid-row-start: 1;
2299
1942
  }
2300
1943
  }
2301
1944
  }
2302
- .\*\:data-\[slot\=control\]\:self-center {
1945
+ .lui\:\*\:data-\[slot\=control\]\:self-center {
2303
1946
  :is(& > *) {
2304
1947
  &[data-slot="control"] {
2305
1948
  align-self: center;
2306
1949
  }
2307
1950
  }
2308
1951
  }
2309
- .\*\:data-\[slot\=control\]\:justify-self-center {
1952
+ .lui\:\*\:data-\[slot\=control\]\:justify-self-center {
2310
1953
  :is(& > *) {
2311
1954
  &[data-slot="control"] {
2312
1955
  justify-self: center;
2313
1956
  }
2314
1957
  }
2315
1958
  }
2316
- .\*\:data-\[slot\=description\]\:col-start-1 {
1959
+ .lui\:\*\:data-\[slot\=description\]\:col-start-1 {
2317
1960
  :is(& > *) {
2318
1961
  &[data-slot="description"] {
2319
1962
  grid-column-start: 1;
2320
1963
  }
2321
1964
  }
2322
1965
  }
2323
- .\*\:data-\[slot\=description\]\:col-start-2 {
1966
+ .lui\:\*\:data-\[slot\=description\]\:col-start-2 {
2324
1967
  :is(& > *) {
2325
1968
  &[data-slot="description"] {
2326
1969
  grid-column-start: 2;
2327
1970
  }
2328
1971
  }
2329
1972
  }
2330
- .\*\:data-\[slot\=description\]\:row-start-2 {
1973
+ .lui\:\*\:data-\[slot\=description\]\:row-start-2 {
2331
1974
  :is(& > *) {
2332
1975
  &[data-slot="description"] {
2333
1976
  grid-row-start: 2;
2334
1977
  }
2335
1978
  }
2336
1979
  }
2337
- .\*\:data-\[slot\=header\]\:bg-gray-50 {
1980
+ .lui\:\*\:data-\[slot\=error\]\:col-start-1 {
1981
+ :is(& > *) {
1982
+ &[data-slot="error"] {
1983
+ grid-column-start: 1;
1984
+ }
1985
+ }
1986
+ }
1987
+ .lui\:\*\:data-\[slot\=error\]\:row-start-3 {
1988
+ :is(& > *) {
1989
+ &[data-slot="error"] {
1990
+ grid-row-start: 3;
1991
+ }
1992
+ }
1993
+ }
1994
+ .lui\:\*\:data-\[slot\=header\]\:bg-gray-50 {
2338
1995
  :is(& > *) {
2339
1996
  &[data-slot="header"] {
2340
- background-color: var(--color-gray-50);
1997
+ background-color: var(--lui-color-gray-50);
2341
1998
  }
2342
1999
  }
2343
2000
  }
2344
- .\*\:data-\[slot\=header\]\:bg-red-600\/80 {
2001
+ .lui\:\*\:data-\[slot\=header\]\:bg-red-600\/80 {
2345
2002
  :is(& > *) {
2346
2003
  &[data-slot="header"] {
2347
- 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
+ }
2348
2008
  }
2349
2009
  }
2350
2010
  }
2351
- .\*\:data-\[slot\=header\]\:text-white {
2011
+ .lui\:\*\:data-\[slot\=header\]\:text-white {
2352
2012
  :is(& > *) {
2353
2013
  &[data-slot="header"] {
2354
- color: var(--color-white);
2014
+ color: var(--lui-color-white);
2355
2015
  }
2356
2016
  }
2357
2017
  }
2358
- .\*\:data-\[slot\=icon\]\:-mx-0\.5 {
2018
+ .lui\:\*\:data-\[slot\=icon\]\:-mx-0\.5 {
2359
2019
  :is(& > *) {
2360
2020
  &[data-slot="icon"] {
2361
- margin-inline: calc(var(--spacing) * -0.5);
2021
+ margin-inline: calc(var(--lui-spacing) * -0.5);
2362
2022
  }
2363
2023
  }
2364
2024
  }
2365
- .\*\:data-\[slot\=icon\]\:my-0\.5 {
2025
+ .lui\:\*\:data-\[slot\=icon\]\:my-0\.5 {
2366
2026
  :is(& > *) {
2367
2027
  &[data-slot="icon"] {
2368
- margin-block: calc(var(--spacing) * 0.5);
2028
+ margin-block: calc(var(--lui-spacing) * 0.5);
2369
2029
  }
2370
2030
  }
2371
2031
  }
2372
- .\*\:data-\[slot\=icon\]\:size-5 {
2032
+ .lui\:\*\:data-\[slot\=icon\]\:size-5 {
2373
2033
  :is(& > *) {
2374
2034
  &[data-slot="icon"] {
2375
- width: calc(var(--spacing) * 5);
2376
- height: calc(var(--spacing) * 5);
2035
+ width: calc(var(--lui-spacing) * 5);
2036
+ height: calc(var(--lui-spacing) * 5);
2377
2037
  }
2378
2038
  }
2379
2039
  }
2380
- .\*\:data-\[slot\=icon\]\:shrink-0 {
2040
+ .lui\:\*\:data-\[slot\=icon\]\:shrink-0 {
2381
2041
  :is(& > *) {
2382
2042
  &[data-slot="icon"] {
2383
2043
  flex-shrink: 0;
2384
2044
  }
2385
2045
  }
2386
2046
  }
2387
- .\*\:data-\[slot\=icon\]\:self-center {
2047
+ .lui\:\*\:data-\[slot\=icon\]\:self-center {
2388
2048
  :is(& > *) {
2389
2049
  &[data-slot="icon"] {
2390
2050
  align-self: center;
2391
2051
  }
2392
2052
  }
2393
2053
  }
2394
- .\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
2054
+ .lui\:\*\:data-\[slot\=icon\]\:text-\(--btn-icon\) {
2395
2055
  :is(& > *) {
2396
2056
  &[data-slot="icon"] {
2397
2057
  color: var(--btn-icon);
2398
2058
  }
2399
2059
  }
2400
2060
  }
2401
- .\*\:data-\[slot\=label\]\:col-start-1 {
2061
+ .lui\:\*\:data-\[slot\=label\]\:col-start-1 {
2402
2062
  :is(& > *) {
2403
2063
  &[data-slot="label"] {
2404
2064
  grid-column-start: 1;
2405
2065
  }
2406
2066
  }
2407
2067
  }
2408
- .\*\:data-\[slot\=label\]\:col-start-2 {
2068
+ .lui\:\*\:data-\[slot\=label\]\:col-start-2 {
2409
2069
  :is(& > *) {
2410
2070
  &[data-slot="label"] {
2411
2071
  grid-column-start: 2;
2412
2072
  }
2413
2073
  }
2414
2074
  }
2415
- .\*\:data-\[slot\=label\]\:row-start-1 {
2075
+ .lui\:\*\:data-\[slot\=label\]\:row-start-1 {
2416
2076
  :is(& > *) {
2417
2077
  &[data-slot="label"] {
2418
2078
  grid-row-start: 1;
2419
2079
  }
2420
2080
  }
2421
2081
  }
2422
- .\*\:data-\[slot\=label\]\:justify-self-start {
2082
+ .lui\:\*\:data-\[slot\=label\]\:justify-self-start {
2423
2083
  :is(& > *) {
2424
2084
  &[data-slot="label"] {
2425
2085
  justify-self: flex-start;
2426
2086
  }
2427
2087
  }
2428
2088
  }
2429
- .\*\:data-\[slot\=label\]\:font-medium {
2089
+ .lui\:\*\:data-\[slot\=label\]\:font-medium {
2430
2090
  :is(& > *) {
2431
2091
  &[data-slot="label"] {
2432
- --tw-font-weight: var(--font-weight-medium);
2433
- font-weight: var(--font-weight-medium);
2092
+ --tw-font-weight: var(--lui-font-weight-medium);
2093
+ font-weight: var(--lui-font-weight-medium);
2434
2094
  }
2435
2095
  }
2436
2096
  }
2437
- .has-data-\[slot\=description\]\:\*\*\:data-\[slot\=label\]\:font-medium {
2097
+ .lui\:has-data-\[slot\=description\]\:\*\*\:data-\[slot\=label\]\:font-medium {
2438
2098
  &:has(*[data-slot="description"]) {
2439
2099
  :is(& *) {
2440
2100
  &[data-slot="label"] {
2441
- --tw-font-weight: var(--font-weight-medium);
2442
- font-weight: var(--font-weight-medium);
2101
+ --tw-font-weight: var(--lui-font-weight-medium);
2102
+ font-weight: var(--lui-font-weight-medium);
2443
2103
  }
2444
2104
  }
2445
2105
  }
2446
2106
  }
2447
- .sm\:mb-auto {
2107
+ .lui\:sm\:mb-auto {
2448
2108
  @media (width >= 40rem) {
2449
2109
  margin-bottom: auto;
2450
2110
  }
2451
2111
  }
2452
- .sm\:flex {
2112
+ .lui\:sm\:flex {
2453
2113
  @media (width >= 40rem) {
2454
2114
  display: flex;
2455
2115
  }
2456
2116
  }
2457
- .sm\:size-3\.5 {
2117
+ .lui\:sm\:size-3\.5 {
2458
2118
  @media (width >= 40rem) {
2459
- width: calc(var(--spacing) * 3.5);
2460
- height: calc(var(--spacing) * 3.5);
2119
+ width: calc(var(--lui-spacing) * 3.5);
2120
+ height: calc(var(--lui-spacing) * 3.5);
2461
2121
  }
2462
2122
  }
2463
- .sm\:size-4 {
2123
+ .lui\:sm\:size-4 {
2464
2124
  @media (width >= 40rem) {
2465
- width: calc(var(--spacing) * 4);
2466
- height: calc(var(--spacing) * 4);
2125
+ width: calc(var(--lui-spacing) * 4);
2126
+ height: calc(var(--lui-spacing) * 4);
2467
2127
  }
2468
2128
  }
2469
- .sm\:h-3\.5 {
2129
+ .lui\:sm\:h-3\.5 {
2470
2130
  @media (width >= 40rem) {
2471
- height: calc(var(--spacing) * 3.5);
2131
+ height: calc(var(--lui-spacing) * 3.5);
2472
2132
  }
2473
2133
  }
2474
- .sm\:h-5 {
2134
+ .lui\:sm\:h-5 {
2475
2135
  @media (width >= 40rem) {
2476
- height: calc(var(--spacing) * 5);
2136
+ height: calc(var(--lui-spacing) * 5);
2477
2137
  }
2478
2138
  }
2479
- .sm\:w-3\.5 {
2139
+ .lui\:sm\:w-3\.5 {
2480
2140
  @media (width >= 40rem) {
2481
- width: calc(var(--spacing) * 3.5);
2141
+ width: calc(var(--lui-spacing) * 3.5);
2482
2142
  }
2483
2143
  }
2484
- .sm\:w-8 {
2144
+ .lui\:sm\:w-8 {
2485
2145
  @media (width >= 40rem) {
2486
- width: calc(var(--spacing) * 8);
2146
+ width: calc(var(--lui-spacing) * 8);
2487
2147
  }
2488
2148
  }
2489
- .sm\:max-w-3xl {
2149
+ .lui\:sm\:max-w-3xl {
2490
2150
  @media (width >= 40rem) {
2491
- max-width: var(--container-3xl);
2151
+ max-width: var(--lui-container-3xl);
2492
2152
  }
2493
2153
  }
2494
- .sm\:grid-cols-\[1fr_auto\] {
2154
+ .lui\:sm\:grid-cols-\[1fr_auto\] {
2495
2155
  @media (width >= 40rem) {
2496
2156
  grid-template-columns: 1fr auto;
2497
2157
  }
2498
2158
  }
2499
- .sm\:grid-cols-\[1rem_1fr\] {
2159
+ .lui\:sm\:grid-cols-\[1rem_1fr\] {
2500
2160
  @media (width >= 40rem) {
2501
2161
  grid-template-columns: 1rem 1fr;
2502
2162
  }
2503
2163
  }
2504
- .sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
2164
+ .lui\:sm\:grid-cols-\[min\(50\%\,--spacing\(80\)\)_auto\] {
2505
2165
  @media (width >= 40rem) {
2506
- grid-template-columns: min(50%, calc(var(--spacing) * 80)) auto;
2166
+ grid-template-columns: min(50%, calc(var(--lui-spacing) * 80)) auto;
2507
2167
  }
2508
2168
  }
2509
- .sm\:grid-rows-\[1fr_auto_3fr\] {
2169
+ .lui\:sm\:grid-rows-\[1fr_auto_3fr\] {
2510
2170
  @media (width >= 40rem) {
2511
2171
  grid-template-rows: 1fr auto 3fr;
2512
2172
  }
2513
2173
  }
2514
- .sm\:flex-row {
2174
+ .lui\:sm\:flex-row {
2515
2175
  @media (width >= 40rem) {
2516
2176
  flex-direction: row;
2517
2177
  }
2518
2178
  }
2519
- .sm\:rounded-2xl {
2179
+ .lui\:sm\:rounded-2xl {
2520
2180
  @media (width >= 40rem) {
2521
- border-radius: var(--radius-2xl);
2181
+ border-radius: var(--lui-radius-2xl);
2522
2182
  }
2523
2183
  }
2524
- .sm\:border-t {
2184
+ .lui\:sm\:border-t {
2525
2185
  @media (width >= 40rem) {
2526
2186
  border-top-style: var(--tw-border-style);
2527
2187
  border-top-width: 1px;
2528
2188
  }
2529
2189
  }
2530
- .sm\:border-zinc-950\/5 {
2190
+ .lui\:sm\:border-zinc-950\/5 {
2531
2191
  @media (width >= 40rem) {
2532
- 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
+ }
2533
2196
  }
2534
2197
  }
2535
- .sm\:p-4 {
2198
+ .lui\:sm\:p-4 {
2536
2199
  @media (width >= 40rem) {
2537
- padding: calc(var(--spacing) * 4);
2200
+ padding: calc(var(--lui-spacing) * 4);
2538
2201
  }
2539
2202
  }
2540
- .sm\:px-6 {
2203
+ .lui\:sm\:px-6 {
2541
2204
  @media (width >= 40rem) {
2542
- padding-inline: calc(var(--spacing) * 6);
2205
+ padding-inline: calc(var(--lui-spacing) * 6);
2543
2206
  }
2544
2207
  }
2545
- .sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2208
+ .lui\:sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2546
2209
  @media (width >= 40rem) {
2547
- padding-inline: calc(calc(var(--spacing) * 3) - 1px);
2210
+ padding-inline: calc(calc(var(--lui-spacing) * 3) - 1px);
2548
2211
  }
2549
2212
  }
2550
- .sm\:py-3 {
2213
+ .lui\:sm\:py-3 {
2551
2214
  @media (width >= 40rem) {
2552
- padding-block: calc(var(--spacing) * 3);
2215
+ padding-block: calc(var(--lui-spacing) * 3);
2553
2216
  }
2554
2217
  }
2555
- .sm\:py-8 {
2218
+ .lui\:sm\:py-8 {
2556
2219
  @media (width >= 40rem) {
2557
- padding-block: calc(var(--spacing) * 8);
2220
+ padding-block: calc(var(--lui-spacing) * 8);
2558
2221
  }
2559
2222
  }
2560
- .sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2223
+ .lui\:sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2561
2224
  @media (width >= 40rem) {
2562
- padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
2225
+ padding-block: calc(calc(var(--lui-spacing) * 1.5) - 1px);
2563
2226
  }
2564
2227
  }
2565
- .sm\:pt-0 {
2228
+ .lui\:sm\:pt-0 {
2566
2229
  @media (width >= 40rem) {
2567
- padding-top: calc(var(--spacing) * 0);
2230
+ padding-top: calc(var(--lui-spacing) * 0);
2568
2231
  }
2569
2232
  }
2570
- .sm\:pr-\[calc\(--spacing\(9\)-1px\)\] {
2233
+ .lui\:sm\:pr-\[calc\(--spacing\(9\)-1px\)\] {
2571
2234
  @media (width >= 40rem) {
2572
- padding-right: calc(calc(var(--spacing) * 9) - 1px);
2235
+ padding-right: calc(calc(var(--lui-spacing) * 9) - 1px);
2573
2236
  }
2574
2237
  }
2575
- .sm\:pl-\[calc\(--spacing\(3\)-1px\)\] {
2238
+ .lui\:sm\:pl-\[calc\(--spacing\(3\)-1px\)\] {
2576
2239
  @media (width >= 40rem) {
2577
- padding-left: calc(calc(var(--spacing) * 3) - 1px);
2240
+ padding-left: calc(calc(var(--lui-spacing) * 3) - 1px);
2578
2241
  }
2579
2242
  }
2580
- .sm\:text-xs {
2243
+ .lui\:sm\:text-base\/6 {
2581
2244
  @media (width >= 40rem) {
2582
- font-size: var(--text-xs);
2583
- 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);
2584
2247
  }
2585
2248
  }
2586
- .sm\:text-base\/6 {
2249
+ .lui\:sm\:text-sm\/6 {
2587
2250
  @media (width >= 40rem) {
2588
- font-size: var(--text-base);
2589
- line-height: calc(var(--spacing) * 6);
2251
+ font-size: var(--lui-text-sm);
2252
+ line-height: calc(var(--lui-spacing) * 6);
2590
2253
  }
2591
2254
  }
2592
- .sm\:text-sm\/6 {
2255
+ .lui\:sm\:text-xs {
2593
2256
  @media (width >= 40rem) {
2594
- font-size: var(--text-sm);
2595
- 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));
2596
2259
  }
2597
2260
  }
2598
- .sm\:\*\:w-auto {
2261
+ .lui\:sm\:\*\:w-auto {
2599
2262
  @media (width >= 40rem) {
2600
2263
  :is(& > *) {
2601
2264
  width: auto;
2602
2265
  }
2603
2266
  }
2604
2267
  }
2605
- .sm\:group-data-checked\:translate-x-3 {
2268
+ .lui\:sm\:group-data-checked\:translate-x-3 {
2606
2269
  @media (width >= 40rem) {
2607
- &:is(:where(.group)[data-checked] *) {
2608
- --tw-translate-x: calc(var(--spacing) * 3);
2270
+ &:is(:where(.lui\:group)[data-checked] *) {
2271
+ --tw-translate-x: calc(var(--lui-spacing) * 3);
2609
2272
  translate: var(--tw-translate-x) var(--tw-translate-y);
2610
2273
  }
2611
2274
  }
2612
2275
  }
2613
- .file\:sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2276
+ .lui\:file\:sm\:px-\[calc\(--spacing\(3\)-1px\)\] {
2614
2277
  &::file-selector-button {
2615
2278
  @media (width >= 40rem) {
2616
- padding-inline: calc(calc(var(--spacing) * 3) - 1px);
2279
+ padding-inline: calc(calc(var(--lui-spacing) * 3) - 1px);
2617
2280
  }
2618
2281
  }
2619
2282
  }
2620
- .file\:sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2283
+ .lui\:file\:sm\:py-\[calc\(--spacing\(1\.5\)-1px\)\] {
2621
2284
  &::file-selector-button {
2622
2285
  @media (width >= 40rem) {
2623
- padding-block: calc(calc(var(--spacing) * 1.5) - 1px);
2286
+ padding-block: calc(calc(var(--lui-spacing) * 1.5) - 1px);
2624
2287
  }
2625
2288
  }
2626
2289
  }
2627
- .sm\:focus-within\:after\:ring-2 {
2290
+ .lui\:sm\:focus-within\:after\:ring-2 {
2628
2291
  @media (width >= 40rem) {
2629
2292
  &:focus-within {
2630
2293
  &::after {
2631
2294
  content: var(--tw-content);
2632
- --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);
2633
2296
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2634
2297
  }
2635
2298
  }
2636
2299
  }
2637
2300
  }
2638
- .sm\:focus-within\:after\:ring-blue-500 {
2301
+ .lui\:sm\:focus-within\:after\:ring-blue-500 {
2639
2302
  @media (width >= 40rem) {
2640
2303
  &:focus-within {
2641
2304
  &::after {
2642
2305
  content: var(--tw-content);
2643
- --tw-ring-color: var(--color-blue-500);
2306
+ --tw-ring-color: var(--lui-color-blue-500);
2644
2307
  }
2645
2308
  }
2646
2309
  }
2647
2310
  }
2648
- .sm\:data-closed\:translate-y-0 {
2311
+ .lui\:sm\:data-closed\:translate-y-0 {
2649
2312
  @media (width >= 40rem) {
2650
2313
  &[data-closed] {
2651
- --tw-translate-y: calc(var(--spacing) * 0);
2314
+ --tw-translate-y: calc(var(--lui-spacing) * 0);
2652
2315
  translate: var(--tw-translate-x) var(--tw-translate-y);
2653
2316
  }
2654
2317
  }
2655
2318
  }
2656
- .sm\:data-closed\:data-enter\:scale-95 {
2319
+ .lui\:sm\:data-closed\:data-enter\:scale-95 {
2657
2320
  @media (width >= 40rem) {
2658
2321
  &[data-closed] {
2659
2322
  &[data-enter] {
@@ -2665,26 +2328,26 @@
2665
2328
  }
2666
2329
  }
2667
2330
  }
2668
- .sm\:\*\:data-\[slot\=icon\]\:my-1 {
2331
+ .lui\:sm\:\*\:data-\[slot\=icon\]\:my-1 {
2669
2332
  @media (width >= 40rem) {
2670
2333
  :is(& > *) {
2671
2334
  &[data-slot="icon"] {
2672
- margin-block: calc(var(--spacing) * 1);
2335
+ margin-block: calc(var(--lui-spacing) * 1);
2673
2336
  }
2674
2337
  }
2675
2338
  }
2676
2339
  }
2677
- .sm\:\*\:data-\[slot\=icon\]\:size-4 {
2340
+ .lui\:sm\:\*\:data-\[slot\=icon\]\:size-4 {
2678
2341
  @media (width >= 40rem) {
2679
2342
  :is(& > *) {
2680
2343
  &[data-slot="icon"] {
2681
- width: calc(var(--spacing) * 4);
2682
- height: calc(var(--spacing) * 4);
2344
+ width: calc(var(--lui-spacing) * 4);
2345
+ height: calc(var(--lui-spacing) * 4);
2683
2346
  }
2684
2347
  }
2685
2348
  }
2686
2349
  }
2687
- .sm\:nth-2\:border-none {
2350
+ .lui\:sm\:nth-2\:border-none {
2688
2351
  @media (width >= 40rem) {
2689
2352
  &:nth-child(2) {
2690
2353
  --tw-border-style: none;
@@ -2692,126 +2355,71 @@
2692
2355
  }
2693
2356
  }
2694
2357
  }
2695
- .lg\:px-8 {
2696
- @media (width >= 64rem) {
2697
- padding-inline: calc(var(--spacing) * 8);
2698
- }
2699
- }
2700
- .lg\:py-16 {
2701
- @media (width >= 64rem) {
2702
- padding-block: calc(var(--spacing) * 16);
2703
- }
2704
- }
2705
- .dark\:before\:hidden {
2706
- @media (prefers-color-scheme: dark) {
2707
- &::before {
2708
- content: var(--tw-content);
2709
- display: none;
2710
- }
2711
- }
2712
- }
2713
- .dark\:data-invalid\:hover\:border-red-500 {
2714
- @media (prefers-color-scheme: dark) {
2715
- &[data-invalid] {
2716
- &:hover {
2717
- @media (hover: hover) {
2718
- border-color: var(--color-red-500);
2719
- }
2720
- }
2721
- }
2722
- }
2723
- }
2724
- .forced-colors\:stroke-\[CanvasText\] {
2358
+ .lui\:forced-colors\:stroke-\[CanvasText\] {
2725
2359
  @media (forced-colors: active) {
2726
2360
  stroke: CanvasText;
2727
2361
  }
2728
2362
  }
2729
- .forced-colors\:outline {
2363
+ .lui\:forced-colors\:outline {
2730
2364
  @media (forced-colors: active) {
2731
2365
  outline-style: var(--tw-outline-style);
2732
2366
  outline-width: 1px;
2733
2367
  }
2734
2368
  }
2735
- .forced-colors\:\[--checkbox-check\:HighlightText\] {
2369
+ .lui\:forced-colors\:\[--checkbox-check\:HighlightText\] {
2736
2370
  @media (forced-colors: active) {
2737
2371
  --checkbox-check: HighlightText;
2738
2372
  }
2739
2373
  }
2740
- .forced-colors\:\[--checkbox-checked-bg\:Highlight\] {
2374
+ .lui\:forced-colors\:\[--checkbox-checked-bg\:Highlight\] {
2741
2375
  @media (forced-colors: active) {
2742
2376
  --checkbox-checked-bg: Highlight;
2743
2377
  }
2744
2378
  }
2745
- .forced-colors\:\[--switch-bg\:Highlight\] {
2379
+ .lui\:forced-colors\:\[--switch-bg\:Highlight\] {
2746
2380
  @media (forced-colors: active) {
2747
2381
  --switch-bg: Highlight;
2748
2382
  }
2749
2383
  }
2750
- .forced-colors\:group-data-disabled\:\[--checkbox-check\:Highlight\] {
2384
+ .lui\:forced-colors\:group-data-disabled\:\[--checkbox-check\:Highlight\] {
2751
2385
  @media (forced-colors: active) {
2752
- &:is(:where(.group)[data-disabled] *) {
2386
+ &:is(:where(.lui\:group)[data-disabled] *) {
2753
2387
  --checkbox-check: Highlight;
2754
2388
  }
2755
2389
  }
2756
2390
  }
2757
- .\[\&_optgroup\]\:font-semibold {
2391
+ .lui\:\[\&_optgroup\]\:font-semibold {
2758
2392
  & optgroup {
2759
- --tw-font-weight: var(--font-weight-semibold);
2760
- font-weight: var(--font-weight-semibold);
2393
+ --tw-font-weight: var(--lui-font-weight-semibold);
2394
+ font-weight: var(--lui-font-weight-semibold);
2761
2395
  }
2762
2396
  }
2763
- .\[\&\>\[data-slot\=control\]\+\[data-slot\=description\]\]\:mt-3 {
2397
+ .lui\:\[\&\>\[data-slot\=control\]\+\[data-slot\=description\]\]\:mt-3 {
2764
2398
  &>[data-slot=control]+[data-slot=description] {
2765
- margin-top: calc(var(--spacing) * 3);
2399
+ margin-top: calc(var(--lui-spacing) * 3);
2766
2400
  }
2767
2401
  }
2768
- .\[\&\>\[data-slot\=control\]\+\[data-slot\=error\]\]\:mt-3 {
2402
+ .lui\:\[\&\>\[data-slot\=control\]\+\[data-slot\=error\]\]\:mt-3 {
2769
2403
  &>[data-slot=control]+[data-slot=error] {
2770
- margin-top: calc(var(--spacing) * 3);
2404
+ margin-top: calc(var(--lui-spacing) * 3);
2771
2405
  }
2772
2406
  }
2773
- .\[\&\>\[data-slot\=description\]\+\[data-slot\=control\]\]\:mt-3 {
2407
+ .lui\:\[\&\>\[data-slot\=description\]\+\[data-slot\=control\]\]\:mt-3 {
2774
2408
  &>[data-slot=description]+[data-slot=control] {
2775
- margin-top: calc(var(--spacing) * 3);
2409
+ margin-top: calc(var(--lui-spacing) * 3);
2776
2410
  }
2777
2411
  }
2778
- .\[\&\>\[data-slot\=label\]\+\[data-slot\=control\]\]\:mt-3 {
2412
+ .lui\:\[\&\>\[data-slot\=label\]\+\[data-slot\=control\]\]\:mt-3 {
2779
2413
  &>[data-slot=label]+[data-slot=control] {
2780
- margin-top: calc(var(--spacing) * 3);
2414
+ margin-top: calc(var(--lui-spacing) * 3);
2781
2415
  }
2782
2416
  }
2783
- .\[\&\>\[data-slot\=label\]\+\[data-slot\=description\]\]\:mt-1 {
2417
+ .lui\:\[\&\>\[data-slot\=label\]\+\[data-slot\=description\]\]\:mt-1 {
2784
2418
  &>[data-slot=label]+[data-slot=description] {
2785
- margin-top: calc(var(--spacing) * 1);
2419
+ margin-top: calc(var(--lui-spacing) * 1);
2786
2420
  }
2787
2421
  }
2788
2422
  }
2789
- @keyframes spin {
2790
- to {
2791
- transform: rotate(360deg);
2792
- }
2793
- }
2794
- @keyframes ping {
2795
- 75%, 100% {
2796
- transform: scale(2);
2797
- opacity: 0;
2798
- }
2799
- }
2800
- @keyframes pulse {
2801
- 50% {
2802
- opacity: 0.5;
2803
- }
2804
- }
2805
- @keyframes bounce {
2806
- 0%, 100% {
2807
- transform: translateY(-25%);
2808
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2809
- }
2810
- 50% {
2811
- transform: none;
2812
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2813
- }
2814
- }
2815
2423
  @property --tw-translate-x {
2816
2424
  syntax: "*";
2817
2425
  inherits: false;
@@ -2827,21 +2435,6 @@
2827
2435
  inherits: false;
2828
2436
  initial-value: 0;
2829
2437
  }
2830
- @property --tw-scale-x {
2831
- syntax: "*";
2832
- inherits: false;
2833
- initial-value: 1;
2834
- }
2835
- @property --tw-scale-y {
2836
- syntax: "*";
2837
- inherits: false;
2838
- initial-value: 1;
2839
- }
2840
- @property --tw-scale-z {
2841
- syntax: "*";
2842
- inherits: false;
2843
- initial-value: 1;
2844
- }
2845
2438
  @property --tw-rotate-x {
2846
2439
  syntax: "*";
2847
2440
  inherits: false;
@@ -2894,6 +2487,11 @@
2894
2487
  syntax: "*";
2895
2488
  inherits: false;
2896
2489
  }
2490
+ @property --tw-shadow-alpha {
2491
+ syntax: "<percentage>";
2492
+ inherits: false;
2493
+ initial-value: 100%;
2494
+ }
2897
2495
  @property --tw-inset-shadow {
2898
2496
  syntax: "*";
2899
2497
  inherits: false;
@@ -2903,6 +2501,11 @@
2903
2501
  syntax: "*";
2904
2502
  inherits: false;
2905
2503
  }
2504
+ @property --tw-inset-shadow-alpha {
2505
+ syntax: "<percentage>";
2506
+ inherits: false;
2507
+ initial-value: 100%;
2508
+ }
2906
2509
  @property --tw-ring-color {
2907
2510
  syntax: "*";
2908
2511
  inherits: false;
@@ -2945,88 +2548,80 @@
2945
2548
  inherits: false;
2946
2549
  initial-value: solid;
2947
2550
  }
2948
- @property --tw-blur {
2949
- syntax: "*";
2950
- inherits: false;
2951
- }
2952
- @property --tw-brightness {
2953
- syntax: "*";
2954
- inherits: false;
2955
- }
2956
- @property --tw-contrast {
2957
- syntax: "*";
2958
- inherits: false;
2959
- }
2960
- @property --tw-grayscale {
2961
- syntax: "*";
2962
- inherits: false;
2963
- }
2964
- @property --tw-hue-rotate {
2965
- syntax: "*";
2966
- inherits: false;
2967
- }
2968
- @property --tw-invert {
2969
- syntax: "*";
2970
- inherits: false;
2971
- }
2972
- @property --tw-opacity {
2973
- syntax: "*";
2974
- inherits: false;
2975
- }
2976
- @property --tw-saturate {
2977
- syntax: "*";
2978
- inherits: false;
2979
- }
2980
- @property --tw-sepia {
2981
- syntax: "*";
2982
- inherits: false;
2983
- }
2984
- @property --tw-backdrop-blur {
2985
- syntax: "*";
2986
- inherits: false;
2987
- }
2988
- @property --tw-backdrop-brightness {
2989
- syntax: "*";
2990
- inherits: false;
2991
- }
2992
- @property --tw-backdrop-contrast {
2993
- syntax: "*";
2994
- inherits: false;
2995
- }
2996
- @property --tw-backdrop-grayscale {
2551
+ @property --tw-duration {
2997
2552
  syntax: "*";
2998
2553
  inherits: false;
2999
2554
  }
3000
- @property --tw-backdrop-hue-rotate {
2555
+ @property --tw-ease {
3001
2556
  syntax: "*";
3002
2557
  inherits: false;
3003
2558
  }
3004
- @property --tw-backdrop-invert {
2559
+ @property --tw-content {
3005
2560
  syntax: "*";
2561
+ initial-value: "";
3006
2562
  inherits: false;
3007
2563
  }
3008
- @property --tw-backdrop-opacity {
2564
+ @property --tw-scale-x {
3009
2565
  syntax: "*";
3010
2566
  inherits: false;
2567
+ initial-value: 1;
3011
2568
  }
3012
- @property --tw-backdrop-saturate {
2569
+ @property --tw-scale-y {
3013
2570
  syntax: "*";
3014
2571
  inherits: false;
2572
+ initial-value: 1;
3015
2573
  }
3016
- @property --tw-backdrop-sepia {
2574
+ @property --tw-scale-z {
3017
2575
  syntax: "*";
3018
2576
  inherits: false;
2577
+ initial-value: 1;
3019
2578
  }
3020
- @property --tw-duration {
3021
- syntax: "*";
3022
- inherits: false;
2579
+ @keyframes spin {
2580
+ to {
2581
+ transform: rotate(360deg);
2582
+ }
3023
2583
  }
3024
- @property --tw-ease {
3025
- syntax: "*";
3026
- inherits: false;
2584
+ @keyframes pulse {
2585
+ 50% {
2586
+ opacity: 0.5;
2587
+ }
3027
2588
  }
3028
- @property --tw-content {
3029
- syntax: "*";
3030
- initial-value: "";
3031
- 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
+ }
3032
2627
  }