@segmentify/ui 0.0.28 → 0.0.31

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.
package/dist/ui.css CHANGED
@@ -8,18 +8,42 @@
8
8
  --ui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
9
  "Courier New", monospace;
10
10
  --ui-color-red-500: oklch(63.7% 0.237 25.331);
11
+ --ui-color-orange-600: #f25847;
12
+ --ui-color-amber-50: oklch(98.7% 0.022 95.277);
11
13
  --ui-color-amber-200: oklch(92.4% 0.12 95.746);
14
+ --ui-color-amber-500: oklch(76.9% 0.188 70.08);
15
+ --ui-color-amber-600: oklch(66.6% 0.179 58.318);
16
+ --ui-color-amber-800: oklch(47.3% 0.137 46.201);
12
17
  --ui-color-yellow-500: oklch(79.5% 0.184 86.047);
18
+ --ui-color-green-50: oklch(98.2% 0.018 155.826);
13
19
  --ui-color-green-200: oklch(92.5% 0.084 155.995);
14
20
  --ui-color-green-400: oklch(79.2% 0.209 151.711);
15
21
  --ui-color-green-500: oklch(72.3% 0.219 149.579);
22
+ --ui-color-green-700: oklch(52.7% 0.154 150.069);
23
+ --ui-color-green-800: oklch(44.8% 0.119 151.328);
24
+ --ui-color-emerald-500: oklch(69.6% 0.17 162.48);
25
+ --ui-color-emerald-600: oklch(59.6% 0.145 163.225);
26
+ --ui-color-teal-600: oklch(60% 0.118 184.704);
27
+ --ui-color-cyan-600: oklch(60.9% 0.126 221.723);
28
+ --ui-color-blue-50: oklch(97% 0.014 254.604);
29
+ --ui-color-blue-200: oklch(88.2% 0.059 254.128);
16
30
  --ui-color-blue-500: oklch(62.3% 0.214 259.815);
31
+ --ui-color-blue-600: oklch(54.6% 0.245 262.881);
32
+ --ui-color-blue-800: oklch(42.4% 0.199 265.638);
33
+ --ui-color-indigo-600: oklch(51.1% 0.262 276.966);
34
+ --ui-color-violet-600: oklch(54.1% 0.281 293.009);
17
35
  --ui-color-purple-500: oklch(62.7% 0.265 303.9);
36
+ --ui-color-pink-600: oklch(59.2% 0.249 0.584);
37
+ --ui-color-rose-500: oklch(64.5% 0.246 16.439);
38
+ --ui-color-rose-600: oklch(58.6% 0.253 17.585);
39
+ --ui-color-slate-50: oklch(98.4% 0.003 247.858);
40
+ --ui-color-slate-200: oklch(92.9% 0.013 255.508);
18
41
  --ui-color-gray-200: #e5e7eb;
19
42
  --ui-color-gray-300: #d2d6dc;
20
43
  --ui-color-gray-400: #9fa6b2;
21
44
  --ui-color-gray-500: #6b7280;
22
45
  --ui-color-gray-600: #4b5563;
46
+ --ui-color-zinc-50: oklch(98.5% 0 0);
23
47
  --ui-color-neutral-500: oklch(55.6% 0 0);
24
48
  --ui-color-neutral-700: oklch(37.1% 0 0);
25
49
  --ui-color-neutral-800: oklch(26.9% 0 0);
@@ -44,6 +68,8 @@
44
68
  --ui-text-lg--line-height: calc(1.75 / 1.125);
45
69
  --ui-text-xl: 1.25rem;
46
70
  --ui-text-xl--line-height: calc(1.75 / 1.25);
71
+ --ui-text-2xl: 1.5rem;
72
+ --ui-text-2xl--line-height: calc(2 / 1.5);
47
73
  --ui-text-3xl: 1.875rem;
48
74
  --ui-text-3xl--line-height: calc(2.25 / 1.875);
49
75
  --ui-text-4xl: 2.25rem;
@@ -315,6 +341,9 @@
315
341
  .ui\:top-4 {
316
342
  top: calc(var(--ui-spacing) * 4);
317
343
  }
344
+ .ui\:top-11 {
345
+ top: calc(var(--ui-spacing) * 11);
346
+ }
318
347
  .ui\:top-\[50\%\] {
319
348
  top: 50%;
320
349
  }
@@ -342,6 +371,9 @@
342
371
  .ui\:bottom-0 {
343
372
  bottom: calc(var(--ui-spacing) * 0);
344
373
  }
374
+ .ui\:bottom-4 {
375
+ bottom: calc(var(--ui-spacing) * 4);
376
+ }
345
377
  .ui\:-left-12 {
346
378
  left: calc(var(--ui-spacing) * -12);
347
379
  }
@@ -354,9 +386,15 @@
354
386
  .ui\:left-2 {
355
387
  left: calc(var(--ui-spacing) * 2);
356
388
  }
389
+ .ui\:left-5 {
390
+ left: calc(var(--ui-spacing) * 5);
391
+ }
357
392
  .ui\:left-\[50\%\] {
358
393
  left: 50%;
359
394
  }
395
+ .ui\:isolate {
396
+ isolation: isolate;
397
+ }
360
398
  .ui\:z-10 {
361
399
  z-index: 10;
362
400
  }
@@ -372,6 +410,9 @@
372
410
  .ui\:z-\[102\] {
373
411
  z-index: 102;
374
412
  }
413
+ .ui\:order-first {
414
+ order: -9999;
415
+ }
375
416
  .ui\:order-last {
376
417
  order: 9999;
377
418
  }
@@ -441,6 +482,9 @@
441
482
  .ui\:mt-6 {
442
483
  margin-top: calc(var(--ui-spacing) * 6);
443
484
  }
485
+ .ui\:mt-8 {
486
+ margin-top: calc(var(--ui-spacing) * 8);
487
+ }
444
488
  .ui\:mt-24 {
445
489
  margin-top: calc(var(--ui-spacing) * 24);
446
490
  }
@@ -468,6 +512,12 @@
468
512
  .ui\:mb-6 {
469
513
  margin-bottom: calc(var(--ui-spacing) * 6);
470
514
  }
515
+ .ui\:mb-8 {
516
+ margin-bottom: calc(var(--ui-spacing) * 8);
517
+ }
518
+ .ui\:-ml-1 {
519
+ margin-left: calc(var(--ui-spacing) * -1);
520
+ }
471
521
  .ui\:-ml-4 {
472
522
  margin-left: calc(var(--ui-spacing) * -4);
473
523
  }
@@ -477,6 +527,12 @@
477
527
  .ui\:ml-auto {
478
528
  margin-left: auto;
479
529
  }
530
+ .ui\:line-clamp-1 {
531
+ overflow: hidden;
532
+ display: -webkit-box;
533
+ -webkit-box-orient: vertical;
534
+ -webkit-line-clamp: 1;
535
+ }
480
536
  .ui\:block {
481
537
  display: block;
482
538
  }
@@ -532,6 +588,10 @@
532
588
  width: calc(var(--ui-spacing) * 5);
533
589
  height: calc(var(--ui-spacing) * 5);
534
590
  }
591
+ .ui\:size-6 {
592
+ width: calc(var(--ui-spacing) * 6);
593
+ height: calc(var(--ui-spacing) * 6);
594
+ }
535
595
  .ui\:size-7 {
536
596
  width: calc(var(--ui-spacing) * 7);
537
597
  height: calc(var(--ui-spacing) * 7);
@@ -548,10 +608,18 @@
548
608
  width: calc(var(--ui-spacing) * 10);
549
609
  height: calc(var(--ui-spacing) * 10);
550
610
  }
611
+ .ui\:size-11 {
612
+ width: calc(var(--ui-spacing) * 11);
613
+ height: calc(var(--ui-spacing) * 11);
614
+ }
551
615
  .ui\:size-12 {
552
616
  width: calc(var(--ui-spacing) * 12);
553
617
  height: calc(var(--ui-spacing) * 12);
554
618
  }
