adminium 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -91,6 +91,7 @@
91
91
  --container-2xl: 42rem;
92
92
  --container-3xl: 48rem;
93
93
  --container-4xl: 56rem;
94
+ --container-5xl: 64rem;
94
95
  --container-6xl: 72rem;
95
96
  --text-xs: 0.75rem;
96
97
  --text-xs--line-height: calc(1 / 0.75);
@@ -119,10 +120,17 @@
119
120
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
120
121
  --blur-xs: 4px;
121
122
  --blur-sm: 8px;
123
+ --aspect-video: 16 / 9;
122
124
  --default-transition-duration: 150ms;
123
125
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
124
126
  --default-font-family: var(--font-sans);
125
127
  --default-mono-font-family: var(--font-mono);
128
+ --color-border: var(--border);
129
+ --animate-accordion-down: accordion-down 0.2s ease-out;
130
+ --animate-accordion-up: accordion-up 0.2s ease-out;
131
+ --animate-collapsible-down: collapsible-down 0.2s ease-out;
132
+ --animate-collapsible-up: collapsible-up 0.2s ease-out;
133
+ --animate-caret-blink: caret-blink 1.25s ease-out infinite;
126
134
  }
127
135
  }
128
136
  @layer base {
@@ -373,6 +381,9 @@
373
381
  .top-5 {
374
382
  top: calc(var(--spacing) * 5);
375
383
  }
384
+ .top-9 {
385
+ top: calc(var(--spacing) * 9);
386
+ }
376
387
  .top-\[50\%\] {
377
388
  top: 50%;
378
389
  }
@@ -421,6 +432,9 @@
421
432
  .z-10 {
422
433
  z-index: 10;
423
434
  }
435
+ .z-20 {
436
+ z-index: 20;
437
+ }
424
438
  .z-30 {
425
439
  z-index: 30;
426
440
  }
@@ -472,6 +486,9 @@
472
486
  .mx-1 {
473
487
  margin-inline: calc(var(--spacing) * 1);
474
488
  }
489
+ .mx-10 {
490
+ margin-inline: calc(var(--spacing) * 10);
491
+ }
475
492
  .mx-\[2px\] {
476
493
  margin-inline: 2px;
477
494
  }
@@ -481,6 +498,9 @@
481
498
  .-my-2 {
482
499
  margin-block: calc(var(--spacing) * -2);
483
500
  }
501
+ .my-0\.5 {
502
+ margin-block: calc(var(--spacing) * 0.5);
503
+ }
484
504
  .my-1 {
485
505
  margin-block: calc(var(--spacing) * 1);
486
506
  }
@@ -505,6 +525,9 @@
505
525
  .-me-1 {
506
526
  margin-inline-end: calc(var(--spacing) * -1);
507
527
  }
528
+ .me-2 {
529
+ margin-inline-end: calc(var(--spacing) * 2);
530
+ }
508
531
  .-mt-16 {
509
532
  margin-top: calc(var(--spacing) * -16);
510
533
  }
@@ -568,6 +591,9 @@
568
591
  .mb-5 {
569
592
  margin-bottom: calc(var(--spacing) * 5);
570
593
  }
594
+ .mb-7 {
595
+ margin-bottom: calc(var(--spacing) * 7);
596
+ }
571
597
  .mb-8 {
572
598
  margin-bottom: calc(var(--spacing) * 8);
573
599
  }
@@ -595,6 +621,9 @@
595
621
  .ml-auto {
596
622
  margin-left: auto;
597
623
  }
624
+ .box-content {
625
+ box-sizing: content-box;
626
+ }
598
627
  .line-clamp-3 {
599
628
  overflow: hidden;
600
629
  display: -webkit-box;
@@ -628,6 +657,9 @@
628
657
  .aspect-square {
629
658
  aspect-ratio: 1 / 1;
630
659
  }
660
+ .aspect-video {
661
+ aspect-ratio: var(--aspect-video);
662
+ }
631
663
  .size-1\.5 {
632
664
  width: calc(var(--spacing) * 1.5);
633
665
  height: calc(var(--spacing) * 1.5);
@@ -751,6 +783,9 @@
751
783
  .h-10 {
752
784
  height: calc(var(--spacing) * 10);
753
785
  }
786
+ .h-11 {
787
+ height: calc(var(--spacing) * 11);
788
+ }
754
789
  .h-12 {
755
790
  height: calc(var(--spacing) * 12);
756
791
  }
@@ -829,6 +864,9 @@
829
864
  .max-h-64 {
830
865
  max-height: calc(var(--spacing) * 64);
831
866
  }
867
+ .max-h-75 {
868
+ max-height: calc(var(--spacing) * 75);
869
+ }
832
870
  .max-h-96 {
833
871
  max-height: calc(var(--spacing) * 96);
834
872
  }
@@ -850,6 +888,9 @@
850
888
  .min-h-20 {
851
889
  min-height: calc(var(--spacing) * 20);
852
890
  }
891
+ .min-h-32 {
892
+ min-height: calc(var(--spacing) * 32);
893
+ }
853
894
  .min-h-80 {
854
895
  min-height: calc(var(--spacing) * 80);
855
896
  }
@@ -865,6 +906,12 @@
865
906
  .min-h-screen {
866
907
  min-height: 100vh;
867
908
  }
909
+ .w-0 {
910
+ width: calc(var(--spacing) * 0);
911
+ }
912
+ .w-1 {
913
+ width: calc(var(--spacing) * 1);
914
+ }
868
915
  .w-1\.5 {
869
916
  width: calc(var(--spacing) * 1.5);
870
917
  }
@@ -973,6 +1020,9 @@
973
1020
  .w-80 {
974
1021
  width: calc(var(--spacing) * 80);
975
1022
  }
1023
+ .w-88 {
1024
+ width: calc(var(--spacing) * 88);
1025
+ }
976
1026
  .w-96 {
977
1027
  width: calc(var(--spacing) * 96);
978
1028
  }
@@ -1051,6 +1101,9 @@
1051
1101
  .max-w-4xl {
1052
1102
  max-width: var(--container-4xl);
1053
1103
  }
1104
+ .max-w-5xl {
1105
+ max-width: var(--container-5xl);
1106
+ }
1054
1107
  .max-w-6xl {
1055
1108
  max-width: var(--container-6xl);
1056
1109
  }
@@ -1160,6 +1213,10 @@
1160
1213
  --tw-translate-x: -100%;
1161
1214
  translate: var(--tw-translate-x) var(--tw-translate-y);
1162
1215
  }
1216
+ .translate-x-1\/2 {
1217
+ --tw-translate-x: calc(1/2 * 100%);
1218
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1219
+ }
1163
1220
  .translate-x-\[-50\%\] {
1164
1221
  --tw-translate-x: -50%;
1165
1222
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1172,9 +1229,15 @@
1172
1229
  --tw-translate-y: -50%;
1173
1230
  translate: var(--tw-translate-x) var(--tw-translate-y);
1174
1231
  }
1232
+ .-rotate-90 {
1233
+ rotate: calc(90deg * -1);
1234
+ }
1175
1235
  .transform {
1176
1236
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1177
1237
  }
1238
+ .animate-caret-blink {
1239
+ animation: var(--animate-caret-blink);
1240
+ }
1178
1241
  .animate-pulse {
1179
1242
  animation: var(--animate-pulse);
1180
1243
  }
@@ -1187,6 +1250,12 @@
1187
1250
  .cursor-default {
1188
1251
  cursor: default;
1189
1252
  }
1253
+ .cursor-grab\! {
1254
+ cursor: grab !important;
1255
+ }
1256
+ .cursor-grabbing\! {
1257
+ cursor: grabbing !important;
1258
+ }
1190
1259
  .cursor-pointer {
1191
1260
  cursor: pointer;
1192
1261
  }
@@ -1205,6 +1274,9 @@
1205
1274
  .list-disc {
1206
1275
  list-style-type: disc;
1207
1276
  }
1277
+ .auto-rows-fr {
1278
+ grid-auto-rows: minmax(0, 1fr);
1279
+ }
1208
1280
  .grid-cols-1 {
1209
1281
  grid-template-columns: repeat(1, minmax(0, 1fr));
1210
1282
  }
@@ -1458,6 +1530,9 @@
1458
1530
  .overflow-x-auto {
1459
1531
  overflow-x: auto;
1460
1532
  }
1533
+ .overflow-x-hidden {
1534
+ overflow-x: hidden;
1535
+ }
1461
1536
  .overflow-y-auto {
1462
1537
  overflow-y: auto;
1463
1538
  }
@@ -1489,6 +1564,10 @@
1489
1564
  border-top-left-radius: 10px;
1490
1565
  border-top-right-radius: 10px;
1491
1566
  }
1567
+ .rounded-t-lg {
1568
+ border-top-left-radius: var(--radius);
1569
+ border-top-right-radius: var(--radius);
1570
+ }
1492
1571
  .rounded-t-xl {
1493
1572
  border-top-left-radius: calc(var(--radius) + 4px);
1494
1573
  border-top-right-radius: calc(var(--radius) + 4px);
@@ -1499,6 +1578,10 @@
1499
1578
  .rounded-tr-none {
1500
1579
  border-top-right-radius: 0;
1501
1580
  }
1581
+ .rounded-b-lg {
1582
+ border-bottom-right-radius: var(--radius);
1583
+ border-bottom-left-radius: var(--radius);
1584
+ }
1502
1585
  .rounded-b-xl {
1503
1586
  border-bottom-right-radius: calc(var(--radius) + 4px);
1504
1587
  border-bottom-left-radius: calc(var(--radius) + 4px);
@@ -1515,6 +1598,10 @@
1515
1598
  border-style: var(--tw-border-style);
1516
1599
  border-width: 4px;
1517
1600
  }
1601
+ .border-y {
1602
+ border-block-style: var(--tw-border-style);
1603
+ border-block-width: 1px;
1604
+ }
1518
1605
  .border-s {
1519
1606
  border-inline-start-style: var(--tw-border-style);
1520
1607
  border-inline-start-width: 1px;
@@ -1527,6 +1614,10 @@
1527
1614
  border-top-style: var(--tw-border-style);
1528
1615
  border-top-width: 1px;
1529
1616
  }
1617
+ .border-t-0 {
1618
+ border-top-style: var(--tw-border-style);
1619
+ border-top-width: 0px;
1620
+ }
1530
1621
  .border-r {
1531
1622
  border-right-style: var(--tw-border-style);
1532
1623
  border-right-width: 1px;
@@ -1551,6 +1642,9 @@
1551
1642
  --tw-border-style: dashed;
1552
1643
  border-style: dashed;
1553
1644
  }
1645
+ .border-\(--color-border\) {
1646
+ border-color: var(--color-border);
1647
+ }
1554
1648
  .border-\[var\(--color-destructive-alpha\,var\(--color-red-100\)\)\] {
1555
1649
  border-color: var(--color-destructive-alpha,var(--color-red-100));
1556
1650
  }
@@ -1587,6 +1681,12 @@
1587
1681
  .border-border {
1588
1682
  border-color: var(--border);
1589
1683
  }
1684
+ .border-border\/50 {
1685
+ border-color: var(--border);
1686
+ @supports (color: color-mix(in lab, red, red)) {
1687
+ border-color: color-mix(in oklab, var(--border) 50%, transparent);
1688
+ }
1689
+ }
1590
1690
  .border-card {
1591
1691
  border-color: var(--card);
1592
1692
  }
@@ -1605,15 +1705,24 @@
1605
1705
  border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
1606
1706
  }
1607
1707
  }
