@parto-system-design/ui 1.1.1 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +8175 -5018
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1401 -542
  4. package/dist/index.d.cts +2164 -204
  5. package/dist/index.d.ts +2164 -204
  6. package/dist/index.js +8095 -5048
  7. package/dist/index.js.map +1 -1
  8. package/package.json +40 -22
  9. package/tailwind.config.ts +180 -293
package/dist/index.css CHANGED
@@ -1,18 +1,18 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  .\@container\/field-group {
4
4
  container-type: inline-size;
5
5
  container-name: field-group;
6
6
  }
7
- .pointer-events-auto {
8
- pointer-events: auto;
9
- }
10
7
  .pointer-events-none {
11
8
  pointer-events: none;
12
9
  }
13
10
  .invisible {
14
11
  visibility: hidden;
15
12
  }
13
+ .visible {
14
+ visibility: visible;
15
+ }
16
16
  .sr-only {
17
17
  position: absolute;
18
18
  width: 1px;
@@ -24,9 +24,6 @@
24
24
  white-space: nowrap;
25
25
  border-width: 0;
26
26
  }
27
- .\!absolute {
28
- position: absolute !important;
29
- }
30
27
  .absolute {
31
28
  position: absolute;
32
29
  }
@@ -36,20 +33,23 @@
36
33
  .relative {
37
34
  position: relative;
38
35
  }
