lightning_ui_kit 0.2.5 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/Rakefile +2 -9
  4. data/app/assets/builds/lightning_ui_kit.css +31 -588
  5. data/app/assets/builds/lightning_ui_kit.js +2 -9
  6. data/app/assets/builds/lightning_ui_kit.js.map +4 -4
  7. data/app/assets/vendor/lightning_ui_kit.css +88 -582
  8. data/app/assets/vendor/lightning_ui_kit.js +2 -9
  9. data/app/components/lightning_ui_kit/button_component.html.erb +0 -4
  10. data/app/components/lightning_ui_kit/button_component.rb +3 -24
  11. data/app/components/lightning_ui_kit/checkbox_component.html.erb +7 -2
  12. data/app/components/lightning_ui_kit/checkbox_component.rb +0 -13
  13. data/app/components/lightning_ui_kit/dropdown_component.html.erb +1 -1
  14. data/app/components/lightning_ui_kit/dropdown_component.rb +1 -1
  15. data/app/components/lightning_ui_kit/dropzone_component.html.erb +38 -13
  16. data/app/components/lightning_ui_kit/dropzone_component.rb +16 -43
  17. data/app/components/lightning_ui_kit/file_input_component.html.erb +34 -4
  18. data/app/components/lightning_ui_kit/file_input_component.rb +20 -54
  19. data/app/components/lightning_ui_kit/input_component.html.erb +98 -14
  20. data/app/components/lightning_ui_kit/input_component.rb +19 -154
  21. data/app/components/lightning_ui_kit/modal_component.html.erb +2 -2
  22. data/app/components/lightning_ui_kit/select_component.html.erb +27 -6
  23. data/app/components/lightning_ui_kit/select_component.rb +23 -65
  24. data/app/components/lightning_ui_kit/textarea_component.html.erb +37 -5
  25. data/app/components/lightning_ui_kit/textarea_component.rb +17 -50
  26. data/app/javascript/lightning_ui_kit/controllers/modal_controller.js +1 -7
  27. data/app/javascript/lightning_ui_kit/index.js +0 -8
  28. data/config/deploy.yml +5 -2
  29. data/lib/lightning_ui_kit/engine.rb +6 -1
  30. data/lib/lightning_ui_kit/version.rb +1 -1
  31. metadata +17 -17
  32. data/app/components/lightning_ui_kit/combobox_component.html.erb +0 -137
  33. data/app/components/lightning_ui_kit/combobox_component.rb +0 -205
  34. data/app/components/lightning_ui_kit/layout_component.html.erb +0 -118
  35. data/app/components/lightning_ui_kit/layout_component.rb +0 -26
  36. data/app/components/lightning_ui_kit/sidebar_link_component.html.erb +0 -6
  37. data/app/components/lightning_ui_kit/sidebar_link_component.rb +0 -33
  38. data/app/components/lightning_ui_kit/sidebar_section_component.html.erb +0 -8
  39. data/app/components/lightning_ui_kit/sidebar_section_component.rb +0 -18
  40. data/app/components/lightning_ui_kit/tooltip_component.html.erb +0 -15
  41. data/app/components/lightning_ui_kit/tooltip_component.rb +0 -26
  42. data/app/javascript/lightning_ui_kit/controllers/combobox_controller.js +0 -704
  43. data/app/javascript/lightning_ui_kit/controllers/field_controller.js +0 -23
  44. data/app/javascript/lightning_ui_kit/controllers/layout_controller.js +0 -19
  45. data/app/javascript/lightning_ui_kit/controllers/tooltip_controller.js +0 -235
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -12,14 +12,15 @@
12
12
  --lui-color-yellow-400: oklch(0.852 0.199 91.936);
13
13
  --lui-color-green-200: oklch(0.925 0.084 155.995);
14
14
  --lui-color-green-600: oklch(0.627 0.194 149.214);
15
- --lui-color-blue-50: oklch(0.97 0.014 254.604);
16
15
  --lui-color-blue-500: oklch(0.623 0.214 259.815);
17
- --lui-color-blue-600: oklch(0.546 0.245 262.881);
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
18
  --lui-color-gray-50: oklch(0.985 0.002 247.839);
19
19
  --lui-color-gray-100: oklch(0.967 0.003 264.542);
20
20
  --lui-color-gray-300: oklch(0.872 0.01 258.338);
21
- --lui-color-gray-700: oklch(0.373 0.034 259.733);
21
+ --lui-color-gray-400: oklch(0.707 0.022 261.325);
22
22
  --lui-color-gray-800: oklch(0.278 0.033 256.848);
23
+ --lui-color-gray-900: oklch(0.21 0.034 264.665);
23
24
  --lui-color-zinc-50: oklch(0.985 0 0);
24
25
  --lui-color-zinc-100: oklch(0.967 0.001 286.375);
25
26
  --lui-color-zinc-200: oklch(0.92 0.004 286.32);
@@ -28,7 +29,6 @@
28
29
  --lui-color-zinc-500: oklch(0.552 0.016 285.938);
29
30
  --lui-color-zinc-600: oklch(0.442 0.017 285.786);
30
31
  --lui-color-zinc-700: oklch(0.37 0.013 285.805);
31
- --lui-color-zinc-800: oklch(0.274 0.006 286.033);
32
32
  --lui-color-zinc-900: oklch(0.21 0.006 285.885);
33
33
  --lui-color-zinc-950: oklch(0.141 0.005 285.823);
34
34
  --lui-color-black: #000;
@@ -36,7 +36,6 @@
36
36
  --lui-spacing: 0.25rem;
37
37
  --lui-container-xs: 20rem;
38
38
  --lui-container-3xl: 48rem;
39
- --lui-container-6xl: 72rem;
40
39
  --lui-text-xs: 0.75rem;
41
40
  --lui-text-xs--line-height: calc(1 / 0.75);
42
41
  --lui-text-sm: 0.875rem;
@@ -44,21 +43,12 @@
44
43
  --lui-text-base: 1rem;
45
44
  --lui-text-base--line-height: calc(1.5 / 1);
46
45
  --lui-text-lg: 1.125rem;
47
- --lui-text-lg--line-height: calc(1.75 / 1.125);
48
- --lui-text-xl: 1.25rem;
49
- --lui-text-xl--line-height: calc(1.75 / 1.25);
50
- --lui-text-2xl: 1.5rem;
51
- --lui-text-2xl--line-height: calc(2 / 1.5);
52
46
  --lui-font-weight-normal: 400;
53
47
  --lui-font-weight-medium: 500;
54
48
  --lui-font-weight-semibold: 600;
55
- --lui-font-weight-bold: 700;
56
- --lui-tracking-wider: 0.05em;
57
49
  --lui-leading-snug: 1.375;