1708
+ .border-primary {
1709
+ border-color: var(--primary);
1710
+ }
1608
1711
  .border-transparent {
1609
1712
  border-color: transparent;
1610
1713
  }
1714
+ .border-s-input {
1715
+ border-inline-start-color: var(--input);
1716
+ }
1611
1717
  .border-t-transparent {
1612
1718
  border-top-color: transparent;
1613
1719
  }
1614
1720
  .border-l-transparent {
1615
1721
  border-left-color: transparent;
1616
1722
  }
1723
+ .bg-\(--color-bg\) {
1724
+ background-color: var(--color-bg);
1725
+ }
1617
1726
  .bg-\[\#0077B5\] {
1618
1727
  background-color: #0077B5;
1619
1728
  }
@@ -1665,6 +1774,18 @@
1665
1774
  .bg-accent {
1666
1775
  background-color: var(--accent);
1667
1776
  }
1777
+ .bg-accent\/60 {
1778
+ background-color: var(--accent);
1779
+ @supports (color: color-mix(in lab, red, red)) {
1780
+ background-color: color-mix(in oklab, var(--accent) 60%, transparent);
1781
+ }
1782
+ }
1783
+ .bg-accent\/70 {
1784
+ background-color: var(--accent);
1785
+ @supports (color: color-mix(in lab, red, red)) {
1786
+ background-color: color-mix(in oklab, var(--accent) 70%, transparent);
1787
+ }
1788
+ }
1668
1789
  .bg-background {
1669
1790
  background-color: var(--background);
1670
1791
  }
@@ -1722,6 +1843,9 @@
1722
1843
  .bg-emerald-500 {
1723
1844
  background-color: var(--color-emerald-500);
1724
1845
  }
1846
+ .bg-foreground {
1847
+ background-color: var(--foreground);
1848
+ }
1725
1849
  .bg-gray-900 {
1726
1850
  background-color: var(--color-gray-900);
1727
1851
  }
@@ -1779,6 +1903,9 @@
1779
1903
  .bg-primary {
1780
1904
  background-color: var(--primary);
1781
1905
  }
1906
+ .bg-primary-foreground {
1907
+ background-color: var(--primary-foreground);
1908
+ }
1782
1909
  .bg-primary\/10 {
1783
1910
  background-color: var(--primary);
1784
1911
  @supports (color: color-mix(in lab, red, red)) {
@@ -1973,6 +2100,9 @@
1973
2100
  --tw-gradient-to: transparent;
1974
2101
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1975
2102
  }
2103
+ .fill-current {
2104
+ fill: currentcolor;
2105
+ }
1976
2106
  .fill-primary {
1977
2107
  fill: var(--primary);
1978
2108
  }
@@ -2027,6 +2157,9 @@
2027
2157
  .px-0 {
2028
2158
  padding-inline: calc(var(--spacing) * 0);
2029
2159
  }
2160
+ .px-0\.5 {
2161
+ padding-inline: calc(var(--spacing) * 0.5);
2162
+ }
2030
2163
  .px-1 {
2031
2164
  padding-inline: calc(var(--spacing) * 1);
2032
2165
  }
@@ -2087,9 +2220,18 @@
2087
2220
  .py-12 {
2088
2221
  padding-block: calc(var(--spacing) * 12);
2089
2222
  }
2223
+ .py-px {
2224
+ padding-block: 1px;
2225
+ }
2090
2226
  .ps-2 {
2091
2227
  padding-inline-start: calc(var(--spacing) * 2);
2092
2228
  }
2229
+ .ps-2\.5 {
2230
+ padding-inline-start: calc(var(--spacing) * 2.5);
2231
+ }
2232
+ .ps-5 {
2233
+ padding-inline-start: calc(var(--spacing) * 5);
2234
+ }
2093
2235
  .ps-6 {
2094
2236
  padding-inline-start: calc(var(--spacing) * 6);
2095
2237
  }
@@ -2105,6 +2247,9 @@
2105
2247
  .pe-8 {
2106
2248
  padding-inline-end: calc(var(--spacing) * 8);
2107
2249
  }
2250
+ .pt-0 {
2251
+ padding-top: calc(var(--spacing) * 0);
2252
+ }
2108
2253
  .pt-1 {
2109
2254
  padding-top: calc(var(--spacing) * 1);
2110
2255
  }
@@ -2153,6 +2298,9 @@
2153
2298
  .text-right {
2154
2299
  text-align: right;
2155
2300
  }
2301
+ .text-start {
2302
+ text-align: start;
2303
+ }
2156
2304
  .align-\[inherit\] {
2157
2305
  vertical-align: inherit;
2158
2306
  }
@@ -2199,6 +2347,10 @@
2199
2347
  --tw-leading: var(--text-sm--line-height);
2200
2348
  line-height: var(--text-sm--line-height);
2201
2349
  }