39
- .\!start-auto {
40
- inset-inline-start: auto !important;
36
+ .static {
37
+ position: static;
38
+ }
39
+ .sticky {
40
+ position: sticky;
41
41
  }
42
42
  .start-1\/2 {
43
43
  inset-inline-start: calc(1/2 * 100%);
44
44
  }
45
45
  .top-1\/2 {
46
- top: calc(1/2 * 100%);
46
+ top: calc(1 / 2 * 100%);
47
47
  }
48
48
  .top-\[1px\] {
49
49
  top: 1px;
50
50
  }
51
- .top-\[4px\] {
52
- top: 4px;
51
+ .top-\[2px\] {
52
+ top: 2px;
53
53
  }
54
54
  .top-\[50\%\] {
55
55
  top: 50%;
@@ -61,7 +61,7 @@
61
61
  top: 100%;
62
62
  }
63
63
  .left-1\/2 {
64
- left: calc(1/2 * 100%);
64
+ left: calc(1 / 2 * 100%);
65
65
  }
66
66
  .left-\[50\%\] {
67
67
  left: 50%;
@@ -84,11 +84,11 @@
84
84
  .z-\[9999\] {
85
85
  z-index: 9999;
86
86
  }
87
- .order-1 {
88
- order: 1;
87
+ .z-overlay {
88
+ z-index: var(--z-overlay);
89
89
  }
90
- .order-2 {
91
- order: 2;
90
+ .z-sticky {
91
+ z-index: var(--z-sticky);
92
92
  }
93
93
  .order-first {
94
94
  order: -9999;
@@ -112,27 +112,30 @@
112
112
  .-my-\[1px\] {
113
113
  margin-block: calc(1px * -1);
114
114
  }
115
- .\!ms-auto {
116
- margin-inline-start: auto !important;
117
- }
118
115
  .-ms-\[1px\] {
119
116
  margin-inline-start: calc(1px * -1);
120
117
  }
121
118
  .ms-auto {
122
119
  margin-inline-start: auto;
123
120
  }
121
+ .mt-\[-1\.5rem\] {
122
+ margin-top: -1.5rem;
123
+ }
124
124
  .mt-auto {
125
125
  margin-top: auto;
126
126
  }
127
+ .line-clamp-2 {
128
+ overflow: hidden;
129
+ display: -webkit-box;
130
+ -webkit-box-orient: vertical;
131
+ -webkit-line-clamp: 2;
132
+ }
127
133
  .line-clamp-3 {
128
134
  overflow: hidden;
129
135
  display: -webkit-box;
130
136
  -webkit-box-orient: vertical;
131
137
  -webkit-line-clamp: 3;
132
138
  }
133
- .\!inline-flex {
134
- display: inline-flex !important;
135
- }
136
139
  .block {
137
140
  display: block;
138
141
  }
@@ -145,6 +148,9 @@
145
148
  .hidden {
146
149
  display: none;
147
150
  }
151
+ .inline {
152
+ display: inline;
153
+ }
148
154
  .inline-block {
149
155
  display: inline-block;
150
156
  }
@@ -169,6 +175,10 @@
169
175
  .aspect-square {
170
176
  aspect-ratio: 1 / 1;
171
177
  }
178
+ .size-\[18px\] {
179
+ width: 18px;
180
+ height: 18px;
181
+ }
172
182
  .size-full {
173
183
  width: 100%;
174
184
  height: 100%;
@@ -176,15 +186,9 @@
176
186
  .h-\[1px\] {
177
187
  height: 1px;
178
188
  }
179
- .h-\[12px\] {
180
- height: 12px;
181
- }
182
189
  .h-\[16px\] {
183
190
  height: 16px;
184
191
  }
185
- .h-\[18px\] {
186
- height: 18px;
187
- }
188
192
  .h-\[20px\] {
189
193
  height: 20px;
190
194
  }
@@ -257,23 +261,35 @@
257
261
  .min-h-svh {
258
262
  min-height: 100svh;
259
263
  }
264
+ .w-\(--nav-panel-width\) {
265
+ width: var(--nav-panel-width);
266
+ }
267
+ .w-\(--nav-panel-width-mobile\) {
268
+ width: var(--nav-panel-width-mobile);
269
+ }
270
+ .w-\(--nav-rail-width\) {
271
+ width: var(--nav-rail-width);
272
+ }
260
273
  .w-\(--sidebar-width\) {
261
274
  width: var(--sidebar-width);
262
275
  }
263
- .w-3\/4 {
264
- width: calc(3/4 * 100%);
276
+ .w-1\/2 {
277
+ width: calc(1 / 2 * 100%);
265
278
  }
266
- .w-\[1px\] {
267
- width: 1px;
279
+ .w-1\/3 {
280
+ width: calc(1 / 3 * 100%);
268
281
  }
269
- .w-\[12px\] {
270
- width: 12px;
282
+ .w-1\/4 {
283
+ width: calc(1 / 4 * 100%);
271
284
  }
272
- .w-\[16px\] {
273
- width: 16px;
285
+ .w-3\/4 {
286
+ width: calc(3 / 4 * 100%);
274
287
  }
275
- .w-\[18px\] {
276
- width: 18px;
288
+ .w-\[--radix-popover-trigger-width\] {
289
+ width: --radix-popover-trigger-width;
290
+ }
291
+ .w-\[1px\] {
292
+ width: 1px;
277
293
  }
278
294
  .w-\[20\%\] {
279
295
  width: 20%;
@@ -284,6 +300,9 @@
284
300
  .w-\[34px\] {
285
301
  width: 34px;
286
302
  }
303
+ .w-\[40px\] {
304
+ width: 40px;
305
+ }
287
306
  .w-\[44px\] {
288
307
  width: 44px;
289
308
  }
@@ -308,24 +327,30 @@
308
327
  .max-w-\(--skeleton-width\) {
309
328
  max-width: var(--skeleton-width);
310
329
  }
330
+ .max-w-\[120px\] {
331
+ max-width: 120px;
332
+ }
311
333
  .max-w-\[calc\(100\%-2rem\)\] {
312
334
  max-width: calc(100% - 2rem);
313
335
  }
314
336
  .max-w-max {
315
337
  max-width: max-content;
316
338
  }
339
+ .min-w-\[1\.25rem\] {
340
+ min-width: 1.25rem;
341
+ }
317
342
  .min-w-\[8rem\] {
318
343
  min-width: 8rem;
319
344
  }
345
+ .min-w-\[9rem\] {
346
+ min-width: 9rem;
347
+ }
320
348
  .min-w-\[12rem\] {
321
349
  min-width: 12rem;
322
350
  }
323
351
  .min-w-\[80px\] {
324
352
  min-width: 80px;
325
353
  }
326
- .min-w-\[140px\] {
327
- min-width: 140px;
328
- }
329
354
  .min-w-\[220px\] {
330
355
  min-width: 220px;
331
356
  }
@@ -372,7 +397,11 @@
372
397
  transform-origin: 0;
373
398
  }
374
399
  .-translate-x-1\/2 {
375
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
400
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
401
+ translate: var(--tw-translate-x) var(--tw-translate-y);
402
+ }
403
+ .-translate-x-full {
404
+ --tw-translate-x: -100%;
376
405
  translate: var(--tw-translate-x) var(--tw-translate-y);
377
406
  }
378
407
  .-translate-x-px {
@@ -388,13 +417,16 @@
388
417
  translate: var(--tw-translate-x) var(--tw-translate-y);
389
418
  }
390
419
  .-translate-y-1\/2 {
391
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
420
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
392
421
  translate: var(--tw-translate-x) var(--tw-translate-y);
393
422
  }
394
423
  .translate-y-\[-50\%\] {
395
424
  --tw-translate-y: -50%;
396
425
  translate: var(--tw-translate-x) var(--tw-translate-y);
397
426
  }
427
+ .-rotate-90 {
428
+ rotate: calc(90deg * -1);
429
+ }
398
430
  .rotate-45 {
399
431
  rotate: 45deg;
400
432
  }
@@ -404,12 +436,12 @@
404
436
  .rotate-180 {
405
437
  rotate: 180deg;
406
438
  }
407
- .\!transform-none {
408
- transform: none !important;
409
- }
410
439
  .transform {
411
440
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
412
441
  }
442
+ .animate-pulse-subtle {
443
+ animation: pulse-subtle 2s ease-in-out infinite;
444
+ }
413
445
  .cursor-default {
414
446
  cursor: default;
415
447
  }
@@ -446,6 +478,9 @@
446
478
  .grid-cols-1 {
447
479
  grid-template-columns: repeat(1, minmax(0, 1fr));
448
480
  }
481
+ .grid-cols-2 {
482
+ grid-template-columns: repeat(2, minmax(0, 1fr));
483
+ }
449
484
  .flex-col {
450
485
  flex-direction: column;
451
486
  }
@@ -455,18 +490,12 @@
455
490
  .flex-row {
456
491
  flex-direction: row;
457
492
  }
458
- .flex-row-reverse {
459
- flex-direction: row-reverse;
460
- }
461
493
  .flex-wrap {
462
494
  flex-wrap: wrap;
463
495
  }
464
496
  .place-content-center {
465
497
  place-content: center;
466
498
  }
467
- .\!items-center {
468
- align-items: center !important;
469
- }
470
499
  .items-baseline {
471
500
  align-items: baseline;
472
501
  }
@@ -482,15 +511,15 @@
482
511
  .items-stretch {
483
512
  align-items: stretch;
484
513
  }
485
- .\!justify-center {
486
- justify-content: center !important;
487
- }
488
514
  .justify-between {
489
515
  justify-content: space-between;
490
516
  }
491
517
  .justify-center {
492
518
  justify-content: center;
493
519
  }
520
+ .justify-end {
521
+ justify-content: flex-end;
522
+ }
494
523
  .justify-start {
495
524
  justify-content: flex-start;
496
525
  }
@@ -520,15 +549,12 @@
520
549
  .overflow-y-auto {
521
550
  overflow-y: auto;
522
551
  }
523
- .\!rounded-md {
524
- border-radius: calc(var(--radius) - 2px) !important;
525
- }
526
- .rounded-\[2px\] {
527
- border-radius: 2px;
528
- }
529
552
  .rounded-\[4px\] {
530
553
  border-radius: 4px;
531
554
  }
555
+ .rounded-\[10px\] {
556
+ border-radius: 10px;
557
+ }
532
558
  .rounded-\[calc\(var\(--radius\)-5px\)\] {
533
559
  border-radius: calc(var(--radius) - 5px);
534
560
  }
@@ -550,6 +576,9 @@
550
576
  .rounded-sm {
551
577
  border-radius: calc(var(--radius) - 4px);
552
578
  }
579
+ .rounded-xs {
580
+ border-radius: var(--borderradius-xs);
581
+ }
553
582
  .rounded-e-lg {
554
583
  border-start-end-radius: var(--radius);
555
584
  border-end-end-radius: var(--radius);
@@ -557,98 +586,112 @@
557
586
  .rounded-tl-sm {
558
587
  border-top-left-radius: calc(var(--radius) - 4px);
559
588
  }
560
- .\!border {
561
- border-style: var(--tw-border-style) !important;
562
- border-width: 1px !important;
563
- }
564
- .\!border-0 {
565
- border-style: var(--tw-border-style) !important;
566
- border-width: 0px !important;
567
- }
568
589
  .border {
569
590
  border-style: var(--tw-border-style);
570
- border-width: 1px;
591
+ border-width: var(--borderwidth-xs);
571
592
  }
572
593
  .border-0 {
573
594
  border-style: var(--tw-border-style);
574
- border-width: 0px;
595
+ border-width: var(--borderwidth-none);
596
+ }
597
+ .border-2 {
598
+ border-style: var(--tw-border-style);
599
+ border-width: var(--borderwidth-sm);
575
600
  }
576
601
  .border-y {
577
602
  border-block-style: var(--tw-border-style);
578
- border-block-width: 1px;
603
+ border-block-width: var(--borderwidth-xs);
579
604
  }
580
605
  .border-s {
581
606
  border-inline-start-style: var(--tw-border-style);
582
- border-inline-start-width: 1px;
607
+ border-inline-start-width: var(--borderwidth-xs);
608
+ }
609
+ .border-s-2 {
610
+ border-inline-start-style: var(--tw-border-style);
611
+ border-inline-start-width: var(--borderwidth-sm);
583
612
  }
584
613
  .border-e {
585
614
  border-inline-end-style: var(--tw-border-style);
586
- border-inline-end-width: 1px;
615
+ border-inline-end-width: var(--borderwidth-xs);
587
616
  }
588
617
  .border-t {
589
618
  border-top-style: var(--tw-border-style);
590
- border-top-width: 1px;
619
+ border-top-width: var(--borderwidth-xs);
591
620
  }
592
- .border-r-\[12px\] {
621
+ .border-r-\[6px\] {
593
622
  border-right-style: var(--tw-border-style);
594
- border-right-width: 12px;
623
+ border-right-width: 6px;
595
624
  }
596
- .border-r-\[20px\] {
625
+ .border-r-\[10px\] {
597
626
  border-right-style: var(--tw-border-style);
598
- border-right-width: 20px;
627
+ border-right-width: 10px;
599
628
  }
600
629
  .border-b {
601
630
  border-bottom-style: var(--tw-border-style);
602
- border-bottom-width: 1px;
631
+ border-bottom-width: var(--borderwidth-xs);
603
632
  }
604
- .border-b-\[16px\] {
633
+ .border-b-\[8px\] {
605
634
  border-bottom-style: var(--tw-border-style);
606
- border-bottom-width: 16px;
635
+ border-bottom-width: 8px;
607
636
  }
608
- .border-b-\[24px\] {
637
+ .border-b-\[12px\] {
609
638
  border-bottom-style: var(--tw-border-style);
610
- border-bottom-width: 24px;
639
+ border-bottom-width: 12px;
611
640
  }
612
- .border-l {
641
+ .border-l-\[6px\] {
613
642
  border-left-style: var(--tw-border-style);
614
- border-left-width: 1px;
643
+ border-left-width: 6px;
615
644
  }
616
- .border-l-\[12px\] {
645
+ .border-l-\[10px\] {
617
646
  border-left-style: var(--tw-border-style);
618
- border-left-width: 12px;
619
- }
620
- .border-l-\[20px\] {
621
- border-left-style: var(--tw-border-style);
622
- border-left-width: 20px;
647
+ border-left-width: 10px;
623
648
  }
624
649
  .border-dashed {
625
650
  --tw-border-style: dashed;
626
651
  border-style: dashed;
627
652
  }
628
- .\!border {
629
- border-color: hsl(var(--border-default)) !important;
653
+ .border {
654
+ border-color: hsl(var(--border-default));
630
655
  }
631
- .\!border-brand-500 {
632
- border-color: hsl(var(--brand-500)) !important;
656
+ .border-\[hsl\(var\(--score-excellent\)\/0\.25\)\] {
657
+ border-color: hsl(var(--score-excellent)/0.25);
633
658
  }
634
- .\!border-destructive-500 {
635
- border-color: hsl(var(--destructive-500)) !important;
659
+ .border-\[hsl\(var\(--secondary-default\)\/0\.4\)\] {
660
+ border-color: hsl(var(--secondary-default)/0.4);
636
661
  }
637
- .\!border-warning-500 {
638
- border-color: hsl(var(--warning-500)) !important;
662
+ .border-\[hsl\(var\(--sentiment-mixed\)\/0\.3\)\] {
663
+ border-color: hsl(var(--sentiment-mixed)/0.3);
639
664
  }
640
- .border {
641
- border-color: hsl(var(--border-default));
665
+ .border-\[hsl\(var\(--sentiment-negative\)\/0\.3\)\] {
666
+ border-color: hsl(var(--sentiment-negative)/0.3);
667
+ }
668
+ .border-\[hsl\(var\(--sentiment-neutral\)\/0\.3\)\] {
669
+ border-color: hsl(var(--sentiment-neutral)/0.3);
670
+ }
671
+ .border-\[hsl\(var\(--sentiment-positive\)\/0\.3\)\] {
672
+ border-color: hsl(var(--sentiment-positive)/0.3);
673
+ }
674
+ .border-background {
675
+ border-color: hsl(var(--background-default));
642
676
  }
643
677
  .border-border {
644
678
  border-color: hsl(var(--border-default));
645
679
  }
680
+ .border-border-muted {
681
+ border-color: hsl(var(--border-muted));
682
+ }
646
683
  .border-border\/50 {
647
684
  border-color: hsl(var(--border-default));
648
685
  @supports (color: color-mix(in lab, red, red)) {
649
686
  border-color: color-mix(in oklab, hsl(var(--border-default)) 50%, transparent);
650
687
  }
651
688
  }
689
+ .border-brand {
690
+ border-color: hsl(var(--brand-default));
691
+ }
692
+ .border-brand-300 {
693
+ border-color: hsl(var(--brand-300));
694
+ }
652
695
  .border-brand-500 {
653
696
  border-color: hsl(var(--brand-500));
654
697
  }
@@ -664,6 +707,9 @@
664
707
  .border-button-hover {
665
708
  border-color: hsl(var(--border-button-hover));
666
709
  }
710
+ .border-destructive-300 {
711
+ border-color: hsl(var(--destructive-300));
712
+ }
667
713
  .border-destructive-400 {
668
714
  border-color: hsl(var(--destructive-400));
669
715
  }
@@ -709,12 +755,18 @@
709
755
  .border-transparent {
710
756
  border-color: transparent;
711
757
  }
758
+ .border-warning-300 {
759
+ border-color: hsl(var(--warning-300));
760
+ }
712
761
  .border-warning-400 {
713
762
  border-color: hsl(var(--warning-400));
714
763
  }
715
764
  .border-warning-500 {
716
765
  border-color: hsl(var(--warning-500));
717
766
  }
767
+ .border-s-transparent {
768
+ border-inline-start-color: transparent;
769
+ }
718
770
  .border-t-transparent {
719
771
  border-top-color: transparent;
720
772
  }
@@ -730,23 +782,53 @@
730
782
  .border-l-transparent {
731
783
  border-left-color: transparent;
732
784
  }
733
- .\!bg-brand {
734
- background-color: hsl(var(--brand-default)) !important;
785
+ .bg {
786
+ background-color: hsl(var(--background-default));
735
787
  }
736
- .\!bg-brand-200 {
737
- background-color: hsl(var(--brand-200)) !important;
788
+ .bg-\[hsl\(var\(--brand-default\)\)\] {
789
+ background-color: hsl(var(--brand-default));
738
790
  }
739
- .\!bg-destructive-200 {
740
- background-color: hsl(var(--destructive-200)) !important;
791
+ .bg-\[hsl\(var\(--score-excellent-bg\)\)\] {
792
+ background-color: hsl(var(--score-excellent-bg));
741
793
  }
742
- .\!bg-transparent {
743
- background-color: transparent !important;
794
+ .bg-\[hsl\(var\(--secondary-default\)\/0\.1\)\] {
795
+ background-color: hsl(var(--secondary-default)/0.1);
744
796
  }
745
- .\!bg-warning-200 {
746
- background-color: hsl(var(--warning-200)) !important;
797
+ .bg-\[hsl\(var\(--sentiment-mixed\)\)\] {
798
+ background-color: hsl(var(--sentiment-mixed));
747
799
  }
748
- .bg {
749
- background-color: hsl(var(--background-default));
800
+ .bg-\[hsl\(var\(--sentiment-mixed\)\/0\.1\)\] {
801
+ background-color: hsl(var(--sentiment-mixed)/0.1);
802
+ }
803
+ .bg-\[hsl\(var\(--sentiment-mixed\)\/0\.12\)\] {
804
+ background-color: hsl(var(--sentiment-mixed)/0.12);
805
+ }
806
+ .bg-\[hsl\(var\(--sentiment-negative\)\)\] {
807
+ background-color: hsl(var(--sentiment-negative));
808
+ }
809
+ .bg-\[hsl\(var\(--sentiment-negative\)\/0\.1\)\] {
810
+ background-color: hsl(var(--sentiment-negative)/0.1);
811
+ }
812
+ .bg-\[hsl\(var\(--sentiment-negative\)\/0\.12\)\] {
813
+ background-color: hsl(var(--sentiment-negative)/0.12);
814
+ }
815
+ .bg-\[hsl\(var\(--sentiment-neutral\)\)\] {
816
+ background-color: hsl(var(--sentiment-neutral));
817
+ }
818
+ .bg-\[hsl\(var\(--sentiment-neutral\)\/0\.1\)\] {
819
+ background-color: hsl(var(--sentiment-neutral)/0.1);
820
+ }
821
+ .bg-\[hsl\(var\(--sentiment-neutral\)\/0\.12\)\] {
822
+ background-color: hsl(var(--sentiment-neutral)/0.12);
823
+ }
824
+ .bg-\[hsl\(var\(--sentiment-positive\)\)\] {
825
+ background-color: hsl(var(--sentiment-positive));
826
+ }
827
+ .bg-\[hsl\(var\(--sentiment-positive\)\/0\.1\)\] {
828
+ background-color: hsl(var(--sentiment-positive)/0.1);
829
+ }
830
+ .bg-\[hsl\(var\(--sentiment-positive\)\/0\.12\)\] {
831
+ background-color: hsl(var(--sentiment-positive)/0.12);
750
832
  }
751
833
  .bg-accent {
752
834
  background-color: hsl(var(--background-surface-200));
@@ -760,12 +842,18 @@
760
842
  .bg-background {
761
843
  background-color: hsl(var(--background-default));
762
844
  }
845
+ .bg-background-muted {
846
+ background-color: hsl(var(--background-muted));
847
+ }
763
848
  .bg-background-surface-75 {
764
849
  background-color: hsl(var(--background-surface-75));
765
850
  }
766
851
  .bg-background-surface-100 {
767
852
  background-color: hsl(var(--background-surface-100));
768
853
  }
854
+ .bg-background-surface-200 {
855
+ background-color: hsl(var(--background-surface-200));
856
+ }
769
857
  .bg-background\/80 {
770
858
  background-color: hsl(var(--background-default));
771
859
  @supports (color: color-mix(in lab, red, red)) {
@@ -775,6 +863,9 @@
775
863
  .bg-border {
776
864
  background-color: hsl(var(--border-default));
777
865
  }
866
+ .bg-border-muted {
867
+ background-color: hsl(var(--border-muted));
868
+ }
778
869
  .bg-border-overlay {
779
870
  background-color: hsl(var(--border-overlay));
780
871
  }
@@ -790,8 +881,14 @@
790
881
  .bg-brand-500 {
791
882
  background-color: hsl(var(--brand-500));
792
883
  }
793
- .bg-brand-600 {
794
- background-color: hsl(var(--brand-600));
884
+ .bg-brand\/10 {
885
+ background-color: hsl(var(--brand-default));
886
+ @supports (color: color-mix(in lab, red, red)) {
887
+ background-color: color-mix(in oklab, hsl(var(--brand-default)) 10%, transparent);
888
+ }
889
+ }
890
+ .bg-card {
891
+ background-color: hsl(var(--background-surface-100));
795
892
  }
796
893
  .bg-destructive {
797
894
  background-color: hsl(var(--destructive-default));
@@ -805,8 +902,17 @@
805
902
  .bg-destructive-500 {
806
903
  background-color: hsl(var(--destructive-500));
807
904
  }
808
- .bg-destructive-600 {
809
- background-color: hsl(var(--destructive-600));
905
+ .bg-destructive\/5 {
906
+ background-color: hsl(var(--destructive-default));
907
+ @supports (color: color-mix(in lab, red, red)) {
908
+ background-color: color-mix(in oklab, hsl(var(--destructive-default)) 5%, transparent);
909
+ }
910
+ }
911
+ .bg-destructive\/10 {
912
+ background-color: hsl(var(--destructive-default));
913
+ @supports (color: color-mix(in lab, red, red)) {
914
+ background-color: color-mix(in oklab, hsl(var(--destructive-default)) 10%, transparent);
915
+ }
810
916
  }
811
917
  .bg-foreground {
812
918
  background-color: hsl(var(--foreground-default));
@@ -820,9 +926,6 @@
820
926
  background-color: color-mix(in oklab, hsl(var(--foreground-default)) 2.6%, transparent);
821
927
  }
822
928
  }
823
- .bg-green-500 {
824
- background-color: #22c55e;
825
- }
826
929
  .bg-input {
827
930
  background-color: hsl(var(--background-control));
828
931
  }
@@ -850,6 +953,12 @@
850
953
  background-color: color-mix(in oklab, hsl(var(--background-muted)) 50%, transparent);
851
954
  }
852
955
  }
956
+ .bg-muted\/60 {
957
+ background-color: hsl(var(--background-muted));
958
+ @supports (color: color-mix(in lab, red, red)) {
959
+ background-color: color-mix(in oklab, hsl(var(--background-muted)) 60%, transparent);
960
+ }
961
+ }
853
962
  .bg-overlay {
854
963
  background-color: hsl(var(--background-overlay-default));
855
964
  }
@@ -859,17 +968,20 @@
859
968
  .bg-primary {
860
969
  background-color: hsl(var(--brand-default));
861
970
  }
862
- .bg-secondary {
863
- background-color: hsl(var(--secondary-default));
864
- }
865
971
  .bg-selection {
866
972
  background-color: hsl(var(--background-selection));
867
973
  }
868
974
  .bg-selection {
869
975
  background-color: hsl(var(--background-selection));
870
976
  }
977
+ .bg-sentiment-positive {
978
+ background-color: hsl(var(--sentiment-positive));
979
+ }
871
980
  .bg-sidebar {
872
- background-color: hsl(var(--background-dash-sidebar));
981
+ background-color: hsl(var(--background-sidebar));
982
+ }
983
+ .bg-sidebar-accent {
984
+ background-color: hsl(var(--background-selection));
873
985
  }
874
986
  .bg-sidebar-border {
875
987
  background-color: hsl(var(--border-muted));
@@ -889,9 +1001,6 @@
889
1001
  .bg-warning-500 {
890
1002
  background-color: hsl(var(--warning-500));
891
1003
  }
892
- .bg-warning-600 {
893
- background-color: hsl(var(--warning-600));
894
- }
895
1004
  .bg-gradient-to-br {
896
1005
  --tw-gradient-position: to bottom right in oklab;
897
1006
  background-image: linear-gradient(var(--tw-gradient-stops));
@@ -921,15 +1030,27 @@
921
1030
  .object-cover {
922
1031
  object-fit: cover;
923
1032
  }
1033
+ .object-center {
1034
+ object-position: center;
1035
+ }
924
1036
  .p-px {
925
1037
  padding: 1px;
926
1038
  }
927
1039
  .py-\[3px\] {
928
1040
  padding-block: 3px;
929
1041
  }
1042
+ .ps-\(--nav-rail-width\) {
1043
+ padding-inline-start: var(--nav-rail-width);
1044
+ }
1045
+ .ps-\[calc\(var\(--nav-rail-width\)\+var\(--nav-panel-width\)\)\] {
1046
+ padding-inline-start: calc(var(--nav-rail-width) + var(--nav-panel-width));
1047
+ }
930
1048
  .text-center {
931
1049
  text-align: center;
932
1050
  }
1051
+ .text-end {
1052
+ text-align: end;
1053
+ }
933
1054
  .text-left {
934
1055
  text-align: left;
935
1056
  }
@@ -942,20 +1063,73 @@
942
1063
  .align-middle {
943
1064
  vertical-align: middle;
944
1065
  }
945
- .text-\[0\.8rem\] {
946
- font-size: 0.8rem;
1066
+ .text-2xl {
1067
+ font-size: 1.5rem;
1068
+ line-height: var(--tw-leading, 2rem);
1069
+ }
1070
+ .text-2xs {
1071
+ font-size: 0.625rem;
1072
+ line-height: var(--tw-leading, 1rem);
1073
+ }
1074
+ .text-3xl {
1075
+ font-size: 1.875rem;
1076
+ line-height: var(--tw-leading, 2.375rem);
1077
+ }
1078
+ .text-4xl {
1079
+ font-size: 2.25rem;
1080
+ line-height: var(--tw-leading, 2.75rem);
947
1081
  }
948
- .text-\[10px\] {
949
- font-size: 10px;
1082
+ .text-base {
1083
+ font-size: 1rem;
1084
+ line-height: var(--tw-leading, 1.625rem);
1085
+ }
1086
+ .text-lg {
1087
+ font-size: 1.125rem;
1088
+ line-height: var(--tw-leading, 1.75rem);
1089
+ }
1090
+ .text-sm {
1091
+ font-size: 0.875rem;
1092
+ line-height: var(--tw-leading, 1.375rem);
1093
+ }
1094
+ .text-xl {
1095
+ font-size: 1.25rem;
1096
+ line-height: var(--tw-leading, 1.875rem);
1097
+ }
1098
+ .text-xs {
1099
+ font-size: 0.75rem;
1100
+ line-height: var(--tw-leading, 1.125rem);
1101
+ }
1102
+ .text-\[0\.6em\] {
1103
+ font-size: 0.6em;
950
1104
  }
951
1105
  .leading-none {
952
1106
  --tw-leading: 1;
953
1107
  line-height: 1;
954
1108
  }
1109
+ .font-\[var\(--font-sans\)\] {
1110
+ --tw-font-weight: var(--font-sans);
1111
+ font-weight: var(--font-sans);
1112
+ }
1113
+ .font-black {
1114
+ --tw-font-weight: 900;
1115
+ font-weight: 900;
1116
+ }
1117
+ .font-bold {
1118
+ --tw-font-weight: 700;
1119
+ font-weight: 700;
1120
+ }
1121
+ .font-medium {
1122
+ --tw-font-weight: 500;
1123
+ font-weight: 500;
1124
+ }
955
1125
  .font-regular {
956
1126
  --tw-font-weight: 400;
957
1127
  font-weight: 400;
958
1128
  }
1129
+ .font-semibold {
1130
+ --tw-font-weight: 600;
1131
+ font-weight: 600;
1132
+ }
959
1133
  .font-regular {
960
1134
  font-weight: 400;
961
1135
  }
@@ -965,45 +1139,42 @@
965
1139
  .whitespace-nowrap {
966
1140
  white-space: nowrap;
967
1141
  }
968
- .\!text-brand-600 {
969
- color: hsl(var(--brand-600)) !important;
970
- }
971
- .\!text-destructive-600 {
972
- color: hsl(var(--destructive-600)) !important;
1142
+ .text {
1143
+ color: hsl(var(--foreground-default));
973
1144
  }
974
- .\!text-foreground {
975
- color: hsl(var(--foreground-default)) !important;
1145
+ .text-\[hsl\(var\(--secondary-default\)\)\] {
1146
+ color: hsl(var(--secondary-default));
976
1147
  }
977
- .\!text-foreground-contrast {
978
- color: hsl(var(--foreground-contrast)) !important;
1148
+ .text-\[hsl\(var\(--sentiment-mixed\)\)\] {
1149
+ color: hsl(var(--sentiment-mixed));
979
1150
  }
980
- .\!text-foreground\/50 {
981
- color: hsl(var(--foreground-default)) !important;
982
- @supports (color: color-mix(in lab, red, red)) {
983
- color: color-mix(in oklab, hsl(var(--foreground-default)) 50%, transparent) !important;
984
- }
1151
+ .text-\[hsl\(var\(--sentiment-negative\)\)\] {
1152
+ color: hsl(var(--sentiment-negative));
985
1153
  }
986
- .\!text-warning-600 {
987
- color: hsl(var(--warning-600)) !important;
1154
+ .text-\[hsl\(var\(--sentiment-neutral\)\)\] {
1155
+ color: hsl(var(--sentiment-neutral));
988
1156
  }
989
- .text {
990
- color: hsl(var(--foreground-default));
1157
+ .text-\[hsl\(var\(--sentiment-positive\)\)\] {
1158
+ color: hsl(var(--sentiment-positive));
991
1159
  }
992
1160
  .text-accent-foreground {
993
1161
  color: hsl(var(--foreground-default));
994
1162
  }
1163
+ .text-alternative {
1164
+ color: hsl(var(--background-alternative-default));
1165
+ }
995
1166
  .text-background {
996
1167
  color: hsl(var(--background-default));
997
1168
  }
998
1169
  .text-background-overlay {
999
1170
  color: hsl(var(--background-overlay-default));
1000
1171
  }
1001
- .text-background-surface-200 {
1002
- color: hsl(var(--background-surface-200));
1003
- }
1004
1172
  .text-border-muted {
1005
1173
  color: hsl(var(--border-muted));
1006
1174
  }
1175
+ .text-brand {
1176
+ color: hsl(var(--brand-default));
1177
+ }
1007
1178
  .text-brand-600 {
1008
1179
  color: hsl(var(--brand-600));
1009
1180
  }
@@ -1022,12 +1193,21 @@
1022
1193
  .text-destructive {
1023
1194
  color: hsl(var(--destructive-default));
1024
1195
  }
1196
+ .text-destructive-200 {
1197
+ color: hsl(var(--destructive-200));
1198
+ }
1199
+ .text-destructive-400 {
1200
+ color: hsl(var(--destructive-400));
1201
+ }
1025
1202
  .text-destructive-600 {
1026
1203
  color: hsl(var(--destructive-600));
1027
1204
  }
1028
1205
  .text-foreground {
1029
1206
  color: hsl(var(--foreground-default));
1030
1207
  }
1208
+ .text-foreground-contrast {
1209
+ color: hsl(var(--foreground-contrast));
1210
+ }
1031
1211
  .text-foreground-light {
1032
1212
  color: hsl(var(--foreground-light));
1033
1213
  }
@@ -1073,7 +1253,10 @@
1073
1253
  .text-primary-foreground {
1074
1254
  color: hsl(var(--foreground-contrast));
1075
1255
  }
1076
- .text-secondary-foreground {
1256
+ .text-sentiment-positive {
1257
+ color: hsl(var(--sentiment-positive));
1258
+ }
1259
+ .text-sidebar-accent-foreground {
1077
1260
  color: hsl(var(--foreground-default));
1078
1261
  }
1079
1262
  .text-sidebar-foreground {
@@ -1088,6 +1271,9 @@
1088
1271
  .text-warning {
1089
1272
  color: hsl(var(--warning-default));
1090
1273
  }
1274
+ .text-warning-600 {
1275
+ color: hsl(var(--warning-600));
1276
+ }
1091
1277
  .uppercase {
1092
1278
  text-transform: uppercase;
1093
1279
  }
@@ -1104,9 +1290,6 @@
1104
1290
  .underline {
1105
1291
  text-decoration-line: underline;
1106
1292
  }
1107
- .\!opacity-100 {
1108
- opacity: 100% !important;
1109
- }
1110
1293
  .opacity-0 {
1111
1294
  opacity: 0%;
1112
1295
  }
@@ -1119,14 +1302,38 @@
1119
1302
  .opacity-70 {
1120
1303
  opacity: 70%;
1121
1304
  }
1305
+ .shadow {
1306
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.07)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.07));
1307
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1308
+ }
1122
1309
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1123
1310
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
1124
1311
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1125
1312
  }
1313
+ .shadow-card {
1314
+ --tw-shadow: 0 2px 8px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.04));
1315
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1316
+ }
1317
+ .shadow-dropdown {
1318
+ --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.12));
1319
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1320
+ }
1321
+ .shadow-lg {
1322
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.08)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.04));
1323
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1324
+ }
1325
+ .shadow-md {
1326
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.07)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1327
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1328
+ }
1126
1329
  .shadow-none {
1127
1330
  --tw-shadow: 0 0 #0000;
1128
1331
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1129
1332
  }
1333
+ .shadow-sm {
1334
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1335
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1336
+ }
1130
1337
  .ring {
1131
1338
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1132
1339
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1139,8 +1346,12 @@
1139
1346
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1140
1347
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1141
1348
  }
1142
- .\[--tw-ring-color\:conic-gradient\(from_180deg\,\#22c55e\,\#4ade80\,\#22c55e\)\] {
1143
- --tw-ring-color: conic-gradient(from 180deg,#22c55e,#4ade80,#22c55e);
1349
+ .ring-4 {
1350
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1351
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1352
+ }
1353
+ .\[--tw-ring-color\:conic-gradient\(from_180deg\,hsl\(var\(--brand-default\)\)\,hsl\(var\(--brand-400\)\)\,hsl\(var\(--brand-default\)\)\)\] {
1354
+ --tw-ring-color: conic-gradient(from 180deg,hsl(var(--brand-default)),hsl(var(--brand-400)),hsl(var(--brand-default)));
1144
1355
  }
1145
1356
  .ring-background {
1146
1357
  --tw-ring-color: hsl(var(--background-default));
@@ -1148,9 +1359,15 @@
1148
1359
  .ring-border-control {
1149
1360
  --tw-ring-color: hsl(var(--border-control));
1150
1361
  }
1362
+ .ring-brand-200 {
1363
+ --tw-ring-color: hsl(var(--brand-200));
1364
+ }
1151
1365
  .ring-primary {
1152
1366
  --tw-ring-color: hsl(var(--brand-default));
1153
1367
  }
1368
+ .ring-ring {
1369
+ --tw-ring-color: hsl(var(--border-strong));
1370
+ }
1154
1371
  .ring-ring\/50 {
1155
1372
  --tw-ring-color: hsl(var(--border-strong));
1156
1373
  @supports (color: color-mix(in lab, red, red)) {
@@ -1182,9 +1399,8 @@
1182
1399
  outline-style: var(--tw-outline-style);
1183
1400
  outline-width: 1px;
1184
1401
  }
1185
- .outline-0 {
1186
- outline-style: var(--tw-outline-style);
1187
- outline-width: 0px;
1402
+ .filter {
1403
+ 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,);
1188
1404
  }
1189
1405
  .transition {
1190
1406
  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;
@@ -1206,6 +1422,21 @@
1206
1422
  transition-timing-function: var(--tw-ease, ease);
1207
1423
  transition-duration: var(--tw-duration, 0s);
1208
1424
  }
1425
+ .transition-\[padding\] {
1426
+ transition-property: padding;
1427
+ transition-timing-function: var(--tw-ease, ease);
1428
+ transition-duration: var(--tw-duration, 0s);
1429
+ }
1430
+ .transition-\[stroke-dashoffset\] {
1431
+ transition-property: stroke-dashoffset;
1432
+ transition-timing-function: var(--tw-ease, ease);
1433
+ transition-duration: var(--tw-duration, 0s);
1434
+ }
1435
+ .transition-\[transform\,visibility\] {
1436
+ transition-property: transform,visibility;
1437
+ transition-timing-function: var(--tw-ease, ease);
1438
+ transition-duration: var(--tw-duration, 0s);
1439
+ }
1209
1440
  .transition-\[width\,height\,padding\] {
1210
1441
  transition-property: width,height,padding;
1211
1442
  transition-timing-function: var(--tw-ease, ease);
@@ -1231,11 +1462,6 @@
1231
1462
  transition-timing-function: var(--tw-ease, ease);
1232
1463
  transition-duration: var(--tw-duration, 0s);
1233
1464
  }
1234
- .transition-shadow {
1235
- transition-property: box-shadow;
1236
- transition-timing-function: var(--tw-ease, ease);
1237
- transition-duration: var(--tw-duration, 0s);
1238
- }
1239
1465
  .transition-transform {
1240
1466
  transition-property: transform, translate, scale, rotate;
1241
1467
  transition-timing-function: var(--tw-ease, ease);
@@ -1244,6 +1470,14 @@
1244
1470
  .transition-none {
1245
1471
  transition-property: none;
1246
1472
  }
1473
+ .duration-100 {
1474
+ --tw-duration: 100ms;
1475
+ transition-duration: 100ms;
1476
+ }
1477
+ .duration-150 {
1478
+ --tw-duration: 150ms;
1479
+ transition-duration: 150ms;
1480
+ }
1247
1481
  .duration-200 {
1248
1482
  --tw-duration: 200ms;
1249
1483
  transition-duration: 200ms;
@@ -1260,6 +1494,10 @@
1260
1494
  --tw-duration: 1000ms;
1261
1495
  transition-duration: 1000ms;
1262
1496
  }
1497
+ .duration-fast {
1498
+ --tw-duration: var(--duration-fast);
1499
+ transition-duration: var(--duration-fast);
1500
+ }
1263
1501
  .ease-linear {
1264
1502
  --tw-ease: linear;
1265
1503
  transition-timing-function: linear;
@@ -1280,6 +1518,12 @@
1280
1518
  -webkit-user-select: none;
1281
1519
  user-select: none;
1282
1520
  }
1521
+ .duration-100 {
1522
+ animation-duration: 100ms;
1523
+ }
1524
+ .duration-150 {
1525
+ animation-duration: 150ms;
1526
+ }
1283
1527
  .duration-200 {
1284
1528
  animation-duration: 200ms;
1285
1529
  }
@@ -1292,6 +1536,9 @@
1292
1536
  .duration-1000 {
1293
1537
  animation-duration: 1000ms;
1294
1538
  }
1539
+ .duration-fast {
1540
+ animation-duration: var(--duration-fast);
1541
+ }
1295
1542
  .ease-in-out {
1296
1543
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1297
1544
  }
@@ -1301,9 +1548,15 @@
1301
1548
  .ease-out {
1302
1549
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
1303
1550
  }
1551
+ .fade-in {
1552
+ --tw-enter-opacity: 0;
1553
+ }
1304
1554
  .fade-in-50 {
1305
1555
  --tw-enter-opacity: 0.5;
1306
1556
  }
1557
+ .fade-out {
1558
+ --tw-exit-opacity: 0;
1559
+ }
1307
1560
  .group-focus-within\/menu-item\:opacity-100 {
1308
1561
  &:is(:where(.group\/menu-item):focus-within *) {
1309
1562
  opacity: 100%;
@@ -1355,6 +1608,16 @@
1355
1608
  width: var(--sidebar-width-icon);
1356
1609
  }
1357
1610
  }
1611
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+1rem\)\] {
1612
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1613
+ width: calc(var(--sidebar-width-icon) + 1rem);
1614
+ }
1615
+ }
1616
+ .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+1rem\+2px\)\] {
1617
+ &:is(:where(.group)[data-collapsible="icon"] *) {
1618
+ width: calc(var(--sidebar-width-icon) + 1rem + 2px);
1619
+ }
1620
+ }
1358
1621
  .group-data-\[collapsible\=icon\]\:overflow-hidden {
1359
1622
  &:is(:where(.group)[data-collapsible="icon"] *) {
1360
1623
  overflow: hidden;
@@ -1395,20 +1658,10 @@
1395
1658
  opacity: 50%;
1396
1659
  }
1397
1660
  }
1398
- .group-data-\[expanded\=false\]\:opacity-0 {
1399
- &:is(:where(.group)[data-expanded="false"] *) {
1400
- opacity: 0%;
1401
- }
1402
- }
1403
- .group-data-\[front\=true\]\:\!opacity-100 {
1404
- &:is(:where(.group)[data-front="true"] *) {
1405
- opacity: 100% !important;
1406
- }
1407
- }
1408
1661
  .group-data-\[side\=left\]\:border-r {
1409
1662
  &:is(:where(.group)[data-side="left"] *) {
1410
1663
  border-right-style: var(--tw-border-style);
1411
- border-right-width: 1px;
1664
+ border-right-width: var(--borderwidth-xs);
1412
1665
  }
1413
1666
  }
1414
1667
  .group-data-\[side\=right\]\:rotate-180 {
@@ -1419,7 +1672,7 @@
1419
1672
  .group-data-\[side\=right\]\:border-l {
1420
1673
  &:is(:where(.group)[data-side="right"] *) {
1421
1674
  border-left-style: var(--tw-border-style);
1422
- border-left-width: 1px;
1675
+ border-left-width: var(--borderwidth-xs);
1423
1676
  }
1424
1677
  }
1425
1678
  .group-data-\[state\=open\]\:rotate-180 {
@@ -1435,7 +1688,7 @@
1435
1688
  .group-data-\[variant\=floating\]\:border {
1436
1689
  &:is(:where(.group)[data-variant="floating"] *) {
1437
1690
  border-style: var(--tw-border-style);
1438
- border-width: 1px;
1691
+ border-width: var(--borderwidth-xs);
1439
1692
  }
1440
1693
  }
1441
1694
  .group-data-\[variant\=floating\]\:border {
@@ -1448,6 +1701,12 @@
1448
1701
  border-color: hsl(var(--border-muted));
1449
1702
  }
1450
1703
  }
1704
+ .group-data-\[variant\=floating\]\:shadow-sm {
1705
+ &:is(:where(.group)[data-variant="floating"] *) {
1706
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1707
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1708
+ }
1709
+ }
1451
1710
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
1452
1711
  &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
1453
1712
  display: block;
@@ -1481,7 +1740,7 @@
1481
1740
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
1482
1741
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
1483
1742
  border-style: var(--tw-border-style);
1484
- border-width: 1px;
1743
+ border-width: var(--borderwidth-xs);
1485
1744
  }
1486
1745
  }
1487
1746
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
@@ -1499,6 +1758,12 @@
1499
1758
  color: hsl(var(--foreground-default));
1500
1759
  }
1501
1760
  }
1761
+ .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
1762
+ &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
1763
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.07)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.07));
1764
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1765
+ }
1766
+ }
1502
1767
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
1503
1768
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
1504
1769
  --tw-duration: 200ms;
@@ -1510,6 +1775,112 @@
1510
1775
  animation-duration: 200ms;
1511
1776
  }
1512
1777
  }
1778
+ .group-\[\.toast\]\:bg-muted {
1779
+ &:is(:where(.group):is(.toast) *) {
1780
+ background-color: hsl(var(--background-muted));
1781
+ }
1782
+ }
1783
+ .group-\[\.toast\]\:bg-muted {
1784
+ &:is(:where(.group):is(.toast) *) {
1785
+ background-color: hsl(var(--background-muted));
1786
+ }
1787
+ }
1788
+ .group-\[\.toast\]\:bg-primary {
1789
+ &:is(:where(.group):is(.toast) *) {
1790
+ background-color: hsl(var(--brand-default));
1791
+ }
1792
+ }
1793
+ .group-\[\.toast\]\:text-muted-foreground {
1794
+ &:is(:where(.group):is(.toast) *) {
1795
+ color: hsl(var(--foreground-muted));
1796
+ }
1797
+ }
1798
+ .group-\[\.toast\]\:text-primary-foreground {
1799
+ &:is(:where(.group):is(.toast) *) {
1800
+ color: hsl(var(--foreground-contrast));
1801
+ }
1802
+ }
1803
+ .group-\[\.toaster\]\:border-\[hsl\(var\(--brand-default\)\/0\.4\)\] {
1804
+ &:is(:where(.group):is(.toaster) *) {
1805
+ border-color: hsl(var(--brand-default)/0.4);
1806
+ }
1807
+ }
1808
+ .group-\[\.toaster\]\:border-\[hsl\(var\(--destructive-500\)\/0\.4\)\] {
1809
+ &:is(:where(.group):is(.toaster) *) {
1810
+ border-color: hsl(var(--destructive-500)/0.4);
1811
+ }
1812
+ }
1813
+ .group-\[\.toaster\]\:border-\[hsl\(var\(--secondary-default\)\/0\.4\)\] {
1814
+ &:is(:where(.group):is(.toaster) *) {
1815
+ border-color: hsl(var(--secondary-default)/0.4);
1816
+ }
1817
+ }
1818
+ .group-\[\.toaster\]\:border-\[hsl\(var\(--warning-500\)\/0\.4\)\] {
1819
+ &:is(:where(.group):is(.toaster) *) {
1820
+ border-color: hsl(var(--warning-500)/0.4);
1821
+ }
1822
+ }
1823
+ .group-\[\.toaster\]\:border-border {
1824
+ &:is(:where(.group):is(.toaster) *) {
1825
+ border-color: hsl(var(--border-default));
1826
+ }
1827
+ }
1828
+ .group-\[\.toaster\]\:bg-\[hsl\(var\(--brand-default\)\/0\.06\)\] {
1829
+ &:is(:where(.group):is(.toaster) *) {
1830
+ background-color: hsl(var(--brand-default)/0.06);
1831
+ }
1832
+ }
1833
+ .group-\[\.toaster\]\:bg-\[hsl\(var\(--destructive-500\)\/0\.06\)\] {
1834
+ &:is(:where(.group):is(.toaster) *) {
1835
+ background-color: hsl(var(--destructive-500)/0.06);
1836
+ }
1837
+ }
1838
+ .group-\[\.toaster\]\:bg-\[hsl\(var\(--secondary-default\)\/0\.06\)\] {
1839
+ &:is(:where(.group):is(.toaster) *) {
1840
+ background-color: hsl(var(--secondary-default)/0.06);
1841
+ }
1842
+ }
1843
+ .group-\[\.toaster\]\:bg-\[hsl\(var\(--warning-500\)\/0\.06\)\] {
1844
+ &:is(:where(.group):is(.toaster) *) {
1845
+ background-color: hsl(var(--warning-500)/0.06);
1846
+ }
1847
+ }
1848
+ .group-\[\.toaster\]\:bg-background {
1849
+ &:is(:where(.group):is(.toaster) *) {
1850
+ background-color: hsl(var(--background-default));
1851
+ }
1852
+ }
1853
+ .group-\[\.toaster\]\:text-\[hsl\(var\(--brand-600\)\)\] {
1854
+ &:is(:where(.group):is(.toaster) *) {
1855
+ color: hsl(var(--brand-600));
1856
+ }
1857
+ }
1858
+ .group-\[\.toaster\]\:text-\[hsl\(var\(--destructive-600\)\)\] {
1859
+ &:is(:where(.group):is(.toaster) *) {
1860
+ color: hsl(var(--destructive-600));
1861
+ }
1862
+ }
1863
+ .group-\[\.toaster\]\:text-\[hsl\(var\(--secondary-default\)\)\] {
1864
+ &:is(:where(.group):is(.toaster) *) {
1865
+ color: hsl(var(--secondary-default));
1866
+ }
1867
+ }
1868
+ .group-\[\.toaster\]\:text-\[hsl\(var\(--warning\)\)\] {
1869
+ &:is(:where(.group):is(.toaster) *) {
1870
+ color: hsl(var(--warning));
1871
+ }
1872
+ }
1873
+ .group-\[\.toaster\]\:text-foreground {
1874
+ &:is(:where(.group):is(.toaster) *) {
1875
+ color: hsl(var(--foreground-default));
1876
+ }
1877
+ }
1878
+ .group-\[\.toaster\]\:shadow-lg {
1879
+ &:is(:where(.group):is(.toaster) *) {
1880
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.08)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.04));
1881
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1882
+ }
1883
+ }
1513
1884
  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
1514
1885
  &:is(:where(.peer\/menu-button):hover ~ *) {
1515
1886
  @media (hover: hover) {
@@ -1551,7 +1922,7 @@
1551
1922
  .file\:border-0 {
1552
1923
  &::file-selector-button {
1553
1924
  border-style: var(--tw-border-style);
1554
- border-width: 0px;
1925
+ border-width: var(--borderwidth-none);
1555
1926
  }
1556
1927
  }
1557
1928
  .file\:bg-transparent {
@@ -1559,6 +1930,18 @@
1559
1930
  background-color: transparent;
1560
1931
  }
1561
1932
  }
1933
+ .file\:text-sm {
1934
+ &::file-selector-button {
1935
+ font-size: 0.875rem;
1936
+ line-height: var(--tw-leading, 1.375rem);
1937
+ }
1938
+ }
1939
+ .file\:font-medium {
1940
+ &::file-selector-button {
1941
+ --tw-font-weight: 500;
1942
+ font-weight: 500;
1943
+ }
1944
+ }
1562
1945
  .file\:text-foreground {
1563
1946
  &::file-selector-button {
1564
1947
  color: hsl(var(--foreground-default));
@@ -1589,7 +1972,7 @@
1589
1972
  .after\:left-1\/2 {
1590
1973
  &::after {
1591
1974
  content: var(--tw-content);
1592
- left: calc(1/2 * 100%);
1975
+ left: calc(1 / 2 * 100%);
1593
1976
  }
1594
1977
  }
1595
1978
  .after\:w-\[2px\] {
@@ -1601,7 +1984,7 @@
1601
1984
  .after\:-translate-x-1\/2 {
1602
1985
  &::after {
1603
1986
  content: var(--tw-content);
1604
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1987
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1605
1988
  translate: var(--tw-translate-x) var(--tw-translate-y);
1606
1989
  }
1607
1990
  }
@@ -1622,7 +2005,7 @@
1622
2005
  .first\:border-s {
1623
2006
  &:first-child {
1624
2007
  border-inline-start-style: var(--tw-border-style);
1625
- border-inline-start-width: 1px;
2008
+ border-inline-start-width: var(--borderwidth-xs);
1626
2009
  }
1627
2010
  }
1628
2011
  .last\:rounded-e-md {
@@ -1634,7 +2017,7 @@
1634
2017
  .last\:border-b-0 {
1635
2018
  &:last-child {
1636
2019
  border-bottom-style: var(--tw-border-style);
1637
- border-bottom-width: 0px;
2020
+ border-bottom-width: var(--borderwidth-none);
1638
2021
  }
1639
2022
  }
1640
2023
  .last\:border-none {
@@ -1669,9 +2052,9 @@
1669
2052
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1670
2053
  }
1671
2054
  }
1672
- .focus-within\:ring-background-control {
2055
+ .focus-within\:ring-ring {
1673
2056
  &:focus-within {
1674
- --tw-ring-color: hsl(var(--background-control));
2057
+ --tw-ring-color: hsl(var(--border-strong));
1675
2058
  }
1676
2059
  }
1677
2060
  .focus-within\:ring-offset-2 {
@@ -1680,9 +2063,9 @@
1680
2063
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1681
2064
  }
1682
2065
  }
1683
- .focus-within\:ring-offset-foreground-muted {
2066
+ .focus-within\:ring-offset-background {
1684
2067
  &:focus-within {
1685
- --tw-ring-offset-color: hsl(var(--foreground-muted));
2068
+ --tw-ring-offset-color: hsl(var(--background-default));
1686
2069
  }
1687
2070
  }
1688
2071
  .focus-within\:outline-none {
@@ -1719,10 +2102,13 @@
1719
2102
  }
1720
2103
  }
1721
2104
  }
1722
- .hover\:border-stronger {
2105
+ .hover\:border-foreground\/30 {
1723
2106
  &:hover {
1724
2107
  @media (hover: hover) {
1725
- border-color: hsl(var(--border-stronger));
2108
+ border-color: hsl(var(--foreground-default));
2109
+ @supports (color: color-mix(in lab, red, red)) {
2110
+ border-color: color-mix(in oklab, hsl(var(--foreground-default)) 30%, transparent);
2111
+ }
1726
2112
  }
1727
2113
  }
1728
2114
  }
@@ -1733,96 +2119,90 @@
1733
2119
  }
1734
2120
  }
1735
2121
  }
1736
- .hover\:border-warning {
2122
+ .hover\:border-stronger {
1737
2123
  &:hover {
1738
2124
  @media (hover: hover) {
1739
- border-color: hsl(var(--warning-default));
2125
+ border-color: hsl(var(--border-stronger));
1740
2126
  }
1741
2127
  }
1742
2128
  }
1743
- .hover\:\!bg-brand-600 {
2129
+ .hover\:border-warning {
1744
2130
  &:hover {
1745
2131
  @media (hover: hover) {
1746
- background-color: hsl(var(--brand-600)) !important;
2132
+ border-color: hsl(var(--warning-default));
1747
2133
  }
1748
2134
  }
1749
2135
  }
1750
- .hover\:\!bg-foreground\/10 {
2136
+ .hover\:bg-accent {
1751
2137
  &:hover {
1752
2138
  @media (hover: hover) {
1753
- background-color: hsl(var(--foreground-default)) !important;
1754
- @supports (color: color-mix(in lab, red, red)) {
1755
- background-color: color-mix(in oklab, hsl(var(--foreground-default)) 10%, transparent) !important;
1756
- }
2139
+ background-color: hsl(var(--background-surface-200));
1757
2140
  }
1758
2141
  }
1759
2142
  }
1760
- .hover\:\!bg-primary\/20 {
2143
+ .hover\:bg-background {
1761
2144
  &:hover {
1762
2145
  @media (hover: hover) {
1763
- background-color: hsl(var(--brand-default)) !important;
1764
- @supports (color: color-mix(in lab, red, red)) {
1765
- background-color: color-mix(in oklab, hsl(var(--brand-default)) 20%, transparent) !important;
1766
- }
2146
+ background-color: hsl(var(--background-default));
1767
2147
  }
1768
2148
  }
1769
2149
  }
1770
- .hover\:\!bg-selection {
2150
+ .hover\:bg-background-surface-200 {
1771
2151
  &:hover {
1772
2152
  @media (hover: hover) {
1773
- background-color: hsl(var(--background-selection)) !important;
2153
+ background-color: hsl(var(--background-surface-200));
1774
2154
  }
1775
2155
  }
1776
2156
  }
1777
- .hover\:\!bg-selection {
2157
+ .hover\:bg-brand-300 {
1778
2158
  &:hover {
1779
2159
  @media (hover: hover) {
1780
- background-color: hsl(var(--background-selection)) !important;
2160
+ background-color: hsl(var(--brand-300));
1781
2161
  }
1782
2162
  }
1783
2163
  }
1784
- .hover\:bg-accent {
2164
+ .hover\:bg-brand-400 {
1785
2165
  &:hover {
1786
2166
  @media (hover: hover) {
1787
- background-color: hsl(var(--background-surface-200));
2167
+ background-color: hsl(var(--brand-400));
1788
2168
  }
1789
2169
  }
1790
2170
  }
1791
- .hover\:bg-background {
2171
+ .hover\:bg-destructive-300 {
1792
2172
  &:hover {
1793
2173
  @media (hover: hover) {
1794
- background-color: hsl(var(--background-default));
2174
+ background-color: hsl(var(--destructive-300));
1795
2175
  }
1796
2176
  }
1797
2177
  }
1798
- .hover\:bg-brand-400 {
2178
+ .hover\:bg-destructive-400 {
1799
2179
  &:hover {
1800
2180
  @media (hover: hover) {
1801
- background-color: hsl(var(--brand-400));
2181
+ background-color: hsl(var(--destructive-400));
1802
2182
  }
1803
2183
  }
1804
2184
  }
1805
- .hover\:bg-brand\/80 {
2185
+ .hover\:bg-destructive-600 {
1806
2186
  &:hover {
1807
2187
  @media (hover: hover) {
1808
- background-color: hsl(var(--brand-default));
1809
- @supports (color: color-mix(in lab, red, red)) {
1810
- background-color: color-mix(in oklab, hsl(var(--brand-default)) 80%, transparent);
1811
- }
2188
+ background-color: hsl(var(--destructive-600));
1812
2189
  }
1813
2190
  }
1814
2191
  }
1815
- .hover\:bg-destructive-400 {
2192
+ .hover\:bg-foreground-muted {
1816
2193
  &:hover {
1817
2194
  @media (hover: hover) {
1818
- background-color: hsl(var(--destructive-400));
2195
+ background-color: hsl(var(--foreground-muted));
1819
2196
  }
1820
2197
  }
1821
2198
  }
1822
- .hover\:bg-muted {
2199
+ .hover\:bg-foreground\/10 {
1823
2200
  &:hover {
1824
2201
  @media (hover: hover) {
1825
- background-color: hsl(var(--background-muted));
2202
+ background-color: hsl(var(--foreground-default));
2203
+ @supports (color: color-mix(in lab, red, red)) {
2204
+ background-color: color-mix(in oklab, hsl(var(--foreground-default)) 10%, transparent);
2205
+ }
1826
2206
  }
1827
2207
  }
1828
2208
  }
@@ -1833,13 +2213,10 @@
1833
2213
  }
1834
2214
  }
1835
2215
  }
1836
- .hover\:bg-muted\/50 {
2216
+ .hover\:bg-muted {
1837
2217
  &:hover {
1838
2218
  @media (hover: hover) {
1839
2219
  background-color: hsl(var(--background-muted));
1840
- @supports (color: color-mix(in lab, red, red)) {
1841
- background-color: color-mix(in oklab, hsl(var(--background-muted)) 50%, transparent);
1842
- }
1843
2220
  }
1844
2221
  }
1845
2222
  }
@@ -1850,16 +2227,6 @@
1850
2227
  }
1851
2228
  }
1852
2229
  }
1853
- .hover\:bg-secondary\/80 {
1854
- &:hover {
1855
- @media (hover: hover) {
1856
- background-color: hsl(var(--secondary-default));
1857
- @supports (color: color-mix(in lab, red, red)) {
1858
- background-color: color-mix(in oklab, hsl(var(--secondary-default)) 80%, transparent);
1859
- }
1860
- }
1861
- }
1862
- }
1863
2230
  .hover\:bg-selection {
1864
2231
  &:hover {
1865
2232
  @media (hover: hover) {
@@ -1881,24 +2248,17 @@
1881
2248
  }
1882
2249
  }
1883
2250
  }
1884
- .hover\:bg-warning-400 {
1885
- &:hover {
1886
- @media (hover: hover) {
1887
- background-color: hsl(var(--warning-400));
1888
- }
1889
- }
1890
- }
1891
- .hover\:\!text-foreground {
2251
+ .hover\:bg-warning-300 {
1892
2252
  &:hover {
1893
2253
  @media (hover: hover) {
1894
- color: hsl(var(--foreground-default)) !important;
2254
+ background-color: hsl(var(--warning-300));
1895
2255
  }
1896
2256
  }
1897
2257
  }
1898
- .hover\:\!text-primary {
2258
+ .hover\:bg-warning-400 {
1899
2259
  &:hover {
1900
2260
  @media (hover: hover) {
1901
- color: hsl(var(--brand-default)) !important;
2261
+ background-color: hsl(var(--warning-400));
1902
2262
  }
1903
2263
  }
1904
2264
  }
@@ -1966,6 +2326,14 @@
1966
2326
  }
1967
2327
  }
1968
2328
  }
2329
+ .hover\:shadow-lg {
2330
+ &:hover {
2331
+ @media (hover: hover) {
2332
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.08)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.04));
2333
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2334
+ }
2335
+ }
2336
+ }
1969
2337
  .hover\:ring-4 {
1970
2338
  &:hover {
1971
2339
  @media (hover: hover) {
@@ -1978,7 +2346,7 @@
1978
2346
  &:hover {
1979
2347
  @media (hover: hover) {
1980
2348
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
1981
- background-color: hsl(var(--background-dash-sidebar));
2349
+ background-color: hsl(var(--background-sidebar));
1982
2350
  }
1983
2351
  }
1984
2352
  }
@@ -2040,12 +2408,6 @@
2040
2408
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2041
2409
  }
2042
2410
  }
2043
- .focus\:\!outline-none {
2044
- &:focus {
2045
- --tw-outline-style: none !important;
2046
- outline-style: none !important;
2047
- }
2048
- }
2049
2411
  .focus\:outline-none {
2050
2412
  &:focus {
2051
2413
  --tw-outline-style: none;
@@ -2102,6 +2464,16 @@
2102
2464
  --tw-ring-color: hsl(var(--brand-default));
2103
2465
  }
2104
2466
  }
2467
+ .focus-visible\:ring-current {
2468
+ &:focus-visible {
2469
+ --tw-ring-color: currentcolor;
2470
+ }
2471
+ }
2472
+ .focus-visible\:ring-primary {
2473
+ &:focus-visible {
2474
+ --tw-ring-color: hsl(var(--brand-default));
2475
+ }
2476
+ }
2105
2477
  .focus-visible\:ring-ring {
2106
2478
  &:focus-visible {
2107
2479
  --tw-ring-color: hsl(var(--border-strong));
@@ -2115,6 +2487,11 @@
2115
2487
  }
2116
2488
  }
2117
2489
  }
2490
+ .focus-visible\:ring-sidebar-ring {
2491
+ &:focus-visible {
2492
+ --tw-ring-color: hsl(var(--brand-default));
2493
+ }
2494
+ }
2118
2495
  .focus-visible\:ring-offset-1 {
2119
2496
  &:focus-visible {
2120
2497
  --tw-ring-offset-width: 1px;
@@ -2132,11 +2509,6 @@
2132
2509
  --tw-ring-offset-color: hsl(var(--background-default));
2133
2510
  }
2134
2511
  }
2135
- .focus-visible\:ring-offset-foreground-muted {
2136
- &:focus-visible {
2137
- --tw-ring-offset-color: hsl(var(--foreground-muted));
2138
- }
2139
- }
2140
2512
  .focus-visible\:outline-hidden {
2141
2513
  &:focus-visible {
2142
2514
  --tw-outline-style: none;
@@ -2153,31 +2525,20 @@
2153
2525
  outline-width: 1px;
2154
2526
  }
2155
2527
  }
2156
- .focus-visible\:outline-4 {
2157
- &:focus-visible {
2158
- outline-style: var(--tw-outline-style);
2159
- outline-width: 4px;
2160
- }
2161
- }
2162
- .focus-visible\:outline-offset-1 {
2163
- &:focus-visible {
2164
- outline-offset: 1px;
2165
- }
2166
- }
2167
- .focus-visible\:outline-border-strong {
2528
+ .focus-visible\:outline-none {
2168
2529
  &:focus-visible {
2169
- outline-color: hsl(var(--border-strong));
2530
+ --tw-outline-style: none;
2531
+ outline-style: none;
2170
2532
  }
2171
2533
  }
2172
- .focus-visible\:outline-brand-600 {
2173
- &:focus-visible {
2174
- outline-color: hsl(var(--brand-600));
2534
+ .active\:scale-\[0\.97\] {
2535
+ &:active {
2536
+ scale: 0.97;
2175
2537
  }
2176
2538
  }
2177
- .focus-visible\:outline-none {
2178
- &:focus-visible {
2179
- --tw-outline-style: none;
2180
- outline-style: none;
2539
+ .active\:scale-\[0\.98\] {
2540
+ &:active {
2541
+ scale: 0.98;
2181
2542
  }
2182
2543
  }
2183
2544
  .active\:bg-sidebar-accent {
@@ -2190,6 +2551,12 @@
2190
2551
  color: hsl(var(--foreground-default));
2191
2552
  }
2192
2553
  }
2554
+ .active\:shadow-md {
2555
+ &:active {
2556
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.07)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2557
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2558
+ }
2559
+ }
2193
2560
  .disabled\:pointer-events-none {
2194
2561
  &:disabled {
2195
2562
  pointer-events: none;
@@ -2240,7 +2607,7 @@
2240
2607
  }
2241
2608
  .has-data-\[variant\=inset\]\:bg-sidebar {
2242
2609
  &:has(*[data-variant="inset"]) {
2243
- background-color: hsl(var(--background-dash-sidebar));
2610
+ background-color: hsl(var(--background-sidebar));
2244
2611
  }
2245
2612
  }
2246
2613
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-2 {
@@ -2249,9 +2616,9 @@
2249
2616
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2250
2617
  }
2251
2618
  }
2252
- .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-background-control {
2619
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring {
2253
2620
  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
2254
- --tw-ring-color: hsl(var(--background-control));
2621
+ --tw-ring-color: hsl(var(--border-strong));
2255
2622
  }
2256
2623
  }
2257
2624
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-2 {
@@ -2260,9 +2627,9 @@
2260
2627
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2261
2628
  }
2262
2629
  }
2263
- .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-foreground-muted {
2630
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-background {
2264
2631
  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
2265
- --tw-ring-offset-color: hsl(var(--foreground-muted));
2632
+ --tw-ring-offset-color: hsl(var(--background-default));
2266
2633
  }
2267
2634
  }
2268
2635
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive-400 {
@@ -2323,7 +2690,7 @@
2323
2690
  .has-\[\>\[data-slot\=field\]\]\:border {
2324
2691
  &:has(>[data-slot=field]) {
2325
2692
  border-style: var(--tw-border-style);
2326
- border-width: 1px;
2693
+ border-width: var(--borderwidth-xs);
2327
2694
  }
2328
2695
  }
2329
2696
  .has-\[\>\[data-slot\=field\]\]\:border {
@@ -2457,6 +2824,12 @@
2457
2824
  background-color: hsl(var(--background-selection));
2458
2825
  }
2459
2826
  }
2827
+ .data-\[active\=true\]\:font-medium {
2828
+ &[data-active="true"] {
2829
+ --tw-font-weight: 500;
2830
+ font-weight: 500;
2831
+ }
2832
+ }
2460
2833
  .data-\[active\=true\]\:text-accent-foreground {
2461
2834
  &[data-active="true"] {
2462
2835
  color: hsl(var(--foreground-default));
@@ -2656,7 +3029,7 @@
2656
3029
  &[data-panel-group-direction="vertical"] {
2657
3030
  &::after {
2658
3031
  content: var(--tw-content);
2659
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
3032
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2660
3033
  translate: var(--tw-translate-x) var(--tw-translate-y);
2661
3034
  }
2662
3035
  }
@@ -2736,16 +3109,6 @@
2736
3109
  }
2737
3110
  }
2738
3111
  }
2739
- .data-\[state\=active\]\:bg-background {
2740
- &[data-state="active"] {
2741
- background-color: hsl(var(--background-default));
2742
- }
2743
- }
2744
- .data-\[state\=active\]\:text-foreground {
2745
- &[data-state="active"] {
2746
- color: hsl(var(--foreground-default));
2747
- }
2748
- }
2749
3112
  .data-\[state\=checked\]\:border-brand {
2750
3113
  &[data-state="checked"] {
2751
3114
  border-color: hsl(var(--brand-default));
@@ -2788,7 +3151,7 @@
2788
3151
  }
2789
3152
  .data-\[state\=closed\]\:animate-accordion-up {
2790
3153
  &[data-state="closed"] {
2791
- animation: accordion-up 0.2s ease-out;
3154
+ animation: accordion-up 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2792
3155
  }
2793
3156
  }
2794
3157
  .data-\[state\=closed\]\:duration-300 {
@@ -2893,19 +3256,49 @@
2893
3256
  --tw-exit-opacity: 0;
2894
3257
  }
2895
3258
  }
3259
+ .data-\[state\=off\]\:text-muted-foreground {
3260
+ &[data-state="off"] {
3261
+ color: hsl(var(--foreground-muted));
3262
+ }
3263
+ }
3264
+ .data-\[state\=off\]\:hover\:text-foreground {
3265
+ &[data-state="off"] {
3266
+ &:hover {
3267
+ @media (hover: hover) {
3268
+ color: hsl(var(--foreground-default));
3269
+ }
3270
+ }
3271
+ }
3272
+ }
2896
3273
  .data-\[state\=on\]\:bg-accent {
2897
3274
  &[data-state="on"] {
2898
3275
  background-color: hsl(var(--background-surface-200));
2899
3276
  }
2900
3277
  }
3278
+ .data-\[state\=on\]\:bg-primary {
3279
+ &[data-state="on"] {
3280
+ background-color: hsl(var(--brand-default));
3281
+ }
3282
+ }
2901
3283
  .data-\[state\=on\]\:text-accent-foreground {
2902
3284
  &[data-state="on"] {
2903
3285
  color: hsl(var(--foreground-default));
2904
3286
  }
2905
3287
  }
3288
+ .data-\[state\=on\]\:text-primary-foreground {
3289
+ &[data-state="on"] {
3290
+ color: hsl(var(--foreground-contrast));
3291
+ }
3292
+ }
3293
+ .data-\[state\=on\]\:shadow-sm {
3294
+ &[data-state="on"] {
3295
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
3296
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3297
+ }
3298
+ }
2906
3299
  .data-\[state\=open\]\:animate-accordion-down {
2907
3300
  &[data-state="open"] {
2908
- animation: accordion-down 0.2s ease-out;
3301
+ animation: accordion-down 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2909
3302
  }
2910
3303
  }
2911
3304
  .data-\[state\=open\]\:border-button-hover {
@@ -2999,30 +3392,10 @@
2999
3392
  opacity: 100%;
3000
3393
  }
3001
3394
  }
3002
- .data-\[state\=open\]\:outline-border-strong {
3003
- &[data-state="open"] {
3004
- outline-color: hsl(var(--border-strong));
3005
- }
3006
- }
3007
- .data-\[state\=open\]\:outline-brand-600 {
3008
- &[data-state="open"] {
3009
- outline-color: hsl(var(--brand-600));
3010
- }
3011
- }
3012
- .data-\[state\=open\]\:outline-destructive {
3013
- &[data-state="open"] {
3014
- outline-color: hsl(var(--destructive-default));
3015
- }
3016
- }
3017
- .data-\[state\=open\]\:outline-warning {
3018
- &[data-state="open"] {
3019
- outline-color: hsl(var(--warning-default));
3020
- }
3021
- }
3022
- .data-\[state\=open\]\:duration-500 {
3395
+ .data-\[state\=open\]\:duration-300 {
3023
3396
  &[data-state="open"] {
3024
- --tw-duration: 500ms;
3025
- transition-duration: 500ms;
3397
+ --tw-duration: 300ms;
3398
+ transition-duration: 300ms;
3026
3399
  }
3027
3400
  }
3028
3401
  .data-\[state\=open\]\:animate-in {
@@ -3035,9 +3408,9 @@
3035
3408
  --tw-enter-translate-y: initial;
3036
3409
  }
3037
3410
  }
3038
- .data-\[state\=open\]\:duration-500 {
3411
+ .data-\[state\=open\]\:duration-300 {
3039
3412
  &[data-state="open"] {
3040
- animation-duration: 500ms;
3413
+ animation-duration: 300ms;
3041
3414
  }
3042
3415
  }
3043
3416
  .data-\[state\=open\]\:fade-in-0 {
@@ -3145,14 +3518,14 @@
3145
3518
  }
3146
3519
  }
3147
3520
  }
3148
- .data-\[state\=selected\]\:bg-muted {
3521
+ .data-\[state\=selected\]\:bg-selection {
3149
3522
  &[data-state="selected"] {
3150
- background-color: hsl(var(--background-muted));
3523
+ background-color: hsl(var(--background-selection));
3151
3524
  }
3152
3525
  }
3153
- .data-\[state\=selected\]\:bg-muted {
3526
+ .data-\[state\=selected\]\:bg-selection {
3154
3527
  &[data-state="selected"] {
3155
- background-color: hsl(var(--background-muted));
3528
+ background-color: hsl(var(--background-selection));
3156
3529
  }
3157
3530
  }
3158
3531
  .data-\[state\=unchecked\]\:hover\:bg-border {
@@ -3201,6 +3574,18 @@
3201
3574
  }
3202
3575
  }
3203
3576
  }
3577
+ .data-\[variant\=label\]\:text-sm {
3578
+ &[data-variant="label"] {
3579
+ font-size: 0.875rem;
3580
+ line-height: var(--tw-leading, 1.375rem);
3581
+ }
3582
+ }
3583
+ .data-\[variant\=legend\]\:text-base {
3584
+ &[data-variant="legend"] {
3585
+ font-size: 1rem;
3586
+ line-height: var(--tw-leading, 1.625rem);
3587
+ }
3588
+ }
3204
3589
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
3205
3590
  &[data-vaul-drawer-direction="bottom"] {
3206
3591
  max-height: 80vh;
@@ -3215,29 +3600,29 @@
3215
3600
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
3216
3601
  &[data-vaul-drawer-direction="bottom"] {
3217
3602
  border-top-style: var(--tw-border-style);
3218
- border-top-width: 1px;
3603
+ border-top-width: var(--borderwidth-xs);
3219
3604
  }
3220
3605
  }
3221
3606
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
3222
3607
  &[data-vaul-drawer-direction="left"] {
3223
- width: calc(3/4 * 100%);
3608
+ width: calc(3 / 4 * 100%);
3224
3609
  }
3225
3610
  }
3226
3611
  .data-\[vaul-drawer-direction\=left\]\:border-e {
3227
3612
  &[data-vaul-drawer-direction="left"] {
3228
3613
  border-inline-end-style: var(--tw-border-style);
3229
- border-inline-end-width: 1px;
3614
+ border-inline-end-width: var(--borderwidth-xs);
3230
3615
  }
3231
3616
  }
3232
3617
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
3233
3618
  &[data-vaul-drawer-direction="right"] {
3234
- width: calc(3/4 * 100%);
3619
+ width: calc(3 / 4 * 100%);
3235
3620
  }
3236
3621
  }
3237
3622
  .data-\[vaul-drawer-direction\=right\]\:border-s {
3238
3623
  &[data-vaul-drawer-direction="right"] {
3239
3624
  border-inline-start-style: var(--tw-border-style);
3240
- border-inline-start-width: 1px;
3625
+ border-inline-start-width: var(--borderwidth-xs);
3241
3626
  }
3242
3627
  }
3243
3628
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
@@ -3254,7 +3639,12 @@
3254
3639
  .data-\[vaul-drawer-direction\=top\]\:border-b {
3255
3640
  &[data-vaul-drawer-direction="top"] {
3256
3641
  border-bottom-style: var(--tw-border-style);
3257
- border-bottom-width: 1px;
3642
+ border-bottom-width: var(--borderwidth-xs);
3643
+ }
3644
+ }
3645
+ .ltr\:rotate-180 {
3646
+ &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
3647
+ rotate: 180deg;
3258
3648
  }
3259
3649
  }
3260
3650
  .rtl\:origin-right {
@@ -3270,7 +3660,13 @@
3270
3660
  }
3271
3661
  .rtl\:translate-x-1\/2 {
3272
3662
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3273
- --tw-translate-x: calc(1/2 * 100%);
3663
+ --tw-translate-x: calc(1 / 2 * 100%);
3664
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3665
+ }
3666
+ }
3667
+ .rtl\:translate-x-full {
3668
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3669
+ --tw-translate-x: 100%;
3274
3670
  translate: var(--tw-translate-x) var(--tw-translate-y);
3275
3671
  }
3276
3672
  }
@@ -3279,15 +3675,83 @@
3279
3675
  rotate: 180deg;
3280
3676
  }
3281
3677
  }
3678
+ .rtl\:\[transform\:rotate\(-90deg\)_scaleX\(-1\)\] {
3679
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3680
+ transform: rotate(-90deg) scaleX(-1);
3681
+ }
3682
+ }
3683
+ .rtl\:space-x-reverse {
3684
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3685
+ :where(& > :not(:last-child)) {
3686
+ --tw-space-x-reverse: 1;
3687
+ }
3688
+ }
3689
+ }
3282
3690
  .rtl\:after\:translate-x-1\/2 {
3283
3691
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3284
3692
  &::after {
3285
3693
  content: var(--tw-content);
3286
- --tw-translate-x: calc(1/2 * 100%);
3694
+ --tw-translate-x: calc(1 / 2 * 100%);
3287
3695
  translate: var(--tw-translate-x) var(--tw-translate-y);
3288
3696
  }
3289
3697
  }
3290
3698
  }
3699
+ .data-\[motion\=from-end\]\:rtl\:slide-in-from-left-52 {
3700
+ &[data-motion="from-end"] {
3701
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3702
+ --tw-enter-translate-x: -13rem;
3703
+ }
3704
+ }
3705
+ }
3706
+ .data-\[motion\=from-start\]\:rtl\:slide-in-from-right-52 {
3707
+ &[data-motion="from-start"] {
3708
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3709
+ --tw-enter-translate-x: 13rem;
3710
+ }
3711
+ }
3712
+ }
3713
+ .data-\[motion\=to-end\]\:rtl\:slide-out-to-left-52 {
3714
+ &[data-motion="to-end"] {
3715
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3716
+ --tw-exit-translate-x: -13rem;
3717
+ }
3718
+ }
3719
+ }
3720
+ .data-\[motion\=to-start\]\:rtl\:slide-out-to-right-52 {
3721
+ &[data-motion="to-start"] {
3722
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3723
+ --tw-exit-translate-x: 13rem;
3724
+ }
3725
+ }
3726
+ }
3727
+ .data-\[state\=closed\]\:rtl\:slide-out-to-left {
3728
+ &[data-state="closed"] {
3729
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3730
+ --tw-exit-translate-x: -100%;
3731
+ }
3732
+ }
3733
+ }
3734
+ .data-\[state\=closed\]\:rtl\:slide-out-to-right {
3735
+ &[data-state="closed"] {
3736
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3737
+ --tw-exit-translate-x: 100%;
3738
+ }
3739
+ }
3740
+ }
3741
+ .data-\[state\=open\]\:rtl\:slide-in-from-left {
3742
+ &[data-state="open"] {
3743
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3744
+ --tw-enter-translate-x: -100%;
3745
+ }
3746
+ }
3747
+ }
3748
+ .data-\[state\=open\]\:rtl\:slide-in-from-right {
3749
+ &[data-state="open"] {
3750
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3751
+ --tw-enter-translate-x: 100%;
3752
+ }
3753
+ }
3754
+ }
3291
3755
  .dark\:border-brand-600 {
3292
3756
  &:is([data-theme*="dark"] *) {
3293
3757
  border-color: hsl(var(--brand-600));
@@ -3311,21 +3775,24 @@
3311
3775
  background-color: hsl(var(--brand-500));
3312
3776
  }
3313
3777
  }
3314
- .dark\:bg-destructive-400 {
3778
+ .dark\:bg-brand\/10 {
3315
3779
  &:is([data-theme*="dark"] *) {
3316
- background-color: hsl(var(--destructive-400));
3780
+ background-color: hsl(var(--brand-default));
3781
+ @supports (color: color-mix(in lab, red, red)) {
3782
+ background-color: color-mix(in oklab, hsl(var(--brand-default)) 10%, transparent);
3783
+ }
3317
3784
  }
3318
3785
  }
3319
- .dark\:bg-destructive-500 {
3786
+ .dark\:bg-destructive-400 {
3320
3787
  &:is([data-theme*="dark"] *) {
3321
- background-color: hsl(var(--destructive-500));
3788
+ background-color: hsl(var(--destructive-400));
3322
3789
  }
3323
3790
  }
3324
- .dark\:bg-input\/30 {
3791
+ .dark\:bg-destructive\/10 {
3325
3792
  &:is([data-theme*="dark"] *) {
3326
- background-color: hsl(var(--background-control));
3793
+ background-color: hsl(var(--destructive-default));
3327
3794
  @supports (color: color-mix(in lab, red, red)) {
3328
- background-color: color-mix(in oklab, hsl(var(--background-control)) 30%, transparent);
3795
+ background-color: color-mix(in oklab, hsl(var(--destructive-default)) 10%, transparent);
3329
3796
  }
3330
3797
  }
3331
3798
  }
@@ -3357,72 +3824,43 @@
3357
3824
  background-color: hsl(var(--warning-400));
3358
3825
  }
3359
3826
  }
3360
- .dark\:bg-warning-500 {
3361
- &:is([data-theme*="dark"] *) {
3362
- background-color: hsl(var(--warning-500));
3363
- }
3364
- }
3365
- .dark\:\!text-brand-400 {
3366
- &:is([data-theme*="dark"] *) {
3367
- color: hsl(var(--brand-400)) !important;
3368
- }
3369
- }
3370
- .dark\:\!text-destructive-400 {
3371
- &:is([data-theme*="dark"] *) {
3372
- color: hsl(var(--destructive-400)) !important;
3373
- }
3374
- }
3375
- .dark\:\!text-warning-400 {
3376
- &:is([data-theme*="dark"] *) {
3377
- color: hsl(var(--warning-400)) !important;
3378
- }
3379
- }
3380
3827
  .dark\:text-brand-400 {
3381
3828
  &:is([data-theme*="dark"] *) {
3382
3829
  color: hsl(var(--brand-400));
3383
3830
  }
3384
3831
  }
3385
- .dark\:hover\:border-brand {
3832
+ .dark\:hover\:border-brand-500 {
3386
3833
  &:is([data-theme*="dark"] *) {
3387
3834
  &:hover {
3388
3835
  @media (hover: hover) {
3389
- border-color: hsl(var(--brand-default));
3836
+ border-color: hsl(var(--brand-500));
3390
3837
  }
3391
3838
  }
3392
3839
  }
3393
3840
  }
3394
- .dark\:hover\:bg-brand\/50 {
3841
+ .dark\:hover\:bg-brand-600 {
3395
3842
  &:is([data-theme*="dark"] *) {
3396
3843
  &:hover {
3397
3844
  @media (hover: hover) {
3398
- background-color: hsl(var(--brand-default));
3399
- @supports (color: color-mix(in lab, red, red)) {
3400
- background-color: color-mix(in oklab, hsl(var(--brand-default)) 50%, transparent);
3401
- }
3845
+ background-color: hsl(var(--brand-600));
3402
3846
  }
3403
3847
  }
3404
3848
  }
3405
3849
  }
3406
- .dark\:hover\:bg-destructive\/50 {
3850
+ .dark\:hover\:bg-destructive-600 {
3407
3851
  &:is([data-theme*="dark"] *) {
3408
3852
  &:hover {
3409
3853
  @media (hover: hover) {
3410
- background-color: hsl(var(--destructive-default));
3411
- @supports (color: color-mix(in lab, red, red)) {
3412
- background-color: color-mix(in oklab, hsl(var(--destructive-default)) 50%, transparent);
3413
- }
3854
+ background-color: hsl(var(--destructive-600));
3414
3855
  }
3415
3856
  }
3416
3857
  }
3417
3858
  }
3418
- .dark\:hover\:bg-warning\/50 {
3859
+ .dark\:hover\:bg-warning-600 {
3419
3860
  &:is([data-theme*="dark"] *) {
3420
3861
  &:hover {
3421
3862
  @media (hover: hover) {
3422
- background-color: hsl(var(--warning-default));
3423
- @supports (color: color-mix(in lab, red, red)) {
3424
- background-color: color-mix(in oklab, hsl(var(--warning-default)) 50%, transparent);
3425
- }
3863
+ background-color: hsl(var(--warning-600));
3426
3864
  }
3427
3865
  }
3428
3866
  }
@@ -3437,6 +3875,16 @@
3437
3875
  }
3438
3876
  }
3439
3877
  }
3878
+ .dark\:aria-\[invalid\=true\]\:bg-destructive\/5 {
3879
+ &:is([data-theme*="dark"] *) {
3880
+ &[aria-invalid="true"] {
3881
+ background-color: hsl(var(--destructive-default));
3882
+ @supports (color: color-mix(in lab, red, red)) {
3883
+ background-color: color-mix(in oklab, hsl(var(--destructive-default)) 5%, transparent);
3884
+ }
3885
+ }
3886
+ }
3887
+ }
3440
3888
  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
3441
3889
  &:is([data-theme*="dark"] *) {
3442
3890
  &[data-active="true"] {
@@ -3449,32 +3897,32 @@
3449
3897
  }
3450
3898
  }
3451
3899
  }
3452
- .dark\:data-\[state\=open\]\:bg-brand-500\/80 {
3900
+ .dark\:data-\[state\=open\]\:bg-brand-600\/80 {
3453
3901
  &:is([data-theme*="dark"] *) {
3454
3902
  &[data-state="open"] {
3455
- background-color: hsl(var(--brand-500));
3903
+ background-color: hsl(var(--brand-600));
3456
3904
  @supports (color: color-mix(in lab, red, red)) {
3457
- background-color: color-mix(in oklab, hsl(var(--brand-500)) 80%, transparent);
3905
+ background-color: color-mix(in oklab, hsl(var(--brand-600)) 80%, transparent);
3458
3906
  }
3459
3907
  }
3460
3908
  }
3461
3909
  }
3462
- .dark\:data-\[state\=open\]\:bg-destructive\/50 {
3910
+ .dark\:data-\[state\=open\]\:bg-destructive-600\/80 {
3463
3911
  &:is([data-theme*="dark"] *) {
3464
3912
  &[data-state="open"] {
3465
- background-color: hsl(var(--destructive-default));
3913
+ background-color: hsl(var(--destructive-600));
3466
3914
  @supports (color: color-mix(in lab, red, red)) {
3467
- background-color: color-mix(in oklab, hsl(var(--destructive-default)) 50%, transparent);
3915
+ background-color: color-mix(in oklab, hsl(var(--destructive-600)) 80%, transparent);
3468
3916
  }
3469
3917
  }
3470
3918
  }
3471
3919
  }
3472
- .dark\:data-\[state\=open\]\:bg-warning\/50 {
3920
+ .dark\:data-\[state\=open\]\:bg-warning-600\/80 {
3473
3921
  &:is([data-theme*="dark"] *) {
3474
3922
  &[data-state="open"] {
3475
- background-color: hsl(var(--warning-default));
3923
+ background-color: hsl(var(--warning-600));
3476
3924
  @supports (color: color-mix(in lab, red, red)) {
3477
- background-color: color-mix(in oklab, hsl(var(--warning-default)) 50%, transparent);
3925
+ background-color: color-mix(in oklab, hsl(var(--warning-600)) 80%, transparent);
3478
3926
  }
3479
3927
  }
3480
3928
  }
@@ -3491,54 +3939,68 @@
3491
3939
  }
3492
3940
  }
3493
3941
  }
3494
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
3942
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
3495
3943
  & [cmdk-group-heading] {
3496
- color: hsl(var(--foreground-muted));
3944
+ font-size: 0.75rem;
3945
+ line-height: var(--tw-leading, 1.125rem);
3497
3946
  }
3498
3947
  }
3499
- .\[\&_svg\]\:pointer-events-none {
3500
- & svg {
3501
- pointer-events: none;
3948
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
3949
+ & [cmdk-group-heading] {
3950
+ --tw-font-weight: 500;
3951
+ font-weight: 500;
3502
3952
  }
3503
3953
  }
3504
- .\[\&_svg\]\:h-\[14px\] {
3505
- & svg {
3506
- height: 14px;
3954
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
3955
+ & [cmdk-group-heading] {
3956
+ color: hsl(var(--foreground-muted));
3507
3957
  }
3508
3958
  }
3509
- .\[\&_svg\]\:h-\[18px\] {
3510
- & svg {
3511
- height: 18px;
3959
+ .\[\&_\[data-slot\=avatar\]\]\:text-base {
3960
+ & [data-slot=avatar] {
3961
+ font-size: 1rem;
3962
+ line-height: var(--tw-leading, 1.625rem);
3512
3963
  }
3513
3964
  }
3514
- .\[\&_svg\]\:h-\[20px\] {
3515
- & svg {
3516
- height: 20px;
3965
+ .\[\&_\[data-slot\=avatar\]\]\:text-sm {
3966
+ & [data-slot=avatar] {
3967
+ font-size: 0.875rem;
3968
+ line-height: var(--tw-leading, 1.375rem);
3969
+ }
3970
+ }
3971
+ .\[\&_\[data-slot\=avatar\]\]\:text-xs {
3972
+ & [data-slot=avatar] {
3973
+ font-size: 0.75rem;
3974
+ line-height: var(--tw-leading, 1.125rem);
3517
3975
  }
3518
3976
  }
3519
- .\[\&_svg\]\:h-\[24px\] {
3977
+ .\[\&_svg\]\:pointer-events-none {
3520
3978
  & svg {
3521
- height: 24px;
3979
+ pointer-events: none;
3522
3980
  }
3523
3981
  }
3524
- .\[\&_svg\]\:w-\[14px\] {
3982
+ .\[\&_svg\]\:size-\[14px\] {
3525
3983
  & svg {
3526
3984
  width: 14px;
3985
+ height: 14px;
3527
3986
  }
3528
3987
  }
3529
- .\[\&_svg\]\:w-\[18px\] {
3988
+ .\[\&_svg\]\:size-\[18px\] {
3530
3989
  & svg {
3531
3990
  width: 18px;
3991
+ height: 18px;
3532
3992
  }
3533
3993
  }
3534
- .\[\&_svg\]\:w-\[20px\] {
3994
+ .\[\&_svg\]\:size-\[20px\] {
3535
3995
  & svg {
3536
3996
  width: 20px;
3997
+ height: 20px;
3537
3998
  }
3538
3999
  }
3539
- .\[\&_svg\]\:w-\[24px\] {
4000
+ .\[\&_svg\]\:size-\[24px\] {
3540
4001
  & svg {
3541
4002
  width: 24px;
4003
+ height: 24px;
3542
4004
  }
3543
4005
  }
3544
4006
  .\[\&_svg\]\:shrink-0 {
@@ -3554,18 +4016,23 @@
3554
4016
  .\[\&_tr\]\:border-b {
3555
4017
  & tr {
3556
4018
  border-bottom-style: var(--tw-border-style);
3557
- border-bottom-width: 1px;
4019
+ border-bottom-width: var(--borderwidth-xs);
3558
4020
  }
3559
4021
  }
3560
4022
  .\[\&_tr\:last-child\]\:border-0 {
3561
4023
  & tr:last-child {
3562
4024
  border-style: var(--tw-border-style);
3563
- border-width: 0px;
4025
+ border-width: var(--borderwidth-none);
4026
+ }
4027
+ }
4028
+ .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
4029
+ &::-webkit-search-cancel-button {
4030
+ display: none;
3564
4031
  }
3565
4032
  }
3566
- .\[\&\:hover_svg\]\:\!text-primary {
3567
- &:hover svg {
3568
- color: hsl(var(--brand-default)) !important;
4033
+ .\[\&\:\:-webkit-search-decoration\]\:hidden {
4034
+ &::-webkit-search-decoration {
4035
+ display: none;
3569
4036
  }
3570
4037
  }
3571
4038
  .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
@@ -3611,13 +4078,13 @@
3611
4078
  .\[\&\>\*\:not\(\:first-child\)\]\:border-s-0 {
3612
4079
  &>*:not(:first-child) {
3613
4080
  border-inline-start-style: var(--tw-border-style);
3614
- border-inline-start-width: 0px;
4081
+ border-inline-start-width: var(--borderwidth-none);
3615
4082
  }
3616
4083
  }
3617
4084
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 {
3618
4085
  &>*:not(:first-child) {
3619
4086
  border-top-style: var(--tw-border-style);
3620
- border-top-width: 0px;
4087
+ border-top-width: var(--borderwidth-none);
3621
4088
  }
3622
4089
  }
3623
4090
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none {
@@ -3637,6 +4104,16 @@
3637
4104
  width: auto;
3638
4105
  }
3639
4106
  }
4107
+ .\[\&\>\[data-slot\=callout-icon\]\]\:text-\[hsl\(var\(--score-excellent\)\)\] {
4108
+ &>[data-slot=callout-icon] {
4109
+ color: hsl(var(--score-excellent));
4110
+ }
4111
+ }
4112
+ .\[\&\>\[data-slot\=callout-icon\]\]\:text-foreground-lighter {
4113
+ &>[data-slot=callout-icon] {
4114
+ color: hsl(var(--foreground-lighter));
4115
+ }
4116
+ }
3640
4117
  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
3641
4118
  &>[data-slot=field-label] {
3642
4119
  flex: auto;
@@ -3722,11 +4199,6 @@
3722
4199
  flex-shrink: 0;
3723
4200
  }
3724
4201
  }
3725
- .\[\&\>svg\]\:text-blue-600 {
3726
- &>svg {
3727
- color: #2563eb;
3728
- }
3729
- }
3730
4202
  .\[\&\>svg\]\:text-brand-600 {
3731
4203
  &>svg {
3732
4204
  color: hsl(var(--brand-600));
@@ -3742,6 +4214,11 @@
3742
4214
  color: hsl(var(--foreground-default));
3743
4215
  }
3744
4216
  }
4217
+ .\[\&\>svg\]\:text-foreground-light {
4218
+ &>svg {
4219
+ color: hsl(var(--foreground-light));
4220
+ }
4221
+ }
3745
4222
  .\[\&\>svg\]\:text-sidebar-accent-foreground {
3746
4223
  &>svg {
3747
4224
  color: hsl(var(--foreground-default));
@@ -3752,18 +4229,11 @@
3752
4229
  color: hsl(var(--warning-600));
3753
4230
  }
3754
4231
  }
3755
- .dark\:\[\&\>svg\]\:text-blue-400 {
3756
- &:is([data-theme*="dark"] *) {
3757
- &>svg {
3758
- color: #60a5fa;
3759
- }
3760
- }
3761
- }
3762
4232
  .\[\&\>tr\]\:last\:border-b-0 {
3763
4233
  &>tr {
3764
4234
  &:last-child {
3765
4235
  border-bottom-style: var(--tw-border-style);
3766
- border-bottom-width: 0px;
4236
+ border-bottom-width: var(--borderwidth-none);
3767
4237
  }
3768
4238
  }
3769
4239
  }
@@ -3777,6 +4247,22 @@
3777
4247
  rotate: 180deg;
3778
4248
  }
3779
4249
  }
4250
+ .\[\[data-bordered\]_\&\]\:border {
4251
+ [data-bordered] & {
4252
+ border-style: var(--tw-border-style);
4253
+ border-width: var(--borderwidth-xs);
4254
+ }
4255
+ }
4256
+ .\[\[data-bordered\]_\&\]\:border {
4257
+ [data-bordered] & {
4258
+ border-color: hsl(var(--border-default));
4259
+ }
4260
+ }
4261
+ .\[\[data-bordered\]_\&\]\:border-border {
4262
+ [data-bordered] & {
4263
+ border-color: hsl(var(--border-default));
4264
+ }
4265
+ }
3780
4266
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
3781
4267
  [data-side=left][data-state=collapsed] & {
3782
4268
  cursor: e-resize;
@@ -3787,6 +4273,57 @@
3787
4273
  cursor: w-resize;
3788
4274
  }
3789
4275
  }
4276
+ .\[\[data-size\=lg\]_\&\]\:h-full {
4277
+ [data-size=lg] & {
4278
+ height: 100%;
4279
+ }
4280
+ }
4281
+ .\[\[data-size\=lg\]_\&\]\:text-base {
4282
+ [data-size=lg] & {
4283
+ font-size: 1rem;
4284
+ line-height: var(--tw-leading, 1.625rem);
4285
+ }
4286
+ }
4287
+ .\[\[data-size\=lg\]_\&\]\:text-lg {
4288
+ [data-size=lg] & {
4289
+ font-size: 1.125rem;
4290
+ line-height: var(--tw-leading, 1.75rem);
4291
+ }
4292
+ }
4293
+ .\[\[data-size\=md\]_\&\]\:h-full {
4294
+ [data-size=md] & {
4295
+ height: 100%;
4296
+ }
4297
+ }
4298
+ .\[\[data-size\=md\]_\&\]\:text-base {
4299
+ [data-size=md] & {
4300
+ font-size: 1rem;
4301
+ line-height: var(--tw-leading, 1.625rem);
4302
+ }
4303
+ }
4304
+ .\[\[data-size\=md\]_\&\]\:text-sm {
4305
+ [data-size=md] & {
4306
+ font-size: 0.875rem;
4307
+ line-height: var(--tw-leading, 1.375rem);
4308
+ }
4309
+ }
4310
+ .\[\[data-size\=sm\]_\&\]\:h-full {
4311
+ [data-size=sm] & {
4312
+ height: 100%;
4313
+ }
4314
+ }
4315
+ .\[\[data-size\=sm\]_\&\]\:text-sm {
4316
+ [data-size=sm] & {
4317
+ font-size: 0.875rem;
4318
+ line-height: var(--tw-leading, 1.375rem);
4319
+ }
4320
+ }
4321
+ .\[\[data-size\=sm\]_\&\]\:text-xs {
4322
+ [data-size=sm] & {
4323
+ font-size: 0.75rem;
4324
+ line-height: var(--tw-leading, 1.125rem);
4325
+ }
4326
+ }
3790
4327
  .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
3791
4328
  [data-slot=tooltip-content] & {
3792
4329
  background-color: hsl(var(--background-default));
@@ -3810,6 +4347,115 @@
3810
4347
  }
3811
4348
  }
3812
4349
  }
4350
+ .\[\[data-sticky-header\]_\&\]\:sticky {
4351
+ [data-sticky-header] & {
4352
+ position: sticky;
4353
+ }
4354
+ }
4355
+ .\[\[data-sticky-header\]_\&\]\:z-\[9\] {
4356
+ [data-sticky-header] & {
4357
+ z-index: 9;
4358
+ }
4359
+ }
4360
+ .\[\[data-variant\=default\]_\&\]\:rounded-md {
4361
+ [data-variant=default] & {
4362
+ border-radius: calc(var(--radius) - 2px);
4363
+ }
4364
+ }
4365
+ .\[\[data-variant\=default\]_\&\]\:data-\[state\=active\]\:bg-background {
4366
+ [data-variant=default] & {
4367
+ &[data-state="active"] {
4368
+ background-color: hsl(var(--background-default));
4369
+ }
4370
+ }
4371
+ }
4372
+ .\[\[data-variant\=default\]_\&\]\:data-\[state\=active\]\:text-foreground {
4373
+ [data-variant=default] & {
4374
+ &[data-state="active"] {
4375
+ color: hsl(var(--foreground-default));
4376
+ }
4377
+ }
4378
+ }
4379
+ .\[\[data-variant\=default\]_\&\]\:data-\[state\=active\]\:shadow-sm {
4380
+ [data-variant=default] & {
4381
+ &[data-state="active"] {
4382
+ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
4383
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4384
+ }
4385
+ }
4386
+ }
4387
+ .\[\[data-variant\=outline\]_\&\]\:border-e {
4388
+ [data-variant=outline] & {
4389
+ border-inline-end-style: var(--tw-border-style);
4390
+ border-inline-end-width: var(--borderwidth-xs);
4391
+ }
4392
+ }
4393
+ .\[\[data-variant\=outline\]_\&\]\:border-border {
4394
+ [data-variant=outline] & {
4395
+ border-color: hsl(var(--border-default));
4396
+ }
4397
+ }
4398
+ .\[\[data-variant\=outline\]_\&\]\:first\:rounded-s-lg {
4399
+ [data-variant=outline] & {
4400
+ &:first-child {
4401
+ border-start-start-radius: var(--radius);
4402
+ border-end-start-radius: var(--radius);
4403
+ }
4404
+ }
4405
+ }
4406
+ .\[\[data-variant\=outline\]_\&\]\:last\:rounded-e-lg {
4407
+ [data-variant=outline] & {
4408
+ &:last-child {
4409
+ border-start-end-radius: var(--radius);
4410
+ border-end-end-radius: var(--radius);
4411
+ }
4412
+ }
4413
+ }
4414
+ .\[\[data-variant\=outline\]_\&\]\:last\:border-e-0 {
4415
+ [data-variant=outline] & {
4416
+ &:last-child {
4417
+ border-inline-end-style: var(--tw-border-style);
4418
+ border-inline-end-width: var(--borderwidth-none);
4419
+ }
4420
+ }
4421
+ }
4422
+ .\[\[data-variant\=outline\]_\&\]\:data-\[state\=active\]\:text-foreground {
4423
+ [data-variant=outline] & {
4424
+ &[data-state="active"] {
4425
+ color: hsl(var(--foreground-default));
4426
+ }
4427
+ }
4428
+ }
4429
+ .\[\[data-variant\=underline\]_\&\]\:rounded-none {
4430
+ [data-variant=underline] & {
4431
+ border-radius: 0;
4432
+ }
4433
+ }
4434
+ .\[\[data-variant\=underline\]_\&\]\:border-b-2 {
4435
+ [data-variant=underline] & {
4436
+ border-bottom-style: var(--tw-border-style);
4437
+ border-bottom-width: var(--borderwidth-sm);
4438
+ }
4439
+ }
4440
+ .\[\[data-variant\=underline\]_\&\]\:border-transparent {
4441
+ [data-variant=underline] & {
4442
+ border-color: transparent;
4443
+ }
4444
+ }
4445
+ .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:border-brand {
4446
+ [data-variant=underline] & {
4447
+ &[data-state="active"] {
4448
+ border-color: hsl(var(--brand-default));
4449
+ }
4450
+ }
4451
+ }
4452
+ .\[\[data-variant\=underline\]_\&\]\:data-\[state\=active\]\:text-foreground {
4453
+ [data-variant=underline] & {
4454
+ &[data-state="active"] {
4455
+ color: hsl(var(--foreground-default));
4456
+ }
4457
+ }
4458
+ }
3813
4459
  :root {
3814
4460
  --colors-black: 0deg 0% 0%;
3815
4461
  --colors-white: 0deg 0% 100%;
@@ -3936,6 +4582,8 @@
3936
4582
  --icon-xs: 12px;
3937
4583
  --icon-sm: 16px;
3938
4584
  --icon-md: 18px;
4585
+ --icon-lg: 24px;
4586
+ --icon-xl: 32px;
3939
4587
  --iconwidth-default: 1px;
3940
4588
  --panel: 2px;
3941
4589
  --datatable-headericon: 16px;
@@ -3946,9 +4594,62 @@
3946
4594
  --xxl: 128px;
3947
4595
  --content-width-screen-xl: 1128px;
3948
4596
  --font-family-body: Inter;
4597
+ --text-caption: 0.75rem;
4598
+ --text-label: 0.875rem;
4599
+ --text-body: 0.875rem;
4600
+ --text-subheading: 1rem;
4601
+ --text-heading: 1.25rem;
4602
+ --text-display: 1.5rem;
4603
+ --leading-caption: 1rem;
4604
+ --leading-label: 1.25rem;
4605
+ --leading-body: 1.5rem;
4606
+ --leading-subheading: 1.5rem;
4607
+ --leading-heading: 1.75rem;
4608
+ --leading-display: 2rem;
4609
+ --weight-normal: 400;
4610
+ --weight-medium: 500;
4611
+ --weight-semibold: 600;
4612
+ --weight-bold: 700;
4613
+ --density-padding-y: 0.5rem;
4614
+ --density-padding-x: 0.75rem;
4615
+ --density-gap: 0.5rem;
4616
+ --density-text: 0.875rem;
4617
+ --z-dropdown: 50;
4618
+ --z-sticky: 100;
4619
+ --z-overlay: 200;
4620
+ --z-modal: 300;
4621
+ --z-popover: 400;
4622
+ --z-tooltip: 500;
4623
+ }
4624
+ [data-density="compact"] {
4625
+ --density-padding-y: 0.25rem;
4626
+ --density-padding-x: 0.5rem;
4627
+ --density-gap: 0.25rem;
4628
+ --density-text: 0.75rem;
4629
+ }
4630
+ [data-density="spacious"] {
4631
+ --density-padding-y: 0.75rem;
4632
+ --density-padding-x: 1rem;
4633
+ --density-gap: 0.75rem;
4634
+ --density-text: 1rem;
4635
+ }
4636
+ :root {
4637
+ --social-platform-instagram: #E1306C;
4638
+ --social-platform-tiktok: #FE2C55;
4639
+ --social-platform-youtube: #FF0000;
4640
+ --social-platform-linkedin: #0A66C2;
4641
+ --social-platform-telegram: #26A5E4;
3949
4642
  }
3950
4643
  [data-theme='light'], .light {
3951
4644
  --helpers-os-appearance: Light;
4645
+ --social-platform-twitter: #000000;
4646
+ --social-platform-threads: #000000;
4647
+ --shadow-tooltip: 0 2px 12px rgba(0, 0, 0, 0.12);
4648
+ --shadow-tooltip-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
4649
+ --focus-ring-color: hsl(var(--brand-default));
4650
+ --placeholder-color: hsl(var(--foreground-muted));
4651
+ --disabled-opacity: 0.5;
4652
+ --transition-base: 150ms ease;
3952
4653
  --code-block-5: 14deg 80.4% 58%;
3953
4654
  --code-block-4: 276.3deg 60% 52.9%;
3954
4655
  --code-block-3: 83.8deg 61.6% 48%;
@@ -3964,6 +4665,16 @@
3964
4665
  --brand-400: 151.3deg 66.9% 66.9%;
3965
4666
  --brand-300: 147.5deg 72% 80.4%;
3966
4667
  --brand-200: 147.6deg 72.5% 90%;
4668
+ --brand-alpha-5: hsla(153, 60%, 53%, 0.05);
4669
+ --brand-alpha-10: hsla(153, 60%, 53%, 0.1);
4670
+ --brand-alpha-20: hsla(153, 60%, 53%, 0.2);
4671
+ --brand-alpha-30: hsla(153, 60%, 53%, 0.3);
4672
+ --destructive-alpha-5: hsla(10, 78%, 54%, 0.05);
4673
+ --destructive-alpha-10: hsla(10, 78%, 54%, 0.1);
4674
+ --destructive-alpha-20: hsla(10, 78%, 54%, 0.2);
4675
+ --warning-alpha-5: hsla(30, 80%, 48%, 0.05);
4676
+ --warning-alpha-10: hsla(30, 80%, 48%, 0.1);
4677
+ --warning-alpha-20: hsla(30, 80%, 48%, 0.2);
3967
4678
  --warning-default: 30.3deg 80.3% 47.8%;
3968
4679
  --warning-600: 30.3deg 80.3% 47.8%;
3969
4680
  --warning-500: 36.3deg 85.7% 67.1%;
@@ -3999,8 +4710,8 @@
3999
4710
  --border-overlay: 0deg 0% 91%;
4000
4711
  --border-secondary: 0deg 0% 92.9%;
4001
4712
  --border-muted: 0deg 0% 92.9%;
4002
- --background-dash-canvas: 0deg 0% 97.3%;
4003
- --background-dash-sidebar: 0deg 0% 98.8%;
4713
+ --background-canvas: 0deg 0% 97.3%;
4714
+ --background-sidebar: 0deg 0% 98.8%;
4004
4715
  --background-button-default: 0deg 0% 98.8%;
4005
4716
  --background-overlay-hover: 0deg 0% 95.3%;
4006
4717
  --background-overlay-default: 0deg 0% 98.8%;
@@ -4009,22 +4720,65 @@
4009
4720
  --background-default: 0deg 0% 98.8%;
4010
4721
  --background-200: 0deg 0% 97.3%;
4011
4722
  --foreground-default: 0deg 0% 9%;
4012
- --chart-1: 156.5deg 86.5% 26.1%;
4013
- --chart-2: 9.9deg 82% 43.5%;
4014
- --chart-3: 30.3deg 80.3% 47.8%;
4015
- --chart-4: 247.8deg 100% 70%;
4016
- --chart-5: var(--colors-gray-light-900);
4723
+ --chart-1: 153deg 55% 42%;
4724
+ --chart-2: 198deg 50% 48%;
4725
+ --chart-3: 240deg 40% 54%;
4726
+ --chart-4: 310deg 38% 52%;
4727
+ --chart-5: 355deg 45% 52%;
4728
+ --chart-6: 35deg 52% 48%;
4729
+ --chart-7: 75deg 38% 46%;
4730
+ --chart-8: 118deg 35% 46%;
4731
+ --engagement-excellent: 142deg 76% 19%;
4732
+ --engagement-excellent-hover: 143deg 72% 14%;
4733
+ --engagement-very-good: 142deg 71% 45%;
4734
+ --engagement-very-good-hover: 142deg 72% 35%;
4735
+ --engagement-good: 84deg 81% 44%;
4736
+ --engagement-good-hover: 85deg 85% 35%;
4737
+ --engagement-average: 48deg 96% 50%;
4738
+ --engagement-average-hover: 48deg 96% 42%;
4739
+ --engagement-low: 25deg 95% 53%;
4740
+ --engagement-low-hover: 25deg 95% 45%;
4741
+ --engagement-poor: 0deg 84% 60%;
4742
+ --engagement-poor-hover: 0deg 72% 51%;
4743
+ --engagement-inactive: 0deg 0% 83.1%;
4744
+ --sentiment-positive: 142deg 71% 45%;
4745
+ --sentiment-negative: 0deg 84% 60%;
4746
+ --sentiment-neutral: 0deg 0% 43.5%;
4747
+ --sentiment-mixed: var(--warning);
4748
+ --score-excellent: 142deg 76% 26%;
4749
+ --score-excellent-bg: 142deg 76% 95%;
4750
+ --score-good: 84deg 81% 44%;
4751
+ --score-good-bg: 84deg 81% 94%;
4752
+ --score-moderate: 48deg 96% 50%;
4753
+ --score-moderate-bg: 48deg 96% 94%;
4754
+ --score-poor: 25deg 95% 53%;
4755
+ --score-poor-bg: 25deg 95% 94%;
4756
+ --score-critical: 0deg 84% 60%;
4757
+ --score-critical-bg: 0deg 84% 95%;
4758
+ --elevation-0: none;
4759
+ --elevation-1: 0 1px 2px 0 rgb(0 0 0 / 0.05);
4760
+ --elevation-2: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
4761
+ --elevation-3: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04);
4762
+ --elevation-4: 0 20px 25px -5px rgb(0 0 0 / 0.08), 0 8px 10px -6px rgb(0 0 0 / 0.04);
4017
4763
  }
4018
4764
  [data-theme='dark'], .dark {
4019
4765
  --helpers-os-appearance: Dark;
4766
+ --social-platform-twitter: #E7E9EA;
4767
+ --social-platform-threads: #E7E9EA;
4768
+ --shadow-tooltip: 0 2px 12px rgba(0, 0, 0, 0.4);
4769
+ --shadow-tooltip-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.2);
4770
+ --focus-ring-color: hsl(var(--brand-default));
4771
+ --placeholder-color: hsl(var(--foreground-muted));
4772
+ --disabled-opacity: 0.5;
4773
+ --transition-base: 150ms ease;
4020
4774
  --code-block-5: 13.8deg 89.7% 69.6%;
4021
4775
  --code-block-4: 276.1deg 67.7% 74.5%;
4022
4776
  --code-block-3: 83.8deg 61.7% 63.1%;
4023
4777
  --code-block-2: 33.2deg 90.3% 75.7%;
4024
4778
  --code-block-1: 170.8deg 43.1% 61.4%;
4025
- --secondary-default: 247.8deg 100% 70%;
4026
- --secondary-400: 248.3deg 54.5% 25.9%;
4027
- --secondary-200: 248deg 53.6% 11%;
4779
+ --secondary-default: 247.8deg 80% 68%;
4780
+ --secondary-400: 248deg 55% 32%;
4781
+ --secondary-200: 248deg 50% 15%;
4028
4782
  --brand-link: 155deg 100% 38.6%;
4029
4783
  --brand-default: 153.1deg 60.2% 52.7%;
4030
4784
  --brand-600: 154.9deg 59.5% 70%;
@@ -4032,6 +4786,16 @@
4032
4786
  --brand-400: 155.5deg 100% 9.6%;
4033
4787
  --brand-300: 155.1deg 100% 8%;
4034
4788
  --brand-200: 162deg 100% 2%;
4789
+ --brand-alpha-5: hsla(153, 60%, 53%, 0.05);
4790
+ --brand-alpha-10: hsla(153, 60%, 53%, 0.1);
4791
+ --brand-alpha-20: hsla(153, 60%, 53%, 0.2);
4792
+ --brand-alpha-30: hsla(153, 60%, 53%, 0.3);
4793
+ --destructive-alpha-5: hsla(10, 78%, 54%, 0.05);
4794
+ --destructive-alpha-10: hsla(10, 78%, 54%, 0.1);
4795
+ --destructive-alpha-20: hsla(10, 78%, 54%, 0.2);
4796
+ --warning-alpha-5: hsla(39, 100%, 43%, 0.05);
4797
+ --warning-alpha-10: hsla(39, 100%, 43%, 0.1);
4798
+ --warning-alpha-20: hsla(39, 100%, 43%, 0.2);
4035
4799
  --warning-default: 38.9deg 100% 42.9%;
4036
4800
  --warning-600: 38.9deg 100% 42.9%;
4037
4801
  --warning-500: 34.8deg 90.9% 21.6%;
@@ -4052,8 +4816,8 @@
4052
4816
  --border-secondary: 0deg 0% 14.1%;
4053
4817
  --border-muted: 0deg 0% 14.1%;
4054
4818
  --border-default: 0deg 0% 18%;
4055
- --background-dash-canvas: 0deg 0% 7.1%;
4056
- --background-dash-sidebar: 0deg 0% 9%;
4819
+ --background-canvas: 0deg 0% 7.1%;
4820
+ --background-sidebar: 0deg 0% 9%;
4057
4821
  --background-dialog-default: 0deg 0% 7.1%;
4058
4822
  --background-muted: 0deg 0% 14.1%;
4059
4823
  --background-overlay-hover: 0deg 0% 18%;
@@ -4077,80 +4841,46 @@
4077
4841
  --border-button-default: var(--colors-gray-dark-700);
4078
4842
  --background-button-default: var(--colors-gray-dark-500);
4079
4843
  --background-alternative-200: var(--colors-gray-dark-200);
4080
- --chart-1: 154.9deg 100% 19.2%;
4081
- --chart-2: 9.7deg 85.2% 62.9%;
4082
- --chart-3: 38.9deg 100% 42.9%;
4083
- --chart-4: 247.8deg 100% 70%;
4084
- --chart-5: var(--colors-gray-dark-1000);
4085
- color-scheme: dark;
4086
- }
4087
- [data-theme='classic-dark'] {
4088
- --helpers-os-appearance: Classic Dark;
4089
- --code-block-5: 13.8deg 89.7% 69.6%;
4090
- --code-block-4: 276.1deg 67.7% 74.5%;
4091
- --code-block-3: 83.8deg 61.7% 63.1%;
4092
- --code-block-2: 33.2deg 90.3% 75.7%;
4093
- --code-block-1: 170.8deg 43.1% 61.4%;
4094
- --secondary-default: 0deg 0% 100%;
4095
- --secondary-400: 0deg 0% 100%;
4096
- --secondary-200: 0deg 0% 100%;
4097
- --brand-link: 153.1deg 60.2% 52.7%;
4098
- --brand-default: 153.1deg 60.2% 52.7%;
4099
- --brand-600: 153deg 59.5% 70%;
4100
- --brand-500: 153.5deg 61.8% 21.6%;
4101
- --brand-400: 153.3deg 65.2% 13.5%;
4102
- --brand-300: 153.8deg 69.6% 9%;
4103
- --brand-200: 152.5deg 75% 6.3%;
4104
- --warning-default: 38.9deg 100% 57.1%;
4105
- --warning-600: 38.9deg 89.8% 49.8%;
4106
- --warning-500: 34.8deg 90.9% 21.6%;
4107
- --warning-400: 33.2deg 100% 14.5%;
4108
- --warning-300: 32.3deg 100% 10.2%;
4109
- --warning-200: 36.8deg 100% 6.1%;
4110
- --destructive-default: 10.2deg 77.9% 53.9%;
4111
- --destructive-600: 9.7deg 85.2% 62.9%;
4112
- --destructive-500: 7.9deg 71.6% 29%;
4113
- --destructive-400: 6.7deg 60% 20.6%;
4114
- --destructive-300: 7.5deg 51.3% 15.3%;
4115
- --destructive-200: 10.9deg 23.4% 9.2%;
4116
- --background-dash-sidebar: 0deg 0% 11%;
4117
- --background-dialog-default: 0deg 0% 11%;
4118
- --background-surface-75: 0deg 0% 12.5%;
4119
- --background-200: 0deg 0% 11%;
4120
- --foreground-contrast: 0deg 0% 11%;
4121
- --border-button-hover: var(--colors-gray-dark-800);
4122
- --border-button-default: var(--colors-gray-dark-700);
4123
- --border-stronger: var(--colors-gray-dark-800);
4124
- --border-strong: var(--colors-gray-dark-700);
4125
- --border-alternative: var(--colors-gray-dark-500);
4126
- --border-control: var(--colors-gray-dark-600);
4127
- --border-overlay: var(--colors-gray-dark-500);
4128
- --border-secondary: var(--colors-gray-dark-500);
4129
- --border-muted: var(--colors-gray-dark-500);
4130
- --border-default: var(--colors-gray-dark-600);
4131
- --background-dash-canvas: var(--colors-gray-dark-200);
4132
- --background-button-default: var(--colors-gray-dark-500);
4133
- --background-muted: var(--colors-gray-dark-400);
4134
- --background-overlay-hover: var(--colors-gray-dark-500);
4135
- --background-overlay-default: var(--colors-gray-dark-300);
4136
- --background-surface-400: var(--colors-gray-dark-700);
4137
- --background-surface-300: var(--colors-gray-dark-500);
4138
- --background-surface-200: var(--colors-gray-dark-400);
4139
- --background-surface-100: var(--colors-gray-dark-300);
4140
- --background-control: var(--colors-gray-dark-300);
4141
- --background-selection: var(--colors-gray-dark-600);
4142
- --background-alternative-default: var(--colors-gray-dark-100);
4143
- --background-alternative-200: var(--colors-gray-dark-200);
4144
- --background-default: var(--colors-gray-dark-200);
4145
- --foreground-muted: var(--colors-gray-dark-900);
4146
- --foreground-lighter: var(--colors-gray-dark-1000);
4147
- --foreground-light: var(--colors-gray-dark-1100);
4148
- --foreground-default: var(--colors-gray-dark-1200);
4149
- --chart-1: 154.9deg 100% 19.2%;
4150
- --chart-2: 9.7deg 85.2% 62.9%;
4151
- --chart-3: 38.9deg 100% 42.9%;
4152
- --chart-4: 247.8deg 100% 70%;
4153
- --chart-5: var(--colors-gray-dark-1000);
4844
+ --chart-1: 153deg 60% 54%;
4845
+ --chart-2: 198deg 55% 60%;
4846
+ --chart-3: 240deg 45% 66%;
4847
+ --chart-4: 310deg 42% 64%;
4848
+ --chart-5: 355deg 50% 64%;
4849
+ --chart-6: 35deg 56% 60%;
4850
+ --chart-7: 75deg 42% 58%;
4851
+ --chart-8: 118deg 40% 58%;
4852
+ --engagement-excellent: 142deg 76% 26%;
4853
+ --engagement-excellent-hover: 142deg 76% 19%;
4854
+ --engagement-very-good: 142deg 71% 45%;
4855
+ --engagement-very-good-hover: 142deg 72% 35%;
4856
+ --engagement-good: 84deg 81% 44%;
4857
+ --engagement-good-hover: 85deg 85% 35%;
4858
+ --engagement-average: 48deg 96% 50%;
4859
+ --engagement-average-hover: 48deg 96% 42%;
4860
+ --engagement-low: 25deg 95% 53%;
4861
+ --engagement-low-hover: 25deg 95% 45%;
4862
+ --engagement-poor: 0deg 84% 60%;
4863
+ --engagement-poor-hover: 0deg 72% 51%;
4864
+ --engagement-inactive: 0deg 0% 21.2%;
4865
+ --sentiment-positive: 142deg 71% 45%;
4866
+ --sentiment-negative: 0deg 84% 60%;
4867
+ --sentiment-neutral: 0deg 0% 53.7%;
4868
+ --sentiment-mixed: var(--warning);
4869
+ --score-excellent: 142deg 76% 36%;
4870
+ --score-excellent-bg: 142deg 76% 10%;
4871
+ --score-good: 84deg 81% 44%;
4872
+ --score-good-bg: 84deg 81% 12%;
4873
+ --score-moderate: 48deg 96% 50%;
4874
+ --score-moderate-bg: 48deg 96% 12%;
4875
+ --score-poor: 25deg 95% 53%;
4876
+ --score-poor-bg: 25deg 95% 12%;
4877
+ --score-critical: 0deg 84% 60%;
4878
+ --score-critical-bg: 0deg 84% 12%;
4879
+ --elevation-0: none;
4880
+ --elevation-1: 0 1px 3px 0 rgb(0 0 0 / 0.2);
4881
+ --elevation-2: 0 4px 8px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.15);
4882
+ --elevation-3: 0 10px 20px -3px rgb(0 0 0 / 0.3), 0 4px 8px -4px rgb(0 0 0 / 0.2);
4883
+ --elevation-4: 0 20px 30px -5px rgb(0 0 0 / 0.35), 0 8px 12px -6px rgb(0 0 0 / 0.25);
4154
4884
  color-scheme: dark;
4155
4885
  }
4156
4886
  @font-face {
@@ -4193,7 +4923,7 @@
4193
4923
  --input: var(--border-control);
4194
4924
  --ring: var(--brand-default);
4195
4925
  --radius: 0.5rem;
4196
- --sidebar: var(--background-dash-sidebar);
4926
+ --sidebar: var(--background-sidebar);
4197
4927
  --sidebar-foreground: var(--foreground-default);
4198
4928
  --sidebar-primary: var(--brand-default);
4199
4929
  --sidebar-primary-foreground: var(--foreground-contrast);
@@ -4201,6 +4931,9 @@
4201
4931
  --sidebar-accent-foreground: var(--foreground-default);
4202
4932
  --sidebar-border: var(--border-muted);
4203
4933
  --sidebar-ring: var(--brand-default);
4934
+ --nav-rail-width: 3.5rem;
4935
+ --nav-panel-width: 16rem;
4936
+ --nav-panel-width-mobile: 18rem;
4204
4937
  --chart-1: var(--chart-1);
4205
4938
  --chart-2: var(--chart-2);
4206
4939
  --chart-3: var(--chart-3);
@@ -4603,10 +5336,10 @@
4603
5336
  background-color: hsl(var(--background-dialog-default));
4604
5337
  }
4605
5338
  .bg-dash-sidebar {
4606
- background-color: hsl(var(--background-dash-sidebar));
5339
+ background-color: hsl(var(--background-sidebar));
4607
5340
  }
4608
5341
  .bg-dash-canvas {
4609
- background-color: hsl(var(--background-dash-canvas));
5342
+ background-color: hsl(var(--background-canvas));
4610
5343
  }
4611
5344
  .bg-studio {
4612
5345
  background-color: hsl(var(--background-200));
@@ -4713,15 +5446,6 @@
4713
5446
  .hover\:border-brand-600:hover {
4714
5447
  border-color: hsl(var(--brand-600));
4715
5448
  }
4716
- .dark .hover\:border-brand:hover, .dark\:hover\:border-brand:is(.dark *):hover {
4717
- border-color: hsl(var(--brand-default));
4718
- }
4719
- .hover\:bg-brand\/80:hover {
4720
- background-color: hsl(var(--brand-default) / 0.8);
4721
- }
4722
- .dark .hover\:bg-brand\/50:hover, .dark\:hover\:bg-brand\/50:is(.dark *):hover {
4723
- background-color: hsl(var(--brand-default) / 0.5);
4724
- }
4725
5449
  .text-brand-600 {
4726
5450
  color: hsl(var(--brand-600));
4727
5451
  }
@@ -4839,9 +5563,6 @@
4839
5563
  .dark .border-destructive-600, .dark\:border-destructive-600:is(.dark *) {
4840
5564
  border-color: hsl(var(--destructive-600));
4841
5565
  }
4842
- .border-border-strong {
4843
- border-color: hsl(var(--border-strong));
4844
- }
4845
5566
  .bg-brand-200\/10 {
4846
5567
  background-color: hsl(var(--brand-200) / 0.1);
4847
5568
  }
@@ -4964,9 +5685,6 @@
4964
5685
  .border-foreground-muted {
4965
5686
  border-color: hsl(var(--border-stronger));
4966
5687
  }
4967
- .border-border-strong {
4968
- border-color: hsl(var(--border-strong));
4969
- }
4970
5688
  .outline-brand-600 {
4971
5689
  outline-color: hsl(var(--brand-600));
4972
5690
  }
@@ -4996,13 +5714,82 @@
4996
5714
  font-feature-settings: "lnum";
4997
5715
  }
4998
5716
  }
4999
- h1, h2, h3, h4, h5, h6 {
5000
- margin: 0 !important;
5001
- padding: 0 !important;
5717
+ @layer components {
5718
+ .text-label {
5719
+ font-size: 0.75rem;
5720
+ line-height: 1;
5721
+ font-weight: 500;
5722
+ letter-spacing: 0.025em;
5723
+ }
5724
+ .text-caption {
5725
+ font-size: 0.75rem;
5726
+ line-height: 1.5;
5727
+ color: hsl(var(--foreground-muted));
5728
+ }
5729
+ .text-body-sm {
5730
+ font-size: 0.875rem;
5731
+ line-height: 1.625;
5732
+ }
5733
+ .text-body {
5734
+ font-size: 1rem;
5735
+ line-height: 1.5;
5736
+ }
5737
+ .text-heading-sm {
5738
+ font-size: 0.875rem;
5739
+ line-height: 1.25;
5740
+ font-weight: 600;
5741
+ }
5742
+ .text-heading {
5743
+ font-size: 1rem;
5744
+ line-height: 1.25;
5745
+ font-weight: 600;
5746
+ letter-spacing: -0.025em;
5747
+ }
5748
+ .text-display {
5749
+ font-size: 1.125rem;
5750
+ line-height: 1.25;
5751
+ font-weight: 600;
5752
+ }
5753
+ .text-display-lg {
5754
+ font-size: 1.5rem;
5755
+ line-height: 1.2;
5756
+ font-weight: 700;
5757
+ letter-spacing: -0.025em;
5758
+ }
5759
+ .text-display-xl {
5760
+ font-size: 2.25rem;
5761
+ line-height: 1.1;
5762
+ font-weight: 700;
5763
+ letter-spacing: -0.03em;
5764
+ }
5765
+ .text-stat {
5766
+ font-size: 2rem;
5767
+ line-height: 1;
5768
+ font-weight: 700;
5769
+ letter-spacing: -0.02em;
5770
+ font-variant-numeric: tabular-nums;
5771
+ }
5002
5772
  }
5003
- p {
5004
- margin: 0 !important;
5005
- padding: 0 !important;
5773
+ :root {
5774
+ --duration-fast: 150ms;
5775
+ --duration-normal: 200ms;
5776
+ --duration-slow: 300ms;
5777
+ --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
5778
+ --easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
5779
+ --easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
5780
+ }
5781
+ @media (prefers-reduced-motion: reduce) {
5782
+ :root {
5783
+ --duration-fast: 0ms;
5784
+ --duration-normal: 0ms;
5785
+ --duration-slow: 0ms;
5786
+ }
5787
+ *, ::before, ::after {
5788
+ animation-duration: 0.01ms !important;
5789
+ animation-iteration-count: 1 !important;
5790
+ transition-duration: 0.01ms !important;
5791
+ scroll-behavior: auto !important;
5792
+ }
5006
5793
  }
5007
5794
  @keyframes enter {
5008
5795
  from {
@@ -5196,6 +5983,59 @@ p {
5196
5983
  inherits: false;
5197
5984
  initial-value: solid;
5198
5985
  }
5986
+ @property --tw-blur {
5987
+ syntax: "*";
5988
+ inherits: false;
5989
+ }
5990
+ @property --tw-brightness {
5991
+ syntax: "*";
5992
+ inherits: false;
5993
+ }
5994
+ @property --tw-contrast {
5995
+ syntax: "*";
5996
+ inherits: false;
5997
+ }
5998
+ @property --tw-grayscale {
5999
+ syntax: "*";
6000
+ inherits: false;
6001
+ }
6002
+ @property --tw-hue-rotate {
6003
+ syntax: "*";
6004
+ inherits: false;
6005
+ }
6006
+ @property --tw-invert {
6007
+ syntax: "*";
6008
+ inherits: false;
6009
+ }
6010
+ @property --tw-opacity {
6011
+ syntax: "*";
6012
+ inherits: false;
6013
+ }
6014
+ @property --tw-saturate {
6015
+ syntax: "*";
6016
+ inherits: false;
6017
+ }
6018
+ @property --tw-sepia {
6019
+ syntax: "*";
6020
+ inherits: false;
6021
+ }
6022
+ @property --tw-drop-shadow {
6023
+ syntax: "*";
6024
+ inherits: false;
6025
+ }
6026
+ @property --tw-drop-shadow-color {
6027
+ syntax: "*";
6028
+ inherits: false;
6029
+ }
6030
+ @property --tw-drop-shadow-alpha {
6031
+ syntax: "<percentage>";
6032
+ inherits: false;
6033
+ initial-value: 100%;
6034
+ }
6035
+ @property --tw-drop-shadow-size {
6036
+ syntax: "*";
6037
+ inherits: false;
6038
+ }
5199
6039
  @property --tw-duration {
5200
6040
  syntax: "*";
5201
6041
  inherits: false;
@@ -5224,6 +6064,11 @@ p {
5224
6064
  initial-value: "";
5225
6065
  inherits: false;
5226
6066
  }
6067
+ @property --tw-space-x-reverse {
6068
+ syntax: "*";
6069
+ inherits: false;
6070
+ initial-value: 0;
6071
+ }
5227
6072
  @layer properties {
5228
6073
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
5229
6074
  *, ::before, ::after, ::backdrop {
@@ -5267,12 +6112,26 @@ p {
5267
6112
  --tw-ring-offset-color: #fff;
5268
6113
  --tw-ring-offset-shadow: 0 0 #0000;
5269
6114
  --tw-outline-style: solid;
6115
+ --tw-blur: initial;
6116
+ --tw-brightness: initial;
6117
+ --tw-contrast: initial;
6118
+ --tw-grayscale: initial;
6119
+ --tw-hue-rotate: initial;
6120
+ --tw-invert: initial;
6121
+ --tw-opacity: initial;
6122
+ --tw-saturate: initial;
6123
+ --tw-sepia: initial;
6124
+ --tw-drop-shadow: initial;
6125
+ --tw-drop-shadow-color: initial;
6126
+ --tw-drop-shadow-alpha: 100%;
6127
+ --tw-drop-shadow-size: initial;
5270
6128
  --tw-duration: initial;
5271
6129
  --tw-ease: initial;
5272
6130
  --tw-scale-x: 1;
5273
6131
  --tw-scale-y: 1;
5274
6132
  --tw-scale-z: 1;
5275
6133
  --tw-content: "";
6134
+ --tw-space-x-reverse: 0;
5276
6135
  }
5277
6136
  }
5278
6137
  }