58
- --lui-leading-relaxed: 1.625;
59
50
  --lui-radius-md: 0.375rem;
60
51
  --lui-radius-lg: 0.5rem;
61
- --lui-radius-xl: 0.75rem;
62
52
  --lui-radius-2xl: 1rem;
63
53
  --lui-radius-3xl: 1.5rem;
64
54
  --lui-ease-in: cubic-bezier(0.4, 0, 1, 1);
@@ -218,9 +208,6 @@
218
208
  .lui\:pointer-events-none {
219
209
  pointer-events: none;
220
210
  }
221
- .lui\:invisible {
222
- visibility: hidden;
223
- }
224
211
  .lui\:sr-only {
225
212
  position: absolute;
226
213
  width: 1px;
@@ -228,7 +215,7 @@
228
215
  padding: 0;
229
216
  margin: -1px;
230
217
  overflow: hidden;
231
- clip-path: inset(50%);
218
+ clip: rect(0, 0, 0, 0);
232
219
  white-space: nowrap;
233
220
  border-width: 0;
234
221
  }
@@ -247,12 +234,6 @@
247
234
  .lui\:inset-y-0 {
248
235
  inset-block: calc(var(--lui-spacing) * 0);
249
236
  }
250
- .lui\:top-1\/2 {
251
- top: calc(1/2 * 100%);
252
- }
253
- .lui\:top-5 {
254
- top: calc(var(--lui-spacing) * 5);
255
- }
256
237
  .lui\:top-auto {
257
238
  top: auto;
258
239
  }
@@ -268,18 +249,9 @@
268
249
  .lui\:left-0 {
269
250
  left: calc(var(--lui-spacing) * 0);
270
251
  }
271
- .lui\:left-1\/2 {
272
- left: calc(1/2 * 100%);
273
- }
274
252
  .lui\:isolate {
275
253
  isolation: isolate;
276
254
  }
277
- .lui\:z-10 {
278
- z-index: 10;
279
- }
280
- .lui\:z-50 {
281
- z-index: 50;
282
- }
283
255
  .lui\:col-start-1 {
284
256
  grid-column-start: 1;
285
257
  }
@@ -289,9 +261,6 @@
289
261
  .lui\:-mx-1\.5 {
290
262
  margin-inline: calc(var(--lui-spacing) * -1.5);
291
263
  }
292
- .lui\:mx-auto {
293
- margin-inline: auto;
294
- }
295
264
  .lui\:-my-1\.5 {
296
265
  margin-block: calc(var(--lui-spacing) * -1.5);
297
266
  }
@@ -307,18 +276,12 @@
307
276
  .lui\:me-3 {
308
277
  margin-inline-end: calc(var(--lui-spacing) * 3);
309
278
  }
310
- .lui\:mt-1 {
311
- margin-top: calc(var(--lui-spacing) * 1);
312
- }
313
279
  .lui\:mt-1\.5 {
314
280
  margin-top: calc(var(--lui-spacing) * 1.5);
315
281
  }
316
282
  .lui\:mt-2 {
317
283
  margin-top: calc(var(--lui-spacing) * 2);
318
284
  }
319
- .lui\:mt-4 {
320
- margin-top: calc(var(--lui-spacing) * 4);
321
- }
322
285
  .lui\:mt-8 {
323
286
  margin-top: calc(var(--lui-spacing) * 8);
324
287
  }
@@ -331,15 +294,6 @@
331
294
  .lui\:mb-4 {
332
295
  margin-bottom: calc(var(--lui-spacing) * 4);
333
296
  }
334
- .lui\:mb-6 {
335
- margin-bottom: calc(var(--lui-spacing) * 6);
336
- }
337
- .lui\:-ml-4 {
338
- margin-left: calc(var(--lui-spacing) * -4);
339
- }
340
- .lui\:ml-0\.5 {
341
- margin-left: calc(var(--lui-spacing) * 0.5);
342
- }
343
297
  .lui\:ml-2 {
344
298
  margin-left: calc(var(--lui-spacing) * 2);
345
299
  }
@@ -397,10 +351,6 @@
397
351
  width: 1.125rem;
398
352
  height: 1.125rem;
399
353
  }
400
- .lui\:size-\[max\(100\%\,2\.75rem\)\] {
401
- width: max(100%, 2.75rem);
402
- height: max(100%, 2.75rem);
403
- }
404
354
  .lui\:size-full {
405
355
  width: 100%;
406
356
  height: 100%;
@@ -414,9 +364,6 @@
414
364
  .lui\:h-3 {
415
365
  height: calc(var(--lui-spacing) * 3);
416
366
  }
417
- .lui\:h-3\.5 {
418
- height: calc(var(--lui-spacing) * 3.5);
419
- }
420
367
  .lui\:h-4 {
421
368
  height: calc(var(--lui-spacing) * 4);
422
369
  }
@@ -432,24 +379,9 @@
432
379
  .lui\:h-10 {
433
380
  height: calc(var(--lui-spacing) * 10);
434
381
  }
435
- .lui\:h-11 {
436
- height: calc(var(--lui-spacing) * 11);
437
- }
438
382
  .lui\:h-full {
439
383
  height: 100%;
440
384
  }
441
- .lui\:h-screen {
442
- height: 100vh;
443
- }
444
- .lui\:max-h-60 {
445
- max-height: calc(var(--lui-spacing) * 60);
446
- }
447
- .lui\:min-h-0 {
448
- min-height: calc(var(--lui-spacing) * 0);
449
- }
450
- .lui\:min-h-\[42px\] {
451
- min-height: 42px;
452
- }
453
385
  .lui\:min-h-full {
454
386
  min-height: 100%;
455
387
  }
@@ -462,9 +394,6 @@
462
394
  .lui\:w-3 {
463
395
  width: calc(var(--lui-spacing) * 3);
464
396
  }
465
- .lui\:w-3\.5 {
466
- width: calc(var(--lui-spacing) * 3.5);
467
- }
468
397
  .lui\:w-4 {
469
398
  width: calc(var(--lui-spacing) * 4);
470
399
  }
@@ -480,15 +409,12 @@
480
409
  .lui\:w-10 {
481
410
  width: calc(var(--lui-spacing) * 10);
482
411
  }
483
- .lui\:w-11 {
484
- width: calc(var(--lui-spacing) * 11);
485
- }
486
- .lui\:w-14 {
487
- width: calc(var(--lui-spacing) * 14);
488
- }
489
412
  .lui\:w-48 {
490
413
  width: calc(var(--lui-spacing) * 48);
491
414
  }
415
+ .lui\:w-56 {
416
+ width: calc(var(--lui-spacing) * 56);
417
+ }
492
418
  .lui\:w-\[2\.25rem\] {
493
419
  width: 2.25rem;
494
420
  }
@@ -498,12 +424,6 @@
498
424
  .lui\:w-screen {
499
425
  width: 100vw;
500
426
  }
501
- .lui\:max-w-6xl {
502
- max-width: var(--lui-container-6xl);
503
- }
504
- .lui\:max-w-\[150px\] {
505
- max-width: 150px;
506
- }
507
427
  .lui\:max-w-xs {
508
428
  max-width: var(--lui-container-xs);
509
429
  }
@@ -513,18 +433,9 @@
513
433
  .lui\:min-w-\[2\.25rem\] {
514
434
  min-width: 2.25rem;
515
435
  }
516
- .lui\:min-w-\[120px\] {
517
- min-width: 120px;
518
- }
519
436
  .lui\:min-w-full {
520
437
  min-width: 100%;
521
438
  }
522
- .lui\:flex-1 {
523
- flex: 1;
524
- }
525
- .lui\:flex-shrink-0 {
526
- flex-shrink: 0;
527
- }
528
439
  .lui\:shrink-0 {
529
440
  flex-shrink: 0;
530
441
  }
@@ -532,24 +443,12 @@
532
443
  border-collapse: collapse;
533
444
  }