619
+ .ui\:size-16 {
620
+ width: calc(var(--ui-spacing) * 16);
621
+ height: calc(var(--ui-spacing) * 16);
622
+ }
555
623
  .ui\:size-auto {
556
624
  width: auto;
557
625
  height: auto;
@@ -578,6 +646,9 @@
578
646
  .ui\:h-5 {
579
647
  height: calc(var(--ui-spacing) * 5);
580
648
  }
649
+ .ui\:h-6 {
650
+ height: calc(var(--ui-spacing) * 6);
651
+ }
581
652
  .ui\:h-7 {
582
653
  height: calc(var(--ui-spacing) * 7);
583
654
  }
@@ -608,6 +679,9 @@
608
679
  .ui\:h-\[200px\] {
609
680
  height: 200px;
610
681
  }
682
+ .ui\:h-\[calc\(--spacing\(5\.5\)\)\] {
683
+ height: calc(calc(var(--ui-spacing) * 5.5));
684
+ }
611
685
  .ui\:h-\[calc\(100\%-1px\)\] {
612
686
  height: calc(100% - 1px);
613
687
  }
@@ -647,9 +721,15 @@
647
721
  .ui\:max-h-\[300px\] {
648
722
  max-height: 300px;
649
723
  }
724
+ .ui\:max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
725
+ max-height: min(calc(calc(var(--ui-spacing) * 96) - calc(var(--ui-spacing) * 9)), calc(var(--available-height) - calc(var(--ui-spacing) * 9)));
726
+ }
650
727
  .ui\:min-h-0 {
651
728
  min-height: calc(var(--ui-spacing) * 0);
652
729
  }
730
+ .ui\:min-h-9 {
731
+ min-height: calc(var(--ui-spacing) * 9);
732
+ }
653
733
  .ui\:min-h-10\! {
654
734
  min-height: calc(var(--ui-spacing) * 10) !important;
655
735
  }
@@ -668,6 +748,9 @@
668
748
  .ui\:min-h-svh {
669
749
  min-height: 100svh;
670
750
  }
751
+ .ui\:w-\(--anchor-width\) {
752
+ width: var(--anchor-width);
753
+ }
671
754
  .ui\:w-\(--cell-size\) {
672
755
  width: var(--cell-size);
673
756
  }
@@ -677,6 +760,9 @@
677
760
  .ui\:w-0 {
678
761
  width: calc(var(--ui-spacing) * 0);
679
762
  }
763
+ .ui\:w-0\.5 {
764
+ width: calc(var(--ui-spacing) * 0.5);
765
+ }
680
766
  .ui\:w-1 {
681
767
  width: calc(var(--ui-spacing) * 1);
682
768
  }
@@ -755,6 +841,9 @@
755
841
  .ui\:w-px {
756
842
  width: 1px;
757
843
  }
844
+ .ui\:max-w-\(--available-width\) {
845
+ max-width: var(--available-width);
846
+ }
758
847
  .ui\:max-w-\(--skeleton-width\) {
759
848
  max-width: var(--skeleton-width);
760
849
  }
@@ -785,6 +874,9 @@
785
874
  .ui\:max-w-\[calc\(100\%-2rem\)\] {
786
875
  max-width: calc(100% - 2rem);
787
876
  }
877
+ .ui\:max-w-full {
878
+ max-width: 100%;
879
+ }
788
880
  .ui\:max-w-max {
789
881
  max-width: max-content;
790
882
  }
@@ -809,15 +901,24 @@
809
901
  .ui\:min-w-5 {
810
902
  min-width: calc(var(--ui-spacing) * 5);
811
903
  }
904
+ .ui\:min-w-16 {
905
+ min-width: calc(var(--ui-spacing) * 16);
906
+ }
812
907
  .ui\:min-w-32 {
813
908
  min-width: calc(var(--ui-spacing) * 32);
814
909
  }
815
910
  .ui\:min-w-44 {
816
911
  min-width: calc(var(--ui-spacing) * 44);
817
912
  }
913
+ .ui\:min-w-64 {
914
+ min-width: calc(var(--ui-spacing) * 64);
915
+ }
818
916
  .ui\:min-w-\[8rem\] {
819
917
  min-width: 8rem;
820
918
  }
919
+ .ui\:min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
920
+ min-width: calc(var(--anchor-width) + calc(var(--ui-spacing) * 7));
921
+ }
821
922
  .ui\:flex-1 {
822
923
  flex: 1;
823
924
  }
@@ -848,6 +949,9 @@
848
949
  .ui\:origin-\(--radix-tooltip-content-transform-origin\) {
849
950
  transform-origin: var(--radix-tooltip-content-transform-origin);
850
951
  }
