lightning_ui_kit 0.1.4 → 0.2.1

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