534
445
  .lui\:origin-top-left {
535
- transform-origin: 0 0;
536
- }
537
- .lui\:-translate-x-1\/2 {
538
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
539
- translate: var(--tw-translate-x) var(--tw-translate-y);
540
- }
541
- .lui\:-translate-x-full {
542
- --tw-translate-x: -100%;
543
- translate: var(--tw-translate-x) var(--tw-translate-y);
446
+ transform-origin: top left;
544
447
  }
545
448
  .lui\:translate-x-0 {
546
449
  --tw-translate-x: calc(var(--lui-spacing) * 0);
547
450
  translate: var(--tw-translate-x) var(--tw-translate-y);
548
451
  }
549
- .lui\:-translate-y-1\/2 {
550
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
551
- translate: var(--tw-translate-x) var(--tw-translate-y);
552
- }
553
452
  .lui\:scale-95 {
554
453
  --tw-scale-x: 95%;
555
454
  --tw-scale-y: 95%;
@@ -562,9 +461,6 @@
562
461
  --tw-scale-z: 100%;
563
462
  scale: var(--tw-scale-x) var(--tw-scale-y);
564
463
  }
565
- .lui\:rotate-45 {
566
- rotate: 45deg;
567
- }
568
464
  .lui\:rotate-180 {
569
465
  rotate: 180deg;
570
466
  }
@@ -580,9 +476,6 @@
580
476
  .lui\:cursor-default {
581
477
  cursor: default;
582
478
  }
583
- .lui\:cursor-help {
584
- cursor: help;
585
- }
586
479
  .lui\:cursor-pointer {
587
480
  cursor: pointer;
588
481
  }
@@ -613,15 +506,9 @@
613
506
  .lui\:grid-rows-\[1fr_auto\] {
614
507
  grid-template-rows: 1fr auto;
615
508
  }
616
- .lui\:flex-col {
617
- flex-direction: column;
618
- }
619
509
  .lui\:flex-col-reverse {
620
510
  flex-direction: column-reverse;
621
511
  }
622
- .lui\:flex-wrap {
623
- flex-wrap: wrap;
624
- }
625
512
  .lui\:items-baseline {
626
513
  align-items: baseline;
627
514
  }
@@ -640,15 +527,9 @@
640
527
  .lui\:justify-items-center {
641
528
  justify-items: center;
642
529
  }
643
- .lui\:gap-0\.5 {
644
- gap: calc(var(--lui-spacing) * 0.5);
645
- }
646
530
  .lui\:gap-1 {
647
531
  gap: calc(var(--lui-spacing) * 1);
648
532
  }
649
- .lui\:gap-1\.5 {
650
- gap: calc(var(--lui-spacing) * 1.5);
651
- }
652
533
  .lui\:gap-2 {
653
534
  gap: calc(var(--lui-spacing) * 2);
654
535
  }
@@ -658,16 +539,6 @@
658
539
  .lui\:gap-3 {
659
540
  gap: calc(var(--lui-spacing) * 3);
660
541
  }
