@hachej/boring-agent 0.1.94 → 0.1.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/DebugDrawer-2TO5SE2D.js +7 -0
  2. package/dist/{chunk-NITBKFG6.js → chunk-3OEDBRKY.js} +93 -58
  3. package/dist/{chunk-BOIV2I3N.js → chunk-46HJK2ES.js} +31 -16
  4. package/dist/{chunk-AQBXNPMD.js → chunk-4IQ4HHBG.js} +4 -0
  5. package/dist/{chunk-OFQ7J6SI.js → chunk-LSO2AO6Q.js} +57 -1
  6. package/dist/{chunk-N4AATPH7.js → chunk-NSE2RHU3.js} +8973 -7731
  7. package/dist/{chunk-2GBHYJVC.js → chunk-VXF5DWS6.js} +34 -0
  8. package/dist/{chunk-2TMS2RU2.js → chunk-WC5KBGP2.js} +518 -165
  9. package/dist/chunk-YGRQ4Q5P.js +20 -0
  10. package/dist/core/index.d.ts +5 -5
  11. package/dist/core/index.js +604 -7
  12. package/dist/{createHarness-UCD74XXK.js → createHarness-PW3A2MRB.js} +3 -3
  13. package/dist/{errors-G6T6S7PQ.d.ts → errors-cNC4HMpV.d.ts} +14 -7
  14. package/dist/eval/index.d.ts +5 -3
  15. package/dist/eval/index.js +31 -23
  16. package/dist/file-search-QxnanNjO.d.ts +87 -0
  17. package/dist/front/index.d.ts +87 -17
  18. package/dist/front/index.js +1232 -690
  19. package/dist/front/styles.css +1228 -2167
  20. package/dist/{harness-Cc48o6uS.d.ts → harness-DS8jLKIx.d.ts} +4 -2
  21. package/dist/{lease-CusB-uLg.d.ts → lease-D8WC6pQl.d.ts} +10 -89
  22. package/dist/{middleware-CzW8n7B7.d.ts → middleware-Cq_cYHjJ.d.ts} +1 -1
  23. package/dist/piChatEvent-B3ehh9V0.d.ts +384 -0
  24. package/dist/{piChatSessionService-C0KbcGw9.d.ts → piChatSessionService-xnv8rcdh.d.ts} +1 -1
  25. package/dist/{sandbox-DAD8cWQR.d.ts → sandbox-KQiEdz4W.d.ts} +12 -1
  26. package/dist/server/agent-host/testing/compositionRouteProof.d.ts +8 -0
  27. package/dist/server/agent-host/testing/compositionRouteProof.js +78 -0
  28. package/dist/server/agent-host/testing/gatewayConformance.d.ts +6 -6
  29. package/dist/server/agent-host/testing/gatewayConformance.js +17 -9
  30. package/dist/server/index.d.ts +570 -370
  31. package/dist/server/index.js +69 -17
  32. package/dist/server/worker/index.d.ts +2 -2
  33. package/dist/server/worker/index.js +9 -9
  34. package/dist/shared/index.d.ts +212 -56
  35. package/dist/shared/index.js +43 -7
  36. package/dist/{types-C-Eroi__.d.ts → types-D_SD-7_l.d.ts} +304 -87
  37. package/docs/AGENT_GATEWAY_V0.md +6 -3
  38. package/docs/AGENT_PACKAGES.md +80 -0
  39. package/docs/ERROR_CODES.md +58 -0
  40. package/docs/README.md +1 -0
  41. package/docs/runtime.md +19 -2
  42. package/package.json +34 -29
  43. package/dist/DebugDrawer-RYEBQ6CO.js +0 -6
  44. package/dist/chunk-EOMY2HDT.js +0 -619
  45. package/dist/piChatEvent-BsMp3MSo.d.ts +0 -368
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -96,10 +96,13 @@
96
96
  position: static;
97
97
  }
98
98
  .inset-0 {
99
- inset: 0;
99
+ inset: 0px;
100
+ }
101
+ .inset-x-0 {
102
+ inset-inline: 0px;
100
103
  }
101
104
  .top-0 {
102
- top: 0;
105
+ top: 0px;
103
106
  }
104
107
  .top-2 {
105
108
  top: calc(var(--spacing) * 2);
@@ -119,6 +122,9 @@
119
122
  .bottom-4 {
120
123
  bottom: calc(var(--spacing) * 4);
121
124
  }
125
+ .bottom-\[calc\(100\%\+4px\)\] {
126
+ bottom: calc(100% + 4px);
127
+ }
122
128
  .left-\[5px\] {
123
129
  left: 5px;
124
130
  }
@@ -128,6 +134,9 @@
128
134
  .z-20 {
129
135
  z-index: 20;
130
136
  }
137
+ .z-30 {
138
+ z-index: 30;
139
+ }
131
140
  .\!order-none {
132
141
  order: 0 !important;
133
142
  }
@@ -153,7 +162,7 @@
153
162
  }
154
163
  }
155
164
  .m-0 {
156
- margin: 0;
165
+ margin: 0px;
157
166
  }
158
167
  .mx-0\.5 {
159
168
  margin-inline: calc(var(--spacing) * 0.5);
@@ -218,8 +227,11 @@
218
227
  .mr-4 {
219
228
  margin-right: calc(var(--spacing) * 4);
220
229
  }
230
+ .mr-px {
231
+ margin-right: 1px;
232
+ }
221
233
  .mb-0 {
222
- margin-bottom: 0;
234
+ margin-bottom: 0px;
223
235
  }
224
236
  .mb-1 {
225
237
  margin-bottom: var(--spacing);
@@ -239,6 +251,9 @@
239
251
  .ml-4 {
240
252
  margin-left: calc(var(--spacing) * 4);
241
253
  }
254
+ .ml-\[43px\] {
255
+ margin-left: 43px;
256
+ }
242
257
  .ml-auto {
243
258
  margin-left: auto;
244
259
  }
@@ -317,6 +332,10 @@
317
332
  width: calc(var(--spacing) * 6);
318
333
  height: calc(var(--spacing) * 6);
319
334
  }
335
+ .size-7 {
336
+ width: calc(var(--spacing) * 7);
337
+ height: calc(var(--spacing) * 7);
338
+ }
320
339
  .size-8 {
321
340
  width: calc(var(--spacing) * 8);
322
341
  height: calc(var(--spacing) * 8);
@@ -344,6 +363,9 @@
344
363
  .\!h-9 {
345
364
  height: calc(var(--spacing) * 9) !important;
346
365
  }
366
+ .\!h-10 {
367
+ height: calc(var(--spacing) * 10) !important;
368
+ }
347
369
  .h-2 {
348
370
  height: calc(var(--spacing) * 2);
349
371
  }
@@ -371,6 +393,9 @@
371
393
  .h-14 {
372
394
  height: calc(var(--spacing) * 14);
373
395
  }
396
+ .h-20 {
397
+ height: calc(var(--spacing) * 20);
398
+ }
374
399
  .h-auto {
375
400
  height: auto;
376
401
  }
@@ -384,7 +409,7 @@
384
409
  max-height: calc(var(--spacing) * 40) !important;
385
410
  }
386
411
  .max-h-0 {
387
- max-height: 0;
412
+ max-height: 0px;
388
413
  }
389
414
  .max-h-8 {
390
415
  max-height: calc(var(--spacing) * 8);
@@ -395,6 +420,9 @@
395
420
  .max-h-80 {
396
421
  max-height: calc(var(--spacing) * 80);
397
422
  }
423
+ .max-h-\[20vh\] {
424
+ max-height: 20vh;
425
+ }
398
426
  .max-h-\[45vh\] {
399
427
  max-height: 45vh;
400
428
  }
@@ -405,14 +433,14 @@
405
433
  min-height: calc(var(--spacing) * 10) !important;
406
434
  }
407
435
  .min-h-0 {
408
- min-height: 0;
409
- }
410
- .min-h-6 {
411
- min-height: calc(var(--spacing) * 6);
436
+ min-height: 0px;
412
437
  }
413
438
  .min-h-7 {
414
439
  min-height: calc(var(--spacing) * 7);
415
440
  }
441
+ .min-h-8 {
442
+ min-height: calc(var(--spacing) * 8);
443
+ }
416
444
  .min-h-10 {
417
445
  min-height: calc(var(--spacing) * 10);
418
446
  }
@@ -422,6 +450,9 @@
422
450
  .min-h-\[var\(--composer-input-group-height\)\] {
423
451
  min-height: var(--composer-input-group-height);
424
452
  }
453
+ .\!w-10 {
454
+ width: calc(var(--spacing) * 10) !important;
455
+ }
425
456
  .\!w-auto {
426
457
  width: auto !important;
427
458
  }
@@ -437,9 +468,15 @@
437
468
  .w-3\.5 {
438
469
  width: calc(var(--spacing) * 3.5);
439
470
  }
471
+ .w-3\/5 {
472
+ width: calc(3 / 5 * 100%);
473
+ }
440
474
  .w-4 {
441
475
  width: calc(var(--spacing) * 4);
442
476
  }
477
+ .w-4\/5 {
478
+ width: calc(4 / 5 * 100%);
479
+ }
443
480
  .w-6 {
444
481
  width: calc(var(--spacing) * 6);
445
482
  }
@@ -461,6 +498,9 @@
461
498
  .w-\[1\.5ch\] {
462
499
  width: 1.5ch;
463
500
  }
501
+ .w-\[min\(72\%\,30rem\)\] {
502
+ width: min(72%, 30rem);
503
+ }
464
504
  .w-\[min\(92vw\,240px\)\] {
465
505
  width: min(92vw, 240px);
466
506
  }
@@ -506,6 +546,9 @@
506
546
  .max-w-\[min\(52vw\,260px\)\] {
507
547
  max-width: min(52vw, 260px);
508
548
  }
549
+ .max-w-\[min\(68vw\,420px\)\] {
550
+ max-width: min(68vw, 420px);
551
+ }
509
552
  .max-w-full {
510
553
  max-width: 100%;
511
554
  }
@@ -513,7 +556,7 @@
513
556
  max-width: none;
514
557
  }
515
558
  .min-w-0 {
516
- min-width: 0;
559
+ min-width: 0px;
517
560
  }
518
561
  .flex-1 {
519
562
  flex: 1;
@@ -561,6 +604,9 @@
561
604
  .grid-cols-1 {
562
605
  grid-template-columns: repeat(1, minmax(0, 1fr));
563
606
  }
607
+ .grid-cols-\[minmax\(0\,1fr\)_auto\] {
608
+ grid-template-columns: minmax(0,1fr) auto;
609
+ }
564
610
  .flex-col {
565
611
  flex-direction: column;
566
612
  }
@@ -598,7 +644,7 @@
598
644
  gap: calc(var(--spacing) * 2) !important;
599
645
  }
600
646
  .gap-0 {
601
- gap: 0;
647
+ gap: 0px;
602
648
  }