2350
+ .leading-3 {
2351
+ --tw-leading: calc(var(--spacing) * 3);
2352
+ line-height: calc(var(--spacing) * 3);
2353
+ }
2202
2354
  .leading-\[0\.5rem\] {
2203
2355
  --tw-leading: 0.5rem;
2204
2356
  line-height: 0.5rem;
@@ -2258,7 +2410,7 @@
2258
2410
  .text-nowrap {
2259
2411
  text-wrap: nowrap;
2260
2412
  }
2261
- .break-words {
2413
+ .wrap-break-word {
2262
2414
  overflow-wrap: break-word;
2263
2415
  }
2264
2416
  .whitespace-nowrap {
@@ -2366,6 +2518,9 @@
2366
2518
  .text-green-400 {
2367
2519
  color: var(--color-green-400);
2368
2520
  }
2521
+ .text-green-500 {
2522
+ color: var(--color-green-500);
2523
+ }
2369
2524
  .text-green-600 {
2370
2525
  color: var(--color-green-600);
2371
2526
  }
@@ -2378,6 +2533,12 @@
2378
2533
  .text-muted-foreground {
2379
2534
  color: var(--muted-foreground);
2380
2535
  }
2536
+ .text-muted-foreground\/80 {
2537
+ color: var(--muted-foreground);
2538
+ @supports (color: color-mix(in lab, red, red)) {
2539
+ color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
2540
+ }
2541
+ }
2381
2542
  .text-popover-foreground {
2382
2543
  color: var(--popover-foreground);
2383
2544
  }
@@ -2405,6 +2566,9 @@
2405
2566
  .text-red-600 {
2406
2567
  color: var(--color-red-600);
2407
2568
  }
2569
+ .text-secondary {
2570
+ color: var(--secondary);
2571
+ }
2408
2572
  .text-secondary-foreground {
2409
2573
  color: var(--secondary-foreground);
2410
2574
  }
@@ -2432,6 +2596,10 @@
2432
2596
  .uppercase {
2433
2597
  text-transform: uppercase;
2434
2598
  }
2599
+ .tabular-nums {
2600
+ --tw-numeric-spacing: tabular-nums;
2601
+ font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2602
+ }
2435
2603
  .underline {
2436
2604
  text-decoration-line: underline;
2437
2605
  }
@@ -2451,6 +2619,12 @@
2451
2619
  -webkit-font-smoothing: antialiased;
2452
2620
  -moz-osx-font-smoothing: grayscale;
2453
2621
  }
2622
+ .caret-transparent {
2623
+ caret-color: transparent;
2624
+ }
2625
+ .opacity-0 {
2626
+ opacity: 0%;
2627
+ }
2454
2628
  .opacity-25 {
2455
2629
  opacity: 25%;
2456
2630
  }
@@ -2594,6 +2768,10 @@
2594
2768
  --tw-duration: 300ms;
2595
2769
  transition-duration: 300ms;
2596
2770
  }
2771
+ .duration-1000 {
2772
+ --tw-duration: 1000ms;
2773
+ transition-duration: 1000ms;
2774
+ }
2597
2775
  .ease-in-out {
2598
2776
  --tw-ease: var(--ease-in-out);
2599
2777
  transition-timing-function: var(--ease-in-out);
@@ -2616,11 +2794,61 @@
2616
2794
  }
2617
2795
  }
2618
2796
  }
2797
+ .group-hover\/kanban-column\:opacity-100 {
2798
+ &:is(:where(.group\/kanban-column):hover *) {
2799
+ @media (hover: hover) {
2800
+ opacity: 100%;
2801
+ }
2802
+ }
2803
+ }
2619
2804
  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
2620
2805
  &:is(:where(.group\/field):has(*:is([data-orientation=horizontal])) *) {
2621
2806
  text-wrap: balance;
2622
2807
  }
2623
2808
  }
2809
+ .group-data-disabled\:pointer-events-none {
2810
+ &:is(:where(.group)[data-disabled] *) {
2811
+ pointer-events: none;
2812
+ }
2813
+ }
2814
+ .group-data-disabled\:text-foreground\/30 {
2815
+ &:is(:where(.group)[data-disabled] *) {
2816
+ color: var(--foreground);
2817
+ @supports (color: color-mix(in lab, red, red)) {
2818
+ color: color-mix(in oklab, var(--foreground) 30%, transparent);
2819
+ }
2820
+ }
2821
+ }
2822
+ .group-data-disabled\:line-through {
2823
+ &:is(:where(.group)[data-disabled] *) {
2824
+ text-decoration-line: line-through;
2825
+ }
2826
+ }
2827
+ .group-data-outside\:text-foreground\/30 {
2828
+ &:is(:where(.group)[data-outside] *) {
2829
+ color: var(--foreground);
2830
+ @supports (color: color-mix(in lab, red, red)) {
2831
+ color: color-mix(in oklab, var(--foreground) 30%, transparent);
2832
+ }
2833
+ }
2834
+ }
2835
+ .group-data-selected\:bg-primary {
2836
+ &:is(:where(.group)[data-selected] *) {
2837
+ background-color: var(--primary);
2838
+ }
2839
+ }
2840
+ .group-data-selected\:text-primary-foreground {
2841
+ &:is(:where(.group)[data-selected] *) {
2842
+ color: var(--primary-foreground);
2843
+ }
2844
+ }
2845
+ .group-data-selected\:group-data-outside\:text-primary-foreground {
2846
+ &:is(:where(.group)[data-selected] *) {
2847
+ &:is(:where(.group)[data-outside] *) {
2848
+ color: var(--primary-foreground);
2849
+ }
2850
+ }
2851
+ }
2624
2852
  .group-data-\[disabled\=true\]\/field\:opacity-50 {
2625
2853
  &:is(:where(.group\/field)[data-disabled="true"] *) {
2626
2854
  opacity: 50%;
@@ -2641,11 +2869,53 @@
2641
2869
  margin-bottom: calc(var(--spacing) * -2);
2642
2870
  }
2643
2871
  }
2872
+ .group-\[\.range-end\:not\(\.range-start\)\]\:rounded-s-none {
2873
+ &:is(:where(.group):is(.range-end:not(.range-start)) *) {
2874
+ border-start-start-radius: 0;
2875
+ border-end-start-radius: 0;
2876
+ }
2877
+ }
2878
+ .group-\[\.range-middle\]\:rounded-none {
2879
+ &:is(:where(.group):is(.range-middle) *) {
2880
+ border-radius: 0;
2881
+ }
2882
+ }
2883
+ .group-\[\.range-middle\]\:group-data-selected\:bg-accent {
2884
+ &:is(:where(.group):is(.range-middle) *) {
2885
+ &:is(:where(.group)[data-selected] *) {
2886
+ background-color: var(--accent);
2887
+ }
2888
+ }
2889
+ }
2890
+ .group-\[\.range-middle\]\:group-data-selected\:text-foreground {
2891
+ &:is(:where(.group):is(.range-middle) *) {
2892
+ &:is(:where(.group)[data-selected] *) {
2893
+ color: var(--foreground);
2894
+ }
2895
+ }
2896
+ }
2897
+ .group-\[\.range-start\:not\(\.range-end\)\]\:rounded-e-none {
2898
+ &:is(:where(.group):is(.range-start:not(.range-end)) *) {
2899
+ border-start-end-radius: 0;
2900
+ border-end-end-radius: 0;
2901
+ }
2902
+ }
2644
2903
  .group-\[\.toaster\]\:w-\(--width\) {
2645
2904
  &:is(:where(.group):is(.toaster) *) {
2646
2905
  width: var(--width);
2647
2906
  }
2648
2907
  }