952
+ .ui\:origin-\(--transform-origin\) {
953
+ transform-origin: var(--transform-origin);
954
+ }
851
955
  .ui\:-translate-x-1\/2 {
852
956
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
853
957
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -913,6 +1017,9 @@
913
1017
  .ui\:cursor-pointer {
914
1018
  cursor: pointer;
915
1019
  }
1020
+ .ui\:cursor-text {
1021
+ cursor: text;
1022
+ }
916
1023
  .ui\:touch-none {
917
1024
  touch-action: none;
918
1025
  }
@@ -937,12 +1044,18 @@
937
1044
  .ui\:auto-rows-min {
938
1045
  grid-auto-rows: min-content;
939
1046
  }
1047
+ .ui\:grid-cols-1 {
1048
+ grid-template-columns: repeat(1, minmax(0, 1fr));
1049
+ }
940
1050
  .ui\:grid-cols-2 {
941
1051
  grid-template-columns: repeat(2, minmax(0, 1fr));
942
1052
  }
943
1053
  .ui\:grid-cols-3 {
944
1054
  grid-template-columns: repeat(3, minmax(0, 1fr));
945
1055
  }
1056
+ .ui\:grid-rows-\[auto_1fr\] {
1057
+ grid-template-rows: auto 1fr;
1058
+ }
946
1059
  .ui\:grid-rows-\[auto_auto\] {
947
1060
  grid-template-rows: auto auto;
948
1061
  }
@@ -961,6 +1074,9 @@
961
1074
  .ui\:place-content-center {
962
1075
  place-content: center;
963
1076
  }
1077
+ .ui\:place-items-center {
1078
+ place-items: center;
1079
+ }
964
1080
  .ui\:items-center {
965
1081
  align-items: center;
966
1082
  }
@@ -1069,13 +1185,6 @@
1069
1185
  margin-inline-end: calc(calc(var(--ui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
1070
1186
  }
1071
1187
  }
1072
- .ui\:space-x-4 {
1073
- :where(& > :not(:last-child)) {
1074
- --tw-space-x-reverse: 0;
1075
- margin-inline-start: calc(calc(var(--ui-spacing) * 4) * var(--tw-space-x-reverse));
1076
- margin-inline-end: calc(calc(var(--ui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
1077
- }
1078
- }
1079
1188
  .ui\:self-start {
1080
1189
  align-self: flex-start;
1081
1190
  }
@@ -1111,6 +1220,9 @@
1111
1220
  .ui\:rounded-\[4px\] {
1112
1221
  border-radius: 4px;
1113
1222
  }
1223
+ .ui\:rounded-\[calc\(var\(--radius\)-5px\)\] {
1224
+ border-radius: calc(var(--radius) - 5px);
1225
+ }
1114
1226
  .ui\:rounded-\[inherit\] {
1115
1227
  border-radius: inherit;
1116
1228
  }
@@ -1156,10 +1268,6 @@
1156
1268
  border-top-right-radius: var(--ui-radius-md);
1157
1269
  border-bottom-right-radius: var(--ui-radius-md);
1158
1270
  }
1159
- .ui\:rounded-b-none {
1160
- border-bottom-right-radius: 0;
1161
- border-bottom-left-radius: 0;
1162
- }
1163
1271
  .ui\:border {
1164
1272
  border-style: var(--tw-border-style);
1165
1273
  border-width: 1px;
@@ -1192,10 +1300,6 @@
1192
1300
  border-bottom-style: var(--tw-border-style);
1193
1301
  border-bottom-width: 1px;
1194
1302
  }
1195
- .ui\:border-b-0\! {
1196
- border-bottom-style: var(--tw-border-style) !important;
1197
- border-bottom-width: 0px !important;
1198
- }
1199
1303
  .ui\:border-l {
1200
1304
  border-left-style: var(--tw-border-style);
1201
1305
  border-left-width: 1px;
@@ -1204,10 +1308,6 @@
1204
1308
  --tw-border-style: dashed;
1205
1309
  border-style: dashed;
1206
1310
  }
1207
- .ui\:border-none\! {
1208
- --tw-border-style: none !important;
1209
- border-style: none !important;
1210
- }
1211
1311
  .ui\:border-solid {
1212
1312
  --tw-border-style: solid;
1213
1313
  border-style: solid;
@@ -1215,6 +1315,12 @@
1215
1315
  .ui\:border-\(--color-border\) {
1216
1316
  border-color: var(--color-border);
1217
1317
  }
1318
+ .ui\:border-amber-200 {
1319
+ border-color: var(--ui-color-amber-200);
1320
+ }
1321
+ .ui\:border-blue-200 {
1322
+ border-color: var(--ui-color-blue-200);
1323
+ }
1218
1324
  .ui\:border-border {
1219
1325
  border-color: var(--ui-color-border);
1220
1326
  }
@@ -1233,6 +1339,9 @@
1233
1339
  .ui\:border-gray-200 {
1234
1340
  border-color: var(--ui-color-gray-200);
1235
1341
  }
1342
+ .ui\:border-green-200 {
1343
+ border-color: var(--ui-color-green-200);
1344
+ }
1236
1345
  .ui\:border-input {
1237
1346
  border-color: var(--ui-color-input);
1238
1347
  }
@@ -1242,15 +1351,27 @@
1242
1351
  .ui\:border-primary\! {
1243
1352
  border-color: var(--ui-color-primary) !important;
1244
1353
  }
1354
+ .ui\:border-primary\/30 {
1355
+ border-color: var(--ui-color-primary);
1356
+ @supports (color: color-mix(in lab, red, red)) {
1357
+ border-color: color-mix(in oklab, var(--ui-color-primary) 30%, transparent);
1358
+ }
1359
+ }
1245
1360
  .ui\:border-segmentify-200 {
1246
1361
  border-color: var(--ui-color-segmentify-200);
1247
1362
  }
1248
1363
  .ui\:border-sidebar-border {
1249
1364
  border-color: var(--ui-sidebar-border);
1250
1365
  }
1366
+ .ui\:border-slate-200 {
1367
+ border-color: var(--ui-color-slate-200);
1368
+ }
1251
1369
  .ui\:border-transparent {
1252
1370
  border-color: transparent;
1253
1371
  }
1372
+ .ui\:border-zinc-50 {
1373
+ border-color: var(--ui-color-zinc-50);
1374
+ }
1254
1375
  .ui\:border-t-transparent {
1255
1376
  border-top-color: transparent;
1256
1377
  }
@@ -1263,9 +1384,24 @@
1263
1384
  .ui\:bg-accent {
1264
1385
  background-color: var(--ui-color-accent);
1265
1386
  }
1387
+ .ui\:bg-amber-50 {
1388
+ background-color: var(--ui-color-amber-50);
1389
+ }
1266
1390
  .ui\:bg-amber-200 {
1267
1391
  background-color: var(--ui-color-amber-200);
1268
1392
  }
1393
+ .ui\:bg-amber-500\/10 {
1394
+ background-color: var(--ui-color-amber-500);
1395
+ @supports (color: color-mix(in lab, red, red)) {
1396
+ background-color: color-mix(in oklab, var(--ui-color-amber-500) 10%, transparent);
1397
+ }
1398
+ }
1399
+ .ui\:bg-amber-600\/10 {
1400
+ background-color: var(--ui-color-amber-600);
1401
+ @supports (color: color-mix(in lab, red, red)) {
1402
+ background-color: color-mix(in oklab, var(--ui-color-amber-600) 10%, transparent);
1403
+ }
1404
+ }
1269
1405
  .ui\:bg-background {
1270
1406
  background-color: var(--ui-color-background);
1271
1407
  }
@@ -1275,21 +1411,54 @@
1275
1411
  background-color: color-mix(in oklab, var(--ui-color-black) 50%, transparent);
1276
1412
  }
1277
1413
  }
1414
+ .ui\:bg-blue-50 {
1415
+ background-color: var(--ui-color-blue-50);
1416
+ }
1278
1417
  .ui\:bg-blue-500\/30 {
1279
1418
  background-color: var(--ui-color-blue-500);
1280
1419
  @supports (color: color-mix(in lab, red, red)) {
1281
1420
  background-color: color-mix(in oklab, var(--ui-color-blue-500) 30%, transparent);
1282
1421
  }
1283
1422
  }
1423
+ .ui\:bg-blue-600\/10 {
1424
+ background-color: var(--ui-color-blue-600);
1425
+ @supports (color: color-mix(in lab, red, red)) {
1426
+ background-color: color-mix(in oklab, var(--ui-color-blue-600) 10%, transparent);
1427
+ }
1428
+ }
1284
1429
  .ui\:bg-border {
1285
1430
  background-color: var(--ui-color-border);
1286
1431
  }
1432
+ .ui\:bg-border\/60 {
1433
+ background-color: var(--ui-color-border);
1434
+ @supports (color: color-mix(in lab, red, red)) {
1435
+ background-color: color-mix(in oklab, var(--ui-color-border) 60%, transparent);
1436
+ }
1437
+ }
1287
1438
  .ui\:bg-card {
1288
1439
  background-color: var(--ui-color-card);
1289
1440
  }
1441
+ .ui\:bg-cyan-600\/10 {
1442
+ background-color: var(--ui-color-cyan-600);
1443
+ @supports (color: color-mix(in lab, red, red)) {
1444
+ background-color: color-mix(in oklab, var(--ui-color-cyan-600) 10%, transparent);
1445
+ }
1446
+ }
1290
1447
  .ui\:bg-destructive {
1291
1448
  background-color: var(--ui-color-destructive);
1292
1449
  }
1450
+ .ui\:bg-emerald-500\/10 {
1451
+ background-color: var(--ui-color-emerald-500);
1452
+ @supports (color: color-mix(in lab, red, red)) {
1453
+ background-color: color-mix(in oklab, var(--ui-color-emerald-500) 10%, transparent);
1454
+ }
1455
+ }
1456
+ .ui\:bg-emerald-600\/10 {
1457
+ background-color: var(--ui-color-emerald-600);
1458
+ @supports (color: color-mix(in lab, red, red)) {
1459
+ background-color: color-mix(in oklab, var(--ui-color-emerald-600) 10%, transparent);
1460
+ }
1461
+ }
1293
1462
  .ui\:bg-foreground {
1294
1463
  background-color: var(--ui-color-foreground);
1295
1464
  }
@@ -1299,12 +1468,21 @@
1299
1468
  .ui\:bg-gray-500 {
1300
1469
  background-color: var(--ui-color-gray-500);
1301
1470
  }
1471
+ .ui\:bg-green-50 {
1472
+ background-color: var(--ui-color-green-50);
1473
+ }
1302
1474
  .ui\:bg-green-400 {
1303
1475
  background-color: var(--ui-color-green-400);
1304
1476
  }
1305
1477
  .ui\:bg-green-500 {
1306
1478
  background-color: var(--ui-color-green-500);
1307
1479
  }
1480
+ .ui\:bg-indigo-600\/10 {
1481
+ background-color: var(--ui-color-indigo-600);
1482
+ @supports (color: color-mix(in lab, red, red)) {
1483
+ background-color: color-mix(in oklab, var(--ui-color-indigo-600) 10%, transparent);
1484
+ }
1485
+ }
1308
1486
  .ui\:bg-kashmir-blue-500 {
1309
1487
  background-color: var(--ui-color-kashmir-blue-500);
1310
1488
  }
@@ -1332,6 +1510,18 @@
1332
1510
  .ui\:bg-neutral-700 {
1333
1511
  background-color: var(--ui-color-neutral-700);
1334
1512
  }
1513
+ .ui\:bg-orange-600\/10 {
1514
+ background-color: var(--ui-color-orange-600);
1515
+ @supports (color: color-mix(in lab, red, red)) {
1516
+ background-color: color-mix(in oklab, var(--ui-color-orange-600) 10%, transparent);
1517
+ }
1518
+ }
1519
+ .ui\:bg-pink-600\/10 {
1520
+ background-color: var(--ui-color-pink-600);
1521
+ @supports (color: color-mix(in lab, red, red)) {
1522
+ background-color: color-mix(in oklab, var(--ui-color-pink-600) 10%, transparent);
1523
+ }
1524
+ }
1335
1525
  .ui\:bg-popover {
1336
1526
  background-color: var(--ui-color-popover);
1337
1527
  }
@@ -1359,6 +1549,18 @@
1359
1549
  .ui\:bg-red-500 {
1360
1550
  background-color: var(--ui-color-red-500);
1361
1551
  }
1552
+ .ui\:bg-rose-500\/10 {
1553
+ background-color: var(--ui-color-rose-500);
1554
+ @supports (color: color-mix(in lab, red, red)) {
1555
+ background-color: color-mix(in oklab, var(--ui-color-rose-500) 10%, transparent);
1556
+ }
1557
+ }
1558
+ .ui\:bg-rose-600\/10 {
1559
+ background-color: var(--ui-color-rose-600);
1560
+ @supports (color: color-mix(in lab, red, red)) {
1561
+ background-color: color-mix(in oklab, var(--ui-color-rose-600) 10%, transparent);
1562
+ }
1563
+ }
1362
1564
  .ui\:bg-secondary {
1363
1565
  background-color: var(--ui-color-secondary);
1364
1566
  }
@@ -1380,15 +1582,36 @@
1380
1582
  .ui\:bg-sidebar-border {
1381
1583
  background-color: var(--ui-sidebar-border);
1382
1584
  }
1585
+ .ui\:bg-slate-50 {
1586
+ background-color: var(--ui-color-slate-50);
1587
+ }
1588
+ .ui\:bg-teal-600\/10 {
1589
+ background-color: var(--ui-color-teal-600);
1590
+ @supports (color: color-mix(in lab, red, red)) {
1591
+ background-color: color-mix(in oklab, var(--ui-color-teal-600) 10%, transparent);
1592
+ }
1593
+ }
1383
1594
  .ui\:bg-transparent {
1384
1595
  background-color: transparent;
1385
1596
  }
1597
+ .ui\:bg-violet-600\/10 {
1598
+ background-color: var(--ui-color-violet-600);
1599
+ @supports (color: color-mix(in lab, red, red)) {
1600
+ background-color: color-mix(in oklab, var(--ui-color-violet-600) 10%, transparent);
1601
+ }
1602
+ }
1386
1603
  .ui\:bg-white {
1387
1604
  background-color: var(--ui-color-white);
1388
1605
  }
1389
1606
  .ui\:bg-yellow-500 {
1390
1607
  background-color: var(--ui-color-yellow-500);
1391
1608
  }
1609
+ .ui\:bg-clip-padding {
1610
+ background-clip: padding-box;
1611
+ }
1612
+ .ui\:fill-amber-500 {
1613
+ fill: var(--ui-color-amber-500);
1614
+ }
1392
1615
  .ui\:fill-current {
1393
1616
  fill: currentcolor;
1394
1617
  }
@@ -1398,6 +1621,9 @@
1398
1621
  .ui\:fill-primary {
1399
1622
  fill: var(--ui-color-primary);
1400
1623
  }
1624
+ .ui\:fill-rose-500 {
1625
+ fill: var(--ui-color-rose-500);
1626
+ }
1401
1627
  .ui\:object-cover {
1402
1628
  object-fit: cover;
1403
1629
  }
@@ -1440,6 +1666,9 @@
1440
1666
  .ui\:px-1 {
1441
1667
  padding-inline: calc(var(--ui-spacing) * 1);
1442
1668
  }
1669
+ .ui\:px-1\.5 {
1670
+ padding-inline: calc(var(--ui-spacing) * 1.5);
1671
+ }
1443
1672
  .ui\:px-2 {
1444
1673
  padding-inline: calc(var(--ui-spacing) * 2);
1445
1674
  }
@@ -1461,6 +1690,9 @@
1461
1690
  .ui\:py-1 {
1462
1691
  padding-block: calc(var(--ui-spacing) * 1);
1463
1692
  }
1693
+ .ui\:py-1\! {
1694
+ padding-block: calc(var(--ui-spacing) * 1) !important;
1695
+ }
1464
1696
  .ui\:py-1\.5 {
1465
1697
  padding-block: calc(var(--ui-spacing) * 1.5);
1466
1698
  }
@@ -1500,6 +1732,9 @@
1500
1732
  .ui\:pr-2 {
1501
1733
  padding-right: calc(var(--ui-spacing) * 2);
1502
1734
  }
1735
+ .ui\:pr-3 {
1736
+ padding-right: calc(var(--ui-spacing) * 3);
1737
+ }
1503
1738
  .ui\:pr-8 {
1504
1739
  padding-right: calc(var(--ui-spacing) * 8);
1505
1740
  }
@@ -1509,12 +1744,18 @@
1509
1744
  .ui\:pb-0 {
1510
1745
  padding-bottom: calc(var(--ui-spacing) * 0);
1511
1746
  }
1747
+ .ui\:pb-2 {
1748
+ padding-bottom: calc(var(--ui-spacing) * 2);
1749
+ }
1512
1750
  .ui\:pb-3 {
1513
1751
  padding-bottom: calc(var(--ui-spacing) * 3);
1514
1752
  }
1515
1753
  .ui\:pb-4 {
1516
1754
  padding-bottom: calc(var(--ui-spacing) * 4);
1517
1755
  }
1756
+ .ui\:pb-6 {
1757
+ padding-bottom: calc(var(--ui-spacing) * 6);
1758
+ }
1518
1759
  .ui\:pl-2 {
1519
1760
  padding-left: calc(var(--ui-spacing) * 2);
1520
1761
  }
@@ -1548,6 +1789,10 @@
1548
1789
  .ui\:font-sans {
1549
1790
  font-family: var(--ui-font-sans);
1550
1791
  }
1792
+ .ui\:text-2xl {
1793
+ font-size: var(--ui-text-2xl);
1794
+ line-height: var(--tw-leading, var(--ui-text-2xl--line-height));
1795
+ }
1551
1796
  .ui\:text-3xl {
1552
1797
  font-size: var(--ui-text-3xl);
1553
1798
  line-height: var(--tw-leading, var(--ui-text-3xl--line-height));
@@ -1638,6 +1883,15 @@
1638
1883
  .ui\:text-accent-foreground {
1639
1884
  color: var(--ui-color-accent-foreground);
1640
1885
  }
1886
+ .ui\:text-amber-500 {
1887
+ color: var(--ui-color-amber-500);
1888
+ }
1889
+ .ui\:text-amber-600 {
1890
+ color: var(--ui-color-amber-600);
1891
+ }
1892
+ .ui\:text-amber-800 {
1893
+ color: var(--ui-color-amber-800);
1894
+ }
1641
1895
  .ui\:text-background {
1642
1896
  color: var(--ui-color-background);
1643
1897
  }
@@ -1653,18 +1907,33 @@
1653
1907
  .ui\:text-black-950\! {
1654
1908
  color: var(--ui-color-black-950) !important;
1655
1909
  }
1910
+ .ui\:text-blue-600 {
1911
+ color: var(--ui-color-blue-600);
1912
+ }
1913
+ .ui\:text-blue-800 {
1914
+ color: var(--ui-color-blue-800);
1915
+ }
1656
1916
  .ui\:text-card-foreground {
1657
1917
  color: var(--ui-color-card-foreground);
1658
1918
  }
1659
1919
  .ui\:text-current {
1660
1920
  color: currentcolor;
1661
1921
  }
1922
+ .ui\:text-cyan-600 {
1923
+ color: var(--ui-color-cyan-600);
1924
+ }
1662
1925
  .ui\:text-destructive {
1663
1926
  color: var(--ui-color-destructive);
1664
1927
  }
1665
1928
  .ui\:text-destructive-foreground {
1666
1929
  color: var(--ui-color-destructive-foreground);
1667
1930
  }
1931
+ .ui\:text-emerald-500 {
1932
+ color: var(--ui-color-emerald-500);
1933
+ }
1934
+ .ui\:text-emerald-600 {
1935
+ color: var(--ui-color-emerald-600);
1936
+ }
1668
1937
  .ui\:text-foreground {
1669
1938
  color: var(--ui-color-foreground);
1670
1939
  }
@@ -1674,9 +1943,27 @@
1674
1943
  .ui\:text-gray-600 {
1675
1944
  color: var(--ui-color-gray-600);
1676
1945
  }
1946
+ .ui\:text-green-700 {
1947
+ color: var(--ui-color-green-700);
1948
+ }
1949
+ .ui\:text-green-800 {
1950
+ color: var(--ui-color-green-800);
1951
+ }
1952
+ .ui\:text-indigo-600 {
1953
+ color: var(--ui-color-indigo-600);
1954
+ }
1677
1955
  .ui\:text-muted-foreground {
1678
1956
  color: var(--ui-color-muted-foreground);
1679
1957
  }
1958
+ .ui\:text-muted-foreground\! {
1959
+ color: var(--ui-color-muted-foreground) !important;
1960
+ }
1961
+ .ui\:text-orange-600 {
1962
+ color: var(--ui-color-orange-600);
1963
+ }
1964
+ .ui\:text-pink-600 {
1965
+ color: var(--ui-color-pink-600);
1966
+ }
1680
1967
  .ui\:text-popover-foreground {
1681
1968
  color: var(--ui-color-popover-foreground);
1682
1969
  }
@@ -1695,6 +1982,12 @@
1695
1982
  .ui\:text-red-500 {
1696
1983
  color: var(--ui-color-red-500);
1697
1984
  }
1985
+ .ui\:text-rose-500 {
1986
+ color: var(--ui-color-rose-500);
1987
+ }
1988
+ .ui\:text-rose-600 {
1989
+ color: var(--ui-color-rose-600);
1990
+ }
1698
1991
  .ui\:text-secondary-foreground {
1699
1992
  color: var(--ui-color-secondary-foreground);
1700
1993
  }
@@ -1713,6 +2006,12 @@
1713
2006
  color: color-mix(in oklab, var(--ui-sidebar-foreground) 70%, transparent);
1714
2007
  }
1715
2008
  }
2009
+ .ui\:text-teal-600 {
2010
+ color: var(--ui-color-teal-600);
2011
+ }
2012
+ .ui\:text-violet-600 {
2013
+ color: var(--ui-color-violet-600);
2014
+ }
1716
2015
  .ui\:text-white {
1717
2016
  color: var(--ui-color-white);
1718
2017
  }
@@ -1747,9 +2046,6 @@
1747
2046
  .ui\:opacity-70 {
1748
2047
  opacity: 70%;
1749
2048
  }
1750
- .ui\:opacity-100 {
1751
- opacity: 100%;
1752
- }
1753
2049
  .ui\:shadow {
1754
2050
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1755
2051
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1808,6 +2104,12 @@
1808
2104
  --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 50%, transparent) !important;
1809
2105
  }
1810
2106
  }