603
649
  .gap-0\.5 {
604
650
  gap: calc(var(--spacing) * 0.5);
@@ -624,6 +670,9 @@
624
670
  .gap-6 {
625
671
  gap: calc(var(--spacing) * 6);
626
672
  }
673
+ .gap-7 {
674
+ gap: calc(var(--spacing) * 7);
675
+ }
627
676
  .gap-8 {
628
677
  gap: calc(var(--spacing) * 8);
629
678
  }
@@ -633,26 +682,20 @@
633
682
  .gap-px {
634
683
  gap: 1px;
635
684
  }
636
- .space-y-1 {
637
- :where(& > :not(:last-child)) {
638
- --tw-space-y-reverse: 0;
639
- margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
640
- margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
641
- }
685
+ :where(.space-y-1 > :not(:last-child)) {
686
+ --tw-space-y-reverse: 0;
687
+ margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
688
+ margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
642
689
  }
643
- .space-y-2 {
644
- :where(& > :not(:last-child)) {
645
- --tw-space-y-reverse: 0;
646
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
647
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
648
- }
690
+ :where(.space-y-2 > :not(:last-child)) {
691
+ --tw-space-y-reverse: 0;
692
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
693
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
649
694
  }
650
- .space-y-4 {
651
- :where(& > :not(:last-child)) {
652
- --tw-space-y-reverse: 0;
653
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
654
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
655
- }
695
+ :where(.space-y-4 > :not(:last-child)) {
696
+ --tw-space-y-reverse: 0;
697
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
698
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
656
699
  }
657
700
  .self-center {
658
701
  align-self: center;
@@ -692,9 +735,6 @@
692
735
  .rounded-\[0\.3em\] {
693
736
  border-radius: 0.3em;
694
737
  }
695
- .rounded-\[28px\] {
696
- border-radius: 28px;
697
- }
698
738
  .rounded-\[var\(--boring-agent-code-radius\,0\.375rem\)\] {
699
739
  border-radius: var(--boring-agent-code-radius,0.375rem);
700
740
  }
@@ -1060,12 +1100,6 @@
1060
1100
  background-color: color-mix(in oklab, var(--card) 60%, transparent);
1061
1101
  }
1062
1102
  }
1063
- .bg-card\/70 {
1064
- background-color: var(--card);
1065
- @supports (color: color-mix(in lab, red, red)) {
1066
- background-color: color-mix(in oklab, var(--card) 70%, transparent);
1067
- }
1068
- }
1069
1103
  .bg-destructive {
1070
1104
  background-color: var(--destructive);
1071
1105
  }
@@ -1178,7 +1212,7 @@
1178
1212
  object-fit: cover;
1179
1213
  }
1180
1214
  .p-0 {
1181
- padding: 0;
1215
+ padding: 0px;
1182
1216
  }
1183
1217
  .p-0\.5 {
1184
1218
  padding: calc(var(--spacing) * 0.5);
@@ -1211,7 +1245,7 @@
1211
1245
  padding-inline: calc(var(--spacing) * 2) !important;
1212
1246
  }
1213
1247
  .px-0 {
1214
- padding-inline: 0;
1248
+ padding-inline: 0px;
1215
1249
  }
1216
1250
  .px-1 {
1217
1251
  padding-inline: var(--spacing);
@@ -1244,10 +1278,10 @@
1244
1278
  padding-inline: 0.32em;
1245
1279
  }
1246
1280
  .\!py-0 {
1247
- padding-block: 0 !important;
1281
+ padding-block: 0px !important;
1248
1282
  }
1249
1283
  .py-0 {
1250
- padding-block: 0;
1284
+ padding-block: 0px;
1251
1285
  }
1252
1286
  .py-0\.5 {
1253
1287
  padding-block: calc(var(--spacing) * 0.5);
@@ -1273,6 +1307,9 @@
1273
1307
  .py-4 {
1274
1308
  padding-block: calc(var(--spacing) * 4);
1275
1309
  }
1310
+ .py-6 {
1311
+ padding-block: calc(var(--spacing) * 6);
1312
+ }
1276
1313
  .py-8 {
1277
1314
  padding-block: calc(var(--spacing) * 8);
1278
1315
  }
@@ -1297,8 +1334,14 @@
1297
1334
  .\!pr-2 {
1298
1335
  padding-right: calc(var(--spacing) * 2) !important;
1299
1336
  }
1337
+ .pr-\[calc\(0\.75rem\+env\(safe-area-inset-right\)\)\] {
1338
+ padding-right: calc(0.75rem + env(safe-area-inset-right));
1339
+ }
1340
+ .pr-\[calc\(1rem\+env\(safe-area-inset-right\)\)\] {
1341
+ padding-right: calc(1rem + env(safe-area-inset-right));
1342
+ }
1300
1343
  .pb-0 {
1301
- padding-bottom: 0;
1344
+ padding-bottom: 0px;
1302
1345
  }
1303
1346
  .pb-1 {
1304
1347
  padding-bottom: var(--spacing);
@@ -1309,6 +1352,12 @@
1309
1352
  .pb-4 {
1310
1353
  padding-bottom: calc(var(--spacing) * 4);
1311
1354
  }
1355
+ .pb-\[calc\(0\.5rem\+env\(safe-area-inset-bottom\)\)\] {
1356
+ padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
1357
+ }
1358
+ .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\] {
1359
+ padding-bottom: calc(1rem + env(safe-area-inset-bottom));
1360
+ }
1312
1361
  .\!pl-1 {
1313
1362
  padding-left: var(--spacing) !important;
1314
1363
  }
@@ -1321,6 +1370,12 @@
1321
1370
  .pl-\[18px\] {
1322
1371
  padding-left: 18px;
1323
1372
  }
1373
+ .pl-\[calc\(0\.75rem\+env\(safe-area-inset-left\)\)\] {
1374
+ padding-left: calc(0.75rem + env(safe-area-inset-left));
1375
+ }
1376
+ .pl-\[calc\(1rem\+env\(safe-area-inset-left\)\)\] {
1377
+ padding-left: calc(1rem + env(safe-area-inset-left));
1378
+ }
1324
1379
  .text-center {
1325
1380
  text-align: center;
1326
1381
  }
@@ -1618,24 +1673,12 @@
1618
1673
  color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
1619
1674
  }
1620
1675
  }
1621
- .text-muted-foreground\/35 {
1622
- color: var(--muted-foreground);
1623
- @supports (color: color-mix(in lab, red, red)) {
1624
- color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
1625
- }
1626
- }
1627
1676
  .text-muted-foreground\/40 {
1628
1677
  color: var(--muted-foreground);
1629
1678
  @supports (color: color-mix(in lab, red, red)) {
1630
1679
  color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
1631
1680
  }
1632
1681
  }
1633
- .text-muted-foreground\/45 {
1634
- color: var(--muted-foreground);
1635
- @supports (color: color-mix(in lab, red, red)) {
1636
- color: color-mix(in oklab, var(--muted-foreground) 45%, transparent);
1637
- }
1638
- }
1639
1682
  .text-muted-foreground\/50 {
1640
1683
  color: var(--muted-foreground);
1641
1684
  @supports (color: color-mix(in lab, red, red)) {
@@ -1654,12 +1697,6 @@
1654
1697
  color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
1655
1698
  }
1656
1699
  }
1657
- .text-muted-foreground\/65 {
1658
- color: var(--muted-foreground);
1659
- @supports (color: color-mix(in lab, red, red)) {
1660
- color: color-mix(in oklab, var(--muted-foreground) 65%, transparent);
1661
- }
1662
- }
1663
1700
  .text-muted-foreground\/70 {
1664
1701
  color: var(--muted-foreground);
1665
1702
  @supports (color: color-mix(in lab, red, red)) {
@@ -1865,974 +1902,616 @@
1865
1902
  .\[counter-reset\:line\] {
1866
1903
  counter-reset: line;
1867
1904
  }
1868
- .group-hover\:translate-x-0\.5 {
1869
- &:is(:where(.group):hover *) {
1870
- @media (hover: hover) {
1871
- --tw-translate-x: calc(var(--spacing) * 0.5);
1872
- translate: var(--tw-translate-x) var(--tw-translate-y);
1873
- }
1905
+ @media (hover: hover) {
1906
+ .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
1907
+ --tw-translate-x: calc(var(--spacing) * 0.5);
1908
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1874
1909
  }
1875
- }
1876
- .group-hover\:-translate-y-0\.5 {
1877
- &:is(:where(.group):hover *) {
1878
- @media (hover: hover) {
1879
- --tw-translate-y: calc(var(--spacing) * -0.5);
1880
- translate: var(--tw-translate-x) var(--tw-translate-y);
1881
- }
1910
+ .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
1911
+ --tw-translate-y: calc(var(--spacing) * -0.5);
1912
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1882
1913
  }
1883
- }
1884
- .group-hover\:text-\[color\:var\(--chat-empty-accent\)\] {
1885
- &:is(:where(.group):hover *) {
1886
- @media (hover: hover) {
1887
- color: var(--chat-empty-accent);
1888
- }
1914
+ .group-hover\:text-\[color\:var\(--chat-empty-accent\)\]:is(:where(.group):hover *) {
1915
+ color: var(--chat-empty-accent);
1889
1916
  }
1890
- }
1891
- .group-hover\:opacity-100 {
1892
- &:is(:where(.group):hover *) {
1893
- @media (hover: hover) {
1894
- opacity: 100%;
1895
- }
1917
+ .group-hover\:opacity-100:is(:where(.group):hover *) {
1918
+ opacity: 100%;
1896
1919
  }
1897
- }
1898
- .group-hover\/path\:opacity-100 {
1899
- &:is(:where(.group\/path):hover *) {
1900
- @media (hover: hover) {
1901
- opacity: 100%;
1902
- }
1920
+ .group-hover\/path\:opacity-100:is(:where(.group\/path):hover *) {
1921
+ opacity: 100%;
1903
1922
  }
1904
1923
  }
1905
- .group-data-\[state\=open\]\:rotate-180 {
1906
- &:is(:where(.group)[data-state="open"] *) {
1907
- rotate: 180deg;
1908
- }
1924
+ .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
1925
+ rotate: 180deg;
1909
1926
  }
1910
- .group-data-\[state\=open\]\/exec-ui\:rotate-180 {
1911
- &:is(:where(.group\/exec-ui)[data-state="open"] *) {
1912
- rotate: 180deg;
1913
- }
1927
+ .group-data-\[state\=open\]\/exec-ui\:rotate-180:is(:where(.group\/exec-ui)[data-state="open"] *) {
1928
+ rotate: 180deg;
1914
1929
  }
1915
- .group-\[\.is-assistant\]\:w-full {
1916
- &:is(:where(.group):is(.is-assistant) *) {
1917
- width: 100%;
1918
- }
1930
+ .group-\[\.is-assistant\]\:w-full:is(:where(.group):is(.is-assistant) *) {
1931
+ width: 100%;
1919
1932
  }
1920
- .group-\[\.is-assistant\]\:max-w-\[40\.5rem\] {
1921
- &:is(:where(.group):is(.is-assistant) *) {
1922
- max-width: 40.5rem;
1923
- }
1933
+ .group-\[\.is-assistant\]\:max-w-\[40\.5rem\]:is(:where(.group):is(.is-assistant) *) {
1934
+ max-width: 40.5rem;
1924
1935
  }
1925
- .group-\[\.is-assistant\]\:bg-transparent {
1926
- &:is(:where(.group):is(.is-assistant) *) {
1927
- background-color: transparent;
1928
- }
1936
+ .group-\[\.is-assistant\]\:bg-transparent:is(:where(.group):is(.is-assistant) *) {
1937
+ background-color: transparent;
1929
1938
  }
1930
- .group-\[\.is-assistant\]\:p-0 {
1931
- &:is(:where(.group):is(.is-assistant) *) {
1932
- padding: 0;
1933
- }
1939
+ .group-\[\.is-assistant\]\:p-0:is(:where(.group):is(.is-assistant) *) {
1940
+ padding: 0px;
1934
1941
  }
1935
- .group-\[\.is-assistant\]\:text-foreground {
1936
- &:is(:where(.group):is(.is-assistant) *) {
1937
- color: var(--foreground);
1938
- }
1942
+ .group-\[\.is-assistant\]\:text-foreground:is(:where(.group):is(.is-assistant) *) {
1943
+ color: var(--foreground);
1939
1944
  }
1940
- .group-\[\.is-user\]\:ml-auto {
1941
- &:is(:where(.group):is(.is-user) *) {
1942
- margin-left: auto;
1943
- }
1945
+ .group-\[\.is-user\]\:ml-auto:is(:where(.group):is(.is-user) *) {
1946
+ margin-left: auto;
1944
1947
  }
1945
- .group-\[\.is-user\]\:max-w-\[80\%\] {
1946
- &:is(:where(.group):is(.is-user) *) {
1947
- max-width: 80%;
1948
- }
1948
+ .group-\[\.is-user\]\:max-w-\[80\%\]:is(:where(.group):is(.is-user) *) {
1949
+ max-width: 80%;
1949
1950
  }
1950
- .group-\[\.is-user\]\:rounded-\[var\(--radius-lg\)\] {
1951
- &:is(:where(.group):is(.is-user) *) {
1952
- border-radius: var(--radius-lg);
1953
- }
1951
+ .group-\[\.is-user\]\:rounded-\[var\(--radius-lg\)\]:is(:where(.group):is(.is-user) *) {
1952
+ border-radius: var(--radius-lg);
1954
1953
  }
1955
- .group-\[\.is-user\]\:bg-secondary {
1956
- &:is(:where(.group):is(.is-user) *) {
1957
- background-color: var(--secondary);
1958
- }
1954
+ .group-\[\.is-user\]\:bg-secondary:is(:where(.group):is(.is-user) *) {
1955
+ background-color: var(--secondary);
1959
1956
  }
1960
- .group-\[\.is-user\]\:px-4 {
1961
- &:is(:where(.group):is(.is-user) *) {
1962
- padding-inline: calc(var(--spacing) * 4);
1963
- }
1957
+ .group-\[\.is-user\]\:px-4:is(:where(.group):is(.is-user) *) {
1958
+ padding-inline: calc(var(--spacing) * 4);
1964
1959
  }
1965
- .group-\[\.is-user\]\:py-2\.5 {
1966
- &:is(:where(.group):is(.is-user) *) {
1967
- padding-block: calc(var(--spacing) * 2.5);
1968
- }
1960
+ .group-\[\.is-user\]\:py-2\.5:is(:where(.group):is(.is-user) *) {
1961
+ padding-block: calc(var(--spacing) * 2.5);
1969
1962
  }
1970
- .group-\[\.is-user\]\:text-foreground {
1971
- &:is(:where(.group):is(.is-user) *) {
1972
- color: var(--foreground);
1973
- }
1963
+ .group-\[\.is-user\]\:text-foreground:is(:where(.group):is(.is-user) *) {
1964
+ color: var(--foreground);
1974
1965
  }
1975
- .placeholder\:text-muted-foreground\/45 {
1976
- &::placeholder {
1977
- color: var(--muted-foreground);
1978
- @supports (color: color-mix(in lab, red, red)) {
1979
- color: color-mix(in oklab, var(--muted-foreground) 45%, transparent);
1980
- }
1966
+ .placeholder\:text-muted-foreground\/60::placeholder {
1967
+ color: var(--muted-foreground);
1968
+ @supports (color: color-mix(in lab, red, red)) {
1969
+ color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
1981
1970
  }
1982
1971
  }
1983
- .before\:mr-4 {
1984
- &::before {
1985
- content: var(--tw-content);
1986
- margin-right: calc(var(--spacing) * 4);
1987
- }
1972
+ .before\:mr-4::before {
1973
+ content: var(--tw-content);
1974
+ margin-right: calc(var(--spacing) * 4);
1988
1975
  }
1989
- .before\:inline-block {
1990
- &::before {
1991
- content: var(--tw-content);
1992
- display: inline-block;
1993
- }
1976
+ .before\:inline-block::before {
1977
+ content: var(--tw-content);
1978
+ display: inline-block;
1994
1979
  }
1995
- .before\:w-8 {
1996
- &::before {
1997
- content: var(--tw-content);
1998
- width: calc(var(--spacing) * 8);
1999
- }
1980
+ .before\:w-8::before {
1981
+ content: var(--tw-content);
1982
+ width: calc(var(--spacing) * 8);
2000
1983
  }
2001
- .before\:text-right {
2002
- &::before {
2003
- content: var(--tw-content);
2004
- text-align: right;
2005
- }
1984
+ .before\:text-right::before {
1985
+ content: var(--tw-content);
1986
+ text-align: right;
2006
1987
  }
2007
- .before\:font-mono {
2008
- &::before {
2009
- content: var(--tw-content);
2010
- font-family: var(--font-mono);
2011
- }
1988
+ .before\:font-mono::before {
1989
+ content: var(--tw-content);
1990
+ font-family: var(--font-mono);
2012
1991
  }
2013
- .before\:text-muted-foreground\/50 {
2014
- &::before {
2015
- content: var(--tw-content);
2016
- color: var(--muted-foreground);
2017
- @supports (color: color-mix(in lab, red, red)) {
2018
- color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
2019
- }
1992
+ .before\:text-muted-foreground\/50::before {
1993
+ content: var(--tw-content);
1994
+ color: var(--muted-foreground);
1995
+ @supports (color: color-mix(in lab, red, red)) {
1996
+ color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
2020
1997
  }
2021
1998
  }
2022
- .before\:content-\[counter\(line\)\] {
2023
- &::before {
2024
- --tw-content: counter(line);
2025
- content: var(--tw-content);
2026
- }
1999
+ .before\:content-\[counter\(line\)\]::before {
2000
+ --tw-content: counter(line);
2001
+ content: var(--tw-content);
2027
2002
  }
2028
- .before\:select-none {
2029
- &::before {
2030
- content: var(--tw-content);
2031
- -webkit-user-select: none;
2032
- user-select: none;
2033
- }
2003
+ .before\:select-none::before {
2004
+ content: var(--tw-content);
2005
+ -webkit-user-select: none;
2006
+ user-select: none;
2034
2007
  }
2035
- .before\:\[counter-increment\:line\] {
2036
- &::before {
2037
- content: var(--tw-content);
2038
- counter-increment: line;
2039
- }
2008
+ .before\:\[counter-increment\:line\]::before {
2009
+ content: var(--tw-content);
2010
+ counter-increment: line;
2040
2011
  }
2041
- .last\:border-0 {
2042
- &:last-child {
2043
- border-style: var(--tw-border-style);
2044
- border-width: 0px;
2045
- }
2012
+ .last\:border-0:last-child {
2013
+ border-style: var(--tw-border-style);
2014
+ border-width: 0px;
2046
2015
  }
2047
- .empty\:hidden {
2048
- &:empty {
2049
- display: none;
2050
- }
2016
+ .empty\:hidden:empty {
2017
+ display: none;
2051
2018
  }
2052
- .focus-within\:shadow-\[0_1px_3px_-1px_oklch\(0_0_0\/0\.08\)\,0_10px_28px_-14px_oklch\(0_0_0\/0\.16\)\,inset_0_0_0_1px_oklch\(from_var\(--accent\)_l_c_h\/0\.45\)\] {
2053
- &:focus-within {
2054
- --tw-shadow: 0 1px 3px -1px var(--tw-shadow-color, oklch(0 0 0/0.08)), 0 10px 28px -14px var(--tw-shadow-color, oklch(0 0 0/0.16)), inset 0 0 0 1px var(--tw-shadow-color, oklch(from var(--accent) l c h/0.45));
2055
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2056
- }
2019
+ .focus-within\:shadow-\[0_1px_3px_-1px_oklch\(0_0_0\/0\.08\)\,0_10px_28px_-14px_oklch\(0_0_0\/0\.16\)\,inset_0_0_0_1px_oklch\(from_var\(--accent\)_l_c_h\/0\.45\)\]:focus-within {
2020
+ --tw-shadow: 0 1px 3px -1px var(--tw-shadow-color, oklch(0 0 0/0.08)), 0 10px 28px -14px var(--tw-shadow-color, oklch(0 0 0/0.16)), inset 0 0 0 1px var(--tw-shadow-color, oklch(from var(--accent) l c h/0.45));
2021
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2057
2022
  }
2058
- .focus-within\:shadow-\[inset_0_0_0_1px_oklch\(from_var\(--accent\)_l_c_h\/0\.45\)\] {
2059
- &:focus-within {
2060
- --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, oklch(from var(--accent) l c h/0.45));
2061
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2062
- }
2023
+ .focus-within\:shadow-\[inset_0_0_0_1px_oklch\(from_var\(--accent\)_l_c_h\/0\.45\)\]:focus-within {
2024
+ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, oklch(from var(--accent) l c h/0.45));
2025
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2063
2026
  }
2064
- .hover\:scale-\[1\.04\] {
2065
- &:hover {
2066
- @media (hover: hover) {
2067
- scale: 1.04;
2068
- }
2027
+ @media (hover: hover) {
2028
+ .hover\:scale-\[1\.04\]:hover {
2029
+ scale: 1.04;
2069
2030
  }
2070
- }
2071
- .hover\:border-border\/80 {
2072
- &:hover {
2073
- @media (hover: hover) {
2074
- border-color: var(--border);
2075
- @supports (color: color-mix(in lab, red, red)) {
2076
- border-color: color-mix(in oklab, var(--border) 80%, transparent);
2077
- }
2078
- }
2031
+ .hover\:border-border\/80:hover {
2032
+ border-color: var(--border);
2079
2033
  }
2080
- }
2081
- .hover\:\!bg-muted\/70 {
2082
- &:hover {
2083
- @media (hover: hover) {
2084
- background-color: var(--muted) !important;
2085
- @supports (color: color-mix(in lab, red, red)) {
2086
- background-color: color-mix(in oklab, var(--muted) 70%, transparent) !important;
2087
- }
2034
+ @supports (color: color-mix(in lab, red, red)) {
2035
+ .hover\:border-border\/80:hover {
2036
+ border-color: color-mix(in oklab, var(--border) 80%, transparent);
2088
2037
  }
2089
2038
  }
2090
- }
2091
- .hover\:bg-\[color\:var\(--chat-empty-card-hover\)\] {
2092
- &:hover {
2093
- @media (hover: hover) {
2094
- background-color: var(--chat-empty-card-hover);
2095
- }
2039
+ .hover\:\!bg-muted\/70:hover {
2040
+ background-color: var(--muted) !important;
2096
2041
  }
2097
- }
2098
- .hover\:bg-\[color\:var\(--muted\)\] {
2099
- &:hover {
2100
- @media (hover: hover) {
2101
- background-color: var(--muted);
2042
+ @supports (color: color-mix(in lab, red, red)) {
2043
+ .hover\:\!bg-muted\/70:hover {
2044
+ background-color: color-mix(in oklab, var(--muted) 70%, transparent) !important;
2102
2045
  }
2103
2046
  }
2104
- }
2105
- .hover\:bg-accent {
2106
- &:hover {
2107
- @media (hover: hover) {
2108
- background-color: var(--accent);
2109
- }
2047
+ .hover\:bg-\[color\:var\(--chat-empty-card-hover\)\]:hover {
2048
+ background-color: var(--chat-empty-card-hover);
2110
2049
  }
2111
- }
2112
- .hover\:bg-accent\/40 {
2113
- &:hover {
2114
- @media (hover: hover) {
2115
- background-color: var(--accent);
2116
- @supports (color: color-mix(in lab, red, red)) {
2117
- background-color: color-mix(in oklab, var(--accent) 40%, transparent);
2118
- }
2119
- }
2050
+ .hover\:bg-\[color\:var\(--muted\)\]:hover {
2051
+ background-color: var(--muted);
2120
2052
  }
2121
- }
2122
- .hover\:bg-accent\/50 {
2123
- &:hover {
2124
- @media (hover: hover) {
2125
- background-color: var(--accent);
2126
- @supports (color: color-mix(in lab, red, red)) {
2127
- background-color: color-mix(in oklab, var(--accent) 50%, transparent);
2128
- }
2129
- }
2053
+ .hover\:bg-accent:hover {
2054
+ background-color: var(--accent);
2130
2055
  }
2131
- }
2132
- .hover\:bg-background {
2133
- &:hover {
2134
- @media (hover: hover) {
2135
- background-color: var(--background);
2136
- }
2056
+ .hover\:bg-accent\/40:hover {
2057
+ background-color: var(--accent);
2137
2058
  }
2138
- }
2139
- .hover\:bg-destructive\/10 {
2140
- &:hover {
2141
- @media (hover: hover) {
2142
- background-color: var(--destructive);
2143
- @supports (color: color-mix(in lab, red, red)) {
2144
- background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
2145
- }
2059
+ @supports (color: color-mix(in lab, red, red)) {
2060
+ .hover\:bg-accent\/40:hover {
2061
+ background-color: color-mix(in oklab, var(--accent) 40%, transparent);
2146
2062
  }
2147
2063
  }
2148
- }
2149
- .hover\:bg-foreground\/90 {
2150
- &:hover {
2151
- @media (hover: hover) {
2152
- background-color: var(--foreground);
2153
- @supports (color: color-mix(in lab, red, red)) {
2154
- background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
2155
- }
2156
- }
2064
+ .hover\:bg-accent\/50:hover {
2065
+ background-color: var(--accent);
2157
2066
  }
2158
- }
2159
- .hover\:bg-foreground\/\[0\.04\] {
2160
- &:hover {
2161
- @media (hover: hover) {
2162
- background-color: var(--foreground);
2163
- @supports (color: color-mix(in lab, red, red)) {
2164
- background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
2165
- }
2067
+ @supports (color: color-mix(in lab, red, red)) {
2068
+ .hover\:bg-accent\/50:hover {
2069
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
2166
2070
  }
2167
2071
  }
2168
- }
2169
- .hover\:bg-foreground\/\[0\.05\] {
2170
- &:hover {
2171
- @media (hover: hover) {
2172
- background-color: var(--foreground);
2173
- @supports (color: color-mix(in lab, red, red)) {
2174
- background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
2175
- }
2176
- }
2072
+ .hover\:bg-background:hover {
2073
+ background-color: var(--background);
2177
2074
  }
2178
- }
2179
- .hover\:bg-foreground\/\[0\.045\] {
2180
- &:hover {
2181
- @media (hover: hover) {
2182
- background-color: var(--foreground);
2183
- @supports (color: color-mix(in lab, red, red)) {
2184
- background-color: color-mix(in oklab, var(--foreground) 4.5%, transparent);
2185
- }
2186
- }
2075
+ .hover\:bg-destructive\/10:hover {
2076
+ background-color: var(--destructive);
2187
2077
  }
2188
- }
2189
- .hover\:bg-muted {
2190
- &:hover {
2191
- @media (hover: hover) {
2192
- background-color: var(--muted);
2078
+ @supports (color: color-mix(in lab, red, red)) {
2079
+ .hover\:bg-destructive\/10:hover {
2080
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
2193
2081
  }
2194
2082
  }
2195
- }
2196
- .hover\:bg-muted\/40 {
2197
- &:hover {
2198
- @media (hover: hover) {
2199
- background-color: var(--muted);
2200
- @supports (color: color-mix(in lab, red, red)) {
2201
- background-color: color-mix(in oklab, var(--muted) 40%, transparent);
2202
- }
2203
- }
2083
+ .hover\:bg-foreground\/90:hover {
2084
+ background-color: var(--foreground);
2204
2085
  }
2205
- }
2206
- .hover\:bg-muted\/55 {
2207
- &:hover {
2208
- @media (hover: hover) {
2209
- background-color: var(--muted);
2210
- @supports (color: color-mix(in lab, red, red)) {
2211
- background-color: color-mix(in oklab, var(--muted) 55%, transparent);
2212
- }
2086
+ @supports (color: color-mix(in lab, red, red)) {
2087
+ .hover\:bg-foreground\/90:hover {
2088
+ background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
2213
2089
  }
2214
2090
  }
2215
- }
2216
- .hover\:bg-muted\/60 {
2217
- &:hover {
2218
- @media (hover: hover) {
2219
- background-color: var(--muted);
2220
- @supports (color: color-mix(in lab, red, red)) {
2221
- background-color: color-mix(in oklab, var(--muted) 60%, transparent);
2222
- }
2223
- }
2091
+ .hover\:bg-foreground\/\[0\.04\]:hover {
2092
+ background-color: var(--foreground);
2224
2093
  }
2225
- }
2226
- .hover\:bg-muted\/70 {
2227
- &:hover {
2228
- @media (hover: hover) {
2229
- background-color: var(--muted);
2230
- @supports (color: color-mix(in lab, red, red)) {
2231
- background-color: color-mix(in oklab, var(--muted) 70%, transparent);
2232
- }
2094
+ @supports (color: color-mix(in lab, red, red)) {
2095
+ .hover\:bg-foreground\/\[0\.04\]:hover {
2096
+ background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
2233
2097
  }
2234
2098
  }
2235
- }
2236
- .hover\:bg-primary\/10 {
2237
- &:hover {
2238
- @media (hover: hover) {
2239
- background-color: var(--primary);
2240
- @supports (color: color-mix(in lab, red, red)) {
2241
- background-color: color-mix(in oklab, var(--primary) 10%, transparent);
2242
- }
2243
- }
2099
+ .hover\:bg-foreground\/\[0\.05\]:hover {
2100
+ background-color: var(--foreground);
2244
2101
  }
2245
- }
2246
- .hover\:bg-transparent {
2247
- &:hover {
2248
- @media (hover: hover) {
2249
- background-color: transparent;
2102
+ @supports (color: color-mix(in lab, red, red)) {
2103
+ .hover\:bg-foreground\/\[0\.05\]:hover {
2104
+ background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
2250
2105
  }
2251
2106
  }
2252
- }
2253
- .hover\:\!text-foreground {
2254
- &:hover {
2255
- @media (hover: hover) {
2256
- color: var(--foreground) !important;
2257
- }
2107
+ .hover\:bg-muted:hover {
2108
+ background-color: var(--muted);
2258
2109
  }
2259
- }
2260
- .hover\:\!text-muted-foreground\/75 {
2261
- &:hover {
2262
- @media (hover: hover) {
2263
- color: var(--muted-foreground) !important;
2264
- @supports (color: color-mix(in lab, red, red)) {
2265
- color: color-mix(in oklab, var(--muted-foreground) 75%, transparent) !important;
2266
- }
2267
- }
2110
+ .hover\:bg-muted\/40:hover {
2111
+ background-color: var(--muted);
2268
2112
  }
2269
- }
2270
- .hover\:text-\[color\:var\(--accent\)\] {
2271
- &:hover {
2272
- @media (hover: hover) {
2273
- color: var(--accent);
2113
+ @supports (color: color-mix(in lab, red, red)) {
2114
+ .hover\:bg-muted\/40:hover {
2115
+ background-color: color-mix(in oklab, var(--muted) 40%, transparent);
2274
2116
  }
2275
2117
  }
2276
- }
2277
- .hover\:text-\[color\:var\(--foreground\)\] {
2278
- &:hover {
2279
- @media (hover: hover) {
2280
- color: var(--foreground);
2281
- }
2118
+ .hover\:bg-muted\/55:hover {
2119
+ background-color: var(--muted);
2282
2120
  }
2283
- }
2284
- .hover\:text-accent-foreground {
2285
- &:hover {
2286
- @media (hover: hover) {
2287
- color: var(--accent-foreground);
2121
+ @supports (color: color-mix(in lab, red, red)) {
2122
+ .hover\:bg-muted\/55:hover {
2123
+ background-color: color-mix(in oklab, var(--muted) 55%, transparent);
2288
2124
  }
2289
2125
  }
2290
- }
2291
- .hover\:text-destructive {
2292
- &:hover {
2293
- @media (hover: hover) {
2294
- color: var(--destructive);
2295
- }
2126
+ .hover\:bg-muted\/60:hover {
2127
+ background-color: var(--muted);
2296
2128
  }
2297
- }
2298
- .hover\:text-foreground {
2299
- &:hover {
2300
- @media (hover: hover) {
2301
- color: var(--foreground);
2129
+ @supports (color: color-mix(in lab, red, red)) {
2130
+ .hover\:bg-muted\/60:hover {
2131
+ background-color: color-mix(in oklab, var(--muted) 60%, transparent);
2302
2132
  }
2303
2133
  }
2304
- }
2305
- .hover\:text-foreground\/80 {
2306
- &:hover {
2307
- @media (hover: hover) {
2308
- color: var(--foreground);
2309
- @supports (color: color-mix(in lab, red, red)) {
2310
- color: color-mix(in oklab, var(--foreground) 80%, transparent);
2311
- }
2312
- }
2134
+ .hover\:bg-muted\/70:hover {
2135
+ background-color: var(--muted);
2313
2136
  }
2314
- }
2315
- .hover\:text-muted-foreground {
2316
- &:hover {
2317
- @media (hover: hover) {
2318
- color: var(--muted-foreground);
2137
+ @supports (color: color-mix(in lab, red, red)) {
2138
+ .hover\:bg-muted\/70:hover {
2139
+ background-color: color-mix(in oklab, var(--muted) 70%, transparent);
2319
2140
  }
2320
2141
  }
2321
- }
2322
- .hover\:text-muted-foreground\/80 {
2323
- &:hover {
2324
- @media (hover: hover) {
2325
- color: var(--muted-foreground);
2326
- @supports (color: color-mix(in lab, red, red)) {
2327
- color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
2328
- }
2329
- }
2142
+ .hover\:bg-primary\/10:hover {
2143
+ background-color: var(--primary);
2330
2144
  }
2331
- }
2332
- .hover\:underline {
2333
- &:hover {
2334
- @media (hover: hover) {
2335
- text-decoration-line: underline;
2145
+ @supports (color: color-mix(in lab, red, red)) {
2146
+ .hover\:bg-primary\/10:hover {
2147
+ background-color: color-mix(in oklab, var(--primary) 10%, transparent);
2336
2148
  }
2337
2149
  }
2338
- }
2339
- .hover\:shadow-\[0_0_0_3px_oklch\(from_var\(--foreground\)_l_c_h\/0\.12\)\] {
2340
- &:hover {
2341
- @media (hover: hover) {
2342
- --tw-shadow: 0 0 0 3px var(--tw-shadow-color, oklch(from var(--foreground) l c h/0.12));
2343
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2344
- }
2150
+ .hover\:bg-transparent:hover {
2151
+ background-color: transparent;
2345
2152
  }
2346
- }
2347
- .focus\:ring-0 {
2348
- &:focus {
2349
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2350
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2153
+ .hover\:\!text-foreground:hover {
2154
+ color: var(--foreground) !important;
2351
2155
  }
2352
- }
2353
- .focus\:outline-none {
2354
- &:focus {
2355
- --tw-outline-style: none;
2356
- outline-style: none;
2156
+ .hover\:\!text-muted-foreground\/75:hover {
2157
+ color: var(--muted-foreground) !important;
2357
2158
  }
2358
- }
2359
- .focus-visible\:bg-\[color\:var\(--chat-empty-card-hover\)\] {
2360
- &:focus-visible {
2361
- background-color: var(--chat-empty-card-hover);
2159
+ @supports (color: color-mix(in lab, red, red)) {
2160
+ .hover\:\!text-muted-foreground\/75:hover {
2161
+ color: color-mix(in oklab, var(--muted-foreground) 75%, transparent) !important;
2162
+ }
2362
2163
  }
2363
- }
2364
- .focus-visible\:opacity-100 {
2365
- &:focus-visible {
2366
- opacity: 100%;
2164
+ .hover\:text-\[color\:var\(--accent\)\]:hover {
2165
+ color: var(--accent);
2367
2166
  }
2368
- }
2369
- .focus-visible\:ring-0 {
2370
- &:focus-visible {
2371
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2372
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2167
+ .hover\:text-\[color\:var\(--foreground\)\]:hover {
2168
+ color: var(--foreground);
2373
2169
  }
2374
- }
2375
- .focus-visible\:ring-1 {
2376
- &:focus-visible {
2377
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2378
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2170
+ .hover\:text-accent-foreground:hover {
2171
+ color: var(--accent-foreground);
2379
2172
  }
2380
- }
2381
- .focus-visible\:ring-2 {
2382
- &:focus-visible {
2383
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2384
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2173
+ .hover\:text-destructive:hover {
2174
+ color: var(--destructive);
2385
2175
  }
2386
- }
2387
- .focus-visible\:ring-\[color\:var\(--accent\)\]\/40 {
2388
- &:focus-visible {
2389
- --tw-ring-color: var(--accent);
2390
- @supports (color: color-mix(in lab, red, red)) {
2391
- --tw-ring-color: color-mix(in oklab, var(--accent) 40%, transparent);
2392
- }
2176
+ .hover\:text-foreground:hover {
2177
+ color: var(--foreground);
2393
2178
  }
2394
- }
2395
- .focus-visible\:ring-foreground\/20 {
2396
- &:focus-visible {
2397
- --tw-ring-color: var(--foreground);
2398
- @supports (color: color-mix(in lab, red, red)) {
2399
- --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent);
2400
- }
2179
+ .hover\:text-muted-foreground:hover {
2180
+ color: var(--muted-foreground);
2401
2181
  }
2402
- }
2403
- .focus-visible\:ring-ring {
2404
- &:focus-visible {
2405
- --tw-ring-color: var(--ring);
2182
+ .hover\:text-muted-foreground\/80:hover {
2183
+ color: var(--muted-foreground);
2406
2184
  }
2407
- }
2408
- .focus-visible\:ring-ring\/40 {
2409
- &:focus-visible {
2410
- --tw-ring-color: var(--ring);
2411
- @supports (color: color-mix(in lab, red, red)) {
2412
- --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
2185
+ @supports (color: color-mix(in lab, red, red)) {
2186
+ .hover\:text-muted-foreground\/80:hover {
2187
+ color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
2413
2188
  }
2414
2189
  }
2415
- }
2416
- .focus-visible\:ring-offset-0 {
2417
- &:focus-visible {
2418
- --tw-ring-offset-width: 0px;
2419
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2190
+ .hover\:underline:hover {
2191
+ text-decoration-line: underline;
2420
2192
  }
2421
- }
2422
- .focus-visible\:ring-offset-1 {
2423
- &:focus-visible {
2424
- --tw-ring-offset-width: 1px;
2425
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2193
+ .hover\:shadow-\[0_0_0_3px_oklch\(from_var\(--foreground\)_l_c_h\/0\.12\)\]:hover {
2194
+ --tw-shadow: 0 0 0 3px var(--tw-shadow-color, oklch(from var(--foreground) l c h/0.12));
2195
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2426
2196
  }
2427
2197
  }
2428
- .focus-visible\:ring-offset-2 {
2429
- &:focus-visible {
2430
- --tw-ring-offset-width: 2px;
2431
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2432
- }
2198
+ .focus\:ring-0:focus {
2199
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2200
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2433
2201
  }
2434
- .focus-visible\:ring-offset-background {
2435
- &:focus-visible {
2436
- --tw-ring-offset-color: var(--background);
2437
- }
2202
+ .focus\:outline-none:focus {
2203
+ --tw-outline-style: none;
2204
+ outline-style: none;
2438
2205
  }
2439
- .focus-visible\:outline-none {
2440
- &:focus-visible {
2441
- --tw-outline-style: none;
2442
- outline-style: none;
2443
- }
2206
+ .focus-visible\:bg-\[color\:var\(--chat-empty-card-hover\)\]:focus-visible {
2207
+ background-color: var(--chat-empty-card-hover);
2444
2208
  }
2445
- .active\:scale-\[0\.93\] {
2446
- &:active {
2447
- scale: 0.93;
2448
- }
2209
+ .focus-visible\:opacity-100:focus-visible {
2210
+ opacity: 100%;
2449
2211
  }
2450
- .active\:bg-accent\/60 {
2451
- &:active {
2452
- background-color: var(--accent);
2453
- @supports (color: color-mix(in lab, red, red)) {
2454
- background-color: color-mix(in oklab, var(--accent) 60%, transparent);
2455
- }
2456
- }
2212
+ .focus-visible\:ring-0:focus-visible {
2213
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2214
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2457
2215
  }
2458
- .active\:brightness-95 {
2459
- &:active {
2460
- --tw-brightness: brightness(95%);
2461
- 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,);
2462
- }
2216
+ .focus-visible\:ring-1:focus-visible {
2217
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2218
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2463
2219
  }
2464
- .disabled\:pointer-events-none {
2465
- &:disabled {
2466
- pointer-events: none;
2467
- }
2220
+ .focus-visible\:ring-2:focus-visible {
2221
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2222
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2468
2223
  }
2469
- .disabled\:opacity-40 {
2470
- &:disabled {
2471
- opacity: 40%;
2224
+ .focus-visible\:ring-\[color\:var\(--accent\)\]\/40:focus-visible {
2225
+ --tw-ring-color: var(--accent);
2226
+ @supports (color: color-mix(in lab, red, red)) {
2227
+ --tw-ring-color: color-mix(in oklab, var(--accent) 40%, transparent);
2472
2228
  }
2473
2229
  }
2474
- .disabled\:opacity-50 {
2475
- &:disabled {
2476
- opacity: 50%;
2230
+ .focus-visible\:ring-foreground\/20:focus-visible {
2231
+ --tw-ring-color: var(--foreground);
2232
+ @supports (color: color-mix(in lab, red, red)) {
2233
+ --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent);
2477
2234
  }
2478
2235
  }
2479
- .disabled\:opacity-60 {
2480
- &:disabled {
2481
- opacity: 60%;
2482
- }
2236
+ .focus-visible\:ring-ring:focus-visible {
2237
+ --tw-ring-color: var(--ring);
2483
2238
  }
2484
- .data-\[selected\=true\]\:bg-\[color\:oklch\(from_var\(--accent\)_l_c_h\/0\.15\)\] {
2485
- &[data-selected="true"] {
2486
- background-color: oklch(from var(--accent) l c h/0.15);
2487
- }
2239
+ .focus-visible\:ring-offset-0:focus-visible {
2240
+ --tw-ring-offset-width: 0px;
2241
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2488
2242
  }
2489
- .data-\[selected\=true\]\:text-foreground {
2490
- &[data-selected="true"] {
2491
- color: var(--foreground);
2492
- }
2243
+ .focus-visible\:ring-offset-1:focus-visible {
2244
+ --tw-ring-offset-width: 1px;
2245
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2493
2246
  }
2494
- .data-\[state\=active\]\:after\:bg-\[color\:var\(--accent\)\] {
2495
- &[data-state="active"] {
2496
- &::after {
2497
- content: var(--tw-content);
2498
- background-color: var(--accent);
2499
- }
2500
- }
2247
+ .focus-visible\:ring-offset-2:focus-visible {
2248
+ --tw-ring-offset-width: 2px;
2249
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2501
2250
  }
2502
- .data-\[state\=closed\]\:animate-\[boring-collapse-close_200ms_ease\] {
2503
- &[data-state="closed"] {
2504
- animation: boring-collapse-close 200ms ease;
2505
- }
2251
+ .focus-visible\:ring-offset-background:focus-visible {
2252
+ --tw-ring-offset-color: var(--background);
2506
2253
  }
2507
- .data-\[state\=inactive\]\:hidden {
2508
- &[data-state="inactive"] {
2509
- display: none;
2510
- }
2254
+ .focus-visible\:ring-offset-popover:focus-visible {
2255
+ --tw-ring-offset-color: var(--popover);
2256
+ }
2257
+ .focus-visible\:outline-none:focus-visible {
2258
+ --tw-outline-style: none;
2259
+ outline-style: none;
2511
2260
  }
2512
- .data-\[state\=open\]\:animate-\[boring-collapse-open_200ms_ease\] {
2513
- &[data-state="open"] {
2514
- animation: boring-collapse-open 200ms ease;
2261
+ .active\:scale-\[0\.93\]:active {
2262
+ scale: 0.93;
2263
+ }
2264
+ .active\:bg-accent\/60:active {
2265
+ background-color: var(--accent);
2266
+ @supports (color: color-mix(in lab, red, red)) {
2267
+ background-color: color-mix(in oklab, var(--accent) 60%, transparent);
2515
2268
  }
2516
2269
  }
2517
- .motion-reduce\:animate-none {
2518
- @media (prefers-reduced-motion: reduce) {
2270
+ .active\:brightness-95:active {
2271
+ --tw-brightness: brightness(95%);
2272
+ 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,);
2273
+ }
2274
+ .disabled\:pointer-events-none:disabled {
2275
+ pointer-events: none;
2276
+ }
2277
+ .disabled\:opacity-40:disabled {
2278
+ opacity: 40%;
2279
+ }
2280
+ .disabled\:opacity-50:disabled {
2281
+ opacity: 50%;
2282
+ }
2283
+ .disabled\:opacity-60:disabled {
2284
+ opacity: 60%;
2285
+ }
2286
+ .data-\[selected\=true\]\:bg-\[color\:oklch\(from_var\(--accent\)_l_c_h\/0\.15\)\][data-selected="true"] {
2287
+ background-color: oklch(from var(--accent) l c h/0.15);
2288
+ }
2289
+ .data-\[selected\=true\]\:text-foreground[data-selected="true"] {
2290
+ color: var(--foreground);
2291
+ }
2292
+ .data-\[state\=active\]\:after\:bg-\[color\:var\(--accent\)\][data-state="active"]::after {
2293
+ content: var(--tw-content);
2294
+ background-color: var(--accent);
2295
+ }
2296
+ .data-\[state\=closed\]\:animate-\[boring-collapse-close_200ms_ease\][data-state="closed"] {
2297
+ animation: boring-collapse-close 200ms ease;
2298
+ }
2299
+ .data-\[state\=inactive\]\:hidden[data-state="inactive"] {
2300
+ display: none;
2301
+ }
2302
+ .data-\[state\=open\]\:animate-\[boring-collapse-open_200ms_ease\][data-state="open"] {
2303
+ animation: boring-collapse-open 200ms ease;
2304
+ }
2305
+ @media (prefers-reduced-motion: reduce) {
2306
+ .motion-reduce\:animate-none {
2519
2307
  animation: none;
2520
2308
  }
2521
- }
2522
- .motion-reduce\:transition-none {
2523
- @media (prefers-reduced-motion: reduce) {
2309
+ .motion-reduce\:transition-none {
2524
2310
  transition-property: none;
2525
2311
  }
2526
2312
  }
2527
- .sm\:px-6 {
2528
- @media (width >= 40rem) {
2529
- padding-inline: calc(var(--spacing) * 6);
2313
+ @media (width >= 40rem) {
2314
+ .sm\:pr-\[calc\(1\.5rem\+env\(safe-area-inset-right\)\)\] {
2315
+ padding-right: calc(1.5rem + env(safe-area-inset-right));
2530
2316
  }
2531
- }
2532
- .sm\:pb-5 {
2533
- @media (width >= 40rem) {
2534
- padding-bottom: calc(var(--spacing) * 5);
2317
+ .sm\:pb-\[calc\(1\.25rem\+env\(safe-area-inset-bottom\)\)\] {
2318
+ padding-bottom: calc(1.25rem + env(safe-area-inset-bottom));
2319
+ }
2320
+ .sm\:pl-\[calc\(1\.5rem\+env\(safe-area-inset-left\)\)\] {
2321
+ padding-left: calc(1.5rem + env(safe-area-inset-left));
2535
2322
  }
2536
2323
  }
2537
- .\@\[420px\]\:block {
2538
- @container (width >= 420px) {
2324
+ @container (width >= 420px) {
2325
+ .\@\[420px\]\:block {
2539
2326
  display: block;
2540
2327
  }
2541
2328
  }
2542
- .\@\[480px\]\:grid-cols-2 {
2543
- @container (width >= 480px) {
2329
+ @container (width >= 480px) {
2330
+ .\@\[480px\]\:grid-cols-2 {
2544
2331
  grid-template-columns: repeat(2, minmax(0, 1fr));
2545
2332
  }
2546
- }
2547
- .\@\[480px\]\:text-\[34px\] {
2548
- @container (width >= 480px) {
2333
+ .\@\[480px\]\:text-\[34px\] {
2549
2334
  font-size: 34px;
2550
2335
  }
2551
2336
  }
2552
- .dark\:bg-background {
2553
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2554
- background-color: var(--background);
2555
- }
2337
+ .dark\:bg-background:is([data-theme="dark"], [data-theme="dark"] *) {
2338
+ background-color: var(--background);
2556
2339
  }
2557
- .dark\:\!text-\[var\(--shiki-dark\)\] {
2558
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2559
- color: var(--shiki-dark) !important;
2560
- }
2340
+ .dark\:\!text-\[var\(--shiki-dark\)\]:is([data-theme="dark"], [data-theme="dark"] *) {
2341
+ color: var(--shiki-dark) !important;
2561
2342
  }
2562
- .dark\:text-amber-300 {
2563
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2564
- color: var(--color-amber-300);
2565
- }
2343
+ .dark\:text-amber-300:is([data-theme="dark"], [data-theme="dark"] *) {
2344
+ color: var(--color-amber-300);
2566
2345
  }
2567
- .dark\:text-zinc-100 {
2568
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2569
- color: var(--color-zinc-100);
2570
- }
2346
+ .dark\:text-zinc-100:is([data-theme="dark"], [data-theme="dark"] *) {
2347
+ color: var(--color-zinc-100);
2571
2348
  }
2572
- .dark\:text-zinc-300 {
2573
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2574
- color: var(--color-zinc-300);
2575
- }
2349
+ .dark\:text-zinc-300:is([data-theme="dark"], [data-theme="dark"] *) {
2350
+ color: var(--color-zinc-300);
2576
2351
  }
2577
- .dark\:hover\:bg-accent\/50 {
2578
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2579
- &:hover {
2580
- @media (hover: hover) {
2581
- background-color: var(--accent);
2582
- @supports (color: color-mix(in lab, red, red)) {
2583
- background-color: color-mix(in oklab, var(--accent) 50%, transparent);
2584
- }
2585
- }
2586
- }
2352
+ @media (hover: hover) {
2353
+ .dark\:hover\:bg-accent\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
2354
+ background-color: var(--accent);
2587
2355
  }
2588
- }
2589
- .dark\:hover\:bg-muted {
2590
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2591
- &:hover {
2592
- @media (hover: hover) {
2593
- background-color: var(--muted);
2594
- }
2356
+ @supports (color: color-mix(in lab, red, red)) {
2357
+ .dark\:hover\:bg-accent\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
2358
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
2595
2359
  }
2596
2360
  }
2597
- }
2598
- .\[\&_\[cmdk-group-heading\]\]\:px-2\.5 {
2599
- & [cmdk-group-heading] {
2600
- padding-inline: calc(var(--spacing) * 2.5);
2361
+ .dark\:hover\:bg-muted:is([data-theme="dark"], [data-theme="dark"] *):hover {
2362
+ background-color: var(--muted);
2601
2363
  }
2602
2364
  }
2603
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
2604
- & [cmdk-group-heading] {
2605
- padding-block: calc(var(--spacing) * 1.5);
2606
- }
2365
+ .\[\&_\[cmdk-group-heading\]\]\:px-2\.5 [cmdk-group-heading] {
2366
+ padding-inline: calc(var(--spacing) * 2.5);
2607
2367
  }
2608
- .\[\&_\[cmdk-group-heading\]\]\:text-\[10px\] {
2609
- & [cmdk-group-heading] {
2610
- font-size: 10px;
2611
- }
2368
+ .\[\&_\[cmdk-group-heading\]\]\:py-2 [cmdk-group-heading] {
2369
+ padding-block: calc(var(--spacing) * 2);
2612
2370
  }
2613
- .\[\&_\[cmdk-group-heading\]\]\:font-semibold {
2614
- & [cmdk-group-heading] {
2615
- --tw-font-weight: var(--font-weight-semibold);
2616
- font-weight: var(--font-weight-semibold);
2617
- }
2371
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
2372
+ font-size: var(--text-xs);
2373
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2618
2374
  }
2619
- .\[\&_\[cmdk-group-heading\]\]\:tracking-\[0\.08em\] {
2620
- & [cmdk-group-heading] {
2621
- --tw-tracking: 0.08em;
2622
- letter-spacing: 0.08em;
2623
- }
2375
+ .\[\&_\[cmdk-group-heading\]\]\:font-semibold [cmdk-group-heading] {
2376
+ --tw-font-weight: var(--font-weight-semibold);
2377
+ font-weight: var(--font-weight-semibold);
2624
2378
  }
2625
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground\/60 {
2626
- & [cmdk-group-heading] {
2627
- color: var(--muted-foreground);
2628
- @supports (color: color-mix(in lab, red, red)) {
2629
- color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
2630
- }
2631
- }
2379
+ .\[\&_\[cmdk-group-heading\]\]\:tracking-\[0\.08em\] [cmdk-group-heading] {
2380
+ --tw-tracking: 0.08em;
2381
+ letter-spacing: 0.08em;
2632
2382
  }
2633
- .\[\&_\[cmdk-group-heading\]\]\:uppercase {
2634
- & [cmdk-group-heading] {
2635
- text-transform: uppercase;
2636
- }
2383
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
2384
+ color: var(--muted-foreground);
2637
2385
  }
2638
- .\[\&_\[data-boring-agent-part\=tool-card\]\]\:\!my-0 {
2639
- & [data-boring-agent-part=tool-card] {
2640
- margin-block: 0 !important;
2641
- }
2386
+ .\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading] {
2387
+ text-transform: uppercase;
2642
2388
  }
2643
- .\[\&_\[data-slot\=input-group\]\]\:\!h-auto {
2644
- & [data-slot=input-group] {
2645
- height: auto !important;
2646
- }
2389
+ .\[\&_\[cmdk-list\]\]\:\!max-h-\[200px\] [cmdk-list] {
2390
+ max-height: 200px !important;
2647
2391
  }
2648
- .\[\&_\[data-slot\=input-group\]\]\:\!min-h-\[var\(--composer-input-group-height\)\] {
2649
- & [data-slot=input-group] {
2650
- min-height: var(--composer-input-group-height) !important;
2651
- }
2392
+ .\[\&_\[data-boring-agent-part\=tool-card\]\]\:\!my-0 [data-boring-agent-part=tool-card] {
2393
+ margin-block: 0px !important;
2652
2394
  }
2653
- .\[\&_\[data-slot\=input-group\]\]\:\!flex-col {
2654
- & [data-slot=input-group] {
2655
- flex-direction: column !important;
2656
- }
2395
+ .\[\&_\[data-slot\=input-group\]\]\:\!h-auto [data-slot=input-group] {
2396
+ height: auto !important;
2657
2397
  }
2658
- .\[\&_\[data-slot\=input-group\]\]\:\!items-stretch {
2659
- & [data-slot=input-group] {
2660
- align-items: stretch !important;
2661
- }
2398
+ .\[\&_\[data-slot\=input-group\]\]\:\!min-h-\[var\(--composer-input-group-height\)\] [data-slot=input-group] {
2399
+ min-height: var(--composer-input-group-height) !important;
2662
2400
  }
2663
- .\[\&_\[data-slot\=input-group\]\]\:\!overflow-hidden {
2664
- & [data-slot=input-group] {
2665
- overflow: hidden !important;
2666
- }
2401
+ .\[\&_\[data-slot\=input-group\]\]\:\!flex-col [data-slot=input-group] {
2402
+ flex-direction: column !important;
2667
2403
  }
2668
- .\[\&_\[data-slot\=input-group\]\]\:\!rounded-\[28px\] {
2669
- & [data-slot=input-group] {
2670
- border-radius: 28px !important;
2671
- }
2404
+ .\[\&_\[data-slot\=input-group\]\]\:\!items-stretch [data-slot=input-group] {
2405
+ align-items: stretch !important;
2672
2406
  }
2673
- .\[\&_\[data-slot\=input-group\]\]\:\!border-0 {
2674
- & [data-slot=input-group] {
2675
- border-style: var(--tw-border-style) !important;
2676
- border-width: 0px !important;
2677
- }
2407
+ .\[\&_\[data-slot\=input-group\]\]\:\!overflow-hidden [data-slot=input-group] {
2408
+ overflow: hidden !important;
2678
2409
  }
2679
- .\[\&_\[data-slot\=input-group\]\]\:\!bg-transparent {
2680
- & [data-slot=input-group] {
2681
- background-color: transparent !important;
2682
- }
2410
+ .\[\&_\[data-slot\=input-group\]\]\:\!rounded-xl [data-slot=input-group] {
2411
+ border-radius: var(--radius-xl) !important;
2683
2412
  }
2684
- .\[\&_\[data-slot\=input-group\]\]\:\!shadow-none {
2685
- & [data-slot=input-group] {
2686
- --tw-shadow: 0 0 #0000 !important;
2687
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2688
- }
2413
+ .\[\&_\[data-slot\=input-group\]\]\:\!border-0 [data-slot=input-group] {
2414
+ border-style: var(--tw-border-style) !important;
2415
+ border-width: 0px !important;
2689
2416
  }
2690
- .\[\&_\[data-slot\=input-group\]\]\:\!ring-0 {
2691
- & [data-slot=input-group] {
2692
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2693
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2694
- }
2417
+ .\[\&_\[data-slot\=input-group\]\]\:\!bg-transparent [data-slot=input-group] {
2418
+ background-color: transparent !important;
2695
2419
  }
2696
- .\[\&_\[data-slot\=input-group\]\]\:has-\[\:focus\]\:\!ring-0 {
2697
- & [data-slot=input-group] {
2698
- &:has(*:is(:focus)) {
2699
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2700
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2701
- }
2702
- }
2420
+ .\[\&_\[data-slot\=input-group\]\]\:\!shadow-none [data-slot=input-group] {
2421
+ --tw-shadow: 0 0 #0000 !important;
2422
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2703
2423
  }
2704
- .\[\&_\[data-slot\=input-group\]\]\:dark\:\!bg-transparent {
2705
- & [data-slot=input-group] {
2706
- &:is([data-theme="dark"], [data-theme="dark"] *) {
2707
- background-color: transparent !important;
2708
- }
2709
- }
2424
+ .\[\&_\[data-slot\=input-group\]\]\:\!ring-0 [data-slot=input-group] {
2425
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2426
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2710
2427
  }
2711
- .\[\&_svg\]\:\!text-muted-foreground\/75 {
2712
- & svg {
2713
- color: var(--muted-foreground) !important;
2714
- @supports (color: color-mix(in lab, red, red)) {
2715
- color: color-mix(in oklab, var(--muted-foreground) 75%, transparent) !important;
2716
- }
2717
- }
2428
+ .\[\&_\[data-slot\=input-group\]\]\:has-\[\:focus\]\:\!ring-0 [data-slot=input-group]:has(:is(:focus)) {
2429
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
2430
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
2718
2431
  }
2719
- .\[\&_table\]\:w-full {
2720
- & table {
2721
- width: 100%;
2722
- }
2432
+ .\[\&_\[data-slot\=input-group\]\]\:dark\:\!bg-transparent [data-slot=input-group]:is([data-theme="dark"], [data-theme="dark"] *) {
2433
+ background-color: transparent !important;
2723
2434
  }
2724
- .\[\&\>\*\:first-child\]\:mt-0 {
2725
- &>*:first-child {
2726
- margin-top: 0;
2435
+ .\[\&_svg\]\:\!text-muted-foreground\/75 svg {
2436
+ color: var(--muted-foreground) !important;
2437
+ @supports (color: color-mix(in lab, red, red)) {
2438
+ color: color-mix(in oklab, var(--muted-foreground) 75%, transparent) !important;
2727
2439
  }
2728
2440
  }
2729
- .\[\&\>\*\:last-child\]\:mb-0 {
2730
- &>*:last-child {
2731
- margin-bottom: 0;
2732
- }
2441
+ .\[\&_table\]\:w-full table {
2442
+ width: 100%;
2733
2443
  }
2734
- .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md {
2735
- &>*:not(:first-child) {
2736
- border-top-left-radius: var(--radius-md);
2737
- border-bottom-left-radius: var(--radius-md);
2738
- }
2444
+ .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
2445
+ margin-top: 0px;
2739
2446
  }
2740
- .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md {
2741
- &>*:not(:last-child) {
2742
- border-top-right-radius: var(--radius-md);
2743
- border-bottom-right-radius: var(--radius-md);
2744
- }
2447
+ .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
2448
+ margin-bottom: 0px;
2745
2449
  }
2746
- .\[\&\>div\]\:max-w-full {
2747
- &>div {
2748
- max-width: 100%;
2749
- }
2450
+ .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-md > :not(:first-child) {
2451
+ border-top-left-radius: var(--radius-md);
2452
+ border-bottom-left-radius: var(--radius-md);
2750
2453
  }
2751
- .\[\&\>div\]\:border-input\/60 {
2752
- &>div {
2753
- border-color: var(--input);
2754
- @supports (color: color-mix(in lab, red, red)) {
2755
- border-color: color-mix(in oklab, var(--input) 60%, transparent);
2756
- }
2757
- }
2454
+ .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-md > :not(:last-child) {
2455
+ border-top-right-radius: var(--radius-md);
2456
+ border-bottom-right-radius: var(--radius-md);
2758
2457
  }
2759
- .\[\&\>div\]\:bg-background\/35 {
2760
- &>div {
2761
- background-color: var(--background);
2762
- @supports (color: color-mix(in lab, red, red)) {
2763
- background-color: color-mix(in oklab, var(--background) 35%, transparent);
2764
- }
2765
- }
2458
+ .\[\&\>div\]\:max-w-full > div {
2459
+ max-width: 100%;
2766
2460
  }
2767
- .\[\&\>div\]\:px-1\.5 {
2768
- &>div {
2769
- padding-inline: calc(var(--spacing) * 1.5);
2461
+ .\[\&\>div\]\:border-input\/60 > div {
2462
+ border-color: var(--input);
2463
+ @supports (color: color-mix(in lab, red, red)) {
2464
+ border-color: color-mix(in oklab, var(--input) 60%, transparent);
2770
2465
  }
2771
2466
  }
2772
- .\[\&\>div\]\:pb-0 {
2773
- &>div {
2774
- padding-bottom: 0;
2467
+ .\[\&\>div\]\:bg-background\/35 > div {
2468
+ background-color: var(--background);
2469
+ @supports (color: color-mix(in lab, red, red)) {
2470
+ background-color: color-mix(in oklab, var(--background) 35%, transparent);
2775
2471
  }
2776
2472
  }
2777
- .\[\&\>div\]\:text-secondary-foreground {
2778
- &>div {
2779
- color: var(--secondary-foreground);
2780
- }
2473
+ .\[\&\>div\]\:px-1\.5 > div {
2474
+ padding-inline: calc(var(--spacing) * 1.5);
2781
2475
  }
2782
- .\[\&\>div\:hover\]\:bg-background\/45 {
2783
- &>div:hover {
2784
- background-color: var(--background);
2785
- @supports (color: color-mix(in lab, red, red)) {
2786
- background-color: color-mix(in oklab, var(--background) 45%, transparent);
2787
- }
2788
- }
2476
+ .\[\&\>div\]\:pb-0 > div {
2477
+ padding-bottom: 0px;
2789
2478
  }
2790
- .\[\&\>p\]\:mx-auto {
2791
- &>p {
2792
- margin-inline: auto;
2793
- }
2479
+ .\[\&\>div\]\:text-secondary-foreground > div {
2480
+ color: var(--secondary-foreground);
2794
2481
  }
2795
- .\[\&\>p\]\:inline {
2796
- &>p {
2797
- display: inline;
2482
+ .\[\&\>div\:hover\]\:bg-background\/45 > div:hover {
2483
+ background-color: var(--background);
2484
+ @supports (color: color-mix(in lab, red, red)) {
2485
+ background-color: color-mix(in oklab, var(--background) 45%, transparent);
2798
2486
  }
2799
2487
  }
2800
- .\[\&\>svg\]\:size-2\.5 {
2801
- &>svg {
2802
- width: calc(var(--spacing) * 2.5);
2803
- height: calc(var(--spacing) * 2.5);
2804
- }
2488
+ .\[\&\>p\]\:inline > p {
2489
+ display: inline;
2805
2490
  }
2806
- .\[\&\>svg\]\:size-3 {
2807
- &>svg {
2808
- width: calc(var(--spacing) * 3);
2809
- height: calc(var(--spacing) * 3);
2810
- }
2491
+ .\[\&\>svg\]\:size-2\.5 > svg {
2492
+ width: calc(var(--spacing) * 2.5);
2493
+ height: calc(var(--spacing) * 2.5);
2811
2494
  }
2812
- .\[\&\>svg\]\:size-3\.5 {
2813
- &>svg {
2814
- width: calc(var(--spacing) * 3.5);
2815
- height: calc(var(--spacing) * 3.5);
2816
- }
2495
+ .\[\&\>svg\]\:size-3 > svg {
2496
+ width: calc(var(--spacing) * 3);
2497
+ height: calc(var(--spacing) * 3);
2817
2498
  }
2818
- .\[\&\>svg\]\:size-4 {
2819
- &>svg {
2820
- width: calc(var(--spacing) * 4);
2821
- height: calc(var(--spacing) * 4);
2822
- }
2499
+ .\[\&\>svg\]\:size-3\.5 > svg {
2500
+ width: calc(var(--spacing) * 3.5);
2501
+ height: calc(var(--spacing) * 3.5);
2823
2502
  }
2824
- .\[\&\[data-composer-multiline\=true\]_\[data-boring-agent-part\=composer-submit-addon\]\]\:mb-2 {
2825
- &[data-composer-multiline=true] [data-boring-agent-part=composer-submit-addon] {
2826
- margin-bottom: calc(var(--spacing) * 2);
2827
- }
2503
+ .\[\&\>svg\]\:size-4 > svg {
2504
+ width: calc(var(--spacing) * 4);
2505
+ height: calc(var(--spacing) * 4);
2828
2506
  }
2829
- .\[\&\[data-composer-multiline\=true\]_\[data-boring-agent-part\=composer-submit-addon\]\]\:self-end {
2830
- &[data-composer-multiline=true] [data-boring-agent-part=composer-submit-addon] {
2831
- align-self: flex-end;
2832
- }
2507
+ .\[\&\[data-composer-multiline\=true\]_\[data-boring-agent-part\=composer-submit-addon\]\]\:mb-2[data-composer-multiline=true] [data-boring-agent-part=composer-submit-addon] {
2508
+ margin-bottom: calc(var(--spacing) * 2);
2509
+ }
2510
+ .\[\&\[data-composer-multiline\=true\]_\[data-boring-agent-part\=composer-submit-addon\]\]\:self-end[data-composer-multiline=true] [data-boring-agent-part=composer-submit-addon] {
2511
+ align-self: flex-end;
2833
2512
  }
2834
2513
  }
2835
- /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2514
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2836
2515
  @layer properties;
2837
2516
  @layer theme, utilities;
2838
2517
  @layer theme {
@@ -2900,16 +2579,16 @@
2900
2579
  position: relative;
2901
2580
  }
2902
2581
  .inset-0 {
2903
- inset: 0;
2582
+ inset: 0px;
2904
2583
  }
2905
2584
  .inset-x-0 {
2906
- inset-inline: 0;
2585
+ inset-inline: 0px;
2907
2586
  }
2908
2587
  .inset-y-0 {
2909
- inset-block: 0;
2588
+ inset-block: 0px;
2910
2589
  }
2911
2590
  .top-0 {
2912
- top: 0;
2591
+ top: 0px;
2913
2592
  }
2914
2593
  .top-4 {
2915
2594
  top: calc(var(--spacing) * 4);
@@ -2918,7 +2597,7 @@
2918
2597
  top: 50%;
2919
2598
  }
2920
2599
  .right-0 {
2921
- right: 0;
2600
+ right: 0px;
2922
2601
  }
2923
2602
  .right-2 {
2924
2603
  right: calc(var(--spacing) * 2);
@@ -2927,13 +2606,13 @@
2927
2606
  right: calc(var(--spacing) * 4);
2928
2607
  }
2929
2608
  .bottom-0 {
2930
- bottom: 0;
2609
+ bottom: 0px;
2931
2610
  }
2932
2611
  .bottom-4 {
2933
2612
  bottom: calc(var(--spacing) * 4);
2934
2613
  }
2935
2614
  .left-0 {
2936
- left: 0;
2615
+ left: 0px;
2937
2616
  }
2938
2617
  .left-2 {
2939
2618
  left: calc(var(--spacing) * 2);
@@ -2966,7 +2645,7 @@
2966
2645
  grid-row-start: 1;
2967
2646
  }
2968
2647
  .\!m-0 {
2969
- margin: 0 !important;
2648
+ margin: 0px !important;
2970
2649
  }
2971
2650
  .-mx-1 {
2972
2651
  margin-inline: calc(var(--spacing) * -1);
@@ -3111,7 +2790,7 @@
3111
2790
  max-height: 300px;
3112
2791
  }
3113
2792
  .min-h-0 {
3114
- min-height: 0;
2793
+ min-height: 0px;
3115
2794
  }
3116
2795
  .min-h-6 {
3117
2796
  min-height: calc(var(--spacing) * 6);
@@ -3177,7 +2856,7 @@
3177
2856
  max-width: var(--container-xl);
3178
2857
  }
3179
2858
  .min-w-0 {
3180
- min-width: 0;
2859
+ min-width: 0px;
3181
2860
  }
3182
2861
  .min-w-5 {
3183
2862
  min-width: calc(var(--spacing) * 5);
@@ -3332,43 +3011,33 @@
3332
3011
  .gap-6 {
3333
3012
  gap: calc(var(--spacing) * 6);
3334
3013
  }
3335
- .space-y-1 {
3336
- :where(& > :not(:last-child)) {
3337
- --tw-space-y-reverse: 0;
3338
- margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
3339
- margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
3340
- }
3014
+ :where(.space-y-1 > :not(:last-child)) {
3015
+ --tw-space-y-reverse: 0;
3016
+ margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
3017
+ margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
3341
3018
  }
3342
- .space-y-2 {
3343
- :where(& > :not(:last-child)) {
3344
- --tw-space-y-reverse: 0;
3345
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
3346
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
3347
- }
3019
+ :where(.space-y-2 > :not(:last-child)) {
3020
+ --tw-space-y-reverse: 0;
3021
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
3022
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
3348
3023
  }
3349
- .divide-y {
3350
- :where(& > :not(:last-child)) {
3351
- --tw-divide-y-reverse: 0;
3352
- border-bottom-style: var(--tw-border-style);
3353
- border-top-style: var(--tw-border-style);
3354
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
3355
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
3356
- }
3024
+ :where(.divide-y > :not(:last-child)) {
3025
+ --tw-divide-y-reverse: 0;
3026
+ border-bottom-style: var(--tw-border-style);
3027
+ border-top-style: var(--tw-border-style);
3028
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
3029
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
3357
3030
  }
3358
- .divide-border\/50 {
3359
- :where(& > :not(:last-child)) {
3360
- border-color: var(--boring-border);
3361
- @supports (color: color-mix(in lab, red, red)) {
3362
- border-color: color-mix(in oklab, var(--boring-border) 50%, transparent);
3363
- }
3031
+ :where(.divide-border\/50 > :not(:last-child)) {
3032
+ border-color: var(--boring-border);
3033
+ @supports (color: color-mix(in lab, red, red)) {
3034
+ border-color: color-mix(in oklab, var(--boring-border) 50%, transparent);
3364
3035
  }
3365
3036
  }
3366
- .divide-border\/60 {
3367
- :where(& > :not(:last-child)) {
3368
- border-color: var(--boring-border);
3369
- @supports (color: color-mix(in lab, red, red)) {
3370
- border-color: color-mix(in oklab, var(--boring-border) 60%, transparent);
3371
- }
3037
+ :where(.divide-border\/60 > :not(:last-child)) {
3038
+ border-color: var(--boring-border);
3039
+ @supports (color: color-mix(in lab, red, red)) {
3040
+ border-color: color-mix(in oklab, var(--boring-border) 60%, transparent);
3372
3041
  }
3373
3042
  }
3374
3043
  .self-start {
@@ -3652,7 +3321,7 @@
3652
3321
  fill: var(--boring-foreground);
3653
3322
  }
3654
3323
  .p-0 {
3655
- padding: 0;
3324
+ padding: 0px;
3656
3325
  }
3657
3326
  .p-0\.5 {
3658
3327
  padding: calc(var(--spacing) * 0.5);
@@ -4014,1568 +3683,938 @@
4014
3683
  -webkit-user-select: none;
4015
3684
  user-select: none;
4016
3685
  }
4017
- .group-has-\[\>input\]\/input-group\:pt-2\.5 {
4018
- &:is(:where(.group\/input-group):has(>input) *) {
4019
- padding-top: calc(var(--spacing) * 2.5);
4020
- }
3686
+ .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
3687
+ padding-top: calc(var(--spacing) * 2.5);
4021
3688
  }
4022
- .group-has-\[\>input\]\/input-group\:pb-2\.5 {
4023
- &:is(:where(.group\/input-group):has(>input) *) {
4024
- padding-bottom: calc(var(--spacing) * 2.5);
4025
- }
3689
+ .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
3690
+ padding-bottom: calc(var(--spacing) * 2.5);
4026
3691
  }
4027
- .group-data-\[disabled\=true\]\:pointer-events-none {
4028
- &:is(:where(.group)[data-disabled="true"] *) {
4029
- pointer-events: none;
4030
- }
3692
+ .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
3693
+ pointer-events: none;
4031
3694
  }
4032
- .group-data-\[disabled\=true\]\:opacity-50 {
4033
- &:is(:where(.group)[data-disabled="true"] *) {
4034
- opacity: 50%;
4035
- }
3695
+ .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
3696
+ opacity: 50%;
4036
3697
  }
4037
- .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
4038
- &:is(:where(.group\/input-group)[data-disabled="true"] *) {
4039
- opacity: 50%;
4040
- }
3698
+ .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
3699
+ opacity: 50%;
4041
3700
  }
4042
- .group-data-\[orientation\=horizontal\]\/tabs\:h-9 {
4043
- &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
4044
- height: calc(var(--spacing) * 9);
4045
- }
3701
+ .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
3702
+ height: calc(var(--spacing) * 9);
4046
3703
  }
4047
- .group-data-\[orientation\=vertical\]\/tabs\:h-fit {
4048
- &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
4049
- height: fit-content;
4050
- }
3704
+ .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
3705
+ height: fit-content;
4051
3706
  }
4052
- .group-data-\[orientation\=vertical\]\/tabs\:w-full {
4053
- &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
4054
- width: 100%;
4055
- }
3707
+ .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
3708
+ width: 100%;
4056
3709
  }
4057
- .group-data-\[orientation\=vertical\]\/tabs\:flex-col {
4058
- &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
4059
- flex-direction: column;
4060
- }
3710
+ .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
3711
+ flex-direction: column;
4061
3712
  }
4062
- .group-data-\[orientation\=vertical\]\/tabs\:justify-start {
4063
- &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
4064
- justify-content: flex-start;
4065
- }
3713
+ .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
3714
+ justify-content: flex-start;
4066
3715
  }
4067
- .group-data-\[size\=sm\]\/alert-dialog-content\:grid {
4068
- &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
4069
- display: grid;
4070
- }
3716
+ .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
3717
+ display: grid;
4071
3718
  }
4072
- .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2 {
4073
- &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
4074
- grid-template-columns: repeat(2, minmax(0, 1fr));
4075
- }
3719
+ .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
3720
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4076
3721
  }
4077
- .group-data-\[state\=open\]\/disclosure\:rotate-90 {
4078
- &:is(:where(.group\/disclosure)[data-state="open"] *) {
4079
- rotate: 90deg;
4080
- }
3722
+ .group-data-\[state\=open\]\/disclosure\:rotate-90:is(:where(.group\/disclosure)[data-state="open"] *) {
3723
+ rotate: 90deg;
4081
3724
  }
4082
- .group-data-\[variant\=line\]\/tabs-list\:bg-transparent {
4083
- &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
4084
- background-color: transparent;
4085
- }
3725
+ .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
3726
+ background-color: transparent;
4086
3727
  }
4087
- .peer-disabled\:cursor-not-allowed {
4088
- &:is(:where(.peer):disabled ~ *) {
4089
- cursor: not-allowed;
4090
- }
3728
+ .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
3729
+ cursor: not-allowed;
4091
3730
  }
4092
- .peer-disabled\:opacity-50 {
4093
- &:is(:where(.peer):disabled ~ *) {
4094
- opacity: 50%;
4095
- }
3731
+ .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
3732
+ opacity: 50%;
4096
3733
  }
4097
- .selection\:bg-primary {
4098
- & *::selection {
4099
- background-color: var(--boring-primary);
4100
- }
4101
- &::selection {
4102
- background-color: var(--boring-primary);
4103
- }
3734
+ .selection\:bg-primary ::selection {
3735
+ background-color: var(--boring-primary);
4104
3736
  }
4105
- .selection\:text-primary-foreground {
4106
- & *::selection {
4107
- color: var(--boring-primary-foreground);
4108
- }
4109
- &::selection {
4110
- color: var(--boring-primary-foreground);
4111
- }
3737
+ .selection\:bg-primary::selection {
3738
+ background-color: var(--boring-primary);
4112
3739
  }
4113
- .file\:inline-flex {
4114
- &::file-selector-button {
4115
- display: inline-flex;
4116
- }
3740
+ .selection\:text-primary-foreground ::selection {
3741
+ color: var(--boring-primary-foreground);
4117
3742
  }
4118
- .file\:h-7 {
4119
- &::file-selector-button {
4120
- height: calc(var(--spacing) * 7);
4121
- }
3743
+ .selection\:text-primary-foreground::selection {
3744
+ color: var(--boring-primary-foreground);
4122
3745
  }
4123
- .file\:border-0 {
4124
- &::file-selector-button {
4125
- border-style: var(--tw-border-style);
4126
- border-width: 0px;
4127
- }
3746
+ .file\:inline-flex::file-selector-button {
3747
+ display: inline-flex;
4128
3748
  }
4129
- .file\:bg-transparent {
4130
- &::file-selector-button {
4131
- background-color: transparent;
4132
- }
3749
+ .file\:h-7::file-selector-button {
3750
+ height: calc(var(--spacing) * 7);
4133
3751
  }
4134
- .file\:text-sm {
4135
- &::file-selector-button {
4136
- font-size: var(--text-sm);
4137
- line-height: var(--tw-leading, var(--text-sm--line-height));
4138
- }
3752
+ .file\:border-0::file-selector-button {
3753
+ border-style: var(--tw-border-style);
3754
+ border-width: 0px;
4139
3755
  }
4140
- .file\:font-medium {
4141
- &::file-selector-button {
4142
- --tw-font-weight: var(--font-weight-medium);
4143
- font-weight: var(--font-weight-medium);
4144
- }
3756
+ .file\:bg-transparent::file-selector-button {
3757
+ background-color: transparent;
4145
3758
  }
4146
- .file\:text-foreground {
4147
- &::file-selector-button {
4148
- color: var(--boring-foreground);
4149
- }
3759
+ .file\:text-sm::file-selector-button {
3760
+ font-size: var(--text-sm);
3761
+ line-height: var(--tw-leading, var(--text-sm--line-height));
4150
3762
  }
4151
- .placeholder\:text-muted-foreground {
4152
- &::placeholder {
4153
- color: var(--boring-muted-foreground);
4154
- }
3763
+ .file\:font-medium::file-selector-button {
3764
+ --tw-font-weight: var(--font-weight-medium);
3765
+ font-weight: var(--font-weight-medium);
4155
3766
  }
4156
- .after\:absolute {
4157
- &::after {
4158
- content: var(--tw-content);
4159
- position: absolute;
4160
- }
3767
+ .file\:text-foreground::file-selector-button {
3768
+ color: var(--boring-foreground);
4161
3769
  }
4162
- .after\:bg-foreground {
4163
- &::after {
4164
- content: var(--tw-content);
4165
- background-color: var(--boring-foreground);
4166
- }
3770
+ .placeholder\:text-muted-foreground::placeholder {
3771
+ color: var(--boring-muted-foreground);
4167
3772
  }
4168
- .after\:opacity-0 {
4169
- &::after {
4170
- content: var(--tw-content);
4171
- opacity: 0%;
4172
- }
3773
+ .after\:absolute::after {
3774
+ content: var(--tw-content);
3775
+ position: absolute;
4173
3776
  }
4174
- .after\:transition-opacity {
4175
- &::after {
4176
- content: var(--tw-content);
4177
- transition-property: opacity;
4178
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4179
- transition-duration: var(--tw-duration, var(--default-transition-duration));
4180
- }
3777
+ .after\:bg-foreground::after {
3778
+ content: var(--tw-content);
3779
+ background-color: var(--boring-foreground);
4181
3780
  }
4182
- .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0 {
4183
- &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
4184
- &::after {
4185
- content: var(--tw-content);
4186
- inset-inline: 0;
4187
- }
4188
- }
3781
+ .after\:opacity-0::after {
3782
+ content: var(--tw-content);
3783
+ opacity: 0%;
4189
3784
  }
4190
- .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\] {
4191
- &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
4192
- &::after {
4193
- content: var(--tw-content);
4194
- bottom: -5px;
4195
- }
4196
- }
3785
+ .after\:transition-opacity::after {
3786
+ content: var(--tw-content);
3787
+ transition-property: opacity;
3788
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3789
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
4197
3790
  }
4198
- .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5 {
4199
- &:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
4200
- &::after {
4201
- content: var(--tw-content);
4202
- height: calc(var(--spacing) * 0.5);
4203
- }
4204
- }
3791
+ .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
3792
+ content: var(--tw-content);
3793
+ inset-inline: 0px;
4205
3794
  }
4206
- .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0 {
4207
- &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
4208
- &::after {
4209
- content: var(--tw-content);
4210
- inset-block: 0;
4211
- }
4212
- }
3795
+ .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
3796
+ content: var(--tw-content);
3797
+ bottom: -5px;
4213
3798
  }
4214
- .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1 {
4215
- &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
4216
- &::after {
4217
- content: var(--tw-content);
4218
- right: calc(var(--spacing) * -1);
4219
- }
4220
- }
3799
+ .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *)::after {
3800
+ content: var(--tw-content);
3801
+ height: calc(var(--spacing) * 0.5);
4221
3802
  }
4222
- .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5 {
4223
- &:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
4224
- &::after {
4225
- content: var(--tw-content);
4226
- width: calc(var(--spacing) * 0.5);
4227
- }
4228
- }
3803
+ .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
3804
+ content: var(--tw-content);
3805
+ inset-block: 0px;
4229
3806
  }
4230
- .hover\:bg-background {
4231
- &:hover {
4232
- @media (hover: hover) {
4233
- background-color: var(--boring-background);
4234
- }
4235
- }
3807
+ .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
3808
+ content: var(--tw-content);
3809
+ right: calc(var(--spacing) * -1);
4236
3810
  }
4237
- .hover\:bg-border\/70 {
4238
- &:hover {
4239
- @media (hover: hover) {
4240
- background-color: var(--boring-border);
4241
- @supports (color: color-mix(in lab, red, red)) {
4242
- background-color: color-mix(in oklab, var(--boring-border) 70%, transparent);
4243
- }
4244
- }
4245
- }
3811
+ .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *)::after {
3812
+ content: var(--tw-content);
3813
+ width: calc(var(--spacing) * 0.5);
4246
3814
  }
4247
- .hover\:bg-destructive\/90 {
4248
- &:hover {
4249
- @media (hover: hover) {
4250
- background-color: var(--boring-destructive);
4251
- @supports (color: color-mix(in lab, red, red)) {
4252
- background-color: color-mix(in oklab, var(--boring-destructive) 90%, transparent);
4253
- }
4254
- }
3815
+ @media (hover: hover) {
3816
+ .hover\:bg-background:hover {
3817
+ background-color: var(--boring-background);
4255
3818
  }
4256
- }
4257
- .hover\:bg-muted\/30 {
4258
- &:hover {
4259
- @media (hover: hover) {
4260
- background-color: var(--boring-muted);
4261
- @supports (color: color-mix(in lab, red, red)) {
4262
- background-color: color-mix(in oklab, var(--boring-muted) 30%, transparent);
4263
- }
4264
- }
3819
+ .hover\:bg-border\/70:hover {
3820
+ background-color: var(--boring-border);
4265
3821
  }
4266
- }
4267
- .hover\:bg-muted\/40 {
4268
- &:hover {
4269
- @media (hover: hover) {
4270
- background-color: var(--boring-muted);
4271
- @supports (color: color-mix(in lab, red, red)) {
4272
- background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
4273
- }
3822
+ @supports (color: color-mix(in lab, red, red)) {
3823
+ .hover\:bg-border\/70:hover {
3824
+ background-color: color-mix(in oklab, var(--boring-border) 70%, transparent);
4274
3825
  }
4275
3826
  }
4276
- }
4277
- .hover\:bg-muted\/60 {
4278
- &:hover {
4279
- @media (hover: hover) {
4280
- background-color: var(--boring-muted);
4281
- @supports (color: color-mix(in lab, red, red)) {
4282
- background-color: color-mix(in oklab, var(--boring-muted) 60%, transparent);
4283
- }
4284
- }
3827
+ .hover\:bg-destructive\/90:hover {
3828
+ background-color: var(--boring-destructive);
4285
3829
  }
4286
- }
4287
- .hover\:bg-primary\/90 {
4288
- &:hover {
4289
- @media (hover: hover) {
4290
- background-color: var(--boring-primary);
4291
- @supports (color: color-mix(in lab, red, red)) {
4292
- background-color: color-mix(in oklab, var(--boring-primary) 90%, transparent);
4293
- }
3830
+ @supports (color: color-mix(in lab, red, red)) {
3831
+ .hover\:bg-destructive\/90:hover {
3832
+ background-color: color-mix(in oklab, var(--boring-destructive) 90%, transparent);
4294
3833
  }
4295
3834
  }
4296
- }
4297
- .hover\:bg-secondary\/80 {
4298
- &:hover {
4299
- @media (hover: hover) {
4300
- background-color: var(--boring-secondary);
4301
- @supports (color: color-mix(in lab, red, red)) {
4302
- background-color: color-mix(in oklab, var(--boring-secondary) 80%, transparent);
4303
- }
4304
- }
3835
+ .hover\:bg-muted\/30:hover {
3836
+ background-color: var(--boring-muted);
4305
3837
  }
4306
- }
4307
- .hover\:text-foreground {
4308
- &:hover {
4309
- @media (hover: hover) {
4310
- color: var(--boring-foreground);
3838
+ @supports (color: color-mix(in lab, red, red)) {
3839
+ .hover\:bg-muted\/30:hover {
3840
+ background-color: color-mix(in oklab, var(--boring-muted) 30%, transparent);
4311
3841
  }
4312
3842
  }
4313
- }
4314
- .hover\:underline {
4315
- &:hover {
4316
- @media (hover: hover) {
4317
- text-decoration-line: underline;
3843
+ .hover\:bg-muted\/40:hover {
3844
+ background-color: var(--boring-muted);
3845
+ }
3846
+ @supports (color: color-mix(in lab, red, red)) {
3847
+ .hover\:bg-muted\/40:hover {
3848
+ background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
4318
3849
  }
4319
3850
  }
4320
- }
4321
- .hover\:opacity-100 {
4322
- &:hover {
4323
- @media (hover: hover) {
4324
- opacity: 100%;
3851
+ .hover\:bg-muted\/60:hover {
3852
+ background-color: var(--boring-muted);
3853
+ }
3854
+ @supports (color: color-mix(in lab, red, red)) {
3855
+ .hover\:bg-muted\/60:hover {
3856
+ background-color: color-mix(in oklab, var(--boring-muted) 60%, transparent);
4325
3857
  }
4326
3858
  }
4327
- }
4328
- .focus\:bg-accent {
4329
- &:focus {
4330
- background-color: var(--boring-accent);
3859
+ .hover\:bg-primary\/90:hover {
3860
+ background-color: var(--boring-primary);
4331
3861
  }
4332
- }
4333
- .focus\:text-accent-foreground {
4334
- &:focus {
4335
- color: var(--boring-accent-foreground);
3862
+ @supports (color: color-mix(in lab, red, red)) {
3863
+ .hover\:bg-primary\/90:hover {
3864
+ background-color: color-mix(in oklab, var(--boring-primary) 90%, transparent);
3865
+ }
4336
3866
  }
4337
- }
4338
- .focus\:ring-2 {
4339
- &:focus {
4340
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4341
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3867
+ .hover\:bg-secondary\/80:hover {
3868
+ background-color: var(--boring-secondary);
4342
3869
  }
4343
- }
4344
- .focus\:ring-ring {
4345
- &:focus {
4346
- --tw-ring-color: var(--boring-ring);
3870
+ @supports (color: color-mix(in lab, red, red)) {
3871
+ .hover\:bg-secondary\/80:hover {
3872
+ background-color: color-mix(in oklab, var(--boring-secondary) 80%, transparent);
3873
+ }
4347
3874
  }
4348
- }
4349
- .focus\:ring-offset-2 {
4350
- &:focus {
4351
- --tw-ring-offset-width: 2px;
4352
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3875
+ .hover\:text-foreground:hover {
3876
+ color: var(--boring-foreground);
4353
3877
  }
4354
- }
4355
- .focus\:outline-hidden {
4356
- &:focus {
4357
- --tw-outline-style: none;
4358
- outline-style: none;
4359
- @media (forced-colors: active) {
4360
- outline: 2px solid transparent;
4361
- outline-offset: 2px;
4362
- }
3878
+ .hover\:underline:hover {
3879
+ text-decoration-line: underline;
4363
3880
  }
4364
- }
4365
- .focus-visible\:border-ring {
4366
- &:focus-visible {
4367
- border-color: var(--boring-ring);
3881
+ .hover\:opacity-100:hover {
3882
+ opacity: 100%;
4368
3883
  }
4369
3884
  }
4370
- .focus-visible\:ring-0 {
4371
- &:focus-visible {
4372
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4373
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4374
- }
3885
+ .focus\:bg-accent:focus {
3886
+ background-color: var(--boring-accent);
4375
3887
  }
4376
- .focus-visible\:ring-2 {
4377
- &:focus-visible {
4378
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4379
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4380
- }
3888
+ .focus\:text-accent-foreground:focus {
3889
+ color: var(--boring-accent-foreground);
4381
3890
  }
4382
- .focus-visible\:ring-\[3px\] {
4383
- &:focus-visible {
4384
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4385
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4386
- }
3891
+ .focus\:ring-2:focus {
3892
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3893
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4387
3894
  }
4388
- .focus-visible\:ring-destructive\/20 {
4389
- &:focus-visible {
4390
- --tw-ring-color: var(--boring-destructive);
4391
- @supports (color: color-mix(in lab, red, red)) {
4392
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
4393
- }
4394
- }
3895
+ .focus\:ring-ring:focus {
3896
+ --tw-ring-color: var(--boring-ring);
4395
3897
  }
4396
- .focus-visible\:ring-ring\/40 {
4397
- &:focus-visible {
4398
- --tw-ring-color: var(--boring-ring);
4399
- @supports (color: color-mix(in lab, red, red)) {
4400
- --tw-ring-color: color-mix(in oklab, var(--boring-ring) 40%, transparent);
4401
- }
4402
- }
3898
+ .focus\:ring-offset-2:focus {
3899
+ --tw-ring-offset-width: 2px;
3900
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4403
3901
  }
4404
- .focus-visible\:ring-ring\/50 {
4405
- &:focus-visible {
4406
- --tw-ring-color: var(--boring-ring);
4407
- @supports (color: color-mix(in lab, red, red)) {
4408
- --tw-ring-color: color-mix(in oklab, var(--boring-ring) 50%, transparent);
4409
- }
3902
+ .focus\:outline-hidden:focus {
3903
+ --tw-outline-style: none;
3904
+ outline-style: none;
3905
+ @media (forced-colors: active) {
3906
+ outline: 2px solid transparent;
3907
+ outline-offset: 2px;
4410
3908
  }
4411
3909
  }
4412
- .focus-visible\:outline-1 {
4413
- &:focus-visible {
4414
- outline-style: var(--tw-outline-style);
4415
- outline-width: 1px;
4416
- }
3910
+ .focus-visible\:border-ring:focus-visible {
3911
+ border-color: var(--boring-ring);
4417
3912
  }
4418
- .focus-visible\:outline-ring {
4419
- &:focus-visible {
4420
- outline-color: var(--boring-ring);
4421
- }
3913
+ .focus-visible\:ring-0:focus-visible {
3914
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3915
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4422
3916
  }
4423
- .focus-visible\:outline-none {
4424
- &:focus-visible {
4425
- --tw-outline-style: none;
4426
- outline-style: none;
4427
- }
3917
+ .focus-visible\:ring-2:focus-visible {
3918
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3919
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4428
3920
  }
4429
- .disabled\:pointer-events-none {
4430
- &:disabled {
4431
- pointer-events: none;
4432
- }
3921
+ .focus-visible\:ring-\[3px\]:focus-visible {
3922
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3923
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4433
3924
  }
4434
- .disabled\:cursor-not-allowed {
4435
- &:disabled {
4436
- cursor: not-allowed;
3925
+ .focus-visible\:ring-destructive\/20:focus-visible {
3926
+ --tw-ring-color: var(--boring-destructive);
3927
+ @supports (color: color-mix(in lab, red, red)) {
3928
+ --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
4437
3929
  }
4438
3930
  }
4439
- .disabled\:opacity-50 {
4440
- &:disabled {
4441
- opacity: 50%;
3931
+ .focus-visible\:ring-ring\/40:focus-visible {
3932
+ --tw-ring-color: var(--boring-ring);
3933
+ @supports (color: color-mix(in lab, red, red)) {
3934
+ --tw-ring-color: color-mix(in oklab, var(--boring-ring) 40%, transparent);
4442
3935
  }
4443
3936
  }
4444
- .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\] {
4445
- &:has(*[data-slot="alert-dialog-media"]) {
4446
- grid-template-rows: auto auto 1fr;
3937
+ .focus-visible\:ring-ring\/50:focus-visible {
3938
+ --tw-ring-color: var(--boring-ring);
3939
+ @supports (color: color-mix(in lab, red, red)) {
3940
+ --tw-ring-color: color-mix(in oklab, var(--boring-ring) 50%, transparent);
4447
3941
  }
4448
3942
  }
4449
- .has-data-\[slot\=alert-dialog-media\]\:gap-x-6 {
4450
- &:has(*[data-slot="alert-dialog-media"]) {
4451
- column-gap: calc(var(--spacing) * 6);
4452
- }
3943
+ .focus-visible\:outline-1:focus-visible {
3944
+ outline-style: var(--tw-outline-style);
3945
+ outline-width: 1px;
4453
3946
  }
4454
- .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
4455
- &:has(*[data-slot="card-action"]) {
4456
- grid-template-columns: 1fr auto;
4457
- }
3947
+ .focus-visible\:outline-ring:focus-visible {
3948
+ outline-color: var(--boring-ring);
4458
3949
  }
4459
- .has-\[\:checked\]\:border-ring\/60 {
4460
- &:has(*:is(:checked)) {
4461
- border-color: var(--boring-ring);
4462
- @supports (color: color-mix(in lab, red, red)) {
4463
- border-color: color-mix(in oklab, var(--boring-ring) 60%, transparent);
4464
- }
4465
- }
3950
+ .focus-visible\:outline-none:focus-visible {
3951
+ --tw-outline-style: none;
3952
+ outline-style: none;
4466
3953
  }
4467
- .has-\[\:checked\]\:bg-muted\/40 {
4468
- &:has(*:is(:checked)) {
4469
- background-color: var(--boring-muted);
4470
- @supports (color: color-mix(in lab, red, red)) {
4471
- background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
4472
- }
4473
- }
3954
+ .disabled\:pointer-events-none:disabled {
3955
+ pointer-events: none;
4474
3956
  }
4475
- .has-\[\:disabled\]\:cursor-not-allowed {
4476
- &:has(*:is(:disabled)) {
4477
- cursor: not-allowed;
4478
- }
3957
+ .disabled\:cursor-not-allowed:disabled {
3958
+ cursor: not-allowed;
4479
3959
  }
4480
- .has-\[\:disabled\]\:opacity-50 {
4481
- &:has(*:is(:disabled)) {
4482
- opacity: 50%;
4483
- }
3960
+ .disabled\:opacity-50:disabled {
3961
+ opacity: 50%;
4484
3962
  }
4485
- .has-\[\:focus-visible\]\:ring-\[3px\] {
4486
- &:has(*:is(:focus-visible)) {
4487
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4488
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4489
- }
3963
+ .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
3964
+ grid-template-rows: auto auto 1fr;
4490
3965
  }
4491
- .has-\[\:focus-visible\]\:ring-ring\/50 {
4492
- &:has(*:is(:focus-visible)) {
4493
- --tw-ring-color: var(--boring-ring);
4494
- @supports (color: color-mix(in lab, red, red)) {
4495
- --tw-ring-color: color-mix(in oklab, var(--boring-ring) 50%, transparent);
4496
- }
4497
- }
3966
+ .has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot="alert-dialog-media"]) {
3967
+ column-gap: calc(var(--spacing) * 6);
4498
3968
  }
4499
- .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1 {
4500
- &:has(*:is([data-slot=input-group-control]:focus-visible)) {
4501
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4502
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4503
- }
3969
+ .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
3970
+ grid-template-columns: 1fr auto;
4504
3971
  }
4505
- .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring {
4506
- &:has(*:is([data-slot=input-group-control]:focus-visible)) {
4507
- --tw-ring-color: var(--boring-ring);
3972
+ .has-\[\:checked\]\:border-ring\/60:has(:is(:checked)) {
3973
+ border-color: var(--boring-ring);
3974
+ @supports (color: color-mix(in lab, red, red)) {
3975
+ border-color: color-mix(in oklab, var(--boring-ring) 60%, transparent);
4508
3976
  }
4509
3977
  }
4510
- .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
4511
- &:has(*:is([data-slot][aria-invalid=true])) {
4512
- border-color: var(--boring-destructive);
3978
+ .has-\[\:checked\]\:bg-muted\/40:has(:is(:checked)) {
3979
+ background-color: var(--boring-muted);
3980
+ @supports (color: color-mix(in lab, red, red)) {
3981
+ background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
4513
3982
  }
4514
3983
  }
4515
- .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
4516
- &:has(*:is([data-slot][aria-invalid=true])) {
4517
- --tw-ring-color: var(--boring-destructive);
4518
- @supports (color: color-mix(in lab, red, red)) {
4519
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
4520
- }
4521
- }
3984
+ .has-\[\:disabled\]\:cursor-not-allowed:has(:is(:disabled)) {
3985
+ cursor: not-allowed;
4522
3986
  }
4523
- .has-\[\>\[data-align\=block-end\]\]\:h-auto {
4524
- &:has(>[data-align=block-end]) {
4525
- height: auto;
4526
- }
3987
+ .has-\[\:disabled\]\:opacity-50:has(:is(:disabled)) {
3988
+ opacity: 50%;
4527
3989
  }
4528
- .has-\[\>\[data-align\=block-end\]\]\:flex-col {
4529
- &:has(>[data-align=block-end]) {
4530
- flex-direction: column;
4531
- }
3990
+ .has-\[\:focus-visible\]\:ring-\[3px\]:has(:is(:focus-visible)) {
3991
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3992
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4532
3993
  }
4533
- .has-\[\>\[data-align\=block-start\]\]\:h-auto {
4534
- &:has(>[data-align=block-start]) {
4535
- height: auto;
3994
+ .has-\[\:focus-visible\]\:ring-ring\/50:has(:is(:focus-visible)) {
3995
+ --tw-ring-color: var(--boring-ring);
3996
+ @supports (color: color-mix(in lab, red, red)) {
3997
+ --tw-ring-color: color-mix(in oklab, var(--boring-ring) 50%, transparent);
4536
3998
  }
4537
3999
  }
4538
- .has-\[\>\[data-align\=block-start\]\]\:flex-col {
4539
- &:has(>[data-align=block-start]) {
4540
- flex-direction: column;
4541
- }
4000
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has(:is([data-slot=input-group-control]:focus-visible)) {
4001
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
4002
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4542
4003
  }
4543
- .has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
4544
- &:has(>[data-slot=button-group]) {
4545
- gap: calc(var(--spacing) * 2);
4546
- }
4004
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
4005
+ --tw-ring-color: var(--boring-ring);
4547
4006
  }
4548
- .has-\[\>button\]\:mr-\[-0\.4rem\] {
4549
- &:has(>button) {
4550
- margin-right: -0.4rem;
4551
- }
4007
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
4008
+ border-color: var(--boring-destructive);
4552
4009
  }
4553
- .has-\[\>button\]\:ml-\[-0\.45rem\] {
4554
- &:has(>button) {
4555
- margin-left: -0.45rem;
4010
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
4011
+ --tw-ring-color: var(--boring-destructive);
4012
+ @supports (color: color-mix(in lab, red, red)) {
4013
+ --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
4556
4014
  }
4557
4015
  }
4558
- .has-\[\>kbd\]\:mr-\[-0\.35rem\] {
4559
- &:has(>kbd) {
4560
- margin-right: -0.35rem;
4561
- }
4016
+ .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
4017
+ height: auto;
4562
4018
  }
4563
- .has-\[\>kbd\]\:ml-\[-0\.35rem\] {
4564
- &:has(>kbd) {
4565
- margin-left: -0.35rem;
4566
- }
4019
+ .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
4020
+ flex-direction: column;
4567
4021
  }
4568
- .has-\[\>svg\]\:p-0 {
4569
- &:has(>svg) {
4570
- padding: 0;
4571
- }
4022
+ .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
4023
+ height: auto;
4572
4024
  }
4573
- .has-\[\>svg\]\:px-1\.5 {
4574
- &:has(>svg) {
4575
- padding-inline: calc(var(--spacing) * 1.5);
4576
- }
4025
+ .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
4026
+ flex-direction: column;
4577
4027
  }
4578
- .has-\[\>svg\]\:px-2 {
4579
- &:has(>svg) {
4580
- padding-inline: calc(var(--spacing) * 2);
4581
- }
4028
+ .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot=button-group]) {
4029
+ gap: calc(var(--spacing) * 2);
4582
4030
  }
4583
- .has-\[\>svg\]\:px-2\.5 {
4584
- &:has(>svg) {
4585
- padding-inline: calc(var(--spacing) * 2.5);
4586
- }
4031
+ .has-\[\>button\]\:mr-\[-0\.4rem\]:has( > button) {
4032
+ margin-right: -0.4rem;
4587
4033
  }
4588
- .has-\[\>svg\]\:px-3 {
4589
- &:has(>svg) {
4590
- padding-inline: calc(var(--spacing) * 3);
4591
- }
4034
+ .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
4035
+ margin-left: -0.45rem;
4592
4036
  }
4593
- .has-\[\>svg\]\:px-4 {
4594
- &:has(>svg) {
4595
- padding-inline: calc(var(--spacing) * 4);
4596
- }
4037
+ .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
4038
+ margin-right: -0.35rem;
4597
4039
  }
4598
- .has-\[\>textarea\]\:h-auto {
4599
- &:has(>textarea) {
4600
- height: auto;
4601
- }
4040
+ .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
4041
+ margin-left: -0.35rem;
4602
4042
  }
4603
- .aria-invalid\:border-destructive {
4604
- &[aria-invalid="true"] {
4605
- border-color: var(--boring-destructive);
4606
- }
4043
+ .has-\[\>svg\]\:p-0:has( > svg) {
4044
+ padding: 0px;
4607
4045
  }
4608
- .aria-invalid\:ring-destructive\/20 {
4609
- &[aria-invalid="true"] {
4610
- --tw-ring-color: var(--boring-destructive);
4611
- @supports (color: color-mix(in lab, red, red)) {
4612
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
4613
- }
4614
- }
4046
+ .has-\[\>svg\]\:px-1\.5:has( > svg) {
4047
+ padding-inline: calc(var(--spacing) * 1.5);
4615
4048
  }
4616
- .data-\[disabled\]\:pointer-events-none {
4617
- &[data-disabled] {
4618
- pointer-events: none;
4619
- }
4049
+ .has-\[\>svg\]\:px-2:has( > svg) {
4050
+ padding-inline: calc(var(--spacing) * 2);
4620
4051
  }
4621
- .data-\[disabled\]\:opacity-50 {
4622
- &[data-disabled] {
4623
- opacity: 50%;
4624
- }
4052
+ .has-\[\>svg\]\:px-2\.5:has( > svg) {
4053
+ padding-inline: calc(var(--spacing) * 2.5);
4625
4054
  }
4626
- .data-\[disabled\=true\]\:pointer-events-none {
4627
- &[data-disabled="true"] {
4628
- pointer-events: none;
4629
- }
4055
+ .has-\[\>svg\]\:px-3:has( > svg) {
4056
+ padding-inline: calc(var(--spacing) * 3);
4630
4057
  }
4631
- .data-\[disabled\=true\]\:opacity-50 {
4632
- &[data-disabled="true"] {
4633
- opacity: 50%;
4634
- }
4058
+ .has-\[\>svg\]\:px-4:has( > svg) {
4059
+ padding-inline: calc(var(--spacing) * 4);
4635
4060
  }
4636
- .data-\[inset\]\:pl-8 {
4637
- &[data-inset] {
4638
- padding-left: calc(var(--spacing) * 8);
4639
- }
4061
+ .has-\[\>textarea\]\:h-auto:has( > textarea) {
4062
+ height: auto;
4640
4063
  }
4641
- .data-\[orientation\=horizontal\]\:h-px {
4642
- &[data-orientation="horizontal"] {
4643
- height: 1px;
4644
- }
4064
+ .aria-invalid\:border-destructive[aria-invalid="true"] {
4065
+ border-color: var(--boring-destructive);
4645
4066
  }
4646
- .data-\[orientation\=horizontal\]\:w-full {
4647
- &[data-orientation="horizontal"] {
4648
- width: 100%;
4067
+ .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
4068
+ --tw-ring-color: var(--boring-destructive);
4069
+ @supports (color: color-mix(in lab, red, red)) {
4070
+ --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
4649
4071
  }
4650
4072
  }
4651
- .data-\[orientation\=horizontal\]\:flex-col {
4652
- &[data-orientation="horizontal"] {
4653
- flex-direction: column;
4654
- }
4073
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
4074
+ pointer-events: none;
4655
4075
  }
4656
- .data-\[orientation\=vertical\]\:h-auto {
4657
- &[data-orientation="vertical"] {
4658
- height: auto;
4659
- }
4076
+ .data-\[disabled\]\:opacity-50[data-disabled] {
4077
+ opacity: 50%;
4660
4078
  }
4661
- .data-\[orientation\=vertical\]\:h-full {
4662
- &[data-orientation="vertical"] {
4663
- height: 100%;
4664
- }
4079
+ .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
4080
+ pointer-events: none;
4665
4081
  }
4666
- .data-\[orientation\=vertical\]\:w-px {
4667
- &[data-orientation="vertical"] {
4668
- width: 1px;
4669
- }
4082
+ .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
4083
+ opacity: 50%;
4670
4084
  }
4671
- .data-\[placeholder\]\:text-muted-foreground {
4672
- &[data-placeholder] {
4673
- color: var(--boring-muted-foreground);
4674
- }
4085
+ .data-\[inset\]\:pl-8[data-inset] {
4086
+ padding-left: calc(var(--spacing) * 8);
4675
4087
  }
4676
- .data-\[selected\=true\]\:bg-accent {
4677
- &[data-selected="true"] {
4678
- background-color: var(--boring-accent);
4679
- }
4088
+ .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
4089
+ height: 1px;
4680
4090
  }
4681
- .data-\[selected\=true\]\:text-accent-foreground {
4682
- &[data-selected="true"] {
4683
- color: var(--boring-accent-foreground);
4684
- }
4091
+ .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
4092
+ width: 100%;
4685
4093
  }
4686
- .data-\[side\=bottom\]\:translate-y-1 {
4687
- &[data-side="bottom"] {
4688
- --tw-translate-y: var(--spacing);
4689
- translate: var(--tw-translate-x) var(--tw-translate-y);
4690
- }
4094
+ .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
4095
+ flex-direction: column;
4691
4096
  }
4692
- .data-\[side\=left\]\:-translate-x-1 {
4693
- &[data-side="left"] {
4694
- --tw-translate-x: calc(var(--spacing) * -1);
4695
- translate: var(--tw-translate-x) var(--tw-translate-y);
4696
- }
4097
+ .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
4098
+ height: auto;
4697
4099
  }
4698
- .data-\[side\=right\]\:translate-x-1 {
4699
- &[data-side="right"] {
4700
- --tw-translate-x: var(--spacing);
4701
- translate: var(--tw-translate-x) var(--tw-translate-y);
4702
- }
4100
+ .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
4101
+ height: 100%;
4703
4102
  }
4704
- .data-\[side\=top\]\:-translate-y-1 {
4705
- &[data-side="top"] {
4706
- --tw-translate-y: calc(var(--spacing) * -1);
4707
- translate: var(--tw-translate-x) var(--tw-translate-y);
4708
- }
4103
+ .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
4104
+ width: 1px;
4709
4105
  }
4710
- .data-\[size\=default\]\:h-9 {
4711
- &[data-size="default"] {
4712
- height: calc(var(--spacing) * 9);
4713
- }
4106
+ .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
4107
+ color: var(--boring-muted-foreground);
4714
4108
  }
4715
- .data-\[size\=sm\]\:h-8 {
4716
- &[data-size="sm"] {
4717
- height: calc(var(--spacing) * 8);
4718
- }
4109
+ .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
4110
+ background-color: var(--boring-accent);
4719
4111
  }
4720
- .data-\[size\=sm\]\:max-w-xs {
4721
- &[data-size="sm"] {
4722
- max-width: var(--container-xs);
4723
- }
4112
+ .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
4113
+ color: var(--boring-accent-foreground);
4724
4114
  }
4725
- .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
4726
- :is(& *) {
4727
- &[data-slot="command-input-wrapper"] {
4728
- height: calc(var(--spacing) * 12);
4729
- }
4730
- }
4115
+ .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
4116
+ --tw-translate-y: var(--spacing);
4117
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4731
4118
  }
4732
- .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
4733
- :is(& > *) {
4734
- &[data-slot="select-value"] {
4735
- overflow: hidden;
4736
- display: -webkit-box;
4737
- -webkit-box-orient: vertical;
4738
- -webkit-line-clamp: 1;
4739
- }
4740
- }
4119
+ .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
4120
+ --tw-translate-x: calc(var(--spacing) * -1);
4121
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4741
4122
  }
4742
- .\*\:data-\[slot\=select-value\]\:flex {
4743
- :is(& > *) {
4744
- &[data-slot="select-value"] {
4745
- display: flex;
4746
- }
4747
- }
4123
+ .data-\[side\=right\]\:translate-x-1[data-side="right"] {
4124
+ --tw-translate-x: var(--spacing);
4125
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4748
4126
  }
4749
- .\*\:data-\[slot\=select-value\]\:items-center {
4750
- :is(& > *) {
4751
- &[data-slot="select-value"] {
4752
- align-items: center;
4753
- }
4754
- }
4127
+ .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
4128
+ --tw-translate-y: calc(var(--spacing) * -1);
4129
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4755
4130
  }
4756
- .\*\:data-\[slot\=select-value\]\:gap-2 {
4757
- :is(& > *) {
4758
- &[data-slot="select-value"] {
4759
- gap: calc(var(--spacing) * 2);
4760
- }
4761
- }
4131
+ .data-\[size\=default\]\:h-9[data-size="default"] {
4132
+ height: calc(var(--spacing) * 9);
4762
4133
  }
4763
- .data-\[state\=active\]\:bg-background {
4764
- &[data-state="active"] {
4765
- background-color: var(--boring-background);
4766
- }
4134
+ .data-\[size\=sm\]\:h-8[data-size="sm"] {
4135
+ height: calc(var(--spacing) * 8);
4767
4136
  }
4768
- .data-\[state\=active\]\:text-foreground {
4769
- &[data-state="active"] {
4770
- color: var(--boring-foreground);
4771
- }
4137
+ .data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
4138
+ max-width: var(--container-xs);
4772
4139
  }
4773
- .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm {
4774
- &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
4775
- &[data-state="active"] {
4776
- --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));
4777
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4778
- }
4779
- }
4140
+ :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
4141
+ height: calc(var(--spacing) * 12);
4780
4142
  }
4781
- .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent {
4782
- &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
4783
- &[data-state="active"] {
4784
- background-color: transparent;
4785
- }
4786
- }
4143
+ :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
4144
+ overflow: hidden;
4145
+ display: -webkit-box;
4146
+ -webkit-box-orient: vertical;
4147
+ -webkit-line-clamp: 1;
4787
4148
  }
4788
- .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none {
4789
- &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
4790
- &[data-state="active"] {
4791
- --tw-shadow: 0 0 #0000;
4792
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4793
- }
4794
- }
4149
+ :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
4150
+ display: flex;
4795
4151
  }
4796
- .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100 {
4797
- &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
4798
- &[data-state="active"] {
4799
- &::after {
4800
- content: var(--tw-content);
4801
- opacity: 100%;
4802
- }
4803
- }
4804
- }
4152
+ :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
4153
+ align-items: center;
4805
4154
  }
4806
- .data-\[state\=checked\]\:border-primary {
4807
- &[data-state="checked"] {
4808
- border-color: var(--boring-primary);
4809
- }
4155
+ :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
4156
+ gap: calc(var(--spacing) * 2);
4810
4157
  }
4811
- .data-\[state\=checked\]\:bg-primary {
4812
- &[data-state="checked"] {
4813
- background-color: var(--boring-primary);
4814
- }
4158
+ .data-\[state\=active\]\:bg-background[data-state="active"] {
4159
+ background-color: var(--boring-background);
4815
4160
  }
4816
- .data-\[state\=checked\]\:text-primary-foreground {
4817
- &[data-state="checked"] {
4818
- color: var(--boring-primary-foreground);
4819
- }
4161
+ .data-\[state\=active\]\:text-foreground[data-state="active"] {
4162
+ color: var(--boring-foreground);
4820
4163
  }
4821
- .data-\[state\=closed\]\:duration-300 {
4822
- &[data-state="closed"] {
4823
- --tw-duration: 300ms;
4824
- transition-duration: 300ms;
4825
- }
4164
+ .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
4165
+ --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));
4166
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4826
4167
  }
4827
- .data-\[state\=open\]\:bg-accent {
4828
- &[data-state="open"] {
4829
- background-color: var(--boring-accent);
4830
- }
4168
+ .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
4169
+ background-color: transparent;
4831
4170
  }
4832
- .data-\[state\=open\]\:bg-secondary {
4833
- &[data-state="open"] {
4834
- background-color: var(--boring-secondary);
4835
- }
4171
+ .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
4172
+ --tw-shadow: 0 0 #0000;
4173
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4836
4174
  }
4837
- .data-\[state\=open\]\:text-accent-foreground {
4838
- &[data-state="open"] {
4839
- color: var(--boring-accent-foreground);
4840
- }
4175
+ .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]::after {
4176
+ content: var(--tw-content);
4177
+ opacity: 100%;
4841
4178
  }
4842
- .data-\[state\=open\]\:text-muted-foreground {
4843
- &[data-state="open"] {
4844
- color: var(--boring-muted-foreground);
4845
- }
4179
+ .data-\[state\=checked\]\:border-primary[data-state="checked"] {
4180
+ border-color: var(--boring-primary);
4846
4181
  }
4847
- .data-\[state\=open\]\:duration-500 {
4848
- &[data-state="open"] {
4849
- --tw-duration: 500ms;
4850
- transition-duration: 500ms;
4851
- }
4182
+ .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
4183
+ background-color: var(--boring-primary);
4852
4184
  }
4853
- .data-\[variant\=destructive\]\:text-destructive {
4854
- &[data-variant="destructive"] {
4855
- color: var(--boring-destructive);
4856
- }
4185
+ .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
4186
+ color: var(--boring-primary-foreground);
4857
4187
  }
4858
- .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
4859
- &[data-variant="destructive"] {
4860
- &:focus {
4861
- background-color: var(--boring-destructive);
4862
- @supports (color: color-mix(in lab, red, red)) {
4863
- background-color: color-mix(in oklab, var(--boring-destructive) 10%, transparent);
4864
- }
4865
- }
4866
- }
4188
+ .data-\[state\=closed\]\:duration-300[data-state="closed"] {
4189
+ --tw-duration: 300ms;
4190
+ transition-duration: 300ms;
4867
4191
  }
4868
- .data-\[variant\=destructive\]\:focus\:text-destructive {
4869
- &[data-variant="destructive"] {
4870
- &:focus {
4871
- color: var(--boring-destructive);
4872
- }
4873
- }
4192
+ .data-\[state\=open\]\:bg-accent[data-state="open"] {
4193
+ background-color: var(--boring-accent);
4874
4194
  }
4875
- .data-\[variant\=line\]\:rounded-none {
4876
- &[data-variant="line"] {
4877
- border-radius: 0;
4195
+ .data-\[state\=open\]\:bg-secondary[data-state="open"] {
4196
+ background-color: var(--boring-secondary);
4197
+ }
4198
+ .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
4199
+ color: var(--boring-accent-foreground);
4200
+ }
4201
+ .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
4202
+ color: var(--boring-muted-foreground);
4203
+ }
4204
+ .data-\[state\=open\]\:duration-500[data-state="open"] {
4205
+ --tw-duration: 500ms;
4206
+ transition-duration: 500ms;
4207
+ }
4208
+ .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
4209
+ color: var(--boring-destructive);
4210
+ }
4211
+ .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
4212
+ background-color: var(--boring-destructive);
4213
+ @supports (color: color-mix(in lab, red, red)) {
4214
+ background-color: color-mix(in oklab, var(--boring-destructive) 10%, transparent);
4878
4215
  }
4879
4216
  }
4880
- .sm\:max-w-lg {
4881
- @media (width >= 40rem) {
4217
+ .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
4218
+ color: var(--boring-destructive);
4219
+ }
4220
+ .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
4221
+ border-radius: 0;
4222
+ }
4223
+ @media (width >= 40rem) {
4224
+ .sm\:max-w-lg {
4882
4225
  max-width: var(--container-lg);
4883
4226
  }
4884
- }
4885
- .sm\:max-w-sm {
4886
- @media (width >= 40rem) {
4227
+ .sm\:max-w-sm {
4887
4228
  max-width: var(--container-sm);
4888
4229
  }
4889
- }
4890
- .sm\:flex-row {
4891
- @media (width >= 40rem) {
4230
+ .sm\:flex-row {
4892
4231
  flex-direction: row;
4893
4232
  }
4894
- }
4895
- .sm\:justify-end {
4896
- @media (width >= 40rem) {
4233
+ .sm\:justify-end {
4897
4234
  justify-content: flex-end;
4898
4235
  }
4899
- }
4900
- .sm\:text-left {
4901
- @media (width >= 40rem) {
4236
+ .sm\:text-left {
4902
4237
  text-align: left;
4903
4238
  }
4904
- }
4905
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2 {
4906
- @media (width >= 40rem) {
4907
- &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4908
- grid-row: span 2 / span 2;
4909
- }
4239
+ .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4240
+ grid-row: span 2 / span 2;
4910
4241
  }
4911
- }
4912
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
4913
- @media (width >= 40rem) {
4914
- &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4915
- place-items: start;
4916
- }
4242
+ .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4243
+ place-items: start;
4917
4244
  }
4918
- }
4919
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
4920
- @media (width >= 40rem) {
4921
- &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4922
- text-align: left;
4923
- }
4245
+ .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4246
+ text-align: left;
4924
4247
  }
4925
- }
4926
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2 {
4927
- @media (width >= 40rem) {
4928
- &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4929
- &:is(:where(.group\/alert-dialog-content):has(*[data-slot="alert-dialog-media"]) *) {
4930
- grid-column-start: 2;
4931
- }
4932
- }
4248
+ .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
4249
+ grid-column-start: 2;
4933
4250
  }
4934
- }
4935
- .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\] {
4936
- @media (width >= 40rem) {
4937
- &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
4938
- &:has(*[data-slot="alert-dialog-media"]) {
4939
- grid-template-rows: auto 1fr;
4940
- }
4941
- }
4251
+ .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
4252
+ grid-template-rows: auto 1fr;
4942
4253
  }
4943
- }
4944
- .data-\[size\=default\]\:sm\:max-w-lg {
4945
- &[data-size="default"] {
4946
- @media (width >= 40rem) {
4947
- max-width: var(--container-lg);
4948
- }
4254
+ .data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] {
4255
+ max-width: var(--container-lg);
4949
4256
  }
4950
4257
  }
4951
- .md\:text-sm {
4952
- @media (width >= 48rem) {
4258
+ @media (width >= 48rem) {
4259
+ .md\:text-sm {
4953
4260
  font-size: var(--text-sm);
4954
4261
  line-height: var(--tw-leading, var(--text-sm--line-height));
4955
4262
  }
4956
4263
  }
4957
- .dark\:border-input {
4958
- &:is([data-theme="dark"], [data-theme="dark"] *) {
4959
- border-color: var(--boring-input);
4960
- }
4264
+ .dark\:border-input:is([data-theme="dark"], [data-theme="dark"] *) {
4265
+ border-color: var(--boring-input);
4961
4266
  }
4962
- .dark\:bg-destructive\/60 {
4963
- &:is([data-theme="dark"], [data-theme="dark"] *) {
4964
- background-color: var(--boring-destructive);
4965
- @supports (color: color-mix(in lab, red, red)) {
4966
- background-color: color-mix(in oklab, var(--boring-destructive) 60%, transparent);
4967
- }
4267
+ .dark\:bg-destructive\/60:is([data-theme="dark"], [data-theme="dark"] *) {
4268
+ background-color: var(--boring-destructive);
4269
+ @supports (color: color-mix(in lab, red, red)) {
4270
+ background-color: color-mix(in oklab, var(--boring-destructive) 60%, transparent);
4968
4271
  }
4969
4272
  }
4970
- .dark\:bg-input\/30 {
4971
- &:is([data-theme="dark"], [data-theme="dark"] *) {
4972
- background-color: var(--boring-input);
4973
- @supports (color: color-mix(in lab, red, red)) {
4974
- background-color: color-mix(in oklab, var(--boring-input) 30%, transparent);
4975
- }
4273
+ .dark\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *) {
4274
+ background-color: var(--boring-input);
4275
+ @supports (color: color-mix(in lab, red, red)) {
4276
+ background-color: color-mix(in oklab, var(--boring-input) 30%, transparent);
4976
4277
  }
4977
4278
  }
4978
- .dark\:bg-transparent {
4979
- &:is([data-theme="dark"], [data-theme="dark"] *) {
4980
- background-color: transparent;
4981
- }
4279
+ .dark\:bg-transparent:is([data-theme="dark"], [data-theme="dark"] *) {
4280
+ background-color: transparent;
4982
4281
  }
4983
- .dark\:text-muted-foreground {
4984
- &:is([data-theme="dark"], [data-theme="dark"] *) {
4985
- color: var(--boring-muted-foreground);
4986
- }
4282
+ .dark\:text-muted-foreground:is([data-theme="dark"], [data-theme="dark"] *) {
4283
+ color: var(--boring-muted-foreground);
4987
4284
  }
4988
- .dark\:hover\:bg-input\/50 {
4989
- &:is([data-theme="dark"], [data-theme="dark"] *) {
4990
- &:hover {
4991
- @media (hover: hover) {
4992
- background-color: var(--boring-input);
4993
- @supports (color: color-mix(in lab, red, red)) {
4994
- background-color: color-mix(in oklab, var(--boring-input) 50%, transparent);
4995
- }
4996
- }
4997
- }
4285
+ @media (hover: hover) {
4286
+ .dark\:hover\:bg-input\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
4287
+ background-color: var(--boring-input);
4998
4288
  }
4999
- }
5000
- .dark\:hover\:bg-muted\/40 {
5001
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5002
- &:hover {
5003
- @media (hover: hover) {
5004
- background-color: var(--boring-muted);
5005
- @supports (color: color-mix(in lab, red, red)) {
5006
- background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
5007
- }
5008
- }
4289
+ @supports (color: color-mix(in lab, red, red)) {
4290
+ .dark\:hover\:bg-input\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
4291
+ background-color: color-mix(in oklab, var(--boring-input) 50%, transparent);
5009
4292
  }
5010
4293
  }
5011
- }
5012
- .dark\:hover\:text-foreground {
5013
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5014
- &:hover {
5015
- @media (hover: hover) {
5016
- color: var(--boring-foreground);
5017
- }
5018
- }
4294
+ .dark\:hover\:bg-muted\/40:is([data-theme="dark"], [data-theme="dark"] *):hover {
4295
+ background-color: var(--boring-muted);
5019
4296
  }
5020
- }
5021
- .dark\:focus-visible\:ring-destructive\/40 {
5022
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5023
- &:focus-visible {
5024
- --tw-ring-color: var(--boring-destructive);
5025
- @supports (color: color-mix(in lab, red, red)) {
5026
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
5027
- }
4297
+ @supports (color: color-mix(in lab, red, red)) {
4298
+ .dark\:hover\:bg-muted\/40:is([data-theme="dark"], [data-theme="dark"] *):hover {
4299
+ background-color: color-mix(in oklab, var(--boring-muted) 40%, transparent);
5028
4300
  }
5029
4301
  }
5030
- }
5031
- .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
5032
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5033
- &:has(*:is([data-slot][aria-invalid=true])) {
5034
- --tw-ring-color: var(--boring-destructive);
5035
- @supports (color: color-mix(in lab, red, red)) {
5036
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
5037
- }
5038
- }
4302
+ .dark\:hover\:text-foreground:is([data-theme="dark"], [data-theme="dark"] *):hover {
4303
+ color: var(--boring-foreground);
5039
4304
  }
5040
4305
  }
5041
- .dark\:aria-invalid\:ring-destructive\/40 {
5042
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5043
- &[aria-invalid="true"] {
5044
- --tw-ring-color: var(--boring-destructive);
5045
- @supports (color: color-mix(in lab, red, red)) {
5046
- --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
5047
- }
5048
- }
4306
+ .dark\:focus-visible\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *):focus-visible {
4307
+ --tw-ring-color: var(--boring-destructive);
4308
+ @supports (color: color-mix(in lab, red, red)) {
4309
+ --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
5049
4310
  }
5050
4311
  }
5051
- .dark\:data-\[state\=active\]\:border-input {
5052
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5053
- &[data-state="active"] {
5054
- border-color: var(--boring-input);
5055
- }
4312
+ .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *):has(:is([data-slot][aria-invalid=true])) {
4313
+ --tw-ring-color: var(--boring-destructive);
4314
+ @supports (color: color-mix(in lab, red, red)) {
4315
+ --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
5056
4316
  }
5057
4317
  }
5058
- .dark\:data-\[state\=active\]\:bg-input\/30 {
5059
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5060
- &[data-state="active"] {
5061
- background-color: var(--boring-input);
5062
- @supports (color: color-mix(in lab, red, red)) {
5063
- background-color: color-mix(in oklab, var(--boring-input) 30%, transparent);
5064
- }
5065
- }
4318
+ .dark\:aria-invalid\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
4319
+ --tw-ring-color: var(--boring-destructive);
4320
+ @supports (color: color-mix(in lab, red, red)) {
4321
+ --tw-ring-color: color-mix(in oklab, var(--boring-destructive) 40%, transparent);
5066
4322
  }
5067
4323
  }
5068
- .dark\:data-\[state\=active\]\:text-foreground {
5069
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5070
- &[data-state="active"] {
5071
- color: var(--boring-foreground);
5072
- }
5073
- }
4324
+ .dark\:data-\[state\=active\]\:border-input:is([data-theme="dark"], [data-theme="dark"] *)[data-state="active"] {
4325
+ border-color: var(--boring-input);
5074
4326
  }
5075
- .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent {
5076
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5077
- &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
5078
- &[data-state="active"] {
5079
- border-color: transparent;
5080
- }
5081
- }
4327
+ .dark\:data-\[state\=active\]\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *)[data-state="active"] {
4328
+ background-color: var(--boring-input);
4329
+ @supports (color: color-mix(in lab, red, red)) {
4330
+ background-color: color-mix(in oklab, var(--boring-input) 30%, transparent);
5082
4331
  }
5083
4332
  }
5084
- .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent {
5085
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5086
- &:is(:where(.group\/tabs-list)[data-variant="line"] *) {
5087
- &[data-state="active"] {
5088
- background-color: transparent;
5089
- }
5090
- }
5091
- }
4333
+ .dark\:data-\[state\=active\]\:text-foreground:is([data-theme="dark"], [data-theme="dark"] *)[data-state="active"] {
4334
+ color: var(--boring-foreground);
5092
4335
  }
5093
- .dark\:data-\[state\=checked\]\:bg-primary {
5094
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5095
- &[data-state="checked"] {
5096
- background-color: var(--boring-primary);
5097
- }
5098
- }
4336
+ .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is([data-theme="dark"], [data-theme="dark"] *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
4337
+ border-color: transparent;
5099
4338
  }
5100
- .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
5101
- &:is([data-theme="dark"], [data-theme="dark"] *) {
5102
- &[data-variant="destructive"] {
5103
- &:focus {
5104
- background-color: var(--boring-destructive);
5105
- @supports (color: color-mix(in lab, red, red)) {
5106
- background-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
5107
- }
5108
- }
5109
- }
5110
- }
4339
+ .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is([data-theme="dark"], [data-theme="dark"] *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
4340
+ background-color: transparent;
5111
4341
  }
5112
- .\[\&_\[cmdk-group-heading\]\]\:px-2 {
5113
- & [cmdk-group-heading] {
5114
- padding-inline: calc(var(--spacing) * 2);
5115
- }
4342
+ .dark\:data-\[state\=checked\]\:bg-primary:is([data-theme="dark"], [data-theme="dark"] *)[data-state="checked"] {
4343
+ background-color: var(--boring-primary);
5116
4344
  }
5117
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
5118
- & [cmdk-group-heading] {
5119
- padding-block: calc(var(--spacing) * 1.5);
4345
+ .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is([data-theme="dark"], [data-theme="dark"] *)[data-variant="destructive"]:focus {
4346
+ background-color: var(--boring-destructive);
4347
+ @supports (color: color-mix(in lab, red, red)) {
4348
+ background-color: color-mix(in oklab, var(--boring-destructive) 20%, transparent);
5120
4349
  }
5121
4350
  }
5122
- .\[\&_\[cmdk-group-heading\]\]\:text-xs {
5123
- & [cmdk-group-heading] {
5124
- font-size: var(--text-xs);
5125
- line-height: var(--tw-leading, var(--text-xs--line-height));
5126
- }
4351
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
4352
+ padding-inline: calc(var(--spacing) * 2);
5127
4353
  }
5128
- .\[\&_\[cmdk-group-heading\]\]\:font-medium {
5129
- & [cmdk-group-heading] {
5130
- --tw-font-weight: var(--font-weight-medium);
5131
- font-weight: var(--font-weight-medium);
5132
- }
4354
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
4355
+ padding-block: calc(var(--spacing) * 1.5);
5133
4356
  }
5134
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
5135
- & [cmdk-group-heading] {
5136
- color: var(--boring-muted-foreground);
5137
- }
4357
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
4358
+ font-size: var(--text-xs);
4359
+ line-height: var(--tw-leading, var(--text-xs--line-height));
5138
4360
  }
5139
- .\[\&_\[cmdk-group\]\]\:px-2 {
5140
- & [cmdk-group] {
5141
- padding-inline: calc(var(--spacing) * 2);
5142
- }
4361
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
4362
+ --tw-font-weight: var(--font-weight-medium);
4363
+ font-weight: var(--font-weight-medium);
5143
4364
  }
5144
- .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
5145
- & [cmdk-group]:not([hidden]) ~[cmdk-group] {
5146
- padding-top: 0;
5147
- }
4365
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
4366
+ color: var(--boring-muted-foreground);
5148
4367
  }
5149
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
5150
- & [cmdk-input-wrapper] svg {
5151
- height: calc(var(--spacing) * 5);
5152
- }
4368
+ .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
4369
+ padding-inline: calc(var(--spacing) * 2);
5153
4370
  }
5154
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
5155
- & [cmdk-input-wrapper] svg {
5156
- width: calc(var(--spacing) * 5);
5157
- }
4371
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
4372
+ padding-top: 0px;
5158
4373
  }
5159
- .\[\&_\[cmdk-input\]\]\:h-12 {
5160
- & [cmdk-input] {
5161
- height: calc(var(--spacing) * 12);
5162
- }
4374
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
4375
+ height: calc(var(--spacing) * 5);
5163
4376
  }
5164
- .\[\&_\[cmdk-item\]\]\:px-2 {
5165
- & [cmdk-item] {
5166
- padding-inline: calc(var(--spacing) * 2);
5167
- }
4377
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
4378
+ width: calc(var(--spacing) * 5);
5168
4379
  }
5169
- .\[\&_\[cmdk-item\]\]\:py-3 {
5170
- & [cmdk-item] {
5171
- padding-block: calc(var(--spacing) * 3);
5172
- }
4380
+ .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
4381
+ height: calc(var(--spacing) * 12);
5173
4382
  }
5174
- .\[\&_\[cmdk-item\]_svg\]\:h-5 {
5175
- & [cmdk-item] svg {
5176
- height: calc(var(--spacing) * 5);
5177
- }
4383
+ .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
4384
+ padding-inline: calc(var(--spacing) * 2);
5178
4385
  }
5179
- .\[\&_\[cmdk-item\]_svg\]\:w-5 {
5180
- & [cmdk-item] svg {
5181
- width: calc(var(--spacing) * 5);
5182
- }
4386
+ .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
4387
+ padding-block: calc(var(--spacing) * 3);
5183
4388
  }
5184
- .\[\&_\[data-slot\=notice-description\]\]\:text-foreground {
5185
- & [data-slot=notice-description] {
5186
- color: var(--boring-foreground);
5187
- }
4389
+ .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
4390
+ height: calc(var(--spacing) * 5);
5188
4391
  }
5189
- .\[\&_\[data-slot\=notice-icon\]\]\:text-\[color\:var\(--accent\)\] {
5190
- & [data-slot=notice-icon] {
5191
- color: var(--accent);
5192
- }
4392
+ .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
4393
+ width: calc(var(--spacing) * 5);
5193
4394
  }
5194
- .\[\&_\[data-slot\=notice-icon\]\]\:text-\[color\:var\(--warning\,var\(--accent\)\)\] {
5195
- & [data-slot=notice-icon] {
5196
- color: var(--warning,var(--accent));
5197
- }
4395
+ .\[\&_\[data-slot\=notice-description\]\]\:text-foreground [data-slot=notice-description] {
4396
+ color: var(--boring-foreground);
5198
4397
  }
5199
- .\[\&_\[data-slot\=notice-icon\]\]\:text-muted-foreground {
5200
- & [data-slot=notice-icon] {
5201
- color: var(--boring-muted-foreground);
5202
- }
4398
+ .\[\&_\[data-slot\=notice-icon\]\]\:text-\[color\:var\(--accent\)\] [data-slot=notice-icon] {
4399
+ color: var(--accent);
5203
4400
  }
5204
- .\[\&_\[data-toast-icon\]\]\:text-accent {
5205
- & [data-toast-icon] {
5206
- color: var(--boring-accent);
5207
- }
4401
+ .\[\&_\[data-slot\=notice-icon\]\]\:text-\[color\:var\(--warning\,var\(--accent\)\)\] [data-slot=notice-icon] {
4402
+ color: var(--warning,var(--accent));
5208
4403
  }
5209
- .\[\&_\[data-toast-icon\]\]\:text-destructive {
5210
- & [data-toast-icon] {
5211
- color: var(--boring-destructive);
5212
- }
4404
+ .\[\&_\[data-slot\=notice-icon\]\]\:text-muted-foreground [data-slot=notice-icon] {
4405
+ color: var(--boring-muted-foreground);
5213
4406
  }
5214
- .\[\&_\[data-toast-icon\]\]\:text-foreground\/70 {
5215
- & [data-toast-icon] {
5216
- color: var(--boring-foreground);
5217
- @supports (color: color-mix(in lab, red, red)) {
5218
- color: color-mix(in oklab, var(--boring-foreground) 70%, transparent);
5219
- }
5220
- }
4407
+ .\[\&_\[data-toast-icon\]\]\:text-accent [data-toast-icon] {
4408
+ color: var(--boring-accent);
5221
4409
  }
5222
- .\[\&_svg\]\:pointer-events-none {
5223
- & svg {
5224
- pointer-events: none;
5225
- }
4410
+ .\[\&_\[data-toast-icon\]\]\:text-destructive [data-toast-icon] {
4411
+ color: var(--boring-destructive);
5226
4412
  }
5227
- .\[\&_svg\]\:shrink-0 {
5228
- & svg {
5229
- flex-shrink: 0;
4413
+ .\[\&_\[data-toast-icon\]\]\:text-foreground\/70 [data-toast-icon] {
4414
+ color: var(--boring-foreground);
4415
+ @supports (color: color-mix(in lab, red, red)) {
4416
+ color: color-mix(in oklab, var(--boring-foreground) 70%, transparent);
5230
4417
  }
5231
4418
  }
5232
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
5233
- & svg:not([class*='size-']) {
5234
- width: calc(var(--spacing) * 3);
5235
- height: calc(var(--spacing) * 3);
5236
- }
4419
+ .\[\&_svg\]\:pointer-events-none svg {
4420
+ pointer-events: none;
5237
4421
  }
5238
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
5239
- & svg:not([class*='size-']) {
5240
- width: calc(var(--spacing) * 4);
5241
- height: calc(var(--spacing) * 4);
5242
- }
4422
+ .\[\&_svg\]\:shrink-0 svg {
4423
+ flex-shrink: 0;
5243
4424
  }
5244
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
5245
- & svg:not([class*='text-']) {
5246
- color: var(--boring-muted-foreground);
5247
- }
4425
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
4426
+ width: calc(var(--spacing) * 3);
4427
+ height: calc(var(--spacing) * 3);
5248
4428
  }
5249
- .\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 {
5250
- & svg:not([class*=\'size-\']) {
5251
- width: calc(var(--spacing) * 4);
5252
- height: calc(var(--spacing) * 4);
5253
- }
4429
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
4430
+ width: calc(var(--spacing) * 4);
4431
+ height: calc(var(--spacing) * 4);
5254
4432
  }
5255
- .\[\&_svg\:not\(\[class\*\=\\\'text-\\\'\]\)\]\:text-muted-foreground {
5256
- & svg:not([class*=\'text-\']) {
5257
- color: var(--boring-muted-foreground);
5258
- }
4433
+ .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) {
4434
+ color: var(--boring-muted-foreground);
5259
4435
  }
5260
- .\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
5261
- & svg:not([class*=size-]) {
5262
- width: calc(var(--spacing) * 4);
5263
- height: calc(var(--spacing) * 4);
5264
- }
4436
+ .\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 svg:not([class*=\'size-\']) {
4437
+ width: calc(var(--spacing) * 4);
4438
+ height: calc(var(--spacing) * 4);
5265
4439
  }
5266
- .\[\&\:\:-moz-progress-bar\]\:rounded-full {
5267
- &::-moz-progress-bar {
5268
- border-radius: calc(infinity * 1px);
5269
- }
4440
+ .\[\&_svg\:not\(\[class\*\=\\\'text-\\\'\]\)\]\:text-muted-foreground svg:not([class*=\'text-\']) {
4441
+ color: var(--boring-muted-foreground);
5270
4442
  }
5271
- .\[\&\:\:-moz-progress-bar\]\:bg-\[color\:var\(--boring-warning\,var\(--accent-foreground\)\)\] {
5272
- &::-moz-progress-bar {
5273
- background-color: var(--boring-warning,var(--accent-foreground));
5274
- }
4443
+ .\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]) {
4444
+ width: calc(var(--spacing) * 4);
4445
+ height: calc(var(--spacing) * 4);
5275
4446
  }
5276
- .\[\&\:\:-moz-progress-bar\]\:bg-destructive {
5277
- &::-moz-progress-bar {
5278
- background-color: var(--boring-destructive);
5279
- }
4447
+ .\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
4448
+ border-radius: calc(infinity * 1px);
5280
4449
  }
5281
- .\[\&\:\:-moz-progress-bar\]\:bg-primary {
5282
- &::-moz-progress-bar {
5283
- background-color: var(--boring-primary);
5284
- }
4450
+ .\[\&\:\:-moz-progress-bar\]\:bg-\[color\:var\(--boring-warning\,var\(--accent-foreground\)\)\]::-moz-progress-bar {
4451
+ background-color: var(--boring-warning,var(--accent-foreground));
5285
4452
  }
5286
- .\[\&\:\:-webkit-progress-bar\]\:bg-muted {
5287
- &::-webkit-progress-bar {
5288
- background-color: var(--boring-muted);
5289
- }
4453
+ .\[\&\:\:-moz-progress-bar\]\:bg-destructive::-moz-progress-bar {
4454
+ background-color: var(--boring-destructive);
5290
4455
  }
5291
- .\[\&\:\:-webkit-progress-value\]\:rounded-full {
5292
- &::-webkit-progress-value {
5293
- border-radius: calc(infinity * 1px);
5294
- }
4456
+ .\[\&\:\:-moz-progress-bar\]\:bg-primary::-moz-progress-bar {
4457
+ background-color: var(--boring-primary);
5295
4458
  }
5296
- .\[\&\:\:-webkit-progress-value\]\:bg-\[color\:var\(--boring-warning\,var\(--accent-foreground\)\)\] {
5297
- &::-webkit-progress-value {
5298
- background-color: var(--boring-warning,var(--accent-foreground));
5299
- }
4459
+ .\[\&\:\:-webkit-progress-bar\]\:bg-muted::-webkit-progress-bar {
4460
+ background-color: var(--boring-muted);
5300
4461
  }
5301
- .\[\&\:\:-webkit-progress-value\]\:bg-destructive {
5302
- &::-webkit-progress-value {
5303
- background-color: var(--boring-destructive);
5304
- }
4462
+ .\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
4463
+ border-radius: calc(infinity * 1px);
5305
4464
  }
5306
- .\[\&\:\:-webkit-progress-value\]\:bg-primary {
5307
- &::-webkit-progress-value {
5308
- background-color: var(--boring-primary);
5309
- }
4465
+ .\[\&\:\:-webkit-progress-value\]\:bg-\[color\:var\(--boring-warning\,var\(--accent-foreground\)\)\]::-webkit-progress-value {
4466
+ background-color: var(--boring-warning,var(--accent-foreground));
5310
4467
  }
5311
- .\[\&\:\:-webkit-progress-value\]\:transition-all {
5312
- &::-webkit-progress-value {
5313
- transition-property: all;
5314
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5315
- transition-duration: var(--tw-duration, var(--default-transition-duration));
5316
- }
4468
+ .\[\&\:\:-webkit-progress-value\]\:bg-destructive::-webkit-progress-value {
4469
+ background-color: var(--boring-destructive);
5317
4470
  }
5318
- .\[\&\:\:-webkit-progress-value\]\:duration-300 {
5319
- &::-webkit-progress-value {
5320
- --tw-duration: 300ms;
5321
- transition-duration: 300ms;
5322
- }
4471
+ .\[\&\:\:-webkit-progress-value\]\:bg-primary::-webkit-progress-value {
4472
+ background-color: var(--boring-primary);
5323
4473
  }
5324
- .\[\&\:\:-webkit-scrollbar\]\:hidden {
5325
- &::-webkit-scrollbar {
5326
- display: none;
5327
- }
4474
+ .\[\&\:\:-webkit-progress-value\]\:transition-all::-webkit-progress-value {
4475
+ transition-property: all;
4476
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4477
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5328
4478
  }
5329
- .\[\.border-b\]\:pb-3 {
5330
- &:is(.border-b) {
5331
- padding-bottom: calc(var(--spacing) * 3);
5332
- }
4479
+ .\[\&\:\:-webkit-progress-value\]\:duration-300::-webkit-progress-value {
4480
+ --tw-duration: 300ms;
4481
+ transition-duration: 300ms;
5333
4482
  }
5334
- .\[\.border-b\]\:pb-6 {
5335
- &:is(.border-b) {
5336
- padding-bottom: calc(var(--spacing) * 6);
5337
- }
4483
+ .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
4484
+ display: none;
5338
4485
  }
5339
- .\[\.border-t\]\:pt-3 {
5340
- &:is(.border-t) {
5341
- padding-top: calc(var(--spacing) * 3);
5342
- }
4486
+ .\[\.border-b\]\:pb-3:is(.border-b) {
4487
+ padding-bottom: calc(var(--spacing) * 3);
5343
4488
  }
5344
- .\[\.border-t\]\:pt-6 {
5345
- &:is(.border-t) {
5346
- padding-top: calc(var(--spacing) * 6);
5347
- }
4489
+ .\[\.border-b\]\:pb-6:is(.border-b) {
4490
+ padding-bottom: calc(var(--spacing) * 6);
5348
4491
  }
5349
- .\*\:\[span\]\:last\:flex {
5350
- :is(& > *) {
5351
- &:is(span) {
5352
- &:last-child {
5353
- display: flex;
5354
- }
5355
- }
5356
- }
4492
+ .\[\.border-t\]\:pt-3:is(.border-t) {
4493
+ padding-top: calc(var(--spacing) * 3);
5357
4494
  }
5358
- .\*\:\[span\]\:last\:items-center {
5359
- :is(& > *) {
5360
- &:is(span) {
5361
- &:last-child {
5362
- align-items: center;
5363
- }
5364
- }
5365
- }
4495
+ .\[\.border-t\]\:pt-6:is(.border-t) {
4496
+ padding-top: calc(var(--spacing) * 6);
5366
4497
  }
5367
- .\*\:\[span\]\:last\:gap-2 {
5368
- :is(& > *) {
5369
- &:is(span) {
5370
- &:last-child {
5371
- gap: calc(var(--spacing) * 2);
5372
- }
5373
- }
5374
- }
4498
+ :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
4499
+ display: flex;
5375
4500
  }
5376
- .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\! {
5377
- &[data-variant="destructive"] {
5378
- :is(& > *) {
5379
- &:is(svg) {
5380
- color: var(--boring-destructive) !important;
5381
- }
5382
- }
5383
- }
4501
+ :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
4502
+ align-items: center;
5384
4503
  }
5385
- .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8 {
5386
- :is(& > *) {
5387
- &:is(svg:not([class*='size-'])) {
5388
- width: calc(var(--spacing) * 8);
5389
- height: calc(var(--spacing) * 8);
5390
- }
5391
- }
4504
+ :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
4505
+ gap: calc(var(--spacing) * 2);
5392
4506
  }
5393
- .\[\&\>\*\]\:focus-visible\:relative {
5394
- &>* {
5395
- &:focus-visible {
5396
- position: relative;
5397
- }
5398
- }
4507
+ :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant="destructive"] > *):is(svg) {
4508
+ color: var(--boring-destructive) !important;
5399
4509
  }
5400
- .\[\&\>\*\]\:focus-visible\:z-10 {
5401
- &>* {
5402
- &:focus-visible {
5403
- z-index: 10;
5404
- }
5405
- }
4510
+ :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8 > *):is(svg:not([class*='size-'])) {
4511
+ width: calc(var(--spacing) * 8);
4512
+ height: calc(var(--spacing) * 8);
5406
4513
  }
5407
- .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
5408
- &>*:not(:first-child) {
5409
- border-top-left-radius: 0;
5410
- border-top-right-radius: 0;
5411
- }
4514
+ .\[\&\>\*\]\:focus-visible\:relative > *:focus-visible {
4515
+ position: relative;
5412
4516
  }
5413
- .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
5414
- &>*:not(:first-child) {
5415
- border-top-left-radius: 0;
5416
- border-bottom-left-radius: 0;
5417
- }
4517
+ .\[\&\>\*\]\:focus-visible\:z-10 > *:focus-visible {
4518
+ z-index: 10;
5418
4519
  }
5419
- .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 {
5420
- &>*:not(:first-child) {
5421
- border-top-style: var(--tw-border-style);
5422
- border-top-width: 0px;
5423
- }
4520
+ .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
4521
+ border-top-left-radius: 0;
4522
+ border-top-right-radius: 0;
5424
4523
  }
5425
- .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 {
5426
- &>*:not(:first-child) {
5427
- border-left-style: var(--tw-border-style);
5428
- border-left-width: 0px;
5429
- }
4524
+ .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
4525
+ border-top-left-radius: 0;
4526
+ border-bottom-left-radius: 0;
5430
4527
  }
5431
- .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
5432
- &>*:not(:last-child) {
5433
- border-top-right-radius: 0;
5434
- border-bottom-right-radius: 0;
5435
- }
4528
+ .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
4529
+ border-top-style: var(--tw-border-style);
4530
+ border-top-width: 0px;
5436
4531
  }
5437
- .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
5438
- &>*:not(:last-child) {
5439
- border-bottom-right-radius: 0;
5440
- border-bottom-left-radius: 0;
5441
- }
4532
+ .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
4533
+ border-left-style: var(--tw-border-style);
4534
+ border-left-width: 0px;
5442
4535
  }
5443
- .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md {
5444
- &:has(*:is(select[aria-hidden=true]:last-child)) {
5445
- &>[data-slot=select-trigger]:last-of-type {
5446
- border-top-right-radius: var(--boring-radius-md);
5447
- border-bottom-right-radius: var(--boring-radius-md);
5448
- }
5449
- }
4536
+ .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
4537
+ border-top-right-radius: 0;
4538
+ border-bottom-right-radius: 0;
5450
4539
  }
5451
- .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit {
5452
- &>[data-slot=select-trigger]:not([class*='w-']) {
5453
- width: fit-content;
5454
- }
4540
+ .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
4541
+ border-bottom-right-radius: 0;
4542
+ border-bottom-left-radius: 0;
5455
4543
  }
5456
- .\[\&\>input\]\:flex-1 {
5457
- &>input {
5458
- flex: 1;
5459
- }
4544
+ .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child)) > [data-slot=select-trigger]:last-of-type {
4545
+ border-top-right-radius: var(--boring-radius-md);
4546
+ border-bottom-right-radius: var(--boring-radius-md);
5460
4547
  }
5461
- .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
5462
- &:has(>[data-align=block-end]) {
5463
- &>input {
5464
- padding-top: calc(var(--spacing) * 3);
5465
- }
5466
- }
4548
+ .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot=select-trigger]:not([class*='w-']) {
4549
+ width: fit-content;
5467
4550
  }
5468
- .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
5469
- &:has(>[data-align=block-start]) {
5470
- &>input {
5471
- padding-bottom: calc(var(--spacing) * 3);
5472
- }
5473
- }
4551
+ .\[\&\>input\]\:flex-1 > input {
4552
+ flex: 1;
5474
4553
  }
5475
- .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 {
5476
- &:has(>[data-align=inline-end]) {
5477
- &>input {
5478
- padding-right: calc(var(--spacing) * 2);
5479
- }
5480
- }
4554
+ .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
4555
+ padding-top: calc(var(--spacing) * 3);
5481
4556
  }
5482
- .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 {
5483
- &:has(>[data-align=inline-start]) {
5484
- &>input {
5485
- padding-left: calc(var(--spacing) * 2);
5486
- }
5487
- }
4557
+ .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
4558
+ padding-bottom: calc(var(--spacing) * 3);
5488
4559
  }
5489
- .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
5490
- &>kbd {
5491
- border-radius: calc(var(--radius) - 5px);
5492
- }
4560
+ .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align=inline-end]) > input {
4561
+ padding-right: calc(var(--spacing) * 2);
5493
4562
  }
5494
- .\[\&\>svg\]\:pointer-events-none {
5495
- &>svg {
5496
- pointer-events: none;
5497
- }
4563
+ .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align=inline-start]) > input {
4564
+ padding-left: calc(var(--spacing) * 2);
5498
4565
  }
5499
- .\[\&\>svg\]\:size-3 {
5500
- &>svg {
5501
- width: calc(var(--spacing) * 3);
5502
- height: calc(var(--spacing) * 3);
5503
- }
4566
+ .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
4567
+ border-radius: calc(var(--radius) - 5px);
5504
4568
  }
5505
- .\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 {
5506
- &>svg:not([class*=size-]) {
5507
- width: calc(var(--spacing) * 3.5);
5508
- height: calc(var(--spacing) * 3.5);
5509
- }
4569
+ .\[\&\>svg\]\:pointer-events-none > svg {
4570
+ pointer-events: none;
5510
4571
  }
5511
- .\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 {
5512
- &>svg:not([class*=size-]) {
5513
- width: calc(var(--spacing) * 4);
5514
- height: calc(var(--spacing) * 4);
5515
- }
4572
+ .\[\&\>svg\]\:size-3 > svg {
4573
+ width: calc(var(--spacing) * 3);
4574
+ height: calc(var(--spacing) * 3);
5516
4575
  }
5517
- .\[a\&\]\:hover\:bg-accent {
5518
- a& {
5519
- &:hover {
5520
- @media (hover: hover) {
5521
- background-color: var(--boring-accent);
5522
- }
5523
- }
5524
- }
4576
+ .\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-3\.5 > svg:not([class*=size-]) {
4577
+ width: calc(var(--spacing) * 3.5);
4578
+ height: calc(var(--spacing) * 3.5);
5525
4579
  }
5526
- .\[a\&\]\:hover\:bg-destructive\/90 {
5527
- a& {
5528
- &:hover {
5529
- @media (hover: hover) {
5530
- background-color: var(--boring-destructive);
5531
- @supports (color: color-mix(in lab, red, red)) {
5532
- background-color: color-mix(in oklab, var(--boring-destructive) 90%, transparent);
5533
- }
5534
- }
5535
- }
5536
- }
4580
+ .\[\&\>svg\:not\(\[class\*\=size-\]\)\]\:size-4 > svg:not([class*=size-]) {
4581
+ width: calc(var(--spacing) * 4);
4582
+ height: calc(var(--spacing) * 4);
5537
4583
  }
5538
- .\[a\&\]\:hover\:bg-primary\/90 {
5539
- a& {
5540
- &:hover {
5541
- @media (hover: hover) {
5542
- background-color: var(--boring-primary);
5543
- @supports (color: color-mix(in lab, red, red)) {
5544
- background-color: color-mix(in oklab, var(--boring-primary) 90%, transparent);
5545
- }
5546
- }
5547
- }
4584
+ @media (hover: hover) {
4585
+ a.\[a\&\]\:hover\:bg-accent:hover {
4586
+ background-color: var(--boring-accent);
5548
4587
  }
5549
- }
5550
- .\[a\&\]\:hover\:bg-secondary\/90 {
5551
- a& {
5552
- &:hover {
5553
- @media (hover: hover) {
5554
- background-color: var(--boring-secondary);
5555
- @supports (color: color-mix(in lab, red, red)) {
5556
- background-color: color-mix(in oklab, var(--boring-secondary) 90%, transparent);
5557
- }
5558
- }
4588
+ a.\[a\&\]\:hover\:bg-destructive\/90:hover {
4589
+ background-color: var(--boring-destructive);
4590
+ }
4591
+ @supports (color: color-mix(in lab, red, red)) {
4592
+ a.\[a\&\]\:hover\:bg-destructive\/90:hover {
4593
+ background-color: color-mix(in oklab, var(--boring-destructive) 90%, transparent);
5559
4594
  }
5560
4595
  }
5561
- }
5562
- .\[a\&\]\:hover\:text-accent-foreground {
5563
- a& {
5564
- &:hover {
5565
- @media (hover: hover) {
5566
- color: var(--boring-accent-foreground);
5567
- }
4596
+ a.\[a\&\]\:hover\:bg-primary\/90:hover {
4597
+ background-color: var(--boring-primary);
4598
+ }
4599
+ @supports (color: color-mix(in lab, red, red)) {
4600
+ a.\[a\&\]\:hover\:bg-primary\/90:hover {
4601
+ background-color: color-mix(in oklab, var(--boring-primary) 90%, transparent);
5568
4602
  }
5569
4603
  }
5570
- }
5571
- .\[a\&\]\:hover\:underline {
5572
- a& {
5573
- &:hover {
5574
- @media (hover: hover) {
5575
- text-decoration-line: underline;
5576
- }
4604
+ a.\[a\&\]\:hover\:bg-secondary\/90:hover {
4605
+ background-color: var(--boring-secondary);
4606
+ }
4607
+ @supports (color: color-mix(in lab, red, red)) {
4608
+ a.\[a\&\]\:hover\:bg-secondary\/90:hover {
4609
+ background-color: color-mix(in oklab, var(--boring-secondary) 90%, transparent);
5577
4610
  }
5578
4611
  }
4612
+ a.\[a\&\]\:hover\:text-accent-foreground:hover {
4613
+ color: var(--boring-accent-foreground);
4614
+ }
4615
+ a.\[a\&\]\:hover\:underline:hover {
4616
+ text-decoration-line: underline;
4617
+ }
5579
4618
  }
5580
4619
  }
5581
4620
  @property --tw-divide-y-reverse {
@@ -5736,6 +4775,12 @@
5736
4775
  [data-boring-agent] .boring-agent-markdown > *:last-child {
5737
4776
  margin-bottom: 0;
5738
4777
  }
4778
+ @media (pointer: coarse) {
4779
+ [data-boring-agent] .boring-agent-message-action, [data-boring-agent] .boring-agent-history-action, [data-boring-agent] .boring-agent-scroll-latest {
4780
+ min-height: 44px;
4781
+ min-width: 44px;
4782
+ }
4783
+ }
5739
4784
  [data-theme="dark"] {
5740
4785
  --background: oklch(0.145 0.004 285.823);
5741
4786
  --foreground: oklch(0.985 0 0);
@@ -5895,12 +4940,16 @@
5895
4940
  font-family: var(--font-mono);
5896
4941
  font-feature-settings: "ss02", "ss03", "zero";
5897
4942
  }
5898
- [data-boring-agent] input,
5899
- [data-boring-agent] textarea,
5900
- [data-boring-agent] select,
5901
- [data-boring-agent] button {
5902
- color: var(--foreground);
5903
- font: inherit;
4943
+ @layer components {
4944
+ :where(
4945
+ [data-boring-agent] input,
4946
+ [data-boring-agent] textarea,
4947
+ [data-boring-agent] select,
4948
+ [data-boring-agent] button
4949
+ ) {
4950
+ color: var(--foreground);
4951
+ font: inherit;
4952
+ }
5904
4953
  }
5905
4954
  [data-boring-agent] [data-boring-agent-part="composer-submit"] {
5906
4955
  background-color: var(--foreground);
@@ -5912,6 +4961,18 @@
5912
4961
  background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
5913
4962
  }
5914
4963
  }
4964
+ @media (pointer: coarse) {
4965
+ [data-boring-agent] .composer-attachment-button,
4966
+ [data-boring-agent] .composer-attachment-remove,
4967
+ [data-boring-agent] .composer-submit-control,
4968
+ [data-boring-agent] .composer-settings-trigger {
4969
+ min-height: 44px !important;
4970
+ min-width: 44px !important;
4971
+ }
4972
+ [data-boring-agent] .composer-attachment-chip {
4973
+ min-height: 44px !important;
4974
+ }
4975
+ }
5915
4976
  pre code span[style*="--sdm-c"] {
5916
4977
  color: var(--sdm-c, inherit);
5917
4978
  background-color: var(--sdm-bg, transparent);