2908
+ .group-\[\[data-selected\]\:not\(\.range-middle\)\]\:\[transition-property\:color\,background-color\,border-radius\,box-shadow\] {
2909
+ &:is(:where(.group):is([data-selected]:not(.range-middle)) *) {
2910
+ transition-property: color,background-color,border-radius,box-shadow;
2911
+ }
2912
+ }
2913
+ .group-\[\[data-selected\]\:not\(\.range-middle\)\]\:duration-150 {
2914
+ &:is(:where(.group):is([data-selected]:not(.range-middle)) *) {
2915
+ --tw-duration: 150ms;
2916
+ transition-duration: 150ms;
2917
+ }
2918
+ }
2649
2919
  .peer-disabled\:cursor-not-allowed {
2650
2920
  &:is(:where(.peer):disabled ~ *) {
2651
2921
  cursor: not-allowed;
@@ -2806,11 +3076,113 @@
2806
3076
  background-color: var(--border);
2807
3077
  }
2808
3078
  }
3079
+ .\*\:after\:pointer-events-none {
3080
+ :is(& > *) {
3081
+ &::after {
3082
+ content: var(--tw-content);
3083
+ pointer-events: none;
3084
+ }
3085
+ }
3086
+ }
3087
+ .\*\:after\:absolute {
3088
+ :is(& > *) {
3089
+ &::after {
3090
+ content: var(--tw-content);
3091
+ position: absolute;
3092
+ }
3093
+ }
3094
+ }
3095
+ .\*\:after\:start-1\/2 {
3096
+ :is(& > *) {
3097
+ &::after {
3098
+ content: var(--tw-content);
3099
+ inset-inline-start: calc(1/2 * 100%);
3100
+ }
3101
+ }
3102
+ }
3103
+ .\*\:after\:bottom-1 {
3104
+ :is(& > *) {
3105
+ &::after {
3106
+ content: var(--tw-content);
3107
+ bottom: calc(var(--spacing) * 1);
3108
+ }
3109
+ }
3110
+ }
3111
+ .\*\:after\:z-10 {
3112
+ :is(& > *) {
3113
+ &::after {
3114
+ content: var(--tw-content);
3115
+ z-index: 10;
3116
+ }
3117
+ }
3118
+ }
3119
+ .\*\:after\:size-0\.75 {
3120
+ :is(& > *) {
3121
+ &::after {
3122
+ content: var(--tw-content);
3123
+ width: calc(var(--spacing) * 0.75);
3124
+ height: calc(var(--spacing) * 0.75);
3125
+ }
3126
+ }
3127
+ }
3128
+ .\*\:after\:-translate-x-1\/2 {
3129
+ :is(& > *) {
3130
+ &::after {
3131
+ content: var(--tw-content);
3132
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
3133
+ translate: var(--tw-translate-x) var(--tw-translate-y);
3134
+ }
3135
+ }
3136
+ }
3137
+ .\*\:after\:rounded-full {
3138
+ :is(& > *) {
3139
+ &::after {
3140
+ content: var(--tw-content);
3141
+ border-radius: calc(infinity * 1px);
3142
+ }
3143
+ }
3144
+ }
3145
+ .\*\:after\:bg-primary {
3146
+ :is(& > *) {
3147
+ &::after {
3148
+ content: var(--tw-content);
3149
+ background-color: var(--primary);
3150
+ }
3151
+ }
3152
+ }
3153
+ .\*\:after\:transition-colors {
3154
+ :is(& > *) {
3155
+ &::after {
3156
+ content: var(--tw-content);
3157
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
3158
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3159
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
3160
+ }
3161
+ }
3162
+ }
3163
+ .first\:rounded-l-md {
3164
+ &:first-child {
3165
+ border-top-left-radius: calc(var(--radius) - 2px);
3166
+ border-bottom-left-radius: calc(var(--radius) - 2px);
3167
+ }
3168
+ }
3169
+ .first\:border-l {
3170
+ &:first-child {
3171
+ border-left-style: var(--tw-border-style);
3172
+ border-left-width: 1px;
3173
+ }
3174
+ }
2809
3175
  .last\:mt-0 {
2810
3176
  &:last-child {
2811
3177
  margin-top: calc(var(--spacing) * 0);
2812
3178
  }
2813
3179
  }
3180
+ .last\:rounded-r-md {
3181
+ &:last-child {
3182
+ border-top-right-radius: calc(var(--radius) - 2px);
3183
+ border-bottom-right-radius: calc(var(--radius) - 2px);
3184
+ }
3185
+ }
2814
3186
  .odd\:bg-muted\/90 {
2815
3187
  &:nth-child(odd) {
2816
3188
  background-color: var(--muted);
@@ -3034,6 +3406,24 @@
3034
3406
  }
3035
3407
  }
3036
3408
  }
3409
+ .hover\:not-in-data-selected\:bg-accent {
3410
+ &:hover {
3411
+ @media (hover: hover) {
3412
+ &:not(:where(*[data-selected]) *) {
3413
+ background-color: var(--accent);
3414
+ }
3415
+ }
3416
+ }
3417
+ }
3418
+ .hover\:not-in-data-selected\:text-foreground {
3419
+ &:hover {
3420
+ @media (hover: hover) {
3421
+ &:not(:where(*[data-selected]) *) {
3422
+ color: var(--foreground);
3423
+ }
3424
+ }
3425
+ }
3426
+ }
3037
3427
  .odd\:hover\:bg-muted {
3038
3428
  &:nth-child(odd) {
3039
3429
  &:hover {
@@ -3098,11 +3488,38 @@
3098
3488
  }
3099
3489
  }
3100
3490
  }
3491
+ .focus\:outline-none {
3492
+ &:focus {
3493
+ --tw-outline-style: none;
3494
+ outline-style: none;
3495
+ }
3496
+ }
3497
+ .focus-visible\:z-10 {
3498
+ &:focus-visible {
3499
+ z-index: 10;
3500
+ }
3501
+ }
3101
3502
  .focus-visible\:border-ring {
3102
3503
  &:focus-visible {
3103
3504
  border-color: var(--ring);
3104
3505
  }
3105
3506
  }
3507
+ .focus-visible\:bg-accent {
3508
+ &:focus-visible {
3509
+ background-color: var(--accent);
3510
+ }
3511
+ }
3512
+ .focus-visible\:text-accent-foreground {
3513
+ &:focus-visible {
3514
+ color: var(--accent-foreground);
3515
+ }
3516
+ }
3517
+ .focus-visible\:ring {
3518
+ &:focus-visible {
3519
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3520
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3521
+ }
3522
+ }
3106
3523
  .focus-visible\:ring-2 {
3107
3524
  &:focus-visible {
3108
3525
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3128,6 +3545,14 @@
3128
3545
  }
3129
3546
  }
3130
3547
  }
3548
+ .focus-visible\:ring-ring\/50 {
3549
+ &:focus-visible {
3550
+ --tw-ring-color: var(--ring);
3551
+ @supports (color: color-mix(in lab, red, red)) {
3552
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
3553
+ }
3554
+ }
3555
+ }
3131
3556
  .focus-visible\:ring-offset-2 {
3132
3557
  &:focus-visible {
3133
3558
  --tw-ring-offset-width: 2px;
@@ -3165,6 +3590,11 @@
3165
3590
  cursor: not-allowed;
3166
3591
  }
3167
3592
  }