2107
+ .ui\:ring-foreground\/10 {
2108
+ --tw-ring-color: var(--ui-color-foreground);
2109
+ @supports (color: color-mix(in lab, red, red)) {
2110
+ --tw-ring-color: color-mix(in oklab, var(--ui-color-foreground) 10%, transparent);
2111
+ }
2112
+ }
1811
2113
  .ui\:ring-primary {
1812
2114
  --tw-ring-color: var(--ui-color-primary);
1813
2115
  }
@@ -1892,6 +2194,10 @@
1892
2194
  .ui\:transition-none {
1893
2195
  transition-property: none;
1894
2196
  }
2197
+ .ui\:duration-100 {
2198
+ --tw-duration: 100ms;
2199
+ transition-duration: 100ms;
2200
+ }
1895
2201
  .ui\:duration-200 {
1896
2202
  --tw-duration: 200ms;
1897
2203
  transition-duration: 200ms;
@@ -1958,6 +2264,31 @@
1958
2264
  padding-right: calc(var(--ui-spacing) * 8);
1959
2265
  }
1960
2266
  }
2267
+ .ui\:group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden {
2268
+ &:is(:where(.ui\:group\/input-group):has(*[data-slot="combobox-clear"]) *) {
2269
+ display: none;
2270
+ }
2271
+ }
2272
+ .ui\:group-has-\[\>input\]\/input-group\:pt-2\.5 {
2273
+ &:is(:where(.ui\:group\/input-group):has(>input) *) {
2274
+ padding-top: calc(var(--ui-spacing) * 2.5);
2275
+ }
2276
+ }
2277
+ .ui\:group-has-\[\>input\]\/input-group\:pb-2\.5 {
2278
+ &:is(:where(.ui\:group\/input-group):has(>input) *) {
2279
+ padding-bottom: calc(var(--ui-spacing) * 2.5);
2280
+ }
2281
+ }
2282
+ .ui\:group-data-empty\/combobox-content\:flex {
2283
+ &:is(:where(.ui\:group\/combobox-content)[data-empty] *) {
2284
+ display: flex;
2285
+ }
2286
+ }
2287
+ .ui\:group-data-empty\/combobox-content\:hidden {
2288
+ &:is(:where(.ui\:group\/combobox-content)[data-empty] *) {
2289
+ display: none;
2290
+ }
2291
+ }
1961
2292
  .ui\:group-data-\[collapsible\=icon\]\:-mt-8 {
1962
2293
  &:is(:where(.ui\:group)[data-collapsible="icon"] *) {
1963
2294
  margin-top: calc(var(--ui-spacing) * -8);
@@ -2030,6 +2361,11 @@
2030
2361
  translate: var(--tw-translate-x) var(--tw-translate-y);
2031
2362
  }
2032
2363
  }