661
- .lui\:gap-4 {
662
- gap: calc(var(--lui-spacing) * 4);
663
- }
664
- .lui\:space-y-1 {
665
- :where(& > :not(:last-child)) {
666
- --tw-space-y-reverse: 0;
667
- margin-block-start: calc(calc(var(--lui-spacing) * 1) * var(--tw-space-y-reverse));
668
- margin-block-end: calc(calc(var(--lui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
669
- }
670
- }
671
542
  .lui\:space-y-2\.5 {
672
543
  :where(& > :not(:last-child)) {
673
544
  --tw-space-y-reverse: 0;
@@ -682,13 +553,6 @@
682
553
  margin-block-end: calc(calc(var(--lui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
683
554
  }
684
555
  }
685
- .lui\:space-y-6 {
686
- :where(& > :not(:last-child)) {
687
- --tw-space-y-reverse: 0;
688
- margin-block-start: calc(calc(var(--lui-spacing) * 6) * var(--tw-space-y-reverse));
689
- margin-block-end: calc(calc(var(--lui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
690
- }
691
- }
692
556
  .lui\:gap-x-1\.5 {
693
557
  column-gap: calc(var(--lui-spacing) * 1.5);
694
558
  }
@@ -704,26 +568,12 @@
704
568
  .lui\:gap-y-1 {
705
569
  row-gap: calc(var(--lui-spacing) * 1);
706
570
  }
707
- .lui\:self-center {
708
- align-self: center;
709
- }
710
- .lui\:truncate {
711
- overflow: hidden;
712
- text-overflow: ellipsis;
713
- white-space: nowrap;
714
- }
715
- .lui\:overflow-auto {
716
- overflow: auto;
717
- }
718
571
  .lui\:overflow-hidden {
719
572
  overflow: hidden;
720
573
  }
721
574
  .lui\:overflow-y-auto {
722
575
  overflow-y: auto;
723
576
  }
724
- .lui\:rounded {
725
- border-radius: 0.25rem;
726
- }
727
577
  .lui\:rounded-\(--avatar-radius\) {
728
578
  border-radius: var(--avatar-radius);
729
579
  }
@@ -751,9 +601,6 @@
751
601
  .lui\:rounded-md {
752
602
  border-radius: var(--lui-radius-md);
753
603
  }
754
- .lui\:rounded-xl {
755
- border-radius: var(--lui-radius-xl);
756
- }
757
604
  .lui\:rounded-t-3xl {
758
605
  border-top-left-radius: var(--lui-radius-3xl);
759
606
  border-top-right-radius: var(--lui-radius-3xl);
@@ -762,10 +609,6 @@
762
609
  border-style: var(--tw-border-style);
763
610
  border-width: 1px;
764
611
  }
765
- .lui\:border-0 {
766
- border-style: var(--tw-border-style);
767
- border-width: 0px;
768
- }
769
612
  .lui\:border-\[1px\] {
770
613
  border-style: var(--tw-border-style);
771
614
  border-width: 1px;
@@ -782,6 +625,9 @@
782
625
  --tw-border-style: dotted;
783
626
  border-style: dotted;
784
627
  }
628
+ .lui\:border-gray-300 {
629
+ border-color: var(--lui-color-gray-300);
630
+ }
785
631
  .lui\:border-green-600 {
786
632
  border-color: var(--lui-color-green-600);
787
633
  }
@@ -803,9 +649,6 @@
803
649
  .lui\:border-yellow-400 {
804
650
  border-color: var(--lui-color-yellow-400);
805
651
  }
806
- .lui\:border-zinc-100 {
807
- border-color: var(--lui-color-zinc-100);
808
- }
809
652
  .lui\:border-zinc-400 {
810
653
  border-color: var(--lui-color-zinc-400);
811
654
  }
@@ -839,15 +682,12 @@
839
682
  .lui\:bg-\(--btn-border\) {
840
683
  background-color: var(--btn-border);
841
684
  }
842
- .lui\:bg-blue-500 {
843
- background-color: var(--lui-color-blue-500);
844
- }
845
- .lui\:bg-blue-600 {
846
- background-color: var(--lui-color-blue-600);
847
- }
848
685
  .lui\:bg-gray-50 {
849
686
  background-color: var(--lui-color-gray-50);
850
687
  }
688
+ .lui\:bg-gray-100 {
689
+ background-color: var(--lui-color-gray-100);
690
+ }
851
691
  .lui\:bg-gray-300 {
852
692
  background-color: var(--lui-color-gray-300);
853
693
  }
@@ -857,6 +697,9 @@
857
697
  .lui\:bg-green-600 {
858
698
  background-color: var(--lui-color-green-600);
859
699
  }
700
+ .lui\:bg-indigo-600 {
701
+ background-color: var(--lui-color-indigo-600);
702
+ }
860
703
  .lui\:bg-red-600\/80 {
861
704
  background-color: var(--lui-color-red-600);
862
705
  @supports (color: color-mix(in lab, red, red)) {
@@ -881,9 +724,6 @@
881
724
  .lui\:bg-zinc-50 {
882
725
  background-color: var(--lui-color-zinc-50);
883
726
  }
884
- .lui\:bg-zinc-100 {
885
- background-color: var(--lui-color-zinc-100);
886
- }
887
727
  .lui\:bg-zinc-200 {
888
728
  background-color: var(--lui-color-zinc-200);
889
729
  }
@@ -896,21 +736,9 @@
896
736
  background-color: color-mix(in oklab, var(--lui-color-zinc-400) 20%, transparent);
897
737
  }
898
738
  }
899
- .lui\:bg-zinc-800 {
900
- background-color: var(--lui-color-zinc-800);
901
- }
902
739
  .lui\:bg-zinc-900 {
903
740
  background-color: var(--lui-color-zinc-900);
904
741
  }
905
- .lui\:bg-zinc-950 {
906
- background-color: var(--lui-color-zinc-950);
907
- }
908
- .lui\:bg-zinc-950\/5 {
909
- background-color: var(--lui-color-zinc-950);
910
- @supports (color: color-mix(in lab, red, red)) {
911
- background-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
912
- }
913
- }
914
742
  .lui\:bg-zinc-950\/25 {
915
743
  background-color: var(--lui-color-zinc-950);
916
744
  @supports (color: color-mix(in lab, red, red)) {
@@ -920,12 +748,6 @@
920
748
  .lui\:fill-current {
921
749
  fill: currentcolor;
922
750
  }
923
- .lui\:fill-zinc-500 {
924
- fill: var(--lui-color-zinc-500);
925
- }
926
- .lui\:fill-zinc-950 {
927
- fill: var(--lui-color-zinc-950);
928
- }
929
751
  .lui\:stroke-\(--checkbox-check\) {
930
752
  stroke: var(--checkbox-check);
931
753
  }
@@ -935,51 +757,33 @@
935
757
  .lui\:p-\(--gutter\) {
936
758
  padding: var(--gutter);
937
759
  }
938
- .lui\:p-0 {
939
- padding: calc(var(--lui-spacing) * 0);
940
- }
941
760
  .lui\:p-1 {
942
761
  padding: calc(var(--lui-spacing) * 1);
943
762
  }
944
763
  .lui\:p-1\.5 {
945
764
  padding: calc(var(--lui-spacing) * 1.5);
946
765
  }
947
- .lui\:p-2 {
948
- padding: calc(var(--lui-spacing) * 2);
949
- }
950
766
  .lui\:p-4 {
951
767
  padding: calc(var(--lui-spacing) * 4);
952
768
  }
953
- .lui\:p-6 {
954
- padding: calc(var(--lui-spacing) * 6);
955
- }
956
769
  .lui\:p-\[3px\] {
957
770
  padding: 3px;
958
771
  }
959
772
  .lui\:p-\[5\%\] {
960
773
  padding: 5%;
961
774
  }
962
- .lui\:px-1 {
963
- padding-inline: calc(var(--lui-spacing) * 1);
964
- }
965
775
  .lui\:px-2 {
966
776
  padding-inline: calc(var(--lui-spacing) * 2);
967
777
  }
968
778
  .lui\:px-2\.5 {
969
779
  padding-inline: calc(var(--lui-spacing) * 2.5);
970
780
  }
971
- .lui\:px-3 {
972
- padding-inline: calc(var(--lui-spacing) * 3);
973
- }
974
781
  .lui\:px-4 {
975
782
  padding-inline: calc(var(--lui-spacing) * 4);
976
783
  }
977
784
  .lui\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
978
785
  padding-inline: calc(calc(var(--lui-spacing) * 3.5) - 1px);
979
786
  }
980
- .lui\:py-0\.5 {
981
- padding-block: calc(var(--lui-spacing) * 0.5);
982
- }
983
787
  .lui\:py-1 {
984
788
  padding-block: calc(var(--lui-spacing) * 1);
985
789
  }
@@ -989,9 +793,6 @@
989
793
  .lui\:py-2 {
990
794
  padding-block: calc(var(--lui-spacing) * 2);
991
795
  }
992
- .lui\:py-2\.5 {
993
- padding-block: calc(var(--lui-spacing) * 2.5);
994
- }
995
796
  .lui\:py-3 {
996
797
  padding-block: calc(var(--lui-spacing) * 3);
997
798
  }
@@ -1016,24 +817,12 @@
1016
817
  .lui\:pr-2 {
1017
818
  padding-right: calc(var(--lui-spacing) * 2);
1018
819
  }
1019
- .lui\:pr-3 {
1020
- padding-right: calc(var(--lui-spacing) * 3);
1021
- }
1022
- .lui\:pr-10 {
1023
- padding-right: calc(var(--lui-spacing) * 10);
1024
- }
1025
820
  .lui\:pr-\[calc\(--spacing\(10\)-1px\)\] {
1026
821
  padding-right: calc(calc(var(--lui-spacing) * 10) - 1px);
1027
822
  }
1028
823
  .lui\:pb-3 {
1029
824
  padding-bottom: calc(var(--lui-spacing) * 3);
1030
825
  }
1031
- .lui\:pb-4 {
1032
- padding-bottom: calc(var(--lui-spacing) * 4);
1033
- }
1034
- .lui\:pl-5 {
1035
- padding-left: calc(var(--lui-spacing) * 5);
1036
- }
1037
826
  .lui\:pl-\[calc\(--spacing\(3\.5\)-1px\)\] {
1038
827
  padding-left: calc(calc(var(--lui-spacing) * 3.5) - 1px);
1039
828
  }
@@ -1046,10 +835,6 @@
1046
835
  .lui\:align-middle {
1047
836
  vertical-align: middle;
1048
837
  }
1049
- .lui\:text-2xl {
1050
- font-size: var(--lui-text-2xl);
1051
- line-height: var(--tw-leading, var(--lui-text-2xl--line-height));
1052
- }
1053
838
  .lui\:text-base {
1054
839
  font-size: var(--lui-text-base);
1055
840
  line-height: var(--tw-leading, var(--lui-text-base--line-height));
@@ -1058,10 +843,6 @@
1058
843
  font-size: var(--lui-text-base);
1059
844
  line-height: calc(var(--lui-spacing) * 6);
1060
845
  }
1061
- .lui\:text-lg {
1062
- font-size: var(--lui-text-lg);
1063
- line-height: var(--tw-leading, var(--lui-text-lg--line-height));
1064
- }
1065
846
  .lui\:text-lg\/6 {
1066
847
  font-size: var(--lui-text-lg);
1067
848
  line-height: calc(var(--lui-spacing) * 6);
@@ -1078,10 +859,6 @@
1078
859
  font-size: var(--lui-text-sm);
1079
860
  line-height: calc(var(--lui-spacing) * 6);
1080
861
  }
1081
- .lui\:text-xl {
1082
- font-size: var(--lui-text-xl);
1083
- line-height: var(--tw-leading, var(--lui-text-xl--line-height));
1084
- }
1085
862
  .lui\:text-xs {
1086
863
  font-size: var(--lui-text-xs);
1087
864
  line-height: var(--tw-leading, var(--lui-text-xs--line-height));
@@ -1097,18 +874,10 @@
1097
874
  --tw-leading: 18px;
1098
875
  line-height: 18px;
1099
876
  }
1100
- .lui\:leading-relaxed {
1101
- --tw-leading: var(--lui-leading-relaxed);
1102
- line-height: var(--lui-leading-relaxed);
1103
- }
1104
877
  .lui\:leading-snug {
1105
878
  --tw-leading: var(--lui-leading-snug);
1106
879
  line-height: var(--lui-leading-snug);
1107
880
  }
1108
- .lui\:font-bold {
1109
- --tw-font-weight: var(--lui-font-weight-bold);
1110
- font-weight: var(--lui-font-weight-bold);
1111
- }
1112
881
  .lui\:font-medium {
1113
882
  --tw-font-weight: var(--lui-font-weight-medium);
1114
883
  font-weight: var(--lui-font-weight-medium);
@@ -1121,33 +890,23 @@
1121
890
  --tw-font-weight: var(--lui-font-weight-semibold);
1122
891
  font-weight: var(--lui-font-weight-semibold);
1123
892
  }
1124
- .lui\:tracking-wider {
1125
- --tw-tracking: var(--lui-tracking-wider);
1126
- letter-spacing: var(--lui-tracking-wider);
1127
- }
1128
893
  .lui\:text-balance {
1129
894
  text-wrap: balance;
1130
895
  }
1131
896
  .lui\:text-pretty {
1132
897
  text-wrap: pretty;
1133
898
  }
1134
- .lui\:whitespace-nowrap {
1135
- white-space: nowrap;
1136
- }
1137
- .lui\:text-blue-500 {
1138
- color: var(--lui-color-blue-500);
1139
- }
1140
- .lui\:text-blue-600 {
1141
- color: var(--lui-color-blue-600);
1142
- }
1143
- .lui\:text-gray-700 {
1144
- color: var(--lui-color-gray-700);
899
+ .lui\:text-gray-400 {
900
+ color: var(--lui-color-gray-400);
1145
901
  }
1146
902
  .lui\:text-gray-800 {
1147
903
  color: var(--lui-color-gray-800);
1148
904
  }
1149
- .lui\:text-green-600 {
1150
- color: var(--lui-color-green-600);
905
+ .lui\:text-gray-900 {
906
+ color: var(--lui-color-gray-900);
907
+ }
908
+ .lui\:text-indigo-500 {
909
+ color: var(--lui-color-indigo-500);
1151
910
  }
1152
911
  .lui\:text-red-600 {
1153
912
  color: var(--lui-color-red-600);
@@ -1155,8 +914,8 @@
1155
914
  .lui\:text-white {
1156
915
  color: var(--lui-color-white);
1157
916
  }
1158
- .lui\:text-zinc-400 {
1159
- color: var(--lui-color-zinc-400);
917
+ .lui\:text-zinc-300 {
918
+ color: var(--lui-color-zinc-300);
1160
919
  }
1161
920
  .lui\:text-zinc-500 {
1162
921
  color: var(--lui-color-zinc-500);
@@ -1167,30 +926,15 @@
1167
926
  .lui\:text-zinc-700 {
1168
927
  color: var(--lui-color-zinc-700);
1169
928
  }
1170
- .lui\:text-zinc-900 {
1171
- color: var(--lui-color-zinc-900);
1172
- }
1173
929
  .lui\:text-zinc-950 {
1174
930
  color: var(--lui-color-zinc-950);
1175
931
  }
1176
932
  .lui\:uppercase {
1177
933
  text-transform: uppercase;
1178
934
  }
1179
- .lui\:underline {
1180
- text-decoration-line: underline;
1181
- }
1182
- .lui\:decoration-dotted {
1183
- text-decoration-style: dotted;
1184
- }
1185
- .lui\:underline-offset-2 {
1186
- text-underline-offset: 2px;
1187
- }
1188
935
  .lui\:opacity-0 {
1189
936
  opacity: 0%;
1190
937
  }
1191
- .lui\:opacity-50 {
1192
- opacity: 50%;
1193
- }
1194
938
  .lui\:opacity-100 {
1195
939
  opacity: 100%;
1196
940
  }
@@ -1206,10 +950,6 @@
1206
950
  --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));
1207
951
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1208
952
  }
1209
- .lui\:shadow-xl {
1210
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1211
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1212
- }
1213
953
  .lui\:ring-1 {
1214
954
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1215
955
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1240,12 +980,7 @@
1240
980
  }
1241
981
  }
1242
982
  .lui\:transition {
1243
- 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, display, content-visibility, overlay, pointer-events;
1244
- transition-timing-function: var(--tw-ease, var(--lui-default-transition-timing-function));
1245
- transition-duration: var(--tw-duration, var(--lui-default-transition-duration));
1246
- }
1247
- .lui\:transition-colors {
1248
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
983
+ 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, display, visibility, content-visibility, overlay, pointer-events;
1249
984
  transition-timing-function: var(--tw-ease, var(--lui-default-transition-timing-function));
1250
985
  transition-duration: var(--tw-duration, var(--lui-default-transition-duration));
1251
986
  }
@@ -1254,11 +989,6 @@
1254
989
  transition-timing-function: var(--tw-ease, var(--lui-default-transition-timing-function));
1255
990
  transition-duration: var(--tw-duration, var(--lui-default-transition-duration));
1256
991
  }
1257
- .lui\:transition-transform {
1258
- transition-property: transform, translate, scale, rotate;
1259
- transition-timing-function: var(--tw-ease, var(--lui-default-transition-timing-function));
1260
- transition-duration: var(--tw-duration, var(--lui-default-transition-duration));
1261
- }
1262
992
  .lui\:duration-0 {
1263
993
  --tw-duration: 0ms;
1264
994
  transition-duration: 0ms;
@@ -1324,9 +1054,6 @@
1324
1054
  .lui\:\[--btn-icon\:var\(--lui-color-red-400\)\] {
1325
1055
  --btn-icon: var(--lui-color-red-400);
1326
1056
  }
1327
- .lui\:\[--btn-icon\:var\(--lui-color-white\)\] {
1328
- --btn-icon: var(--lui-color-white);
1329
- }
1330
1057
  .lui\:\[--btn-icon\:var\(--lui-color-zinc-400\)\] {
1331
1058
  --btn-icon: var(--lui-color-zinc-400);
1332
1059
  }
@@ -1541,17 +1268,6 @@
1541
1268
  opacity: 100%;
1542
1269
  }
1543
1270
  }
1544
- .lui\:group-data-\[open\]\:translate-x-0 {
1545
- &:is(:where(.lui\:group)[data-open] *) {
1546
- --tw-translate-x: calc(var(--lui-spacing) * 0);
1547
- translate: var(--tw-translate-x) var(--tw-translate-y);
1548
- }
1549
- }
1550
- .lui\:group-data-\[open\]\:opacity-100 {
1551
- &:is(:where(.lui\:group)[data-open] *) {
1552
- opacity: 100%;
1553
- }
1554
- }
1555
1271
  .lui\:file\:mr-4 {
1556
1272
  &::file-selector-button {
1557
1273
  margin-right: calc(var(--lui-spacing) * 4);
@@ -1562,12 +1278,6 @@
1562
1278
  cursor: pointer;
1563
1279
  }
1564
1280
  }
1565
- .lui\:file\:rounded-l-\[calc\(var\(--radius-lg\)-1px\)\] {
1566
- &::file-selector-button {
1567
- border-top-left-radius: calc(var(--radius-lg) - 1px);
1568
- border-bottom-left-radius: calc(var(--radius-lg) - 1px);
1569
- }
1570
- }
1571
1281
  .lui\:file\:border-0 {
1572
1282
  &::file-selector-button {
1573
1283
  border-style: var(--tw-border-style);
@@ -1594,12 +1304,6 @@
1594
1304
  color: var(--lui-color-zinc-500);
1595
1305
  }
1596
1306
  }
1597
- .lui\:before\:pointer-events-none {
1598
- &::before {
1599
- content: var(--tw-content);
1600
- pointer-events: none;
1601
- }
1602
- }
1603
1307
  .lui\:before\:absolute {
1604
1308
  &::before {
1605
1309
  content: var(--tw-content);
@@ -1624,12 +1328,6 @@
1624
1328
  z-index: calc(10 * -1);
1625
1329
  }
1626
1330
  }
1627
- .lui\:before\:rounded-\[7px\] {
1628
- &::before {
1629
- content: var(--tw-content);
1630
- border-radius: 7px;
1631
- }
1632
- }
1633
1331
  .lui\:before\:rounded-\[calc\(0\.3125rem-1px\)\] {
1634
1332
  &::before {
1635
1333
  content: var(--tw-content);
@@ -1854,40 +1552,6 @@
1854
1552
  border-style: none;
1855
1553
  }
1856
1554
  }
1857
- .lui\:focus-within\:ring-2 {
1858
- &:focus-within {
1859
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1860
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1861
- }
1862
- }
1863
- .lui\:focus-within\:ring-blue-500 {
1864
- &:focus-within {
1865
- --tw-ring-color: var(--lui-color-blue-500);
1866
- }
1867
- }
1868
- .lui\:focus-within\:ring-offset-0 {
1869
- &:focus-within {
1870
- --tw-ring-offset-width: 0px;
1871
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1872
- }
1873
- }
1874
- .lui\:focus-within\:after\:ring-2 {
1875
- &:focus-within {
1876
- &::after {
1877
- content: var(--tw-content);
1878
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1879
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1880
- }
1881
- }
1882
- }
1883
- .lui\:focus-within\:after\:ring-blue-500 {
1884
- &:focus-within {
1885
- &::after {
1886
- content: var(--tw-content);
1887
- --tw-ring-color: var(--lui-color-blue-500);
1888
- }
1889
- }
1890
- }
1891
1555
  .lui\:hover\:cursor-pointer {
1892
1556
  &:hover {
1893
1557
  @media (hover: hover) {
@@ -1905,13 +1569,6 @@
1905
1569
  }
1906
1570
  }
1907
1571
  }
1908
- .lui\:hover\:bg-blue-50 {
1909
- &:hover {
1910
- @media (hover: hover) {
1911
- background-color: var(--lui-color-blue-50);
1912
- }
1913
- }
1914
- }
1915
1572
  .lui\:hover\:bg-gray-100 {
1916
1573
  &:hover {
1917
1574
  @media (hover: hover) {
@@ -1926,13 +1583,6 @@
1926
1583
  }
1927
1584
  }
1928
1585
  }
1929
- .lui\:hover\:bg-zinc-50 {
1930
- &:hover {
1931
- @media (hover: hover) {
1932
- background-color: var(--lui-color-zinc-50);
1933
- }
1934
- }
1935
- }
1936
1586
  .lui\:hover\:bg-zinc-100 {
1937
1587
  &:hover {
1938
1588
  @media (hover: hover) {
@@ -1960,17 +1610,10 @@
1960
1610
  }
1961
1611
  }
1962
1612
  }
1963
- .lui\:hover\:text-blue-500 {
1613
+ .lui\:hover\:text-indigo-500 {
1964
1614
  &:hover {
1965
1615
  @media (hover: hover) {
1966
- color: var(--lui-color-blue-500);
1967
- }
1968
- }
1969
- }
1970
- .lui\:hover\:text-zinc-700 {
1971
- &:hover {
1972
- @media (hover: hover) {
1973
- color: var(--lui-color-zinc-700);
1616
+ color: var(--lui-color-indigo-500);
1974
1617
  }
1975
1618
  }
1976
1619
  }
@@ -1998,13 +1641,6 @@
1998
1641
  }
1999
1642
  }
2000
1643
  }
2001
- .lui\:hover\:\[--btn-icon\:var\(--lui-color-white\)\] {
2002
- &:hover {
2003
- @media (hover: hover) {
2004
- --btn-icon: var(--lui-color-white);
2005
- }
2006
- }
2007
- }
2008
1644
  .lui\:hover\:\[--btn-icon\:var\(--lui-color-zinc-300\)\] {
2009
1645
  &:hover {
2010
1646
  @media (hover: hover) {
@@ -2029,23 +1665,12 @@
2029
1665
  }
2030
1666
  }
2031
1667
  }
2032
- .lui\:focus\:ring-0 {
2033
- &:focus {
2034
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2035
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2036
- }
2037
- }
2038
1668
  .lui\:focus\:ring-2 {
2039
1669
  &:focus {
2040
1670
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2041
1671
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2042
1672
  }
2043
1673
  }
2044
- .lui\:focus\:ring-blue-500 {
2045
- &:focus {
2046
- --tw-ring-color: var(--lui-color-blue-500);
2047
- }
2048
- }
2049
1674
  .lui\:focus\:ring-zinc-950\/10 {
2050
1675
  &:focus {
2051
1676
  --tw-ring-color: var(--lui-color-zinc-950);
@@ -2128,11 +1753,6 @@
2128
1753
  }
2129
1754
  }
2130
1755
  }
2131
- .lui\:active\:\[--btn-icon\:var\(--lui-color-white\)\] {
2132
- &:active {
2133
- --btn-icon: var(--lui-color-white);
2134
- }
2135
- }
2136
1756
  .lui\:active\:\[--btn-icon\:var\(--lui-color-zinc-300\)\] {
2137
1757
  &:active {
2138
1758
  --btn-icon: var(--lui-color-zinc-300);
@@ -2151,11 +1771,6 @@
2151
1771
  }
2152
1772
  }
2153
1773
  }
2154
- .lui\:disabled\:cursor-not-allowed {
2155
- &:disabled {
2156
- cursor: not-allowed;
2157
- }
2158
- }
2159
1774
  .lui\:disabled\:opacity-50 {
2160
1775
  &:disabled {
2161
1776
  opacity: 50%;
@@ -2376,56 +1991,11 @@
2376
1991
  pointer-events: none;
2377
1992
  }
2378
1993
  }
2379
- .lui\:data-\[disabled\]\:cursor-not-allowed {
2380
- &[data-disabled] {
2381
- cursor: not-allowed;
2382
- }
2383
- }
2384
1994
  .lui\:data-\[disabled\]\:opacity-50 {
2385
1995
  &[data-disabled] {
2386
1996
  opacity: 50%;
2387
1997
  }
2388
1998
  }
2389
- .lui\:data-\[highlighted\]\:bg-zinc-100 {
2390
- &[data-highlighted] {
2391
- background-color: var(--lui-color-zinc-100);
2392
- }
2393
- }
2394
- .lui\:data-\[hover\]\:border-zinc-950\/20 {
2395
- &[data-hover] {
2396
- border-color: var(--lui-color-zinc-950);
2397
- @supports (color: color-mix(in lab, red, red)) {
2398
- border-color: color-mix(in oklab, var(--lui-color-zinc-950) 20%, transparent);
2399
- }
2400
- }
2401
- }
2402
- .lui\:data-invalid\:data-\[hover\]\:border-red-500 {
2403
- &[data-invalid] {
2404
- &[data-hover] {
2405
- border-color: var(--lui-color-red-500);
2406
- }
2407
- }
2408
- }
2409
- .lui\:data-invalid\:data-\[hover\]\:border-red-500\/60 {
2410
- &[data-invalid] {
2411
- &[data-hover] {
2412
- border-color: var(--lui-color-red-500);
2413
- @supports (color: color-mix(in lab, red, red)) {
2414
- border-color: color-mix(in oklab, var(--lui-color-red-500) 60%, transparent);
2415
- }
2416
- }
2417
- }
2418
- }
2419
- .lui\:data-\[open\]\:visible {
2420
- &[data-open] {
2421
- visibility: visible;
2422
- }
2423
- }
2424
- .lui\:data-\[selected\]\:bg-blue-50 {
2425
- &[data-selected] {
2426
- background-color: var(--lui-color-blue-50);
2427
- }
2428
- }
2429
1999
  .lui\:\*\:data-\[slot\=control\]\:col-start-1 {
2430
2000
  :is(& > *) {
2431
2001
  &[data-slot="control"] {
@@ -2609,26 +2179,6 @@
2609
2179
  }
2610
2180
  }
2611
2181
  }
2612
- .lui\:max-lg\:hidden {
2613
- @media (width < 64rem) {
2614
- display: none;
2615
- }
2616
- }
2617
- .lui\:max-lg\:h-auto {
2618
- @media (width < 64rem) {
2619
- height: auto;
2620
- }
2621
- }
2622
- .lui\:max-lg\:min-h-screen {
2623
- @media (width < 64rem) {
2624
- min-height: 100vh;
2625
- }
2626
- }
2627
- .lui\:max-lg\:flex-col {
2628
- @media (width < 64rem) {
2629
- flex-direction: column;
2630
- }
2631
- }
2632
2182
  .lui\:sm\:mb-auto {
2633
2183
  @media (width >= 40rem) {
2634
2184
  margin-bottom: auto;
@@ -2651,12 +2201,6 @@
2651
2201
  height: calc(var(--lui-spacing) * 4);
2652
2202
  }
2653
2203
  }
2654
- .lui\:sm\:size-5 {
2655
- @media (width >= 40rem) {
2656
- width: calc(var(--lui-spacing) * 5);
2657
- height: calc(var(--lui-spacing) * 5);
2658
- }
2659
- }
2660
2204
  .lui\:sm\:h-3\.5 {
2661
2205
  @media (width >= 40rem) {
2662
2206
  height: calc(var(--lui-spacing) * 3.5);
@@ -2667,11 +2211,6 @@
2667
2211
  height: calc(var(--lui-spacing) * 5);
2668
2212
  }
2669
2213
  }
2670
- .lui\:sm\:min-h-\[38px\] {
2671
- @media (width >= 40rem) {
2672
- min-height: 38px;
2673
- }
2674
- }
2675
2214
  .lui\:sm\:w-3\.5 {
2676
2215
  @media (width >= 40rem) {
2677
2216
  width: calc(var(--lui-spacing) * 3.5);
@@ -2736,11 +2275,6 @@
2736
2275
  padding: calc(var(--lui-spacing) * 4);
2737
2276
  }
2738
2277
  }
2739
- .lui\:sm\:px-3 {
2740
- @media (width >= 40rem) {
2741
- padding-inline: calc(var(--lui-spacing) * 3);
2742
- }
2743
- }
2744
2278
  .lui\:sm\:px-6 {
2745
2279
  @media (width >= 40rem) {
2746
2280
  padding-inline: calc(var(--lui-spacing) * 6);
@@ -2751,11 +2285,6 @@
2751
2285
  padding-inline: calc(calc(var(--lui-spacing) * 3) - 1px);
2752
2286
  }
2753
2287
  }
2754
- .lui\:sm\:py-2 {
2755
- @media (width >= 40rem) {
2756
- padding-block: calc(var(--lui-spacing) * 2);
2757
- }
2758
- }
2759
2288
  .lui\:sm\:py-3 {
2760
2289
  @media (width >= 40rem) {
2761
2290
  padding-block: calc(var(--lui-spacing) * 3);
@@ -2792,12 +2321,6 @@
2792
2321
  line-height: calc(var(--lui-spacing) * 6);
2793
2322
  }
2794
2323
  }
2795
- .lui\:sm\:text-sm\/5 {
2796
- @media (width >= 40rem) {
2797
- font-size: var(--lui-text-sm);
2798
- line-height: calc(var(--lui-spacing) * 5);
2799
- }
2800
- }
2801
2324
  .lui\:sm\:text-sm\/6 {
2802
2325
  @media (width >= 40rem) {
2803
2326
  font-size: var(--lui-text-sm);
@@ -2907,81 +2430,6 @@
2907
2430
  }
2908
2431
  }
2909
2432
  }
2910
- .lui\:lg\:hidden {
2911
- @media (width >= 64rem) {
2912
- display: none;
2913
- }
2914
- }
2915
- .lui\:lg\:w-64 {
2916
- @media (width >= 64rem) {
2917
- width: calc(var(--lui-spacing) * 64);
2918
- }
2919
- }
2920
- .lui\:lg\:min-w-0 {
2921
- @media (width >= 64rem) {
2922
- min-width: calc(var(--lui-spacing) * 0);
2923
- }
2924
- }
2925
- .lui\:lg\:overflow-y-auto {
2926
- @media (width >= 64rem) {
2927
- overflow-y: auto;
2928
- }
2929
- }
2930
- .lui\:lg\:rounded-lg {
2931
- @media (width >= 64rem) {
2932
- border-radius: var(--lui-radius-lg);
2933
- }
2934
- }
2935
- .lui\:lg\:bg-white {
2936
- @media (width >= 64rem) {
2937
- background-color: var(--lui-color-white);
2938
- }
2939
- }
2940
- .lui\:lg\:bg-zinc-100 {
2941
- @media (width >= 64rem) {
2942
- background-color: var(--lui-color-zinc-100);
2943
- }
2944
- }
2945
- .lui\:lg\:p-10 {
2946
- @media (width >= 64rem) {
2947
- padding: calc(var(--lui-spacing) * 10);
2948
- }
2949
- }
2950
- .lui\:lg\:pt-4 {
2951
- @media (width >= 64rem) {
2952
- padding-top: calc(var(--lui-spacing) * 4);
2953
- }
2954
- }
2955
- .lui\:lg\:pr-4 {
2956
- @media (width >= 64rem) {
2957
- padding-right: calc(var(--lui-spacing) * 4);
2958
- }
2959
- }
2960
- .lui\:lg\:pl-64 {
2961
- @media (width >= 64rem) {
2962
- padding-left: calc(var(--lui-spacing) * 64);
2963
- }
2964
- }
2965
- .lui\:lg\:shadow-xs {
2966
- @media (width >= 64rem) {
2967
- --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2968
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2969
- }
2970
- }
2971
- .lui\:lg\:ring-1 {
2972
- @media (width >= 64rem) {
2973
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2974
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2975
- }
2976
- }
2977
- .lui\:lg\:ring-zinc-950\/5 {
2978
- @media (width >= 64rem) {
2979
- --tw-ring-color: var(--lui-color-zinc-950);
2980
- @supports (color: color-mix(in lab, red, red)) {
2981
- --tw-ring-color: color-mix(in oklab, var(--lui-color-zinc-950) 5%, transparent);
2982
- }
2983
- }
2984
- }
2985
2433
  .lui\:forced-colors\:stroke-\[CanvasText\] {
2986
2434
  @media (forced-colors: active) {
2987
2435
  stroke: CanvasText;
@@ -3115,10 +2563,6 @@
3115
2563
  syntax: "*";
3116
2564
  inherits: false;
3117
2565
  }
3118
- @property --tw-tracking {
3119
- syntax: "*";
3120
- inherits: false;
3121
- }
3122
2566
  @property --tw-shadow {
3123
2567
  syntax: "*";
3124
2568
  inherits: false;
@@ -3230,7 +2674,6 @@
3230
2674
  --tw-border-style: solid;
3231
2675
  --tw-leading: initial;
3232
2676
  --tw-font-weight: initial;
3233
- --tw-tracking: initial;
3234
2677
  --tw-shadow: 0 0 #0000;
3235
2678
  --tw-shadow-color: initial;
3236
2679
  --tw-shadow-alpha: 100%;