3593
+ .disabled\:bg-transparent {
3594
+ &:disabled {
3595
+ background-color: transparent;
3596
+ }
3597
+ }
3168
3598
  .disabled\:opacity-50 {
3169
3599
  &:disabled {
3170
3600
  opacity: 50%;
@@ -3191,6 +3621,11 @@
3191
3621
  }
3192
3622
  }
3193
3623
  }
3624
+ .has-disabled\:opacity-50 {
3625
+ &:has(*:disabled) {
3626
+ opacity: 50%;
3627
+ }
3628
+ }
3194
3629
  .has-data-\[arrow\=true\]\:justify-between {
3195
3630
  &:has(*[data-arrow="true"]) {
3196
3631
  justify-content: space-between;
@@ -3276,6 +3711,11 @@
3276
3711
  border-width: 1px;
3277
3712
  }
3278
3713
  }
3714
+ .aria-invalid\:border-destructive {
3715
+ &[aria-invalid="true"] {
3716
+ border-color: var(--destructive);
3717
+ }
3718
+ }
3279
3719
  .aria-invalid\:border-destructive\/60 {
3280
3720
  &[aria-invalid="true"] {
3281
3721
  border-color: var(--destructive);
@@ -3304,42 +3744,167 @@
3304
3744
  pointer-events: none;
3305
3745
  }
3306
3746
  }
3747
+ .data-disabled\:cursor-not-allowed {
3748
+ &[data-disabled] {
3749
+ cursor: not-allowed;
3750
+ }
3751
+ }
3307
3752
  .data-disabled\:opacity-50 {
3308
3753
  &[data-disabled] {
3309
3754
  opacity: 50%;
3310
3755
  }
3311
3756
  }