2364
+ .ui\:group-data-\[disabled\=true\]\/input-group\:opacity-50 {
2365
+ &:is(:where(.ui\:group\/input-group)[data-disabled="true"] *) {
2366
+ opacity: 50%;
2367
+ }
2368
+ }
2033
2369
  .ui\:group-data-\[focused\=true\]\/day\:relative {
2034
2370
  &:is(:where(.ui\:group\/day)[data-focused="true"] *) {
2035
2371
  position: relative;
@@ -2086,6 +2422,16 @@
2086
2422
  border-left-width: 1px;
2087
2423
  }
2088
2424
  }
2425
+ .ui\:group-data-\[size\=sm\]\/alert-dialog-content\:grid {
2426
+ &:is(:where(.ui\:group\/alert-dialog-content)[data-size="sm"] *) {
2427
+ display: grid;
2428
+ }
2429
+ }
2430
+ .ui\:group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2 {
2431
+ &:is(:where(.ui\:group\/alert-dialog-content)[data-size="sm"] *) {
2432
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2433
+ }
2434
+ }
2089
2435
  .ui\:group-data-\[variant\=floating\]\:rounded-lg {
2090
2436
  &:is(:where(.ui\:group)[data-variant="floating"] *) {
2091
2437
  border-radius: var(--ui-radius-lg);
@@ -2347,6 +2693,30 @@
2347
2693
  border-bottom-width: 0px;
2348
2694
  }
2349
2695
  }
2696
+ .ui\:last\:pb-0 {
2697
+ &:last-child {
2698
+ padding-bottom: calc(var(--ui-spacing) * 0);
2699
+ }
2700
+ }
2701
+ .ui\:focus-within\:border-ring {
2702
+ &:focus-within {
2703
+ border-color: var(--ui-color-ring);
2704
+ }
2705
+ }
2706
+ .ui\:focus-within\:ring-\[3px\] {
2707
+ &:focus-within {
2708
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2709
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2710
+ }
2711
+ }
2712
+ .ui\:focus-within\:ring-ring\/50 {
2713
+ &:focus-within {
2714
+ --tw-ring-color: var(--ui-color-ring);
2715
+ @supports (color: color-mix(in lab, red, red)) {
2716
+ --tw-ring-color: color-mix(in oklab, var(--ui-color-ring) 50%, transparent);
2717
+ }
2718
+ }
2719
+ }
2350
2720
  .ui\:hover\:scale-110 {
2351
2721
  &:hover {
2352
2722
  @media (hover: hover) {
@@ -2561,6 +2931,14 @@
2561
2931
  }
2562
2932
  }
2563
2933
  }
2934
+ .ui\:hover\:shadow-sm {
2935
+ &:hover {
2936
+ @media (hover: hover) {
2937
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2938
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2939
+ }
2940
+ }
2941
+ }
2564
2942
  .ui\:hover\:ring-4 {
2565
2943
  &:hover {
2566
2944
  @media (hover: hover) {
@@ -2646,6 +3024,12 @@
2646
3024
  border-color: var(--ui-color-ring);
2647
3025
  }
2648
3026
  }
3027
+ .ui\:focus-visible\:ring-0 {
3028
+ &:focus-visible {
3029
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3030
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3031
+ }
3032
+ }
2649
3033
  .ui\:focus-visible\:ring-2 {
2650
3034
  &:focus-visible {
2651
3035
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2784,6 +3168,16 @@
2784
3168
  cursor: e-resize;
2785
3169
  }
2786
3170
  }
3171
+ .ui\:in-data-\[slot\=card-content\]\:bg-transparent {
3172
+ :where(*[data-slot="card-content"]) & {
3173
+ background-color: transparent;
3174
+ }
3175
+ }
3176
+ .ui\:in-data-\[slot\=popover-content\]\:bg-transparent {
3177
+ :where(*[data-slot="popover-content"]) & {
3178
+ background-color: transparent;
3179
+ }
3180
+ }
2787
3181
  .ui\:has-focus\:border-ring {
2788
3182
  &:has(*:focus) {
2789
3183
  border-color: var(--ui-color-ring);
@@ -2803,26 +3197,162 @@
2803
3197
  }
2804
3198
  }
2805
3199
  }
3200
+ .ui\:has-disabled\:pointer-events-none {
3201
+ &:has(*:disabled) {
3202
+ pointer-events: none;
3203
+ }
3204
+ }
3205
+ .ui\:has-disabled\:cursor-not-allowed {
3206
+ &:has(*:disabled) {
3207
+ cursor: not-allowed;
3208
+ }
3209
+ }
2806
3210
  .ui\:has-disabled\:opacity-50 {
2807
3211
  &:has(*:disabled) {
2808
3212
  opacity: 50%;
2809
3213
  }
2810
3214
  }