3312
- .data-pinned\:bg-background\/90 {
3313
- &[data-pinned] {
3314
- background-color: var(--background);
3315
- @supports (color: color-mix(in lab, red, red)) {
3316
- background-color: color-mix(in oklab, var(--background) 90%, transparent);
3317
- }
3757
+ .data-focus-within\:border-ring {
3758
+ &[data-focus-within] {
3759
+ border-color: var(--ring);
3318
3760
  }
3319
3761
  }
3320
- .data-pinned\:bg-muted\/90 {
3321
- &[data-pinned] {
3322
- background-color: var(--muted);
3762
+ .data-focus-within\:ring-\[3px\] {
3763
+ &[data-focus-within] {
3764
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3765
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3766
+ }
3767
+ }
3768
+ .data-focus-within\:ring-ring\/30 {
3769
+ &[data-focus-within] {
3770
+ --tw-ring-color: var(--ring);
3323
3771
  @supports (color: color-mix(in lab, red, red)) {
3324
- background-color: color-mix(in oklab, var(--muted) 90%, transparent);
3772
+ --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
3325
3773
  }
3326
3774
  }
3327
3775
  }
3328
- .data-pinned\:backdrop-blur-xs {
3329
- &[data-pinned] {
3330
- --tw-backdrop-blur: blur(var(--blur-xs));
3331
- -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3332
- backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3776
+ .data-focus-within\:outline-none {
3777
+ &[data-focus-within] {
3778
+ --tw-outline-style: none;
3779
+ outline-style: none;
3333
3780
  }
3334
3781
  }
3335
- .data-placeholder\:text-muted-foreground {
3336
- &[data-placeholder] {
3337
- color: var(--muted-foreground);
3782
+ .data-focus-within\:has-aria-invalid\:border-destructive {
3783
+ &[data-focus-within] {
3784
+ &:has(*[aria-invalid="true"]) {
3785
+ border-color: var(--destructive);
3786
+ }
3338
3787
  }
3339
3788
  }
3340
- .data-\[active\=true\]\:-ml-px {
3341
- &[data-active="true"] {
3342
- margin-left: -1px;
3789
+ .data-focus-within\:has-aria-invalid\:ring-destructive\/20 {
3790
+ &[data-focus-within] {
3791
+ &:has(*[aria-invalid="true"]) {
3792
+ --tw-ring-color: var(--destructive);
3793
+ @supports (color: color-mix(in lab, red, red)) {
3794
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
3795
+ }
3796
+ }
3797
+ }
3798
+ }
3799
+ .data-focused\:bg-accent {
3800
+ &[data-focused] {
3801
+ background-color: var(--accent);
3802
+ }
3803
+ }
3804
+ .data-focused\:text-foreground {
3805
+ &[data-focused] {
3806
+ color: var(--foreground);
3807
+ }
3808
+ }
3809
+ .data-invalid\:text-destructive {
3810
+ &[data-invalid] {
3811
+ color: var(--destructive);
3812
+ }
3813
+ }
3814
+ .data-invalid\:data-focused\:bg-destructive {
3815
+ &[data-invalid] {
3816
+ &[data-focused] {
3817
+ background-color: var(--destructive);
3818
+ }
3819
+ }
3820
+ }
3821
+ .data-invalid\:data-focused\:text-destructive-foreground {
3822
+ &[data-invalid] {
3823
+ &[data-focused] {
3824
+ color: var(--destructive-foreground);
3825
+ }
3826
+ }
3827
+ }
3828
+ .data-pinned\:bg-background\/90 {
3829
+ &[data-pinned] {
3830
+ background-color: var(--background);
3831
+ @supports (color: color-mix(in lab, red, red)) {
3832
+ background-color: color-mix(in oklab, var(--background) 90%, transparent);
3833
+ }
3834
+ }
3835
+ }
3836
+ .data-pinned\:bg-muted\/90 {
3837
+ &[data-pinned] {
3838
+ background-color: var(--muted);
3839
+ @supports (color: color-mix(in lab, red, red)) {
3840
+ background-color: color-mix(in oklab, var(--muted) 90%, transparent);
3841
+ }
3842
+ }
3843
+ }
3844
+ .data-pinned\:backdrop-blur-xs {
3845
+ &[data-pinned] {
3846
+ --tw-backdrop-blur: blur(var(--blur-xs));
3847
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3848
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3849
+ }
3850
+ }
3851
+ .data-placeholder\:text-muted-foreground {
3852
+ &[data-placeholder] {
3853
+ color: var(--muted-foreground);
3854
+ }
3855
+ }
3856
+ .data-placeholder\:text-muted-foreground\/70 {
3857
+ &[data-placeholder] {
3858
+ color: var(--muted-foreground);
3859
+ @supports (color: color-mix(in lab, red, red)) {
3860
+ color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
3861
+ }
3862
+ }
3863
+ }
3864
+ .data-focused\:data-placeholder\:text-foreground {
3865
+ &[data-focused] {
3866
+ &[data-placeholder] {
3867
+ color: var(--foreground);
3868
+ }
3869
+ }
3870
+ }
3871
+ .data-invalid\:data-placeholder\:text-destructive {
3872
+ &[data-invalid] {
3873
+ &[data-placeholder] {
3874
+ color: var(--destructive);
3875
+ }
3876
+ }
3877
+ }
3878
+ .data-invalid\:data-focused\:data-placeholder\:text-destructive-foreground {
3879
+ &[data-invalid] {
3880
+ &[data-focused] {
3881
+ &[data-placeholder] {
3882
+ color: var(--destructive-foreground);
3883
+ }
3884
+ }
3885
+ }
3886
+ }
3887
+ .data-selected\:bg-accent\/50 {
3888
+ &[data-selected] {
3889
+ background-color: var(--accent);
3890
+ @supports (color: color-mix(in lab, red, red)) {
3891
+ background-color: color-mix(in oklab, var(--accent) 50%, transparent);
3892
+ }
3893
+ }
3894
+ }
3895
+ .data-selected\:text-muted-foreground {
3896
+ &[data-selected] {
3897
+ color: var(--muted-foreground);
3898
+ }
3899
+ }
3900
+ .data-\[active\=true\]\:z-10 {
3901
+ &[data-active="true"] {
3902
+ z-index: 10;
3903
+ }
3904
+ }
3905
+ .data-\[active\=true\]\:-ml-px {
3906
+ &[data-active="true"] {
3907
+ margin-left: -1px;
3343
3908
  }
3344
3909
  }
3345
3910
  .data-\[active\=true\]\:scale-125 {
@@ -3361,6 +3926,11 @@
3361
3926
  border-color: var(--primary);
3362
3927
  }
3363
3928
  }
3929
+ .data-\[active\=true\]\:border-ring {
3930
+ &[data-active="true"] {
3931
+ border-color: var(--ring);
3932
+ }
3933
+ }
3364
3934
  .data-\[active\=true\]\:bg-accent {
3365
3935
  &[data-active="true"] {
3366
3936
  background-color: var(--accent);
@@ -3405,6 +3975,47 @@
3405
3975
  color: var(--primary-foreground);
3406
3976
  }
3407
3977
  }
3978
+ .data-\[active\=true\]\:ring-\[3px\] {
3979
+ &[data-active="true"] {
3980
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3981
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3982
+ }
3983
+ }
3984
+ .data-\[active\=true\]\:ring-ring\/50 {
3985
+ &[data-active="true"] {
3986
+ --tw-ring-color: var(--ring);
3987
+ @supports (color: color-mix(in lab, red, red)) {
3988
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
3989
+ }
3990
+ }
3991
+ }
3992
+ .data-\[active\=true\]\:aria-invalid\:border-destructive {
3993
+ &[data-active="true"] {
3994
+ &[aria-invalid="true"] {
3995
+ border-color: var(--destructive);
3996
+ }
3997
+ }
3998
+ }
3999
+ .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20 {
4000
+ &[data-active="true"] {
4001
+ &[aria-invalid="true"] {
4002
+ --tw-ring-color: var(--destructive);
4003
+ @supports (color: color-mix(in lab, red, red)) {
4004
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
4005
+ }
4006
+ }
4007
+ }
4008
+ }
4009
+ .data-\[disabled\=true\]\:pointer-events-none {
4010
+ &[data-disabled="true"] {
4011
+ pointer-events: none;
4012
+ }
4013
+ }
4014
+ .data-\[disabled\=true\]\:opacity-50 {
4015
+ &[data-disabled="true"] {
4016
+ opacity: 50%;
4017
+ }
4018
+ }
3408
4019
  .data-\[here\=true\]\:bg-accent {
3409
4020
  &[data-here="true"] {
3410
4021
  background-color: var(--accent);
@@ -3420,6 +4031,16 @@
3420
4031
  color: var(--destructive);
3421
4032
  }
3422
4033
  }
4034
+ .data-\[selected\=true\]\:bg-accent {
4035
+ &[data-selected="true"] {
4036
+ background-color: var(--accent);
4037
+ }
4038
+ }
4039
+ .data-\[selected\=true\]\:text-accent-foreground {
4040
+ &[data-selected="true"] {
4041
+ color: var(--accent-foreground);
4042
+ }
4043
+ }
3423
4044
  .data-\[side\=bottom\]\:translate-y-1\.5 {
3424
4045
  &[data-side="bottom"] {
3425
4046
  --tw-translate-y: calc(var(--spacing) * 1.5);
@@ -3509,6 +4130,16 @@
3509
4130
  color: var(--primary-foreground);
3510
4131
  }
3511
4132
  }
4133
+ .data-\[state\=closed\]\:animate-accordion-up {
4134
+ &[data-state="closed"] {
4135
+ animation: var(--animate-accordion-up);
4136
+ }
4137
+ }
4138
+ .data-\[state\=closed\]\:animate-collapsible-up {
4139
+ &[data-state="closed"] {
4140
+ animation: var(--animate-collapsible-up);
4141
+ }
4142
+ }
3512
4143
  .data-\[state\=closed\]\:duration-300 {
3513
4144
  &[data-state="closed"] {
3514
4145
  --tw-duration: 300ms;
@@ -3530,6 +4161,16 @@
3530
4161
  color: var(--primary-foreground);
3531
4162
  }
3532
4163
  }
4164
+ .data-\[state\=open\]\:animate-accordion-down {
4165
+ &[data-state="open"] {
4166
+ animation: var(--animate-accordion-down);
4167
+ }
4168
+ }
4169
+ .data-\[state\=open\]\:animate-collapsible-down {
4170
+ &[data-state="open"] {
4171
+ animation: var(--animate-collapsible-down);
4172
+ }
4173
+ }
3533
4174
  .data-\[state\=open\]\:bg-accent {
3534
4175
  &[data-state="open"] {
3535
4176
  background-color: var(--accent);
@@ -3651,6 +4292,19 @@
3651
4292
  background-color: var(--input);
3652
4293
  }
3653
4294
  }
4295
+ .data-\[type\=literal\]\:px-0 {
4296
+ &[data-type="literal"] {
4297
+ padding-inline: calc(var(--spacing) * 0);
4298
+ }
4299
+ }
4300
+ .data-\[type\=literal\]\:text-muted-foreground\/70 {
4301
+ &[data-type="literal"] {
4302
+ color: var(--muted-foreground);
4303
+ @supports (color: color-mix(in lab, red, red)) {
4304
+ color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
4305
+ }
4306
+ }
4307
+ }
3654
4308
  .data-\[variant\=label\]\:text-sm {
3655
4309
  &[data-variant="label"] {
3656
4310
  font-size: var(--text-sm);
@@ -3783,6 +4437,12 @@
3783
4437
  }
3784
4438
  }
3785
4439
  }
4440
+ .rtl\:-translate-x-1\/2 {
4441
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
4442
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
4443
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4444
+ }
4445
+ }
3786
4446
  .rtl\:translate-x-full {
3787
4447
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3788
4448
  --tw-translate-x: 100%;
@@ -3812,6 +4472,17 @@
3812
4472
  }
3813
4473
  }
3814
4474
  }
4475
+ .rtl\:\*\:after\:translate-x-1\/2 {
4476
+ &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
4477
+ :is(& > *) {
4478
+ &::after {
4479
+ content: var(--tw-content);
4480
+ --tw-translate-x: calc(1/2 * 100%);
4481
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4482
+ }
4483
+ }
4484
+ }
4485
+ }
3815
4486
  .rtl\:data-\[state\=checked\]\:-translate-x-\[calc\(100\%-2px\)\] {
3816
4487
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
3817
4488
  &[data-state="checked"] {
@@ -3908,6 +4579,14 @@
3908
4579
  background-color: var(--color-green-950);
3909
4580
  }
3910
4581
  }
4582
+ .dark\:bg-input\/30 {
4583
+ &:is(.dark *) {
4584
+ background-color: var(--input);
4585
+ @supports (color: color-mix(in lab, red, red)) {
4586
+ background-color: color-mix(in oklab, var(--input) 30%, transparent);
4587
+ }
4588
+ }
4589
+ }
3911
4590
  .dark\:bg-secondary\/50 {
3912
4591
  &:is(.dark *) {
3913
4592
  background-color: var(--secondary);
@@ -4031,6 +4710,30 @@
4031
4710
  }
4032
4711
  }
4033
4712
  }
4713
+ .dark\:data-focus-within\:has-aria-invalid\:ring-destructive\/40 {
4714
+ &:is(.dark *) {
4715
+ &[data-focus-within] {
4716
+ &:has(*[aria-invalid="true"]) {
4717
+ --tw-ring-color: var(--destructive);
4718
+ @supports (color: color-mix(in lab, red, red)) {
4719
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
4720
+ }
4721
+ }
4722
+ }
4723
+ }
4724
+ }
4725
+ .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
4726
+ &:is(.dark *) {
4727
+ &[data-active="true"] {
4728
+ &[aria-invalid="true"] {
4729
+ --tw-ring-color: var(--destructive);
4730
+ @supports (color: color-mix(in lab, red, red)) {
4731
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
4732
+ }
4733
+ }
4734
+ }
4735
+ }
4736
+ }
4034
4737
  .dark\:data-\[state\=open\]\:bg-zinc-300\/90 {
4035
4738
  &:is(.dark *) {
4036
4739
  &[data-state="open"] {
@@ -4041,6 +4744,84 @@
4041
4744
  }
4042
4745
  }
4043
4746
  }
4747
+ .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
4748
+ & .recharts-cartesian-axis-tick text {
4749
+ fill: var(--muted-foreground);
4750
+ }
4751
+ }
4752
+ .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
4753
+ & .recharts-cartesian-grid line[stroke='#ccc'] {
4754
+ stroke: var(--border);
4755
+ @supports (color: color-mix(in lab, red, red)) {
4756
+ stroke: color-mix(in oklab, var(--border) 50%, transparent);
4757
+ }
4758
+ }
4759
+ }
4760
+ .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
4761
+ & .recharts-curve.recharts-tooltip-cursor {
4762
+ stroke: var(--border);
4763
+ }
4764
+ }
4765
+ .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
4766
+ & .recharts-dot[stroke='#fff'] {
4767
+ stroke: transparent;
4768
+ }
4769
+ }
4770
+ .\[\&_\.recharts-layer\]\:outline-hidden {
4771
+ & .recharts-layer {
4772
+ --tw-outline-style: none;
4773
+ outline-style: none;
4774
+ @media (forced-colors: active) {
4775
+ outline: 2px solid transparent;
4776
+ outline-offset: 2px;
4777
+ }
4778
+ }
4779
+ }
4780
+ .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
4781
+ & .recharts-polar-grid [stroke='#ccc'] {
4782
+ stroke: var(--border);
4783
+ }
4784
+ }
4785
+ .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
4786
+ & .recharts-radial-bar-background-sector {
4787
+ fill: var(--muted);
4788
+ }
4789
+ }
4790
+ .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
4791
+ & .recharts-rectangle.recharts-tooltip-cursor {
4792
+ fill: var(--muted);
4793
+ }
4794
+ }
4795
+ .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
4796
+ & .recharts-reference-line [stroke='#ccc'] {
4797
+ stroke: var(--border);
4798
+ }
4799
+ }
4800
+ .\[\&_\.recharts-sector\]\:outline-hidden {
4801
+ & .recharts-sector {
4802
+ --tw-outline-style: none;
4803
+ outline-style: none;
4804
+ @media (forced-colors: active) {
4805
+ outline: 2px solid transparent;
4806
+ outline-offset: 2px;
4807
+ }
4808
+ }
4809
+ }
4810
+ .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
4811
+ & .recharts-sector[stroke='#fff'] {
4812
+ stroke: transparent;
4813
+ }
4814
+ }
4815
+ .\[\&_\.recharts-surface\]\:outline-hidden {
4816
+ & .recharts-surface {
4817
+ --tw-outline-style: none;
4818
+ outline-style: none;
4819
+ @media (forced-colors: active) {
4820
+ outline: 2px solid transparent;
4821
+ outline-offset: 2px;
4822
+ }
4823
+ }
4824
+ }
4044
4825
  .\[\&_\>\:first-child\]\:relative {
4045
4826
  & >:first-child {
4046
4827
  position: relative;
@@ -4052,6 +4833,70 @@
4052
4833
  border-inline-end-width: 0px;
4053
4834
  }
4054
4835
  }
4836
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
4837
+ & [cmdk-group-heading] {
4838
+ padding-inline: calc(var(--spacing) * 2);
4839
+ }
4840
+ }
4841
+ .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
4842
+ & [cmdk-group-heading] {
4843
+ padding-block: calc(var(--spacing) * 1.5);
4844
+ }
4845
+ }
4846
+ .\[\&_\[cmdk-group-heading\]\]\:text-xs {
4847
+ & [cmdk-group-heading] {
4848
+ font-size: var(--text-xs);
4849
+ line-height: var(--tw-leading, var(--text-xs--line-height));
4850
+ }
4851
+ }
4852
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
4853
+ & [cmdk-group-heading] {
4854
+ --tw-font-weight: var(--font-weight-medium);
4855
+ font-weight: var(--font-weight-medium);
4856
+ }
4857
+ }
4858
+ .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
4859
+ & [cmdk-group-heading] {
4860
+ color: var(--muted-foreground);
4861
+ }
4862
+ }
4863
+ .\[\&_\[cmdk-group\]\]\:px-2 {
4864
+ & [cmdk-group] {
4865
+ padding-inline: calc(var(--spacing) * 2);
4866
+ }
4867
+ }
4868
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
4869
+ & [cmdk-group]:not([hidden]) ~[cmdk-group] {
4870
+ padding-top: calc(var(--spacing) * 0);
4871
+ }
4872
+ }
4873
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:size-5 {
4874
+ & [cmdk-input-wrapper] svg {
4875
+ width: calc(var(--spacing) * 5);
4876
+ height: calc(var(--spacing) * 5);
4877
+ }
4878
+ }
4879
+ .\[\&_\[cmdk-input\]\]\:h-12 {
4880
+ & [cmdk-input] {
4881
+ height: calc(var(--spacing) * 12);
4882
+ }
4883
+ }
4884
+ .\[\&_\[cmdk-item\]\]\:px-2 {
4885
+ & [cmdk-item] {
4886
+ padding-inline: calc(var(--spacing) * 2);
4887
+ }
4888
+ }
4889
+ .\[\&_\[cmdk-item\]\]\:py-3 {
4890
+ & [cmdk-item] {
4891
+ padding-block: calc(var(--spacing) * 3);
4892
+ }
4893
+ }
4894
+ .\[\&_\[cmdk-item\]_svg\]\:size-5 {
4895
+ & [cmdk-item] svg {
4896
+ width: calc(var(--spacing) * 5);
4897
+ height: calc(var(--spacing) * 5);
4898
+ }
4899
+ }
4055
4900
  .\[\&_\[data-slot\=alert-close\]\]\:mt-0\.5 {
4056
4901
  & [data-slot=alert-close] {
4057
4902
  margin-top: calc(var(--spacing) * 0.5);
@@ -4331,6 +5176,11 @@
4331
5176
  border-radius: calc(infinity * 1px);
4332
5177
  }
4333
5178
  }
5179
+ .\[\&_a\]\:flex {
5180
+ & a {
5181
+ display: flex;
5182
+ }
5183
+ }
4334
5184
  .\[\&_p\]\:mb-2 {
4335
5185
  & p {
4336
5186
  margin-bottom: calc(var(--spacing) * 2);
@@ -4352,6 +5202,18 @@
4352
5202
  margin-inline-start: -1px;
4353
5203
  }
4354
5204
  }
5205
+ .\[\&_svg\]\:size-2 {
5206
+ & svg {
5207
+ width: calc(var(--spacing) * 2);
5208
+ height: calc(var(--spacing) * 2);
5209
+ }
5210
+ }
5211
+ .\[\&_svg\]\:size-2\.5 {
5212
+ & svg {
5213
+ width: calc(var(--spacing) * 2.5);
5214
+ height: calc(var(--spacing) * 2.5);
5215
+ }
5216
+ }
4355
5217
  .\[\&_svg\]\:size-3 {
4356
5218
  & svg {
4357
5219
  width: calc(var(--spacing) * 3);
@@ -4561,6 +5423,21 @@
4561
5423
  }
4562
5424
  }
4563
5425
  }
5426
+ .\[\&\>a\]\:w-full {
5427
+ &>a {
5428
+ width: 100%;
5429
+ }
5430
+ }
5431
+ .\[\&\>a\]\:items-center {
5432
+ &>a {
5433
+ align-items: center;
5434
+ }
5435
+ }
5436
+ .\[\&\>a\]\:gap-2 {
5437
+ &>a {
5438
+ gap: calc(var(--spacing) * 2);
5439
+ }
5440
+ }
4564
5441
  .\[\&\>a\]\:underline {
4565
5442
  &>a {
4566
5443
  text-decoration-line: underline;
@@ -4594,6 +5471,18 @@
4594
5471
  display: none;
4595
5472
  }
4596
5473
  }