3215
+ .ui\:has-aria-invalid\:border-destructive {
3216
+ &:has(*[aria-invalid="true"]) {
3217
+ border-color: var(--ui-color-destructive);
3218
+ }
3219
+ }
3220
+ .ui\:has-aria-invalid\:ring-\[3px\] {
3221
+ &:has(*[aria-invalid="true"]) {
3222
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3223
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3224
+ }
3225
+ }
3226
+ .ui\:has-aria-invalid\:ring-destructive\/20 {
3227
+ &:has(*[aria-invalid="true"]) {
3228
+ --tw-ring-color: var(--ui-color-destructive);
3229
+ @supports (color: color-mix(in lab, red, red)) {
3230
+ --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 20%, transparent);
3231
+ }
3232
+ }
3233
+ }
3234
+ .ui\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\] {
3235
+ &:has(*[data-slot="alert-dialog-media"]) {
3236
+ grid-template-rows: auto auto 1fr;
3237
+ }
3238
+ }
3239
+ .ui\:has-data-\[slot\=alert-dialog-media\]\:gap-x-6 {
3240
+ &:has(*[data-slot="alert-dialog-media"]) {
3241
+ column-gap: calc(var(--ui-spacing) * 6);
3242
+ }
3243
+ }
2811
3244
  .ui\:has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
2812
3245
  &:has(*[data-slot="card-action"]) {
2813
3246
  grid-template-columns: 1fr auto;
2814
3247
  }
2815
3248
  }
3249
+ .ui\:has-data-\[slot\=combobox-chip\]\:px-1\.5 {
3250
+ &:has(*[data-slot="combobox-chip"]) {
3251
+ padding-inline: calc(var(--ui-spacing) * 1.5);
3252
+ }
3253
+ }
3254
+ .ui\:has-data-\[slot\=combobox-chip-remove\]\:pr-0 {
3255
+ &:has(*[data-slot="combobox-chip-remove"]) {
3256
+ padding-right: calc(var(--ui-spacing) * 0);
3257
+ }
3258
+ }
2816
3259
  .ui\:has-data-\[variant\=inset\]\:bg-sidebar {
2817
3260
  &:has(*[data-variant="inset"]) {
2818
3261
  background-color: var(--ui-sidebar);
2819
3262
  }
2820
3263
  }
3264
+ .ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
3265
+ &:has(*:is([data-slot=input-group-control]:focus-visible)) {
3266
+ border-color: var(--ui-color-ring);
3267
+ }
3268
+ }
3269
+ .ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\] {
3270
+ &:has(*:is([data-slot=input-group-control]:focus-visible)) {
3271
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3272
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3273
+ }
3274
+ }
3275
+ .ui\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
3276
+ &:has(*:is([data-slot=input-group-control]:focus-visible)) {
3277
+ --tw-ring-color: var(--ui-color-ring);
3278
+ @supports (color: color-mix(in lab, red, red)) {
3279
+ --tw-ring-color: color-mix(in oklab, var(--ui-color-ring) 50%, transparent);
3280
+ }
3281
+ }
3282
+ }
3283
+ .ui\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
3284
+ &:has(*:is([data-slot][aria-invalid=true])) {
3285
+ border-color: var(--ui-color-destructive);
3286
+ }
3287
+ }
3288
+ .ui\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
3289
+ &:has(*:is([data-slot][aria-invalid=true])) {
3290
+ --tw-ring-color: var(--ui-color-destructive);
3291
+ @supports (color: color-mix(in lab, red, red)) {
3292
+ --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 20%, transparent);
3293
+ }
3294
+ }
3295
+ }
2821
3296
  .ui\:has-\[select\:disabled\]\:opacity-50 {
2822
3297
  &:has(*:is(select:disabled)) {
2823
3298
  opacity: 50%;
2824
3299
  }
2825
3300
  }
3301
+ .ui\:has-\[\>\[data-align\=block-end\]\]\:h-auto {
3302
+ &:has(>[data-align=block-end]) {
3303
+ height: auto;
3304
+ }
3305
+ }
3306
+ .ui\:has-\[\>\[data-align\=block-end\]\]\:flex-col {
3307
+ &:has(>[data-align=block-end]) {
3308
+ flex-direction: column;
3309
+ }
3310
+ }
3311
+ .ui\:has-\[\>\[data-align\=block-start\]\]\:h-auto {
3312
+ &:has(>[data-align=block-start]) {
3313
+ height: auto;
3314
+ }
3315
+ }
3316
+ .ui\:has-\[\>\[data-align\=block-start\]\]\:flex-col {
3317
+ &:has(>[data-align=block-start]) {
3318
+ flex-direction: column;
3319
+ }
3320
+ }
3321
+ .ui\:has-\[\>button\]\:mr-\[-0\.45rem\] {
3322
+ &:has(>button) {
3323
+ margin-right: -0.45rem;
3324
+ }
3325
+ }
3326
+ .ui\:has-\[\>button\]\:ml-\[-0\.45rem\] {
3327
+ &:has(>button) {
3328
+ margin-left: -0.45rem;
3329
+ }
3330
+ }
3331
+ .ui\:has-\[\>kbd\]\:mr-\[-0\.35rem\] {
3332
+ &:has(>kbd) {
3333
+ margin-right: -0.35rem;
3334
+ }
3335
+ }
3336
+ .ui\:has-\[\>kbd\]\:ml-\[-0\.35rem\] {
3337
+ &:has(>kbd) {
3338
+ margin-left: -0.35rem;
3339
+ }
3340
+ }
3341
+ .ui\:has-\[\>svg\]\:p-0 {
3342
+ &:has(>svg) {
3343
+ padding: calc(var(--ui-spacing) * 0);
3344
+ }
3345
+ }
3346
+ .ui\:has-\[\>svg\]\:px-0 {
3347
+ &:has(>svg) {
3348
+ padding-inline: calc(var(--ui-spacing) * 0);
3349
+ }
3350
+ }
3351
+ .ui\:has-\[\>svg\]\:px-2 {
3352
+ &:has(>svg) {
3353
+ padding-inline: calc(var(--ui-spacing) * 2);
3354
+ }
3355
+ }
2826
3356
  .ui\:has-\[\>svg\]\:px-2\.5 {
2827
3357
  &:has(>svg) {
2828
3358
  padding-inline: calc(var(--ui-spacing) * 2.5);
@@ -2838,6 +3368,16 @@
2838
3368
  padding-inline: calc(var(--ui-spacing) * 4);
2839
3369
  }
2840
3370
  }
3371
+ .ui\:has-\[\>svg\]\:py-0 {
3372
+ &:has(>svg) {
3373
+ padding-block: calc(var(--ui-spacing) * 0);
3374
+ }
3375
+ }
3376
+ .ui\:has-\[\>textarea\]\:h-auto {
3377
+ &:has(>textarea) {
3378
+ height: auto;
3379
+ }
3380
+ }
2841
3381
  .ui\:aria-disabled\:pointer-events-none {
2842
3382
  &[aria-disabled="true"] {
2843
3383
  pointer-events: none;
@@ -2861,9 +3401,26 @@
2861
3401
  }
2862
3402
  }
2863
3403
  }
2864
- .ui\:aria-selected\:text-muted-foreground {
3404
+ .ui\:aria-selected\:text-muted-foreground\! {
2865
3405
  &[aria-selected="true"] {
2866
- color: var(--ui-color-muted-foreground);
3406
+ color: var(--ui-color-muted-foreground) !important;
3407
+ }
3408
+ }
3409
+ .ui\:data-closed\:animate-out {
3410
+ &[data-closed] {
3411
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
3412
+ }
3413
+ }
3414
+ .ui\:data-closed\:fade-out-0 {
3415
+ &[data-closed] {
3416
+ --tw-exit-opacity: calc(0/100);
3417
+ --tw-exit-opacity: 0;
3418
+ }
3419
+ }
3420
+ .ui\:data-closed\:zoom-out-95 {
3421
+ &[data-closed] {
3422
+ --tw-exit-scale: calc(95*1%);
3423
+ --tw-exit-scale: .95;
2867
3424
  }
2868
3425
  }
2869
3426
  .ui\:data-disabled\:pointer-events-none {
@@ -2876,6 +3433,43 @@
2876
3433
  opacity: 50%;
2877
3434
  }
2878
3435
  }