5474
+ .\[\&\>svg\]\:size-2\.5 {
5475
+ &>svg {
5476
+ width: calc(var(--spacing) * 2.5);
5477
+ height: calc(var(--spacing) * 2.5);
5478
+ }
5479
+ }
5480
+ .\[\&\>svg\]\:size-3 {
5481
+ &>svg {
5482
+ width: calc(var(--spacing) * 3);
5483
+ height: calc(var(--spacing) * 3);
5484
+ }
5485
+ }
4597
5486
  .\[\&\>svg\]\:size-3\.5\! {
4598
5487
  &>svg {
4599
5488
  width: calc(var(--spacing) * 3.5) !important;
@@ -4621,17 +5510,51 @@
4621
5510
  flex-shrink: 0;
4622
5511
  }
4623
5512
  }
5513
+ .\[\&\>svg\]\:text-muted-foreground {
5514
+ &>svg {
5515
+ color: var(--muted-foreground);
5516
+ }
5517
+ }
4624
5518
  .\[\&\>svg\]\:opacity-100\! {
4625
5519
  &>svg {
4626
5520
  opacity: 100% !important;
4627
5521
  }
4628
5522
  }
5523
+ .\[\&\>svg\>path\:last-child\]\:origin-center {
5524
+ &>svg>path:last-child {
5525
+ transform-origin: center;
5526
+ }
5527
+ }
5528
+ .\[\&\>svg\>path\:last-child\]\:transition-all {
5529
+ &>svg>path:last-child {
5530
+ transition-property: all;
5531
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
5532
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
5533
+ }
5534
+ }
5535
+ .\[\&\>svg\>path\:last-child\]\:duration-200 {
5536
+ &>svg>path:last-child {
5537
+ --tw-duration: 200ms;
5538
+ transition-duration: 200ms;
5539
+ }
5540
+ }
4629
5541
  .\[\&\>th\]\:border-b {
4630
5542
  &>th {
4631
5543
  border-bottom-style: var(--tw-border-style);
4632
5544
  border-bottom-width: 1px;
4633
5545
  }
4634
5546
  }
5547
+ .\[\&\[data-disabled\]\>\*\]\:after\:bg-foreground\/30 {
5548
+ &[data-disabled]>* {
5549
+ &::after {
5550
+ content: var(--tw-content);
5551
+ background-color: var(--foreground);
5552
+ @supports (color: color-mix(in lab, red, red)) {
5553
+ background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
5554
+ }
5555
+ }
5556
+ }
5557
+ }
4635
5558
  .\[\&\[data-last-col\=left\]_div\.cursor-col-resize\:last-child\]\:opacity-0 {
4636
5559
  &[data-last-col=left] div.cursor-col-resize:last-child {
4637
5560
  opacity: 0%;
@@ -4659,11 +5582,34 @@
4659
5582
  border-color: var(--border);
4660
5583
  }
4661
5584
  }
5585
+ .\[\&\[data-selected\]\:not\(\.range-middle\)\>\*\]\:after\:bg-background {
5586
+ &[data-selected]:not(.range-middle)>* {
5587
+ &::after {
5588
+ content: var(--tw-content);
5589
+ background-color: var(--background);
5590
+ }
5591
+ }
5592
+ }
4662
5593
  .\[\&\[data-state\=active\]_svg\]\:text-primary {
4663
5594
  &[data-state=active] svg {
4664
5595
  color: var(--primary);
4665
5596
  }
4666
5597
  }
5598
+ .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
5599
+ &[data-state=open]>svg {
5600
+ rotate: 180deg;
5601
+ }
5602
+ }
5603
+ .\[\&\[data-state\=open\]\>svg\>path\:last-child\]\:rotate-90 {
5604
+ &[data-state=open]>svg>path:last-child {
5605
+ rotate: 90deg;
5606
+ }
5607
+ }
5608
+ .\[\&\[data-state\=open\]\>svg\>path\:last-child\]\:opacity-0 {
5609
+ &[data-state=open]>svg>path:last-child {
5610
+ opacity: 0%;
5611
+ }
5612
+ }
4667
5613
  .\[\&\[readonly\]\]\:cursor-not-allowed {
4668
5614
  &[readonly] {
4669
5615
  cursor: not-allowed;
@@ -4721,6 +5667,11 @@
4721
5667
  }
4722
5668
  }
4723
5669
  }
5670
+ .\[\[data-state\=open\]\>\&\]\:-rotate-180 {
5671
+ [data-state=open]>& {
5672
+ rotate: calc(180deg * -1);
5673
+ }
5674
+ }
4724
5675
  .\[\[data-state\=open\]\>\&\]\:border-ring {
4725
5676
  [data-state=open]>& {
4726
5677
  border-color: var(--ring);
@@ -4826,6 +5777,49 @@
4826
5777
  transition-property: none !important;
4827
5778
  }
4828
5779
  }
5780
+ @keyframes accordion-down {
5781
+ from {
5782
+ height: 0;
5783
+ }
5784
+ to {
5785
+ height: var(--radix-accordion-content-height);
5786
+ }
5787
+ }
5788
+ @keyframes accordion-up {
5789
+ from {
5790
+ height: var(--radix-accordion-content-height);
5791
+ }
5792
+ to {
5793
+ height: 0;
5794
+ }
5795
+ }
5796
+ @keyframes collapsible-down {
5797
+ from {
5798
+ height: 0;
5799
+ }
5800
+ to {
5801
+ height: var(--radix-collapsible-content-height);
5802
+ }
5803
+ }
5804
+ @keyframes collapsible-up {
5805
+ from {
5806
+ height: var(--radix-collapsible-content-height);
5807
+ }
5808
+ to {
5809
+ height: 0;
5810
+ }
5811
+ }
5812
+ @keyframes caret-blink {
5813
+ 0%,
5814
+ 70%,
5815
+ 100% {
5816
+ opacity: 1;
5817
+ }
5818
+ 20%,
5819
+ 50% {
5820
+ opacity: 0;
5821
+ }
5822
+ }
4829
5823
  @property --tw-border-spacing-x {
4830
5824
  syntax: "<length>";
4831
5825
  inherits: false;
@@ -4945,6 +5939,26 @@
4945
5939
  syntax: "*";
4946
5940
  inherits: false;
4947
5941
  }
5942
+ @property --tw-ordinal {
5943
+ syntax: "*";
5944
+ inherits: false;
5945
+ }
5946
+ @property --tw-slashed-zero {
5947
+ syntax: "*";
5948
+ inherits: false;
5949
+ }
5950
+ @property --tw-numeric-figure {
5951
+ syntax: "*";
5952
+ inherits: false;
5953
+ }
5954
+ @property --tw-numeric-spacing {
5955
+ syntax: "*";
5956
+ inherits: false;
5957
+ }
5958
+ @property --tw-numeric-fraction {
5959
+ syntax: "*";
5960
+ inherits: false;
5961
+ }
4948
5962
  @property --tw-shadow {
4949
5963
  syntax: "*";
4950
5964
  inherits: false;
@@ -5171,6 +6185,11 @@
5171
6185
  --tw-leading: initial;
5172
6186
  --tw-font-weight: initial;
5173
6187
  --tw-tracking: initial;
6188
+ --tw-ordinal: initial;
6189
+ --tw-slashed-zero: initial;
6190
+ --tw-numeric-figure: initial;
6191
+ --tw-numeric-spacing: initial;
6192
+ --tw-numeric-fraction: initial;
5174
6193
  --tw-shadow: 0 0 #0000;
5175
6194
  --tw-shadow-color: initial;
5176
6195
  --tw-shadow-alpha: 100%;