3436
+ .ui\:data-empty\:p-0 {
3437
+ &[data-empty] {
3438
+ padding: calc(var(--ui-spacing) * 0);
3439
+ }
3440
+ }
3441
+ .ui\:data-highlighted\:bg-accent {
3442
+ &[data-highlighted] {
3443
+ background-color: var(--ui-color-accent);
3444
+ }
3445
+ }
3446
+ .ui\:data-highlighted\:text-accent-foreground {
3447
+ &[data-highlighted] {
3448
+ color: var(--ui-color-accent-foreground);
3449
+ }
3450
+ }
3451
+ .ui\:data-open\:animate-in {
3452
+ &[data-open] {
3453
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
3454
+ }
3455
+ }
3456
+ .ui\:data-open\:fade-in-0 {
3457
+ &[data-open] {
3458
+ --tw-enter-opacity: calc(0/100);
3459
+ --tw-enter-opacity: 0;
3460
+ }
3461
+ }
3462
+ .ui\:data-open\:zoom-in-95 {
3463
+ &[data-open] {
3464
+ --tw-enter-scale: calc(95*1%);
3465
+ --tw-enter-scale: .95;
3466
+ }
3467
+ }
3468
+ .ui\:data-pressed\:bg-transparent {
3469
+ &[data-pressed] {
3470
+ background-color: transparent;
3471
+ }
3472
+ }
2879
3473
  .ui\:data-\[active\=true\]\:bg-sidebar-accent {
2880
3474
  &[data-active="true"] {
2881
3475
  background-color: var(--ui-sidebar-accent);
@@ -2892,6 +3486,11 @@
2892
3486
  color: var(--ui-sidebar-accent-foreground);
2893
3487
  }
2894
3488
  }
3489
+ .ui\:data-\[chips\=true\]\:min-w-\(--anchor-width\) {
3490
+ &[data-chips="true"] {
3491
+ min-width: var(--anchor-width);
3492
+ }
3493
+ }
2895
3494
  .ui\:data-\[disabled\]\:pointer-events-none {
2896
3495
  &[data-disabled] {
2897
3496
  pointer-events: none;
@@ -2972,6 +3571,11 @@
2972
3571
  flex-direction: column;
2973
3572
  }
2974
3573
  }
3574
+ .ui\:data-\[outside\=true\]\:text-muted-foreground {
3575
+ &[data-outside="true"] {
3576
+ color: var(--ui-color-muted-foreground);
3577
+ }
3578
+ }
2975
3579
  .ui\:data-\[range-end\=true\]\:rounded-md {
2976
3580
  &[data-range-end="true"] {
2977
3581
  border-radius: var(--ui-radius-md);
@@ -3098,6 +3702,11 @@
3098
3702
  height: calc(var(--ui-spacing) * 8);
3099
3703
  }
3100
3704
  }
3705
+ .ui\:data-\[size\=sm\]\:max-w-xs {
3706
+ &[data-size="sm"] {
3707
+ max-width: var(--ui-container-xs);
3708
+ }
3709
+ }
3101
3710
  .ui\:data-\[size\=sm\]\:py-1 {
3102
3711
  &[data-size="sm"] {
3103
3712
  padding-block: calc(var(--ui-spacing) * 1);
@@ -3110,6 +3719,55 @@
3110
3719
  }
3111
3720
  }
3112
3721
  }
3722
+ .ui\:\*\:data-\[slot\=input-group\]\:m-1 {
3723
+ :is(& > *) {
3724
+ &[data-slot="input-group"] {
3725
+ margin: calc(var(--ui-spacing) * 1);
3726
+ }
3727
+ }
3728
+ }
3729
+ .ui\:\*\:data-\[slot\=input-group\]\:mb-0 {
3730
+ :is(& > *) {
3731
+ &[data-slot="input-group"] {
3732
+ margin-bottom: calc(var(--ui-spacing) * 0);
3733
+ }
3734
+ }
3735
+ }
3736
+ .ui\:\*\:data-\[slot\=input-group\]\:h-8 {
3737
+ :is(& > *) {
3738
+ &[data-slot="input-group"] {
3739
+ height: calc(var(--ui-spacing) * 8);
3740
+ }
3741
+ }
3742
+ }
3743
+ .ui\:\*\:data-\[slot\=input-group\]\:border-input\/30 {
3744
+ :is(& > *) {
3745
+ &[data-slot="input-group"] {
3746
+ border-color: var(--ui-color-input);
3747
+ @supports (color: color-mix(in lab, red, red)) {
3748
+ border-color: color-mix(in oklab, var(--ui-color-input) 30%, transparent);
3749
+ }
3750
+ }
3751
+ }
3752
+ }
3753
+ .ui\:\*\:data-\[slot\=input-group\]\:bg-input\/30 {
3754
+ :is(& > *) {
3755
+ &[data-slot="input-group"] {
3756
+ background-color: var(--ui-color-input);
3757
+ @supports (color: color-mix(in lab, red, red)) {
3758
+ background-color: color-mix(in oklab, var(--ui-color-input) 30%, transparent);
3759
+ }
3760
+ }
3761
+ }
3762
+ }
3763
+ .ui\:\*\:data-\[slot\=input-group\]\:shadow-none {
3764
+ :is(& > *) {
3765
+ &[data-slot="input-group"] {
3766
+ --tw-shadow: 0 0 #0000;
3767
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3768
+ }
3769
+ }
3770
+ }
3113
3771
  .ui\:data-\[state\=active\]\:bg-background {
3114
3772
  &[data-state="active"] {
3115
3773
  background-color: var(--ui-color-background);
@@ -3486,6 +4144,52 @@
3486
4144
  text-align: left;
3487
4145
  }
3488
4146
  }
4147
+ .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2 {
4148
+ @media (width >= 40rem) {
4149
+ &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
4150
+ grid-row: span 2 / span 2;
4151
+ }
4152
+ }
4153
+ }
4154
+ .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
4155
+ @media (width >= 40rem) {
4156
+ &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
4157
+ place-items: start;
4158
+ }
4159
+ }
4160
+ }
4161
+ .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
4162
+ @media (width >= 40rem) {
4163
+ &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
4164
+ text-align: left;
4165
+ }
4166
+ }
4167
+ }
4168
+ .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2 {
4169
+ @media (width >= 40rem) {
4170
+ &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
4171
+ &:is(:where(.ui\:group\/alert-dialog-content):has(*[data-slot="alert-dialog-media"]) *) {
4172
+ grid-column-start: 2;
4173
+ }
4174
+ }
4175
+ }
4176
+ }
4177
+ .ui\:sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\] {
4178
+ @media (width >= 40rem) {
4179
+ &:is(:where(.ui\:group\/alert-dialog-content)[data-size="default"] *) {
4180
+ &:has(*[data-slot="alert-dialog-media"]) {
4181
+ grid-template-rows: auto 1fr;
4182
+ }
4183
+ }
4184
+ }
4185
+ }
4186
+ .ui\:data-\[size\=default\]\:sm\:max-w-lg {
4187
+ &[data-size="default"] {
4188
+ @media (width >= 40rem) {
4189
+ max-width: var(--ui-container-lg);
4190
+ }
4191
+ }
4192
+ }
3489
4193
  .ui\:data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
3490
4194
  &[data-vaul-drawer-direction="left"] {
3491
4195
  @media (width >= 40rem) {
@@ -3510,6 +4214,11 @@
3510
4214
  display: flex;
3511
4215
  }
3512
4216
  }
4217
+ .ui\:md\:w-max {
4218
+ @media (width >= 48rem) {
4219
+ width: max-content;
4220
+ }
4221
+ }
3513
4222
  .ui\:md\:min-w-\[450px\] {
3514
4223
  @media (width >= 48rem) {
3515
4224
  min-width: 450px;
@@ -3520,6 +4229,26 @@
3520
4229
  flex-basis: calc(1/2 * 100%);
3521
4230
  }
3522
4231
  }
4232
+ .ui\:md\:grid-cols-2 {
4233
+ @media (width >= 48rem) {
4234
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4235
+ }
4236
+ }
4237
+ .ui\:md\:grid-cols-3 {
4238
+ @media (width >= 48rem) {
4239
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4240
+ }
4241
+ }
4242
+ .ui\:md\:flex-row {
4243
+ @media (width >= 48rem) {
4244
+ flex-direction: row;
4245
+ }
4246
+ }
4247
+ .ui\:md\:justify-end {
4248
+ @media (width >= 48rem) {
4249
+ justify-content: flex-end;
4250
+ }
4251
+ }
3523
4252
  .ui\:md\:gap-1\.5 {
3524
4253
  @media (width >= 48rem) {
3525
4254
  gap: calc(var(--ui-spacing) * 1.5);
@@ -3607,6 +4336,11 @@
3607
4336
  flex-basis: calc(1/3 * 100%);
3608
4337
  }
3609
4338
  }
4339
+ .ui\:lg\:grid-cols-3 {
4340
+ @media (width >= 64rem) {
4341
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4342
+ }
4343
+ }
3610
4344
  .ui\:dark\:bg-input\/30 {
3611
4345
  &:is(.dark *) {
3612
4346
  background-color: var(--ui-color-input);
@@ -3615,6 +4349,11 @@
3615
4349
  }
3616
4350
  }
3617
4351
  }
4352
+ .ui\:dark\:bg-transparent {
4353
+ &:is(.dark *) {
4354
+ background-color: transparent;
4355
+ }
4356
+ }
3618
4357
  .ui\:dark\:text-muted-foreground {
3619
4358
  &:is(.dark *) {
3620
4359
  color: var(--ui-color-muted-foreground);
@@ -3641,6 +4380,36 @@
3641
4380
  }
3642
4381
  }
3643
4382
  }
4383
+ .ui\:dark\:has-aria-invalid\:border-destructive\/50 {
4384
+ &:is(.dark *) {
4385
+ &:has(*[aria-invalid="true"]) {
4386
+ border-color: var(--ui-color-destructive);
4387
+ @supports (color: color-mix(in lab, red, red)) {
4388
+ border-color: color-mix(in oklab, var(--ui-color-destructive) 50%, transparent);
4389
+ }
4390
+ }
4391
+ }
4392
+ }
4393
+ .ui\:dark\:has-aria-invalid\:ring-destructive\/40 {
4394
+ &:is(.dark *) {
4395
+ &:has(*[aria-invalid="true"]) {
4396
+ --tw-ring-color: var(--ui-color-destructive);
4397
+ @supports (color: color-mix(in lab, red, red)) {
4398
+ --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 40%, transparent);
4399
+ }
4400
+ }
4401
+ }
4402
+ }
4403
+ .ui\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
4404
+ &:is(.dark *) {
4405
+ &:has(*:is([data-slot][aria-invalid=true])) {
4406
+ --tw-ring-color: var(--ui-color-destructive);
4407
+ @supports (color: color-mix(in lab, red, red)) {
4408
+ --tw-ring-color: color-mix(in oklab, var(--ui-color-destructive) 40%, transparent);
4409
+ }
4410
+ }
4411
+ }
4412
+ }
3644
4413
  .ui\:dark\:aria-invalid\:ring-destructive\/40 {
3645
4414
  &:is(.dark *) {
3646
4415
  &[aria-invalid="true"] {
@@ -3718,6 +4487,28 @@
3718
4487
  }
3719
4488
  }
3720
4489
  }
4490
+ .ui\:pointer-coarse\:size-5 {
4491
+ @media (pointer: coarse) {
4492
+ width: calc(var(--ui-spacing) * 5);
4493
+ height: calc(var(--ui-spacing) * 5);
4494
+ }
4495
+ }
4496
+ .ui\:pointer-coarse\:px-3 {
4497
+ @media (pointer: coarse) {
4498
+ padding-inline: calc(var(--ui-spacing) * 3);
4499
+ }
4500
+ }
4501
+ .ui\:pointer-coarse\:py-2 {
4502
+ @media (pointer: coarse) {
4503
+ padding-block: calc(var(--ui-spacing) * 2);
4504
+ }
4505
+ }
4506
+ .ui\:pointer-coarse\:text-sm {
4507
+ @media (pointer: coarse) {
4508
+ font-size: var(--ui-text-sm);
4509
+ line-height: var(--tw-leading, var(--ui-text-sm--line-height));
4510
+ }
4511
+ }
3721
4512
  .ui\:\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
3722
4513
  & .recharts-cartesian-axis-tick text {
3723
4514
  fill: var(--ui-color-muted-foreground);
@@ -3901,6 +4692,12 @@
3901
4692
  color: var(--ui-color-muted-foreground);
3902
4693
  }
3903
4694
  }
4695
+ .ui\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
4696
+ & svg:not([class*=size-]) {
4697
+ width: calc(var(--ui-spacing) * 4);
4698
+ height: calc(var(--ui-spacing) * 4);
4699
+ }
4700
+ }
3904
4701
  .ui\:\[\&_tr\]\:border-b {
3905
4702
  & tr {
3906
4703
  border-bottom-style: var(--tw-border-style);
@@ -3919,11 +4716,21 @@
3919
4716
  border-bottom-left-radius: var(--ui-radius-md);
3920
4717
  }
3921
4718
  }
4719
+ .ui\:\[\.border-b\]\:pb-3 {
4720
+ &:is(.border-b) {
4721
+ padding-bottom: calc(var(--ui-spacing) * 3);
4722
+ }
4723
+ }
3922
4724
  .ui\:\[\.border-b\]\:pb-6 {
3923
4725
  &:is(.border-b) {
3924
4726
  padding-bottom: calc(var(--ui-spacing) * 6);
3925
4727
  }
3926
4728
  }
4729
+ .ui\:\[\.border-t\]\:pt-3 {
4730
+ &:is(.border-t) {
4731
+ padding-top: calc(var(--ui-spacing) * 3);
4732
+ }
4733
+ }
3927
4734
  .ui\:\[\.border-t\]\:pt-6 {
3928
4735
  &:is(.border-t) {
3929
4736
  padding-top: calc(var(--ui-spacing) * 6);
@@ -3991,6 +4798,14 @@
3991
4798
  }
3992
4799
  }
3993
4800
  }
4801
+ .ui\:\*\:\[svg\:not\(\[class\*\=size-\]\)\]\:size-8 {
4802
+ :is(& > *) {
4803
+ &:is(svg:not([class*=size-])) {
4804
+ width: calc(var(--ui-spacing) * 8);
4805
+ height: calc(var(--ui-spacing) * 8);
4806
+ }
4807
+ }
4808
+ }
3994
4809
  .ui\:\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md {
3995
4810
  &:nth-child(2)[data-selected=true] button {
3996
4811
  border-top-left-radius: var(--ui-radius-md);
@@ -4017,6 +4832,39 @@
4017
4832
  display: none;
4018
4833
  }
4019
4834
  }
4835
+ .ui\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
4836
+ &:has(>[data-align=block-end]) {
4837
+ &>input {
4838
+ padding-top: calc(var(--ui-spacing) * 3);
4839
+ }
4840
+ }
4841
+ }
4842
+ .ui\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
4843
+ &:has(>[data-align=block-start]) {
4844
+ &>input {
4845
+ padding-bottom: calc(var(--ui-spacing) * 3);
4846
+ }
4847
+ }
4848
+ }
4849
+ .ui\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 {
4850
+ &:has(>[data-align=inline-end]) {
4851
+ &>input {
4852
+ padding-right: calc(var(--ui-spacing) * 2);
4853
+ }
4854
+ }
4855
+ }
4856
+ .ui\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 {
4857
+ &:has(>[data-align=inline-start]) {
4858
+ &>input {
4859
+ padding-left: calc(var(--ui-spacing) * 2);
4860
+ }
4861
+ }
4862
+ }
4863
+ .ui\:\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
4864
+ &>kbd {
4865
+ border-radius: calc(var(--radius) - 5px);
4866
+ }
4867
+ }
4020
4868
  .ui\:\[\&\>span\]\:line-clamp-1 {
4021
4869
  &>span {
4022
4870
  overflow: hidden;
@@ -4101,6 +4949,18 @@
4101
4949
  color: var(--ui-sidebar-accent-foreground);
4102
4950
  }
4103
4951
  }
4952
+ .ui\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 {
4953
+ &>svg:not([class*=size-]) {
4954
+ width: calc(var(--ui-spacing) * 3.5);
4955
+ height: calc(var(--ui-spacing) * 3.5);
4956
+ }
4957
+ }
4958
+ .ui\:\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
4959
+ &>svg:not([class*=size-]) {
4960
+ width: calc(var(--ui-spacing) * 4);
4961
+ height: calc(var(--ui-spacing) * 4);
4962
+ }
4963
+ }
4104
4964
  .ui\:\[\&\>tr\]\:last\:border-b-0 {
4105
4965
  &>tr {
4106
4966
  &:last-child {
@@ -4134,16 +4994,6 @@
4134
4994
  cursor: w-resize;
4135
4995
  }
4136
4996
  }
4137
- .ui\:\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
4138
- [data-slot=card-content] & {
4139
- background-color: transparent;
4140
- }
4141
- }
4142
- .ui\:\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
4143
- [data-slot=popover-content] & {
4144
- background-color: transparent;
4145
- }
4146
- }
4147
4997
  .ui\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
4148
4998
  [data-slot=tooltip-content] & {
4149
4999
  background-color: var(--ui-color-background);