@powerhousedao/connect 6.2.0-dev.20 → 6.2.0-dev.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -25,48 +25,21 @@
25
25
  --color-slate-700: hsl(204 9% 11%);
26
26
  --color-slate-800: hsl(195 9% 9%);
27
27
  --color-slate-900: hsl(195 6% 6%);
28
- --color-blue-100: hsl(209 100% 99%);
29
- --color-blue-200: hsl(209 97% 85%);
30
- --color-blue-300: hsl(209 100% 80%);
31
- --color-blue-400: hsl(209 100% 75%);
32
28
  --color-blue-500: hsl(209 100% 70%);
33
29
  --color-blue-600: hsl(209 100% 65%);
34
- --color-blue-700: hsl(209 100% 60%);
35
- --color-blue-800: hsl(209 100% 55%);
36
30
  --color-blue-900: hsl(209 100% 50%);
37
- --color-green-100: hsl(134 51% 99%);
38
- --color-green-300: hsl(136 52% 77%);
39
- --color-green-400: hsl(136 53% 72%);
40
31
  --color-green-500: hsl(136 53% 66%);
41
32
  --color-green-600: hsl(136 53% 60%);
42
- --color-green-700: hsl(136 52% 55%);
43
- --color-green-800: hsl(136 53% 49%);
44
33
  --color-green-900: hsl(136 53% 43%);
45
- --color-purple-100: hsl(262 79% 99%);
46
- --color-purple-700: hsl(263 78% 70%);
47
- --color-purple-800: hsl(263 78% 66%);
48
- --color-purple-900: hsl(263 78% 63%);
49
- --color-red-100: hsl(3 82% 99%);
50
- --color-red-200: hsl(3 82% 91%);
51
- --color-red-300: hsl(6 82% 87%);
34
+ --color-purple-600: hsl(263 76% 74%);
35
+ --color-red-100: hsl(3 82% 89%);
52
36
  --color-red-400: hsl(5 82% 83%);
53
37
  --color-red-500: hsl(5 80% 78%);
54
38
  --color-red-600: hsl(4 81% 74%);
55
- --color-red-700: hsl(4 81% 69%);
56
- --color-red-800: hsl(5 81% 61%);
57
39
  --color-red-900: hsl(5 81% 56%);
58
- --color-orange-100: hsl(33 100% 99%);
59
- --color-orange-700: hsl(32 100% 60%);
40
+ --color-orange-600: hsl(32 100% 65%);
60
41
  --color-orange-900: hsl(32 100% 50%);
61
- --color-yellow-100: hsl(46 100% 99%);
62
- --color-yellow-200: hsl(47 100% 86%);
63
- --color-yellow-300: hsl(47 100% 79%);
64
- --color-yellow-400: hsl(47 100% 69%);
65
42
  --color-yellow-500: hsl(47 100% 60%);
66
- --color-yellow-600: hsl(47 100% 57%);
67
- --color-yellow-700: hsl(47 100% 51%);
68
- --color-yellow-800: hsl(47 100% 50%);
69
- --color-yellow-900: hsl(47 100% 49%);
70
43
  --animate-fade-in: fadeIn 0.3s ease-in-out;
71
44
  --animate-fade-out: fadeOut 0.1s ease-in-out;
72
45
  --animate-zoom-in: zoomIn 0.3s ease-in-out;
@@ -77,22 +50,6 @@
77
50
  --animate-slide-in-from-right: slideInFromRight 0.2s ease-in-out;
78
51
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
79
52
  "Courier New", monospace;
80
- --color-red-50: oklch(97.1% 0.013 17.38);
81
- --color-orange-50: oklch(98% 0.016 73.684);
82
- --color-amber-50: oklch(98.7% 0.022 95.277);
83
- --color-amber-100: oklch(96.2% 0.059 95.617);
84
- --color-amber-300: oklch(87.9% 0.169 91.605);
85
- --color-amber-600: oklch(66.6% 0.179 58.318);
86
- --color-amber-800: oklch(47.3% 0.137 46.201);
87
- --color-amber-900: oklch(41.4% 0.112 45.904);
88
- --color-yellow-50: oklch(98.7% 0.026 102.212);
89
- --color-green-50: oklch(98.2% 0.018 155.826);
90
- --color-cyan-300: oklch(86.5% 0.127 207.078);
91
- --color-cyan-600: oklch(60.9% 0.126 221.723);
92
- --color-blue-50: oklch(97% 0.014 254.604);
93
- --color-violet-400: oklch(70.2% 0.183 293.541);
94
- --color-violet-500: oklch(60.6% 0.25 292.717);
95
- --color-stone-300: oklch(86.9% 0.005 56.366);
96
53
  --spacing: 0.25rem;
97
54
  --container-xs: 20rem;
98
55
  --container-sm: 24rem;
@@ -141,6 +98,69 @@
141
98
  --default-font-family: var(--font-sans);
142
99
  --default-mono-font-family: var(--font-mono);
143
100
  }
101
+ :root {
102
+ --background: var(--color-gray-50);
103
+ --foreground: var(--color-gray-800);
104
+ --card: var(--color-white);
105
+ --card-foreground: var(--color-gray-800);
106
+ --popover: var(--color-white);
107
+ --popover-foreground: var(--color-gray-800);
108
+ --primary: var(--color-gray-800);
109
+ --primary-foreground: var(--color-white);
110
+ --secondary: var(--color-gray-200);
111
+ --secondary-foreground: var(--color-gray-700);
112
+ --muted: var(--color-gray-100);
113
+ --muted-foreground: var(--color-gray-500);
114
+ --accent: var(--color-gray-100);
115
+ --accent-foreground: var(--color-gray-800);
116
+ --border: var(--color-gray-200);
117
+ --input: var(--color-gray-200);
118
+ --ring: var(--color-blue-500);
119
+ --hover: 0.95;
120
+ --active: 0.9;
121
+ --disabled: 0.5;
122
+ --destructive: var(--color-red-900);
123
+ --destructive-foreground: var(--color-white);
124
+ --info: var(--color-blue-900);
125
+ --info-foreground: var(--color-white);
126
+ --success: var(--color-green-900);
127
+ --success-foreground: var(--color-white);
128
+ --warning: var(--color-orange-900);
129
+ --warning-foreground: var(--color-white);
130
+ --chart-1: var(--color-blue-600);
131
+ --chart-2: var(--color-green-600);
132
+ --chart-3: var(--color-orange-600);
133
+ --chart-4: var(--color-purple-600);
134
+ --chart-5: var(--color-red-600);
135
+ --sidebar: var(--background);
136
+ --sidebar-foreground: var(--foreground);
137
+ --sidebar-primary: var(--primary);
138
+ --sidebar-primary-foreground: var(--primary-foreground);
139
+ --sidebar-accent: var(--accent);
140
+ --sidebar-accent-foreground: var(--accent-foreground);
141
+ --sidebar-border: var(--border);
142
+ --sidebar-ring: var(--ring);
143
+ }
144
+ .dark {
145
+ --background: var(--color-slate-800);
146
+ --foreground: var(--color-slate-100);
147
+ --card: var(--color-slate-700);
148
+ --card-foreground: var(--color-slate-100);
149
+ --popover: var(--color-slate-700);
150
+ --popover-foreground: var(--color-slate-100);
151
+ --primary: var(--color-slate-100);
152
+ --primary-foreground: var(--color-slate-900);
153
+ --secondary: var(--color-slate-600);
154
+ --secondary-foreground: var(--color-slate-100);
155
+ --muted: var(--color-slate-700);
156
+ --muted-foreground: var(--color-slate-300);
157
+ --accent: var(--color-slate-700);
158
+ --accent-foreground: var(--color-slate-100);
159
+ --border: var(--color-slate-500);
160
+ --input: var(--color-slate-500);
161
+ --hover: 1.25;
162
+ --active: 1.4;
163
+ }
144
164
  @layer theme, base, components, utilities;
145
165
  @layer theme;
146
166
  @layer base {
@@ -1437,9 +1457,9 @@
1437
1457
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1438
1458
  }
1439
1459
  }
1440
- .divide-gray-200 {
1460
+ .divide-border {
1441
1461
  :where(& > :not(:last-child)) {
1442
- border-color: var(--color-gray-200);
1462
+ border-color: var(--border);
1443
1463
  }
1444
1464
  }
1445
1465
  .self-center {
@@ -1590,246 +1610,135 @@
1590
1610
  --tw-border-style: solid;
1591
1611
  border-style: solid;
1592
1612
  }
1593
- .border-amber-300 {
1594
- border-color: var(--color-amber-300);
1595
- }
1596
- .border-blue-300 {
1597
- border-color: var(--color-blue-300);
1598
- }
1599
- .border-blue-500 {
1600
- border-color: var(--color-blue-500);
1601
- }
1602
- .border-blue-600 {
1603
- border-color: var(--color-blue-600);
1604
- }
1605
- .border-gray-50 {
1606
- border-color: var(--color-gray-50);
1607
- }
1608
- .border-gray-100 {
1609
- border-color: var(--color-gray-100);
1610
- }
1611
- .border-gray-200 {
1612
- border-color: var(--color-gray-200);
1613
+ .border-border {
1614
+ border-color: var(--border);
1613
1615
  }
1614
- .border-gray-300 {
1615
- border-color: var(--color-gray-300);
1616
+ .border-destructive {
1617
+ border-color: var(--destructive);
1616
1618
  }
1617
- .border-gray-400 {
1618
- border-color: var(--color-gray-400);
1619
+ .border-foreground {
1620
+ border-color: var(--foreground);
1619
1621
  }
1620
- .border-gray-500 {
1621
- border-color: var(--color-gray-500);
1622
+ .border-info {
1623
+ border-color: var(--info);
1622
1624
  }
1623
- .border-gray-600 {
1624
- border-color: var(--color-gray-600);
1625
+ .border-sidebar-border {
1626
+ border-color: var(--sidebar-border);
1625
1627
  }
1626
- .border-gray-700 {
1627
- border-color: var(--color-gray-700);
1628
- }
1629
- .border-gray-800 {
1630
- border-color: var(--color-gray-800);
1631
- }
1632
- .border-gray-900 {
1633
- border-color: var(--color-gray-900);
1634
- }
1635
- .border-green-300 {
1636
- border-color: var(--color-green-300);
1637
- }
1638
- .border-red-300 {
1639
- border-color: var(--color-red-300);
1640
- }
1641
- .border-red-700 {
1642
- border-color: var(--color-red-700);
1643
- }
1644
- .border-red-900 {
1645
- border-color: var(--color-red-900);
1628
+ .border-success {
1629
+ border-color: var(--success);
1646
1630
  }
1647
1631
  .border-transparent {
1648
1632
  border-color: transparent;
1649
1633
  }
1650
- .border-white {
1651
- border-color: var(--color-white);
1652
- }
1653
- .border-yellow-300 {
1654
- border-color: var(--color-yellow-300);
1655
- }
1656
- .border-yellow-400 {
1657
- border-color: var(--color-yellow-400);
1658
- }
1659
- .border-yellow-500 {
1660
- border-color: var(--color-yellow-500);
1661
- }
1662
- .border-b-gray-300 {
1663
- border-bottom-color: var(--color-gray-300);
1664
- }
1665
- .\!bg-transparent {
1666
- background-color: transparent !important;
1667
- }
1668
- .bg-amber-100 {
1669
- background-color: var(--color-amber-100);
1670
- }
1671
- .bg-amber-300 {
1672
- background-color: var(--color-amber-300);
1673
- }
1674
- .bg-blue-50 {
1675
- background-color: var(--color-blue-50);
1676
- }
1677
- .bg-blue-100 {
1678
- background-color: var(--color-blue-100);
1679
- }
1680
- .bg-blue-200 {
1681
- background-color: var(--color-blue-200);
1682
- }
1683
- .bg-blue-300 {
1684
- background-color: var(--color-blue-300);
1685
- }
1686
- .bg-blue-500 {
1687
- background-color: var(--color-blue-500);
1688
- }
1689
- .bg-blue-600 {
1690
- background-color: var(--color-blue-600);
1691
- }
1692
- .bg-blue-900 {
1693
- background-color: var(--color-blue-900);
1694
- }
1695
- .bg-cyan-300 {
1696
- background-color: var(--color-cyan-300);
1697
- }
1698
- .bg-gray-50 {
1699
- background-color: var(--color-gray-50);
1700
- }
1701
- .bg-gray-100 {
1702
- background-color: var(--color-gray-100);
1634
+ .border-warning {
1635
+ border-color: var(--warning);
1703
1636
  }
1704
- .bg-gray-200 {
1705
- background-color: var(--color-gray-200);
1637
+ .border-b-border {
1638
+ border-bottom-color: var(--border);
1706
1639
  }
1707
- .bg-gray-300 {
1708
- background-color: var(--color-gray-300);
1640
+ .bg-background {
1641
+ background-color: var(--background);
1709
1642
  }
1710
- .bg-gray-400 {
1711
- background-color: var(--color-gray-400);
1712
- }
1713
- .bg-gray-500 {
1714
- background-color: var(--color-gray-500);
1715
- }
1716
- .bg-gray-500\/20 {
1717
- background-color: color-mix(in srgb, hsl(200 2% 63%) 20%, transparent);
1643
+ .bg-background\/50 {
1644
+ background-color: var(--background);
1718
1645
  @supports (color: color-mix(in lab, red, red)) {
1719
- background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
1646
+ background-color: color-mix(in oklab, var(--background) 50%, transparent);
1720
1647
  }
1721
1648
  }
1722
- .bg-gray-800 {
1723
- background-color: var(--color-gray-800);
1649
+ .bg-card {
1650
+ background-color: var(--card);
1724
1651
  }
1725
- .bg-gray-900 {
1726
- background-color: var(--color-gray-900);
1727
- }
1728
- .bg-gray-900\/30 {
1729
- background-color: color-mix(in srgb, hsl(192 5% 21%) 30%, transparent);
1652
+ .bg-card\/90 {
1653
+ background-color: var(--card);
1730
1654
  @supports (color: color-mix(in lab, red, red)) {
1731
- background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
1655
+ background-color: color-mix(in oklab, var(--card) 90%, transparent);
1732
1656
  }
1733
1657
  }
1734
- .bg-gray-900\/50 {
1735
- background-color: color-mix(in srgb, hsl(192 5% 21%) 50%, transparent);
1658
+ .bg-destructive {
1659
+ background-color: var(--destructive);
1660
+ }
1661
+ .bg-destructive\/10 {
1662
+ background-color: var(--destructive);
1736
1663
  @supports (color: color-mix(in lab, red, red)) {
1737
- background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
1664
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
1738
1665
  }
1739
1666
  }
1740
- .bg-green-50 {
1741
- background-color: var(--color-green-50);
1667
+ .bg-info {
1668
+ background-color: var(--info);
1742
1669
  }
1743
- .bg-green-100 {
1744
- background-color: var(--color-green-100);
1745
- }
1746
- .bg-green-500 {
1747
- background-color: var(--color-green-500);
1748
- }
1749
- .bg-green-600 {
1750
- background-color: var(--color-green-600);
1751
- }
1752
- .bg-green-600\/30 {
1753
- background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
1670
+ .bg-info\/10 {
1671
+ background-color: var(--info);
1754
1672
  @supports (color: color-mix(in lab, red, red)) {
1755
- background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
1673
+ background-color: color-mix(in oklab, var(--info) 10%, transparent);
1756
1674
  }
1757
1675
  }
1758
- .bg-green-900 {
1759
- background-color: var(--color-green-900);
1760
- }
1761
1676
  .bg-inherit {
1762
1677
  background-color: inherit;
1763
1678
  }
1764
- .bg-purple-100 {
1765
- background-color: var(--color-purple-100);
1679
+ .bg-muted {
1680
+ background-color: var(--muted);
1766
1681
  }
1767
- .bg-purple-900 {
1768
- background-color: var(--color-purple-900);
1682
+ .bg-muted-foreground {
1683
+ background-color: var(--muted-foreground);
1769
1684
  }
1770
- .bg-red-50 {
1771
- background-color: var(--color-red-50);
1685
+ .bg-muted-foreground\/20 {
1686
+ background-color: var(--muted-foreground);
1687
+ @supports (color: color-mix(in lab, red, red)) {
1688
+ background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
1689
+ }
1772
1690
  }
1773
- .bg-red-100 {
1774
- background-color: var(--color-red-100);
1691
+ .bg-popover {
1692
+ background-color: var(--popover);
1775
1693
  }
1776
- .bg-red-500 {
1777
- background-color: var(--color-red-500);
1694
+ .bg-primary {
1695
+ background-color: var(--primary);
1778
1696
  }
1779
- .bg-red-600 {
1780
- background-color: var(--color-red-600);
1697
+ .bg-primary\/30 {
1698
+ background-color: var(--primary);
1699
+ @supports (color: color-mix(in lab, red, red)) {
1700
+ background-color: color-mix(in oklab, var(--primary) 30%, transparent);
1701
+ }
1781
1702
  }
1782
- .bg-red-600\/30 {
1783
- background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
1703
+ .bg-primary\/50 {
1704
+ background-color: var(--primary);
1784
1705
  @supports (color: color-mix(in lab, red, red)) {
1785
- background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
1706
+ background-color: color-mix(in oklab, var(--primary) 50%, transparent);
1786
1707
  }
1787
1708
  }
1788
- .bg-red-900 {
1789
- background-color: var(--color-red-900);
1709
+ .bg-secondary {
1710
+ background-color: var(--secondary);
1790
1711
  }
1791
- .bg-slate-50 {
1792
- background-color: var(--color-slate-50);
1712
+ .bg-sidebar {
1713
+ background-color: var(--sidebar);
1793
1714
  }
1794
- .bg-slate-50\/50 {
1795
- background-color: color-mix(in srgb, hsl(210 20% 99%) 50%, transparent);
1715
+ .bg-sidebar-accent {
1716
+ background-color: var(--sidebar-accent);
1717
+ }
1718
+ .bg-success {
1719
+ background-color: var(--success);
1720
+ }
1721
+ .bg-success\/10 {
1722
+ background-color: var(--success);
1796
1723
  @supports (color: color-mix(in lab, red, red)) {
1797
- background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
1724
+ background-color: color-mix(in oklab, var(--success) 10%, transparent);
1798
1725
  }
1799
1726
  }
1800
1727
  .bg-transparent {
1801
1728
  background-color: transparent;
1802
1729
  }
1803
- .bg-violet-400 {
1804
- background-color: var(--color-violet-400);
1730
+ .bg-transparent\! {
1731
+ background-color: transparent !important;
1805
1732
  }
1806
- .bg-white {
1807
- background-color: var(--color-white);
1733
+ .bg-warning {
1734
+ background-color: var(--warning);
1808
1735
  }
1809
- .bg-white\/90 {
1810
- background-color: color-mix(in srgb, hsl(0 0% 100%) 90%, transparent);
1736
+ .bg-warning\/10 {
1737
+ background-color: var(--warning);
1811
1738
  @supports (color: color-mix(in lab, red, red)) {
1812
- background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
1739
+ background-color: color-mix(in oklab, var(--warning) 10%, transparent);
1813
1740
  }
1814
1741
  }
1815
- .bg-yellow-50 {
1816
- background-color: var(--color-yellow-50);
1817
- }
1818
- .bg-yellow-100 {
1819
- background-color: var(--color-yellow-100);
1820
- }
1821
- .bg-yellow-300 {
1822
- background-color: var(--color-yellow-300);
1823
- }
1824
- .bg-yellow-400 {
1825
- background-color: var(--color-yellow-400);
1826
- }
1827
- .bg-yellow-500 {
1828
- background-color: var(--color-yellow-500);
1829
- }
1830
- .bg-yellow-600 {
1831
- background-color: var(--color-yellow-600);
1832
- }
1833
1742
  .object-contain {
1834
1743
  object-fit: contain;
1835
1744
  }
@@ -2152,10 +2061,6 @@
2152
2061
  --tw-leading: 1;
2153
2062
  line-height: 1;
2154
2063
  }
2155
- .\!font-semibold {
2156
- --tw-font-weight: var(--font-weight-semibold) !important;
2157
- font-weight: var(--font-weight-semibold) !important;
2158
- }
2159
2064
  .font-bold {
2160
2065
  --tw-font-weight: var(--font-weight-bold);
2161
2066
  font-weight: var(--font-weight-bold);
@@ -2172,6 +2077,10 @@
2172
2077
  --tw-font-weight: var(--font-weight-semibold);
2173
2078
  font-weight: var(--font-weight-semibold);
2174
2079
  }
2080
+ .font-semibold\! {
2081
+ --tw-font-weight: var(--font-weight-semibold) !important;
2082
+ font-weight: var(--font-weight-semibold) !important;
2083
+ }
2175
2084
  .tracking-normal {
2176
2085
  --tw-tracking: var(--tracking-normal);
2177
2086
  letter-spacing: var(--tracking-normal);
@@ -2196,131 +2105,59 @@
2196
2105
  .whitespace-nowrap {
2197
2106
  white-space: nowrap;
2198
2107
  }
2199
- .\!text-gray-600 {
2200
- color: var(--color-gray-600) !important;
2201
- }
2202
- .\!text-gray-700 {
2203
- color: var(--color-gray-700) !important;
2204
- }
2205
- .text-\[\#E2E4E7\] {
2206
- color: #E2E4E7;
2207
- }
2208
- .text-amber-900 {
2209
- color: var(--color-amber-900);
2210
- }
2211
- .text-blue-500 {
2212
- color: var(--color-blue-500);
2213
- }
2214
- .text-blue-600 {
2215
- color: var(--color-blue-600);
2216
- }
2217
- .text-blue-700 {
2218
- color: var(--color-blue-700);
2219
- }
2220
- .text-blue-800 {
2221
- color: var(--color-blue-800);
2222
- }
2223
- .text-blue-900 {
2224
- color: var(--color-blue-900);
2225
- }
2226
2108
  .text-current {
2227
2109
  color: currentcolor;
2228
2110
  }
2229
- .text-gray-50 {
2230
- color: var(--color-gray-50);
2231
- }
2232
- .text-gray-100 {
2233
- color: var(--color-gray-100);
2234
- }
2235
- .text-gray-200 {
2236
- color: var(--color-gray-200);
2237
- }
2238
- .text-gray-300 {
2239
- color: var(--color-gray-300);
2240
- }
2241
- .text-gray-400 {
2242
- color: var(--color-gray-400);
2111
+ .text-destructive {
2112
+ color: var(--destructive);
2243
2113
  }
2244
- .text-gray-500 {
2245
- color: var(--color-gray-500);
2114
+ .text-destructive-foreground {
2115
+ color: var(--destructive-foreground);
2246
2116
  }
2247
- .text-gray-600 {
2248
- color: var(--color-gray-600);
2117
+ .text-foreground {
2118
+ color: var(--foreground);
2249
2119
  }
2250
- .text-gray-700 {
2251
- color: var(--color-gray-700);
2120
+ .text-foreground\! {
2121
+ color: var(--foreground) !important;
2252
2122
  }
2253
- .text-gray-800 {
2254
- color: var(--color-gray-800);
2123
+ .text-info {
2124
+ color: var(--info);
2255
2125
  }
2256
- .text-gray-900 {
2257
- color: var(--color-gray-900);
2258
- }
2259
- .text-green-600 {
2260
- color: var(--color-green-600);
2261
- }
2262
- .text-green-700 {
2263
- color: var(--color-green-700);
2264
- }
2265
- .text-green-800 {
2266
- color: var(--color-green-800);
2267
- }
2268
- .text-green-900 {
2269
- color: var(--color-green-900);
2126
+ .text-info-foreground {
2127
+ color: var(--info-foreground);
2270
2128
  }
2271
2129
  .text-inherit {
2272
2130
  color: inherit;
2273
2131
  }
2274
- .text-orange-700 {
2275
- color: var(--color-orange-700);
2276
- }
2277
- .text-orange-900 {
2278
- color: var(--color-orange-900);
2279
- }
2280
- .text-purple-700 {
2281
- color: var(--color-purple-700);
2282
- }
2283
- .text-purple-900 {
2284
- color: var(--color-purple-900);
2285
- }
2286
- .text-red-400 {
2287
- color: var(--color-red-400);
2132
+ .text-muted-foreground {
2133
+ color: var(--muted-foreground);
2288
2134
  }
2289
- .text-red-500 {
2290
- color: var(--color-red-500);
2135
+ .text-muted-foreground\! {
2136
+ color: var(--muted-foreground) !important;
2291
2137
  }
2292
- .text-red-600 {
2293
- color: var(--color-red-600);
2138
+ .text-popover-foreground {
2139
+ color: var(--popover-foreground);
2294
2140
  }
2295
- .text-red-700 {
2296
- color: var(--color-red-700);
2141
+ .text-primary-foreground {
2142
+ color: var(--primary-foreground);
2297
2143
  }
2298
- .text-red-800 {
2299
- color: var(--color-red-800);
2144
+ .text-sidebar-accent-foreground {
2145
+ color: var(--sidebar-accent-foreground);
2300
2146
  }
2301
- .text-red-900 {
2302
- color: var(--color-red-900);
2147
+ .text-sidebar-foreground {
2148
+ color: var(--sidebar-foreground);
2303
2149
  }
2304
- .text-stone-300 {
2305
- color: var(--color-stone-300);
2150
+ .text-success {
2151
+ color: var(--success);
2306
2152
  }
2307
- .text-white {
2308
- color: var(--color-white);
2153
+ .text-success-foreground {
2154
+ color: var(--success-foreground);
2309
2155
  }
2310
- .text-yellow-400 {
2311
- color: var(--color-yellow-400);
2156
+ .text-warning {
2157
+ color: var(--warning);
2312
2158
  }
2313
- .text-yellow-600 {
2314
- color: var(--color-yellow-600);
2315
- }
2316
- .text-yellow-700 {
2317
- color: var(--color-yellow-700);
2318
- }
2319
- .text-yellow-800 {
2320
- color: var(--color-yellow-800);
2321
- }
2322
- .text-yellow-900 {
2323
- color: var(--color-yellow-900);
2159
+ .text-warning-foreground {
2160
+ color: var(--warning-foreground);
2324
2161
  }
2325
2162
  .capitalize {
2326
2163
  text-transform: capitalize;
@@ -2350,8 +2187,8 @@
2350
2187
  .underline-offset-2 {
2351
2188
  text-underline-offset: 2px;
2352
2189
  }
2353
- .accent-gray-900 {
2354
- accent-color: var(--color-gray-900);
2190
+ .accent-primary {
2191
+ accent-color: var(--primary);
2355
2192
  }
2356
2193
  .opacity-0 {
2357
2194
  opacity: 0%;
@@ -2415,10 +2252,10 @@
2415
2252
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2416
2253
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2417
2254
  }
2418
- .shadow-gray-900\/4 {
2419
- --tw-shadow-color: color-mix(in srgb, hsl(192 5% 21%) 4%, transparent);
2255
+ .shadow-foreground\/4 {
2256
+ --tw-shadow-color: var(--foreground);
2420
2257
  @supports (color: color-mix(in lab, red, red)) {
2421
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 4%, transparent) var(--tw-shadow-alpha), transparent);
2258
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 4%, transparent) var(--tw-shadow-alpha), transparent);
2422
2259
  }
2423
2260
  }
2424
2261
  .ring-black\/5 {
@@ -2531,9 +2368,9 @@
2531
2368
  -webkit-user-select: none;
2532
2369
  user-select: none;
2533
2370
  }
2534
- .group-focus-within\:text-gray-900\! {
2371
+ .group-focus-within\:text-foreground\! {
2535
2372
  &:is(:where(.group):focus-within *) {
2536
- color: var(--color-gray-900) !important;
2373
+ color: var(--foreground) !important;
2537
2374
  }
2538
2375
  }
2539
2376
  .group-hover\:mr-0 {
@@ -2550,52 +2387,30 @@
2550
2387
  }
2551
2388
  }
2552
2389
  }
2553
- .group-hover\:cursor-pointer {
2390
+ .group-hover\:hover-effect {
2554
2391
  &:is(:where(.group):hover *) {
2555
2392
  @media (hover: hover) {
2393
+ filter: brightness(var(--hover));
2394
+ transition: filter 0.2s ease-in-out;
2556
2395
  cursor: pointer;
2557
2396
  }
2558
2397
  }
2559
2398
  }
2560
- .group-hover\:border-gray-900 {
2561
- &:is(:where(.group):hover *) {
2562
- @media (hover: hover) {
2563
- border-color: var(--color-gray-900);
2564
- }
2565
- }
2566
- }
2567
- .group-hover\:text-gray-700 {
2568
- &:is(:where(.group):hover *) {
2569
- @media (hover: hover) {
2570
- color: var(--color-gray-700);
2571
- }
2572
- }
2573
- }
2574
- .group-hover\:text-gray-800 {
2575
- &:is(:where(.group):hover *) {
2576
- @media (hover: hover) {
2577
- color: var(--color-gray-800);
2578
- }
2579
- }
2580
- }
2581
- .group-hover\:text-gray-900 {
2582
- &:is(:where(.group):hover *) {
2583
- @media (hover: hover) {
2584
- color: var(--color-gray-900);
2585
- }
2586
- }
2587
- }
2588
- .group-hover\:text-inherit {
2399
+ .group-hover\:hover-effect {
2589
2400
  &:is(:where(.group):hover *) {
2590
2401
  @media (hover: hover) {
2591
- color: inherit;
2402
+ filter: brightness(var(--hover));
2403
+ transition: filter 0.2s ease-in-out;
2404
+ cursor: pointer;
2592
2405
  }
2593
2406
  }
2594
2407
  }
2595
- .group-hover\:text-red-900 {
2408
+ .group-hover\:hover-effect {
2596
2409
  &:is(:where(.group):hover *) {
2597
2410
  @media (hover: hover) {
2598
- color: var(--color-red-900);
2411
+ filter: brightness(var(--hover));
2412
+ transition: filter 0.2s ease-in-out;
2413
+ cursor: pointer;
2599
2414
  }
2600
2415
  }
2601
2416
  }
@@ -2641,10 +2456,30 @@
2641
2456
  }
2642
2457
  }
2643
2458
  }
2644
- .group-hover\/sidebar-resizer\:bg-gray-500 {
2459
+ .group-hover\/sidebar-resizer\:hover-effect {
2460
+ &:is(:where(.group\/sidebar-resizer):hover *) {
2461
+ @media (hover: hover) {
2462
+ filter: brightness(var(--hover));
2463
+ transition: filter 0.2s ease-in-out;
2464
+ cursor: pointer;
2465
+ }
2466
+ }
2467
+ }
2468
+ .group-hover\/sidebar-resizer\:hover-effect {
2469
+ &:is(:where(.group\/sidebar-resizer):hover *) {
2470
+ @media (hover: hover) {
2471
+ filter: brightness(var(--hover));
2472
+ transition: filter 0.2s ease-in-out;
2473
+ cursor: pointer;
2474
+ }
2475
+ }
2476
+ }
2477
+ .group-hover\/sidebar-resizer\:hover-effect {
2645
2478
  &:is(:where(.group\/sidebar-resizer):hover *) {
2646
2479
  @media (hover: hover) {
2647
- background-color: var(--color-gray-500);
2480
+ filter: brightness(var(--hover));
2481
+ transition: filter 0.2s ease-in-out;
2482
+ cursor: pointer;
2648
2483
  }
2649
2484
  }
2650
2485
  }
@@ -2655,15 +2490,35 @@
2655
2490
  }
2656
2491
  }
2657
2492
  }
2658
- .peer-checked\:bg-blue-900 {
2493
+ .peer-checked\:bg-info {
2659
2494
  &:is(:where(.peer):checked ~ *) {
2660
- background-color: var(--color-blue-900);
2495
+ background-color: var(--info);
2496
+ }
2497
+ }
2498
+ .peer-hover\:hover-effect {
2499
+ &:is(:where(.peer):hover ~ *) {
2500
+ @media (hover: hover) {
2501
+ filter: brightness(var(--hover));
2502
+ transition: filter 0.2s ease-in-out;
2503
+ cursor: pointer;
2504
+ }
2505
+ }
2506
+ }
2507
+ .peer-hover\:hover-effect {
2508
+ &:is(:where(.peer):hover ~ *) {
2509
+ @media (hover: hover) {
2510
+ filter: brightness(var(--hover));
2511
+ transition: filter 0.2s ease-in-out;
2512
+ cursor: pointer;
2513
+ }
2661
2514
  }
2662
2515
  }
2663
- .peer-hover\:text-gray-900 {
2516
+ .peer-hover\:hover-effect {
2664
2517
  &:is(:where(.peer):hover ~ *) {
2665
2518
  @media (hover: hover) {
2666
- color: var(--color-gray-900);
2519
+ filter: brightness(var(--hover));
2520
+ transition: filter 0.2s ease-in-out;
2521
+ cursor: pointer;
2667
2522
  }
2668
2523
  }
2669
2524
  }
@@ -2673,55 +2528,36 @@
2673
2528
  outline-style: none;
2674
2529
  }
2675
2530
  }
2676
- .peer-disabled\:cursor-not-allowed {
2531
+ .peer-disabled\:disabled-effect {
2677
2532
  &:is(:where(.peer):disabled ~ *) {
2678
2533
  cursor: not-allowed;
2534
+ opacity: var(--disabled);
2535
+ filter: grayscale(1);
2536
+ outline: none;
2537
+ box-shadow: none;
2679
2538
  }
2680
2539
  }
2681
- .peer-disabled\:opacity-70 {
2540
+ .peer-disabled\:disabled-effect {
2682
2541
  &:is(:where(.peer):disabled ~ *) {
2683
- opacity: 70%;
2684
- }
2685
- }
2686
- .placeholder\:text-gray-50 {
2687
- &::placeholder {
2688
- color: var(--color-gray-50);
2689
- }
2690
- }
2691
- .placeholder\:text-gray-400 {
2692
- &::placeholder {
2693
- color: var(--color-gray-400);
2694
- }
2695
- }
2696
- .placeholder\:text-gray-500 {
2697
- &::placeholder {
2698
- color: var(--color-gray-500);
2542
+ cursor: not-allowed;
2543
+ opacity: var(--disabled);
2544
+ filter: grayscale(1);
2545
+ outline: none;
2546
+ box-shadow: none;
2699
2547
  }
2700
2548
  }
2701
- .placeholder\:text-gray-600 {
2702
- &::placeholder {
2703
- color: var(--color-gray-600);
2549
+ .peer-disabled\:disabled-effect {
2550
+ &:is(:where(.peer):disabled ~ *) {
2551
+ cursor: not-allowed;
2552
+ opacity: var(--disabled);
2553
+ filter: grayscale(1);
2554
+ outline: none;
2555
+ box-shadow: none;
2704
2556
  }
2705
2557
  }
2706
- .placeholder\:text-gray-700 {
2558
+ .placeholder\:text-muted-foreground {
2707
2559
  &::placeholder {
2708
- color: var(--color-gray-700);
2709
- }
2710
- }
2711
- .group-focus-within\:placeholder\:text-gray-700\! {
2712
- &:is(:where(.group):focus-within *) {
2713
- &::placeholder {
2714
- color: var(--color-gray-700) !important;
2715
- }
2716
- }
2717
- }
2718
- .group-hover\:placeholder\:text-gray-700 {
2719
- &:is(:where(.group):hover *) {
2720
- @media (hover: hover) {
2721
- &::placeholder {
2722
- color: var(--color-gray-700);
2723
- }
2724
- }
2560
+ color: var(--muted-foreground);
2725
2561
  }
2726
2562
  }
2727
2563
  .before\:absolute {
@@ -2755,22 +2591,22 @@
2755
2591
  border-radius: calc(infinity * 1px);
2756
2592
  }
2757
2593
  }
2758
- .before\:bg-blue-900 {
2594
+ .before\:bg-destructive {
2759
2595
  &::before {
2760
2596
  content: var(--tw-content);
2761
- background-color: var(--color-blue-900);
2597
+ background-color: var(--destructive);
2762
2598
  }
2763
2599
  }
2764
- .before\:bg-orange-900 {
2600
+ .before\:bg-info {
2765
2601
  &::before {
2766
2602
  content: var(--tw-content);
2767
- background-color: var(--color-orange-900);
2603
+ background-color: var(--info);
2768
2604
  }
2769
2605
  }
2770
- .before\:bg-red-900 {
2606
+ .before\:bg-warning {
2771
2607
  &::before {
2772
2608
  content: var(--tw-content);
2773
- background-color: var(--color-red-900);
2609
+ background-color: var(--warning);
2774
2610
  }
2775
2611
  }
2776
2612
  .after\:pointer-events-none {
@@ -2881,34 +2717,34 @@
2881
2717
  border-style: none;
2882
2718
  }
2883
2719
  }
2884
- .after\:bg-blue-500 {
2720
+ .after\:bg-background {
2885
2721
  &::after {
2886
2722
  content: var(--tw-content);
2887
- background-color: var(--color-blue-500);
2723
+ background-color: var(--background);
2888
2724
  }
2889
2725
  }
2890
- .after\:bg-gray-50 {
2726
+ .after\:bg-info {
2891
2727
  &::after {
2892
2728
  content: var(--tw-content);
2893
- background-color: var(--color-gray-50);
2729
+ background-color: var(--info);
2894
2730
  }
2895
2731
  }
2896
- .after\:bg-gray-300 {
2732
+ .after\:bg-muted-foreground {
2897
2733
  &::after {
2898
2734
  content: var(--tw-content);
2899
- background-color: var(--color-gray-300);
2735
+ background-color: var(--muted-foreground);
2900
2736
  }
2901
2737
  }
2902
- .after\:bg-gray-600 {
2738
+ .after\:bg-primary {
2903
2739
  &::after {
2904
2740
  content: var(--tw-content);
2905
- background-color: var(--color-gray-600);
2741
+ background-color: var(--primary);
2906
2742
  }
2907
2743
  }
2908
- .after\:bg-gray-800 {
2744
+ .after\:bg-secondary {
2909
2745
  &::after {
2910
2746
  content: var(--tw-content);
2911
- background-color: var(--color-gray-800);
2747
+ background-color: var(--secondary);
2912
2748
  }
2913
2749
  }
2914
2750
  .after\:opacity-0 {
@@ -2939,12 +2775,38 @@
2939
2775
  content: var(--tw-content);
2940
2776
  }
2941
2777
  }
2942
- .group-hover\:after\:bg-gray-900 {
2778
+ .group-hover\:after\:hover-effect {
2779
+ &:is(:where(.group):hover *) {
2780
+ @media (hover: hover) {
2781
+ &::after {
2782
+ content: var(--tw-content);
2783
+ filter: brightness(var(--hover));
2784
+ transition: filter 0.2s ease-in-out;
2785
+ cursor: pointer;
2786
+ }
2787
+ }
2788
+ }
2789
+ }
2790
+ .group-hover\:after\:hover-effect {
2791
+ &:is(:where(.group):hover *) {
2792
+ @media (hover: hover) {
2793
+ &::after {
2794
+ content: var(--tw-content);
2795
+ filter: brightness(var(--hover));
2796
+ transition: filter 0.2s ease-in-out;
2797
+ cursor: pointer;
2798
+ }
2799
+ }
2800
+ }
2801
+ }
2802
+ .group-hover\:after\:hover-effect {
2943
2803
  &:is(:where(.group):hover *) {
2944
2804
  @media (hover: hover) {
2945
2805
  &::after {
2946
2806
  content: var(--tw-content);
2947
- background-color: var(--color-gray-900);
2807
+ filter: brightness(var(--hover));
2808
+ transition: filter 0.2s ease-in-out;
2809
+ cursor: pointer;
2948
2810
  }
2949
2811
  }
2950
2812
  }
@@ -2968,14 +2830,14 @@
2968
2830
  }
2969
2831
  }
2970
2832
  }
2971
- .odd\:bg-white {
2833
+ .odd\:bg-card {
2972
2834
  &:nth-child(odd) {
2973
- background-color: var(--color-white);
2835
+ background-color: var(--card);
2974
2836
  }
2975
2837
  }
2976
- .even\:bg-gray-50 {
2838
+ .even\:bg-background {
2977
2839
  &:nth-child(even) {
2978
- background-color: var(--color-gray-50);
2840
+ background-color: var(--background);
2979
2841
  }
2980
2842
  }
2981
2843
  .first-of-type\:rounded-t-2xl {
@@ -3005,2165 +2867,499 @@
3005
2867
  padding-bottom: calc(var(--spacing) * 3);
3006
2868
  }
3007
2869
  }
3008
- .last-of-type\:text-gray-800 {
2870
+ .last-of-type\:text-foreground {
3009
2871
  &:last-of-type {
3010
- color: var(--color-gray-800);
2872
+ color: var(--foreground);
3011
2873
  }
3012
2874
  }
3013
- .focus-within\:border-b-gray-300 {
2875
+ .focus-within\:border-b-border {
3014
2876
  &:focus-within {
3015
- border-bottom-color: var(--color-gray-300);
2877
+ border-bottom-color: var(--border);
3016
2878
  }
3017
2879
  }
3018
- .focus-within\:bg-gray-100 {
2880
+ .focus-within\:bg-accent {
3019
2881
  &:focus-within {
3020
- background-color: var(--color-gray-100);
3021
- }
3022
- }
3023
- .hover\:scale-100 {
3024
- &:hover {
3025
- @media (hover: hover) {
3026
- --tw-scale-x: 100%;
3027
- --tw-scale-y: 100%;
3028
- --tw-scale-z: 100%;
3029
- scale: var(--tw-scale-x) var(--tw-scale-y);
3030
- }
2882
+ background-color: var(--accent);
3031
2883
  }
3032
2884
  }
3033
- .hover\:scale-105 {
2885
+ .hover\:hover-effect {
3034
2886
  &:hover {
3035
2887
  @media (hover: hover) {
3036
- --tw-scale-x: 105%;
3037
- --tw-scale-y: 105%;
3038
- --tw-scale-z: 105%;
3039
- scale: var(--tw-scale-x) var(--tw-scale-y);
2888
+ filter: brightness(var(--hover));
2889
+ transition: filter 0.2s ease-in-out;
2890
+ cursor: pointer;
3040
2891
  }
3041
2892
  }
3042
2893
  }
3043
- .hover\:border-gray-300 {
2894
+ .hover\:hover-effect {
3044
2895
  &:hover {
3045
2896
  @media (hover: hover) {
3046
- border-color: var(--color-gray-300);
2897
+ filter: brightness(var(--hover));
2898
+ transition: filter 0.2s ease-in-out;
2899
+ cursor: pointer;
3047
2900
  }
3048
2901
  }
3049
2902
  }
3050
- .hover\:border-gray-600 {
2903
+ .hover\:hover-effect {
3051
2904
  &:hover {
3052
2905
  @media (hover: hover) {
3053
- border-color: var(--color-gray-600);
2906
+ filter: brightness(var(--hover));
2907
+ transition: filter 0.2s ease-in-out;
2908
+ cursor: pointer;
3054
2909
  }
3055
2910
  }
3056
2911
  }
3057
- .hover\:border-gray-900 {
2912
+ .hover\:bg-muted {
3058
2913
  &:hover {
3059
2914
  @media (hover: hover) {
3060
- border-color: var(--color-gray-900);
2915
+ background-color: var(--muted);
3061
2916
  }
3062
2917
  }
3063
2918
  }
3064
- .hover\:border-red-900 {
2919
+ .hover\:pr-6 {
3065
2920
  &:hover {
3066
2921
  @media (hover: hover) {
3067
- border-color: var(--color-red-900);
2922
+ padding-right: calc(var(--spacing) * 6);
3068
2923
  }
3069
2924
  }
3070
2925
  }
3071
- .hover\:border-b-gray-300 {
2926
+ .hover\:pr-12 {
3072
2927
  &:hover {
3073
2928
  @media (hover: hover) {
3074
- border-bottom-color: var(--color-gray-300);
2929
+ padding-right: calc(var(--spacing) * 12);
3075
2930
  }
3076
2931
  }
3077
2932
  }
3078
- .hover\:\!bg-blue-800 {
2933
+ .hover\:text-muted-foreground {
3079
2934
  &:hover {
3080
2935
  @media (hover: hover) {
3081
- background-color: var(--color-blue-800) !important;
2936
+ color: var(--muted-foreground);
3082
2937
  }
3083
2938
  }
3084
2939
  }
3085
- .hover\:\!bg-green-800 {
2940
+ .hover\:underline {
3086
2941
  &:hover {
3087
2942
  @media (hover: hover) {
3088
- background-color: var(--color-green-800) !important;
2943
+ text-decoration-line: underline;
3089
2944
  }
3090
2945
  }
3091
2946
  }
3092
- .hover\:\!bg-purple-800 {
2947
+ .hover\:shadow-none {
3093
2948
  &:hover {
3094
2949
  @media (hover: hover) {
3095
- background-color: var(--color-purple-800) !important;
2950
+ --tw-shadow: 0 0 #0000;
2951
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3096
2952
  }
3097
2953
  }
3098
2954
  }
3099
- .hover\:\!bg-red-800 {
3100
- &:hover {
3101
- @media (hover: hover) {
3102
- background-color: var(--color-red-800) !important;
3103
- }
2955
+ .focus\:border-info {
2956
+ &:focus {
2957
+ border-color: var(--info);
3104
2958
  }
3105
2959
  }
3106
- .hover\:bg-amber-50 {
3107
- &:hover {
3108
- @media (hover: hover) {
3109
- background-color: var(--color-amber-50);
3110
- }
2960
+ .focus\:border-transparent {
2961
+ &:focus {
2962
+ border-color: transparent;
3111
2963
  }
3112
2964
  }
3113
- .hover\:bg-blue-50 {
3114
- &:hover {
3115
- @media (hover: hover) {
3116
- background-color: var(--color-blue-50);
3117
- }
2965
+ .focus\:bg-background {
2966
+ &:focus {
2967
+ background-color: var(--background);
3118
2968
  }
3119
2969
  }
3120
- .hover\:bg-blue-100 {
3121
- &:hover {
3122
- @media (hover: hover) {
3123
- background-color: var(--color-blue-100);
3124
- }
2970
+ .focus\:ring-1 {
2971
+ &:focus {
2972
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2973
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3125
2974
  }
3126
2975
  }
3127
- .hover\:bg-blue-300 {
3128
- &:hover {
3129
- @media (hover: hover) {
3130
- background-color: var(--color-blue-300);
3131
- }
2976
+ .focus\:ring-2 {
2977
+ &:focus {
2978
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2979
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3132
2980
  }
3133
2981
  }
3134
- .hover\:bg-blue-600 {
3135
- &:hover {
3136
- @media (hover: hover) {
3137
- background-color: var(--color-blue-600);
3138
- }
2982
+ .focus\:ring-ring {
2983
+ &:focus {
2984
+ --tw-ring-color: var(--ring);
3139
2985
  }
3140
2986
  }
3141
- .hover\:bg-blue-700 {
3142
- &:hover {
3143
- @media (hover: hover) {
3144
- background-color: var(--color-blue-700);
2987
+ .focus\:ring-ring\/20 {
2988
+ &:focus {
2989
+ --tw-ring-color: var(--ring);
2990
+ @supports (color: color-mix(in lab, red, red)) {
2991
+ --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
3145
2992
  }
3146
2993
  }
3147
2994
  }
3148
- .hover\:bg-gray-50 {
3149
- &:hover {
3150
- @media (hover: hover) {
3151
- background-color: var(--color-gray-50);
3152
- }
2995
+ .focus\:ring-offset-0 {
2996
+ &:focus {
2997
+ --tw-ring-offset-width: 0px;
2998
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3153
2999
  }
3154
3000
  }
3155
- .hover\:bg-gray-100 {
3156
- &:hover {
3157
- @media (hover: hover) {
3158
- background-color: var(--color-gray-100);
3159
- }
3001
+ .focus\:ring-offset-2 {
3002
+ &:focus {
3003
+ --tw-ring-offset-width: 2px;
3004
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3160
3005
  }
3161
3006
  }
3162
- .hover\:bg-gray-200 {
3163
- &:hover {
3164
- @media (hover: hover) {
3165
- background-color: var(--color-gray-200);
3166
- }
3007
+ .focus\:outline-none {
3008
+ &:focus {
3009
+ --tw-outline-style: none;
3010
+ outline-style: none;
3167
3011
  }
3168
3012
  }
3169
- .hover\:bg-gray-800 {
3170
- &:hover {
3171
- @media (hover: hover) {
3172
- background-color: var(--color-gray-800);
3173
- }
3013
+ .focus-visible\:bg-secondary {
3014
+ &:focus-visible {
3015
+ background-color: var(--secondary);
3174
3016
  }
3175
3017
  }
3176
- .hover\:bg-gray-900 {
3177
- &:hover {
3178
- @media (hover: hover) {
3179
- background-color: var(--color-gray-900);
3180
- }
3018
+ .focus-visible\:ring-1 {
3019
+ &:focus-visible {
3020
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3021
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3181
3022
  }
3182
3023
  }
3183
- .hover\:bg-gray-900\/10 {
3184
- &:hover {
3185
- @media (hover: hover) {
3186
- background-color: color-mix(in srgb, hsl(192 5% 21%) 10%, transparent);
3187
- @supports (color: color-mix(in lab, red, red)) {
3188
- background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
3189
- }
3190
- }
3191
- }
3192
- }
3193
- .hover\:bg-green-100 {
3194
- &:hover {
3195
- @media (hover: hover) {
3196
- background-color: var(--color-green-100);
3197
- }
3198
- }
3199
- }
3200
- .hover\:bg-red-100 {
3201
- &:hover {
3202
- @media (hover: hover) {
3203
- background-color: var(--color-red-100);
3204
- }
3205
- }
3206
- }
3207
- .hover\:bg-transparent {
3208
- &:hover {
3209
- @media (hover: hover) {
3210
- background-color: transparent;
3211
- }
3212
- }
3213
- }
3214
- .hover\:bg-yellow-100 {
3215
- &:hover {
3216
- @media (hover: hover) {
3217
- background-color: var(--color-yellow-100);
3218
- }
3219
- }
3220
- }
3221
- .hover\:bg-yellow-700 {
3222
- &:hover {
3223
- @media (hover: hover) {
3224
- background-color: var(--color-yellow-700);
3225
- }
3226
- }
3227
- }
3228
- .hover\:pr-6 {
3229
- &:hover {
3230
- @media (hover: hover) {
3231
- padding-right: calc(var(--spacing) * 6);
3232
- }
3233
- }
3234
- }
3235
- .hover\:pr-12 {
3236
- &:hover {
3237
- @media (hover: hover) {
3238
- padding-right: calc(var(--spacing) * 12);
3239
- }
3240
- }
3241
- }
3242
- .hover\:text-blue-800 {
3243
- &:hover {
3244
- @media (hover: hover) {
3245
- color: var(--color-blue-800);
3246
- }
3247
- }
3248
- }
3249
- .hover\:text-blue-900 {
3250
- &:hover {
3251
- @media (hover: hover) {
3252
- color: var(--color-blue-900);
3253
- }
3254
- }
3255
- }
3256
- .hover\:text-gray-200 {
3257
- &:hover {
3258
- @media (hover: hover) {
3259
- color: var(--color-gray-200);
3260
- }
3261
- }
3262
- }
3263
- .hover\:text-gray-500 {
3264
- &:hover {
3265
- @media (hover: hover) {
3266
- color: var(--color-gray-500);
3267
- }
3268
- }
3269
- }
3270
- .hover\:text-gray-600 {
3271
- &:hover {
3272
- @media (hover: hover) {
3273
- color: var(--color-gray-600);
3274
- }
3275
- }
3276
- }
3277
- .hover\:text-gray-700 {
3278
- &:hover {
3279
- @media (hover: hover) {
3280
- color: var(--color-gray-700);
3281
- }
3282
- }
3283
- }
3284
- .hover\:text-gray-800 {
3285
- &:hover {
3286
- @media (hover: hover) {
3287
- color: var(--color-gray-800);
3288
- }
3289
- }
3290
- }
3291
- .hover\:text-gray-900 {
3292
- &:hover {
3293
- @media (hover: hover) {
3294
- color: var(--color-gray-900);
3295
- }
3296
- }
3297
- }
3298
- .hover\:text-purple-700 {
3299
- &:hover {
3300
- @media (hover: hover) {
3301
- color: var(--color-purple-700);
3302
- }
3303
- }
3304
- }
3305
- .hover\:text-red-700 {
3306
- &:hover {
3307
- @media (hover: hover) {
3308
- color: var(--color-red-700);
3309
- }
3310
- }
3311
- }
3312
- .hover\:underline {
3313
- &:hover {
3314
- @media (hover: hover) {
3315
- text-decoration-line: underline;
3316
- }
3317
- }
3318
- }
3319
- .hover\:opacity-80 {
3320
- &:hover {
3321
- @media (hover: hover) {
3322
- opacity: 80%;
3323
- }
3324
- }
3325
- }
3326
- .hover\:shadow-none {
3327
- &:hover {
3328
- @media (hover: hover) {
3329
- --tw-shadow: 0 0 #0000;
3330
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3331
- }
3332
- }
3333
- }
3334
- .hover\:brightness-125 {
3335
- &:hover {
3336
- @media (hover: hover) {
3337
- --tw-brightness: brightness(125%);
3338
- 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,);
3339
- }
3340
- }
3341
- }
3342
- .focus\:border-blue-400 {
3343
- &:focus {
3344
- border-color: var(--color-blue-400);
3345
- }
3346
- }
3347
- .focus\:border-transparent {
3348
- &:focus {
3349
- border-color: transparent;
3350
- }
3351
- }
3352
- .focus\:bg-gray-50 {
3353
- &:focus {
3354
- background-color: var(--color-gray-50);
3355
- }
3356
- }
3357
- .focus\:ring-1 {
3358
- &:focus {
3359
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3360
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3361
- }
3362
- }
3363
- .focus\:ring-2 {
3364
- &:focus {
3365
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3366
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3367
- }
3368
- }
3369
- .focus\:ring-blue-500 {
3370
- &:focus {
3371
- --tw-ring-color: var(--color-blue-500);
3372
- }
3373
- }
3374
- .focus\:ring-gray-900 {
3375
- &:focus {
3376
- --tw-ring-color: var(--color-gray-900);
3377
- }
3378
- }
3379
- .focus\:ring-gray-900\/20 {
3380
- &:focus {
3381
- --tw-ring-color: color-mix(in srgb, hsl(192 5% 21%) 20%, transparent);
3382
- @supports (color: color-mix(in lab, red, red)) {
3383
- --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
3384
- }
3385
- }
3386
- }
3387
- .focus\:ring-offset-0 {
3388
- &:focus {
3389
- --tw-ring-offset-width: 0px;
3390
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3391
- }
3392
- }
3393
- .focus\:ring-offset-2 {
3394
- &:focus {
3395
- --tw-ring-offset-width: 2px;
3396
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3397
- }
3398
- }
3399
- .focus\:outline-none {
3400
- &:focus {
3401
- --tw-outline-style: none;
3402
- outline-style: none;
3403
- }
3404
- }
3405
- .focus-visible\:bg-gray-200 {
3406
- &:focus-visible {
3407
- background-color: var(--color-gray-200);
3408
- }
3409
- }
3410
- .focus-visible\:ring-1 {
3411
- &:focus-visible {
3412
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3413
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3414
- }
3415
- }
3416
- .focus-visible\:ring-2 {
3417
- &:focus-visible {
3418
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3419
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3420
- }
3421
- }
3422
- .focus-visible\:ring-gray-400 {
3423
- &:focus-visible {
3424
- --tw-ring-color: var(--color-gray-400);
3425
- }
3426
- }
3427
- .focus-visible\:ring-gray-900 {
3428
- &:focus-visible {
3429
- --tw-ring-color: var(--color-gray-900);
3430
- }
3431
- }
3432
- .focus-visible\:ring-offset-0 {
3433
- &:focus-visible {
3434
- --tw-ring-offset-width: 0px;
3435
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3436
- }
3437
- }
3438
- .focus-visible\:ring-offset-2 {
3439
- &:focus-visible {
3440
- --tw-ring-offset-width: 2px;
3441
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3442
- }
3443
- }
3444
- .focus-visible\:ring-offset-white {
3445
- &:focus-visible {
3446
- --tw-ring-offset-color: var(--color-white);
3447
- }
3448
- }
3449
- .focus-visible\:outline-none {
3450
- &:focus-visible {
3451
- --tw-outline-style: none;
3452
- outline-style: none;
3453
- }
3454
- }
3455
- .active\:border-blue-800 {
3456
- &:active {
3457
- border-color: var(--color-blue-800);
3458
- }
3459
- }
3460
- .active\:border-gray-100 {
3461
- &:active {
3462
- border-color: var(--color-gray-100);
3463
- }
3464
- }
3465
- .active\:border-gray-700 {
3466
- &:active {
3467
- border-color: var(--color-gray-700);
3468
- }
3469
- }
3470
- .active\:border-red-800 {
3471
- &:active {
3472
- border-color: var(--color-red-800);
3473
- }
3474
- }
3475
- .active\:text-gray-700 {
3476
- &:active {
3477
- color: var(--color-gray-700);
3478
- }
3479
- }
3480
- .active\:text-gray-900 {
3481
- &:active {
3482
- color: var(--color-gray-900);
3483
- }
3484
- }
3485
- .active\:opacity-50 {
3486
- &:active {
3487
- opacity: 50%;
3488
- }
3489
- }
3490
- .active\:opacity-70 {
3491
- &:active {
3492
- opacity: 70%;
3493
- }
3494
- }
3495
- .active\:opacity-75 {
3496
- &:active {
3497
- opacity: 75%;
3498
- }
3499
- }
3500
- .active\:opacity-80 {
3501
- &:active {
3502
- opacity: 80%;
3503
- }
3504
- }
3505
- .disabled\:pointer-events-none {
3506
- &:disabled {
3507
- pointer-events: none;
3508
- }
3509
- }
3510
- .disabled\:cursor-not-allowed {
3511
- &:disabled {
3512
- cursor: not-allowed;
3513
- }
3514
- }
3515
- .disabled\:border-gray-300 {
3516
- &:disabled {
3517
- border-color: var(--color-gray-300);
3518
- }
3519
- }
3520
- .disabled\:border-gray-700 {
3521
- &:disabled {
3522
- border-color: var(--color-gray-700);
3523
- }
3524
- }
3525
- .disabled\:bg-gray-50 {
3526
- &:disabled {
3527
- background-color: var(--color-gray-50);
3528
- }
3529
- }
3530
- .disabled\:bg-gray-300 {
3531
- &:disabled {
3532
- background-color: var(--color-gray-300);
3533
- }
3534
- }
3535
- .disabled\:text-blue-400 {
3536
- &:disabled {
3537
- color: var(--color-blue-400);
3538
- }
3539
- }
3540
- .disabled\:text-gray-100 {
3541
- &:disabled {
3542
- color: var(--color-gray-100);
3543
- }
3544
- }
3545
- .disabled\:text-gray-400 {
3546
- &:disabled {
3547
- color: var(--color-gray-400);
3548
- }
3549
- }
3550
- .disabled\:text-gray-500 {
3551
- &:disabled {
3552
- color: var(--color-gray-500);
3553
- }
3554
- }
3555
- .disabled\:text-gray-700 {
3556
- &:disabled {
3557
- color: var(--color-gray-700);
3558
- }
3559
- }
3560
- .disabled\:text-red-400 {
3561
- &:disabled {
3562
- color: var(--color-red-400);
3563
- }
3564
- }
3565
- .disabled\:opacity-50 {
3566
- &:disabled {
3567
- opacity: 50%;
3568
- }
3569
- }
3570
- .disabled\:opacity-60 {
3571
- &:disabled {
3572
- opacity: 60%;
3573
- }
3574
- }
3575
- .disabled\:opacity-100 {
3576
- &:disabled {
3577
- opacity: 100%;
3578
- }
3579
- }
3580
- .disabled\:hover\:scale-none {
3581
- &:disabled {
3582
- &:hover {
3583
- @media (hover: hover) {
3584
- scale: none;
3585
- }
3586
- }
3587
- }
3588
- }
3589
- .data-disabled\:cursor-not-allowed {
3590
- &[data-disabled] {
3591
- cursor: not-allowed;
3592
- }
3593
- }
3594
- .data-disabled\:text-gray-400 {
3595
- &[data-disabled] {
3596
- color: var(--color-gray-400);
3597
- }
3598
- }
3599
- .data-state\:border-gray-700 {
3600
- &[data-state] {
3601
- border-color: var(--color-gray-700);
3602
- }
3603
- }
3604
- .data-\[disabled\=true\]\:pointer-events-none {
3605
- &[data-disabled="true"] {
3606
- pointer-events: none;
3607
- }
3608
- }
3609
- .data-\[invalid\=true\]\:group-hover\:border-red-900\! {
3610
- &[data-invalid="true"] {
3611
- &:is(:where(.group):hover *) {
3612
- @media (hover: hover) {
3613
- border-color: var(--color-red-900) !important;
3614
- }
3615
- }
3616
- }
3617
- }
3618
- .data-\[invalid\=true\]\:data-state\:border-red-800\! {
3619
- &[data-invalid="true"] {
3620
- &[data-state] {
3621
- border-color: var(--color-red-800) !important;
3622
- }
3623
- }
3624
- }
3625
- .data-\[selected\=true\]\:bg-gray-100 {
3626
- &[data-selected="true"] {
3627
- background-color: var(--color-gray-100);
3628
- }
3629
- }
3630
- .data-\[side\=bottom\]\:animate-slide-in-from-top {
3631
- &[data-side="bottom"] {
3632
- animation: var(--animate-slide-in-from-top);
3633
- }
3634
- }
3635
- .data-\[side\=left\]\:animate-slide-in-from-right {
3636
- &[data-side="left"] {
3637
- animation: var(--animate-slide-in-from-right);
3638
- }
3639
- }
3640
- .data-\[side\=right\]\:animate-slide-in-from-left {
3641
- &[data-side="right"] {
3642
- animation: var(--animate-slide-in-from-left);
3643
- }
3644
- }
3645
- .data-\[side\=top\]\:animate-slide-in-from-bottom {
3646
- &[data-side="top"] {
3647
- animation: var(--animate-slide-in-from-bottom);
3648
- }
3649
- }
3650
- .data-\[state\=\'active\'\]\:bg-gray-100 {
3651
- &[data-state='active'] {
3652
- background-color: var(--color-gray-100);
3653
- }
3654
- }
3655
- .data-\[state\=\'active\'\]\:text-gray-900 {
3656
- &[data-state='active'] {
3657
- color: var(--color-gray-900);
3658
- }
3659
- }
3660
- .data-\[state\=active\]\:bg-gray-50 {
3661
- &[data-state="active"] {
3662
- background-color: var(--color-gray-50);
3663
- }
3664
- }
3665
- .data-\[state\=active\]\:text-gray-800 {
3666
- &[data-state="active"] {
3667
- color: var(--color-gray-800);
3668
- }
3669
- }
3670
- .data-\[state\=active\]\:shadow-tab {
3671
- &[data-state="active"] {
3672
- --tw-shadow: 0px 16px 16px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
3673
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3674
- }
3675
- }
3676
- .data-\[state\=checked\]\:bg-gray-900 {
3677
- &[data-state="checked"] {
3678
- background-color: var(--color-gray-900);
3679
- }
3680
- }
3681
- .data-\[state\=checked\]\:text-gray-50 {
3682
- &[data-state="checked"] {
3683
- color: var(--color-gray-50);
3684
- }
3685
- }
3686
- .data-\[state\=checked\]\:group-hover\:bg-gray-900 {
3687
- &[data-state="checked"] {
3688
- &:is(:where(.group):hover *) {
3689
- @media (hover: hover) {
3690
- background-color: var(--color-gray-900);
3691
- }
3692
- }
3693
- }
3694
- }
3695
- .disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-700 {
3696
- &:disabled {
3697
- &[data-invalid="false"] {
3698
- &[data-state="checked"] {
3699
- background-color: var(--color-gray-700);
3700
- }
3701
- }
3702
- }
3703
- }
3704
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
3705
- &[data-invalid="true"] {
3706
- &[data-state="checked"] {
3707
- background-color: var(--color-red-800) !important;
3708
- }
3709
- }
3710
- }
3711
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:bg-red-900\! {
3712
- &[data-invalid="true"] {
3713
- &[data-state="checked"] {
3714
- &:is(:where(.group):hover *) {
3715
- @media (hover: hover) {
3716
- background-color: var(--color-red-900) !important;
3717
- }
3718
- }
3719
- }
3720
- }
3721
- }
3722
- .data-\[state\=closed\]\:animate-fade-out {
3723
- &[data-state="closed"] {
3724
- animation: var(--animate-fade-out);
3725
- }
3726
- }
3727
- .data-\[state\=closed\]\:animate-zoom-out {
3728
- &[data-state="closed"] {
3729
- animation: var(--animate-zoom-out);
3730
- }
3731
- }
3732
- .data-\[state\=indeterminate\]\:bg-gray-900 {
3733
- &[data-state="indeterminate"] {
3734
- background-color: var(--color-gray-900);
3735
- }
3736
- }
3737
- .data-\[state\=indeterminate\]\:text-gray-50 {
3738
- &[data-state="indeterminate"] {
3739
- color: var(--color-gray-50);
3740
- }
3741
- }
3742
- .data-\[state\=indeterminate\]\:group-hover\:bg-gray-900 {
3743
- &[data-state="indeterminate"] {
3744
- &:is(:where(.group):hover *) {
3745
- @media (hover: hover) {
3746
- background-color: var(--color-gray-900);
3747
- }
3748
- }
3749
- }
3750
- }
3751
- .disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-700 {
3752
- &:disabled {
3753
- &[data-invalid="false"] {
3754
- &[data-state="indeterminate"] {
3755
- background-color: var(--color-gray-700);
3756
- }
3757
- }
3758
- }
3759
- }
3760
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
3761
- &[data-invalid="true"] {
3762
- &[data-state="indeterminate"] {
3763
- background-color: var(--color-red-800) !important;
3764
- }
3765
- }
3766
- }
3767
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:bg-red-900\! {
3768
- &[data-invalid="true"] {
3769
- &[data-state="indeterminate"] {
3770
- &:is(:where(.group):hover *) {
3771
- @media (hover: hover) {
3772
- background-color: var(--color-red-900) !important;
3773
- }
3774
- }
3775
- }
3776
- }
3777
- }
3778
- .data-\[state\=open\]\:animate-fade-in {
3779
- &[data-state="open"] {
3780
- animation: var(--animate-fade-in);
3781
- }
3782
- }
3783
- .data-\[state\=open\]\:animate-zoom-in {
3784
- &[data-state="open"] {
3785
- animation: var(--animate-zoom-in);
3786
- }
3787
- }
3788
- .lg\:grid-cols-3 {
3789
- @media (width >= 64rem) {
3790
- grid-template-columns: repeat(3, minmax(0, 1fr));
3791
- }
3792
- }
3793
- .dark\:divide-slate-500 {
3794
- &:where(.dark, .dark *) {
3795
- :where(& > :not(:last-child)) {
3796
- border-color: var(--color-slate-500);
3797
- }
3798
- }
3799
- }
3800
- .dark\:border-none {
3801
- &:where(.dark, .dark *) {
3802
- --tw-border-style: none;
3803
- border-style: none;
3804
- }
3805
- }
3806
- .dark\:border-amber-600 {
3807
- &:where(.dark, .dark *) {
3808
- border-color: var(--color-amber-600);
3809
- }
3810
- }
3811
- .dark\:border-blue-300 {
3812
- &:where(.dark, .dark *) {
3813
- border-color: var(--color-blue-300);
3814
- }
3815
- }
3816
- .dark\:border-blue-400 {
3817
- &:where(.dark, .dark *) {
3818
- border-color: var(--color-blue-400);
3819
- }
3820
- }
3821
- .dark\:border-blue-600 {
3822
- &:where(.dark, .dark *) {
3823
- border-color: var(--color-blue-600);
3824
- }
3825
- }
3826
- .dark\:border-green-600 {
3827
- &:where(.dark, .dark *) {
3828
- border-color: var(--color-green-600);
3829
- }
3830
- }
3831
- .dark\:border-red-50 {
3832
- &:where(.dark, .dark *) {
3833
- border-color: var(--color-red-50);
3834
- }
3835
- }
3836
- .dark\:border-red-200 {
3837
- &:where(.dark, .dark *) {
3838
- border-color: var(--color-red-200);
3839
- }
3840
- }
3841
- .dark\:border-red-600 {
3842
- &:where(.dark, .dark *) {
3843
- border-color: var(--color-red-600);
3844
- }
3845
- }
3846
- .dark\:border-red-700 {
3847
- &:where(.dark, .dark *) {
3848
- border-color: var(--color-red-700);
3849
- }
3850
- }
3851
- .dark\:border-slate-50 {
3852
- &:where(.dark, .dark *) {
3853
- border-color: var(--color-slate-50);
3854
- }
3855
- }
3856
- .dark\:border-slate-100 {
3857
- &:where(.dark, .dark *) {
3858
- border-color: var(--color-slate-100);
3859
- }
3860
- }
3861
- .dark\:border-slate-200 {
3862
- &:where(.dark, .dark *) {
3863
- border-color: var(--color-slate-200);
3864
- }
3865
- }
3866
- .dark\:border-slate-300 {
3867
- &:where(.dark, .dark *) {
3868
- border-color: var(--color-slate-300);
3869
- }
3870
- }
3871
- .dark\:border-slate-400 {
3872
- &:where(.dark, .dark *) {
3873
- border-color: var(--color-slate-400);
3874
- }
3875
- }
3876
- .dark\:border-slate-500 {
3877
- &:where(.dark, .dark *) {
3878
- border-color: var(--color-slate-500);
3879
- }
3880
- }
3881
- .dark\:border-slate-600 {
3882
- &:where(.dark, .dark *) {
3883
- border-color: var(--color-slate-600);
3884
- }
3885
- }
3886
- .dark\:border-slate-700 {
3887
- &:where(.dark, .dark *) {
3888
- border-color: var(--color-slate-700);
3889
- }
3890
- }
3891
- .dark\:border-slate-800 {
3892
- &:where(.dark, .dark *) {
3893
- border-color: var(--color-slate-800);
3894
- }
3895
- }
3896
- .dark\:border-yellow-400 {
3897
- &:where(.dark, .dark *) {
3898
- border-color: var(--color-yellow-400);
3899
- }
3900
- }
3901
- .dark\:border-yellow-500 {
3902
- &:where(.dark, .dark *) {
3903
- border-color: var(--color-yellow-500);
3904
- }
3905
- }
3906
- .dark\:border-yellow-600 {
3907
- &:where(.dark, .dark *) {
3908
- border-color: var(--color-yellow-600);
3909
- }
3910
- }
3911
- .dark\:border-b-slate-900 {
3912
- &:where(.dark, .dark *) {
3913
- border-bottom-color: var(--color-slate-900);
3914
- }
3915
- }
3916
- .dark\:bg-\[\#604B00\] {
3917
- &:where(.dark, .dark *) {
3918
- background-color: #604B00;
3919
- }
3920
- }
3921
- .dark\:bg-\[\#604B0033\] {
3922
- &:where(.dark, .dark *) {
3923
- background-color: #604B0033;
3924
- }
3925
- }
3926
- .dark\:bg-\[\#252728\] {
3927
- &:where(.dark, .dark *) {
3928
- background-color: #252728;
3929
- }
3930
- }
3931
- .dark\:bg-amber-600 {
3932
- &:where(.dark, .dark *) {
3933
- background-color: var(--color-amber-600);
3934
- }
3935
- }
3936
- .dark\:bg-amber-800 {
3937
- &:where(.dark, .dark *) {
3938
- background-color: var(--color-amber-800);
3939
- }
3940
- }
3941
- .dark\:bg-blue-50 {
3942
- &:where(.dark, .dark *) {
3943
- background-color: var(--color-blue-50);
3944
- }
3945
- }
3946
- .dark\:bg-blue-300 {
3947
- &:where(.dark, .dark *) {
3948
- background-color: var(--color-blue-300);
3949
- }
3950
- }
3951
- .dark\:bg-blue-400 {
3952
- &:where(.dark, .dark *) {
3953
- background-color: var(--color-blue-400);
3954
- }
3955
- }
3956
- .dark\:bg-blue-600 {
3957
- &:where(.dark, .dark *) {
3958
- background-color: var(--color-blue-600);
3959
- }
3960
- }
3961
- .dark\:bg-blue-700 {
3962
- &:where(.dark, .dark *) {
3963
- background-color: var(--color-blue-700);
3964
- }
3965
- }
3966
- .dark\:bg-blue-800 {
3967
- &:where(.dark, .dark *) {
3968
- background-color: var(--color-blue-800);
3969
- }
3970
- }
3971
- .dark\:bg-blue-900 {
3972
- &:where(.dark, .dark *) {
3973
- background-color: var(--color-blue-900);
3974
- }
3975
- }
3976
- .dark\:bg-cyan-600 {
3977
- &:where(.dark, .dark *) {
3978
- background-color: var(--color-cyan-600);
3979
- }
3980
- }
3981
- .dark\:bg-green-300 {
3982
- &:where(.dark, .dark *) {
3983
- background-color: var(--color-green-300);
3984
- }
3985
- }
3986
- .dark\:bg-green-400 {
3987
- &:where(.dark, .dark *) {
3988
- background-color: var(--color-green-400);
3989
- }
3990
- }
3991
- .dark\:bg-green-600\/30 {
3992
- &:where(.dark, .dark *) {
3993
- background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
3994
- @supports (color: color-mix(in lab, red, red)) {
3995
- background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
3996
- }
3997
- }
3998
- }
3999
- .dark\:bg-green-800 {
4000
- &:where(.dark, .dark *) {
4001
- background-color: var(--color-green-800);
4002
- }
4003
- }
4004
- .dark\:bg-green-900 {
4005
- &:where(.dark, .dark *) {
4006
- background-color: var(--color-green-900);
4007
- }
4008
- }
4009
- .dark\:bg-purple-800 {
4010
- &:where(.dark, .dark *) {
4011
- background-color: var(--color-purple-800);
4012
- }
4013
- }
4014
- .dark\:bg-red-50 {
4015
- &:where(.dark, .dark *) {
4016
- background-color: var(--color-red-50);
4017
- }
4018
- }
4019
- .dark\:bg-red-300 {
4020
- &:where(.dark, .dark *) {
4021
- background-color: var(--color-red-300);
4022
- }
4023
- }
4024
- .dark\:bg-red-300\/30 {
4025
- &:where(.dark, .dark *) {
4026
- background-color: color-mix(in srgb, hsl(6 82% 87%) 30%, transparent);
4027
- @supports (color: color-mix(in lab, red, red)) {
4028
- background-color: color-mix(in oklab, var(--color-red-300) 30%, transparent);
4029
- }
4030
- }
4031
- }
4032
- .dark\:bg-red-400 {
4033
- &:where(.dark, .dark *) {
4034
- background-color: var(--color-red-400);
4035
- }
4036
- }
4037
- .dark\:bg-red-800 {
4038
- &:where(.dark, .dark *) {
4039
- background-color: var(--color-red-800);
4040
- }
4041
- }
4042
- .dark\:bg-red-900 {
4043
- &:where(.dark, .dark *) {
4044
- background-color: var(--color-red-900);
4045
- }
4046
- }
4047
- .dark\:bg-slate-50 {
4048
- &:where(.dark, .dark *) {
4049
- background-color: var(--color-slate-50);
4050
- }
4051
- }
4052
- .dark\:bg-slate-100 {
4053
- &:where(.dark, .dark *) {
4054
- background-color: var(--color-slate-100);
4055
- }
4056
- }
4057
- .dark\:bg-slate-400 {
4058
- &:where(.dark, .dark *) {
4059
- background-color: var(--color-slate-400);
4060
- }
4061
- }
4062
- .dark\:bg-slate-600 {
4063
- &:where(.dark, .dark *) {
4064
- background-color: var(--color-slate-600);
4065
- }
4066
- }
4067
- .dark\:bg-slate-700 {
4068
- &:where(.dark, .dark *) {
4069
- background-color: var(--color-slate-700);
4070
- }
4071
- }
4072
- .dark\:bg-slate-800 {
4073
- &:where(.dark, .dark *) {
4074
- background-color: var(--color-slate-800);
4075
- }
4076
- }
4077
- .dark\:bg-slate-900 {
4078
- &:where(.dark, .dark *) {
4079
- background-color: var(--color-slate-900);
4080
- }
4081
- }
4082
- .dark\:bg-slate-900\/50 {
4083
- &:where(.dark, .dark *) {
4084
- background-color: color-mix(in srgb, hsl(195 6% 6%) 50%, transparent);
4085
- @supports (color: color-mix(in lab, red, red)) {
4086
- background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
4087
- }
4088
- }
4089
- }
4090
- .dark\:bg-slate-900\/70 {
4091
- &:where(.dark, .dark *) {
4092
- background-color: color-mix(in srgb, hsl(195 6% 6%) 70%, transparent);
4093
- @supports (color: color-mix(in lab, red, red)) {
4094
- background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent);
4095
- }
4096
- }
4097
- }
4098
- .dark\:bg-slate-900\/90 {
4099
- &:where(.dark, .dark *) {
4100
- background-color: color-mix(in srgb, hsl(195 6% 6%) 90%, transparent);
4101
- @supports (color: color-mix(in lab, red, red)) {
4102
- background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);
4103
- }
4104
- }
4105
- }
4106
- .dark\:bg-violet-500 {
4107
- &:where(.dark, .dark *) {
4108
- background-color: var(--color-violet-500);
4109
- }
4110
- }
4111
- .dark\:bg-white {
4112
- &:where(.dark, .dark *) {
4113
- background-color: var(--color-white);
4114
- }
4115
- }
4116
- .dark\:bg-yellow-300 {
4117
- &:where(.dark, .dark *) {
4118
- background-color: var(--color-yellow-300);
4119
- }
4120
- }
4121
- .dark\:bg-yellow-400 {
4122
- &:where(.dark, .dark *) {
4123
- background-color: var(--color-yellow-400);
4124
- }
4125
- }
4126
- .dark\:bg-yellow-500 {
4127
- &:where(.dark, .dark *) {
4128
- background-color: var(--color-yellow-500);
4129
- }
4130
- }
4131
- .dark\:bg-yellow-800 {
4132
- &:where(.dark, .dark *) {
4133
- background-color: var(--color-yellow-800);
4134
- }
4135
- }
4136
- .dark\:bg-yellow-900 {
4137
- &:where(.dark, .dark *) {
4138
- background-color: var(--color-yellow-900);
4139
- }
4140
- }
4141
- .dark\:text-amber-100 {
4142
- &:where(.dark, .dark *) {
4143
- color: var(--color-amber-100);
4144
- }
4145
- }
4146
- .dark\:text-blue-100 {
4147
- &:where(.dark, .dark *) {
4148
- color: var(--color-blue-100);
4149
- }
4150
- }
4151
- .dark\:text-green-100 {
4152
- &:where(.dark, .dark *) {
4153
- color: var(--color-green-100);
4154
- }
4155
- }
4156
- .dark\:text-orange-100 {
4157
- &:where(.dark, .dark *) {
4158
- color: var(--color-orange-100);
4159
- }
4160
- }
4161
- .dark\:text-purple-100 {
4162
- &:where(.dark, .dark *) {
4163
- color: var(--color-purple-100);
4164
- }
4165
- }
4166
- .dark\:text-red-100 {
4167
- &:where(.dark, .dark *) {
4168
- color: var(--color-red-100);
4169
- }
4170
- }
4171
- .dark\:text-red-400 {
4172
- &:where(.dark, .dark *) {
4173
- color: var(--color-red-400);
4174
- }
4175
- }
4176
- .dark\:text-slate-50 {
4177
- &:where(.dark, .dark *) {
4178
- color: var(--color-slate-50);
4179
- }
4180
- }
4181
- .dark\:text-slate-100 {
4182
- &:where(.dark, .dark *) {
4183
- color: var(--color-slate-100);
4184
- }
4185
- }
4186
- .dark\:text-slate-200 {
4187
- &:where(.dark, .dark *) {
4188
- color: var(--color-slate-200);
4189
- }
4190
- }
4191
- .dark\:text-slate-300 {
4192
- &:where(.dark, .dark *) {
4193
- color: var(--color-slate-300);
4194
- }
4195
- }
4196
- .dark\:text-slate-400 {
4197
- &:where(.dark, .dark *) {
4198
- color: var(--color-slate-400);
4199
- }
4200
- }
4201
- .dark\:text-slate-500 {
4202
- &:where(.dark, .dark *) {
4203
- color: var(--color-slate-500);
4204
- }
4205
- }
4206
- .dark\:text-slate-600 {
4207
- &:where(.dark, .dark *) {
4208
- color: var(--color-slate-600);
4209
- }
4210
- }
4211
- .dark\:text-slate-700 {
4212
- &:where(.dark, .dark *) {
4213
- color: var(--color-slate-700);
4214
- }
4215
- }
4216
- .dark\:text-slate-800 {
4217
- &:where(.dark, .dark *) {
4218
- color: var(--color-slate-800);
4219
- }
4220
- }
4221
- .dark\:text-slate-900 {
4222
- &:where(.dark, .dark *) {
4223
- color: var(--color-slate-900);
4224
- }
4225
- }
4226
- .dark\:text-yellow-100 {
4227
- &:where(.dark, .dark *) {
4228
- color: var(--color-yellow-100);
4229
- }
4230
- }
4231
- .dark\:ring-white\/10 {
4232
- &:where(.dark, .dark *) {
4233
- --tw-ring-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
4234
- @supports (color: color-mix(in lab, red, red)) {
4235
- --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
4236
- }
4237
- }
4238
- }
4239
- .dark\:group-focus-within\:text-slate-50 {
4240
- &:where(.dark, .dark *) {
4241
- &:is(:where(.group):focus-within *) {
4242
- color: var(--color-slate-50);
4243
- }
4244
- }
4245
- }
4246
- .dark\:group-hover\:border-slate-50 {
4247
- &:where(.dark, .dark *) {
4248
- &:is(:where(.group):hover *) {
4249
- @media (hover: hover) {
4250
- border-color: var(--color-slate-50);
4251
- }
4252
- }
4253
- }
4254
- }
4255
- .dark\:group-hover\:text-red-100 {
4256
- &:where(.dark, .dark *) {
4257
- &:is(:where(.group):hover *) {
4258
- @media (hover: hover) {
4259
- color: var(--color-red-100);
4260
- }
4261
- }
4262
- }
4263
- }
4264
- .dark\:group-hover\:text-slate-50 {
4265
- &:where(.dark, .dark *) {
4266
- &:is(:where(.group):hover *) {
4267
- @media (hover: hover) {
4268
- color: var(--color-slate-50);
4269
- }
4270
- }
4271
- }
4272
- }
4273
- .dark\:group-hover\:text-slate-100 {
4274
- &:where(.dark, .dark *) {
4275
- &:is(:where(.group):hover *) {
4276
- @media (hover: hover) {
4277
- color: var(--color-slate-100);
4278
- }
4279
- }
4280
- }
4281
- }
4282
- .dark\:group-hover\:text-slate-200 {
4283
- &:where(.dark, .dark *) {
4284
- &:is(:where(.group):hover *) {
4285
- @media (hover: hover) {
4286
- color: var(--color-slate-200);
4287
- }
4288
- }
4289
- }
4290
- }
4291
- .dark\:group-hover\/sidebar-resizer\:bg-slate-600 {
4292
- &:where(.dark, .dark *) {
4293
- &:is(:where(.group\/sidebar-resizer):hover *) {
4294
- @media (hover: hover) {
4295
- background-color: var(--color-slate-600);
4296
- }
4297
- }
4298
- }
4299
- }
4300
- .dark\:peer-hover\:text-slate-50 {
4301
- &:where(.dark, .dark *) {
4302
- &:is(:where(.peer):hover ~ *) {
4303
- @media (hover: hover) {
4304
- color: var(--color-slate-50);
4305
- }
4306
- }
4307
- }
4308
- }
4309
- .dark\:placeholder\:text-slate-200 {
4310
- &:where(.dark, .dark *) {
4311
- &::placeholder {
4312
- color: var(--color-slate-200);
4313
- }
4314
- }
4315
- }
4316
- .dark\:placeholder\:text-slate-300 {
4317
- &:where(.dark, .dark *) {
4318
- &::placeholder {
4319
- color: var(--color-slate-300);
4320
- }
4321
- }
4322
- }
4323
- .dark\:placeholder\:text-slate-400 {
4324
- &:where(.dark, .dark *) {
4325
- &::placeholder {
4326
- color: var(--color-slate-400);
4327
- }
4328
- }
4329
- }
4330
- .dark\:placeholder\:text-slate-500 {
4331
- &:where(.dark, .dark *) {
4332
- &::placeholder {
4333
- color: var(--color-slate-500);
4334
- }
4335
- }
4336
- }
4337
- .dark\:placeholder\:text-slate-900 {
4338
- &:where(.dark, .dark *) {
4339
- &::placeholder {
4340
- color: var(--color-slate-900);
4341
- }
4342
- }
4343
- }
4344
- .dark\:group-focus-within\:placeholder\:text-slate-300 {
4345
- &:where(.dark, .dark *) {
4346
- &:is(:where(.group):focus-within *) {
4347
- &::placeholder {
4348
- color: var(--color-slate-300);
4349
- }
4350
- }
4351
- }
4352
- }
4353
- .dark\:group-hover\:placeholder\:text-slate-500 {
4354
- &:where(.dark, .dark *) {
4355
- &:is(:where(.group):hover *) {
4356
- @media (hover: hover) {
4357
- &::placeholder {
4358
- color: var(--color-slate-500);
4359
- }
4360
- }
4361
- }
4362
- }
4363
- }
4364
- .dark\:before\:bg-blue-50 {
4365
- &:where(.dark, .dark *) {
4366
- &::before {
4367
- content: var(--tw-content);
4368
- background-color: var(--color-blue-50);
4369
- }
4370
- }
4371
- }
4372
- .dark\:before\:bg-orange-50 {
4373
- &:where(.dark, .dark *) {
4374
- &::before {
4375
- content: var(--tw-content);
4376
- background-color: var(--color-orange-50);
4377
- }
4378
- }
4379
- }
4380
- .dark\:before\:bg-red-50 {
4381
- &:where(.dark, .dark *) {
4382
- &::before {
4383
- content: var(--tw-content);
4384
- background-color: var(--color-red-50);
4385
- }
4386
- }
4387
- }
4388
- .dark\:after\:bg-blue-400 {
4389
- &:where(.dark, .dark *) {
4390
- &::after {
4391
- content: var(--tw-content);
4392
- background-color: var(--color-blue-400);
4393
- }
4394
- }
4395
- }
4396
- .dark\:after\:bg-slate-100 {
4397
- &:where(.dark, .dark *) {
4398
- &::after {
4399
- content: var(--tw-content);
4400
- background-color: var(--color-slate-100);
4401
- }
4402
- }
4403
- }
4404
- .dark\:after\:bg-slate-300 {
4405
- &:where(.dark, .dark *) {
4406
- &::after {
4407
- content: var(--tw-content);
4408
- background-color: var(--color-slate-300);
4409
- }
4410
- }
4411
- }
4412
- .dark\:after\:bg-slate-400 {
4413
- &:where(.dark, .dark *) {
4414
- &::after {
4415
- content: var(--tw-content);
4416
- background-color: var(--color-slate-400);
4417
- }
4418
- }
4419
- }
4420
- .dark\:after\:bg-slate-600 {
4421
- &:where(.dark, .dark *) {
4422
- &::after {
4423
- content: var(--tw-content);
4424
- background-color: var(--color-slate-600);
4425
- }
4426
- }
4427
- }
4428
- .dark\:after\:bg-slate-800 {
4429
- &:where(.dark, .dark *) {
4430
- &::after {
4431
- content: var(--tw-content);
4432
- background-color: var(--color-slate-800);
4433
- }
4434
- }
4435
- }
4436
- .dark\:after\:text-slate-100 {
4437
- &:where(.dark, .dark *) {
4438
- &::after {
4439
- content: var(--tw-content);
4440
- color: var(--color-slate-100);
4441
- }
4442
- }
4443
- }
4444
- .dark\:group-hover\:after\:bg-slate-50 {
4445
- &:where(.dark, .dark *) {
4446
- &:is(:where(.group):hover *) {
4447
- @media (hover: hover) {
4448
- &::after {
4449
- content: var(--tw-content);
4450
- background-color: var(--color-slate-50);
4451
- }
4452
- }
4453
- }
4454
- }
4455
- }
4456
- .dark\:odd\:bg-slate-800 {
4457
- &:where(.dark, .dark *) {
4458
- &:nth-child(odd) {
4459
- background-color: var(--color-slate-800);
4460
- }
4461
- }
4462
- }
4463
- .dark\:even\:bg-slate-800 {
4464
- &:where(.dark, .dark *) {
4465
- &:nth-child(even) {
4466
- background-color: var(--color-slate-800);
4467
- }
4468
- }
4469
- }
4470
- .last-of-type\:dark\:text-slate-100 {
4471
- &:last-of-type {
4472
- &:where(.dark, .dark *) {
4473
- color: var(--color-slate-100);
4474
- }
4475
- }
4476
- }
4477
- .dark\:focus-within\:border-b-slate-800 {
4478
- &:where(.dark, .dark *) {
4479
- &:focus-within {
4480
- border-bottom-color: var(--color-slate-800);
4481
- }
4482
- }
4483
- }
4484
- .dark\:focus-within\:bg-slate-700 {
4485
- &:where(.dark, .dark *) {
4486
- &:focus-within {
4487
- background-color: var(--color-slate-700);
4488
- }
4489
- }
4490
- }
4491
- .dark\:hover\:border-red-50 {
4492
- &:where(.dark, .dark *) {
4493
- &:hover {
4494
- @media (hover: hover) {
4495
- border-color: var(--color-red-50);
4496
- }
4497
- }
4498
- }
4499
- }
4500
- .dark\:hover\:border-red-900 {
4501
- &:where(.dark, .dark *) {
4502
- &:hover {
4503
- @media (hover: hover) {
4504
- border-color: var(--color-red-900);
4505
- }
4506
- }
4507
- }
4508
- }
4509
- .dark\:hover\:border-slate-50 {
4510
- &:where(.dark, .dark *) {
4511
- &:hover {
4512
- @media (hover: hover) {
4513
- border-color: var(--color-slate-50);
4514
- }
4515
- }
4516
- }
4517
- }
4518
- .dark\:hover\:border-slate-300 {
4519
- &:where(.dark, .dark *) {
4520
- &:hover {
4521
- @media (hover: hover) {
4522
- border-color: var(--color-slate-300);
4523
- }
4524
- }
4525
- }
4526
- }
4527
- .dark\:hover\:border-slate-500 {
4528
- &:where(.dark, .dark *) {
4529
- &:hover {
4530
- @media (hover: hover) {
4531
- border-color: var(--color-slate-500);
4532
- }
4533
- }
4534
- }
4535
- }
4536
- .dark\:hover\:border-b-slate-800 {
4537
- &:where(.dark, .dark *) {
4538
- &:hover {
4539
- @media (hover: hover) {
4540
- border-bottom-color: var(--color-slate-800);
4541
- }
4542
- }
4543
- }
4544
- }
4545
- .dark\:hover\:bg-amber-900 {
4546
- &:where(.dark, .dark *) {
4547
- &:hover {
4548
- @media (hover: hover) {
4549
- background-color: var(--color-amber-900);
4550
- }
4551
- }
4552
- }
4553
- }
4554
- .dark\:hover\:bg-blue-200 {
4555
- &:where(.dark, .dark *) {
4556
- &:hover {
4557
- @media (hover: hover) {
4558
- background-color: var(--color-blue-200);
4559
- }
4560
- }
4561
- }
4562
- }
4563
- .dark\:hover\:bg-blue-300 {
4564
- &:where(.dark, .dark *) {
4565
- &:hover {
4566
- @media (hover: hover) {
4567
- background-color: var(--color-blue-300);
4568
- }
4569
- }
4570
- }
4571
- }
4572
- .dark\:hover\:bg-blue-600 {
4573
- &:where(.dark, .dark *) {
4574
- &:hover {
4575
- @media (hover: hover) {
4576
- background-color: var(--color-blue-600);
4577
- }
4578
- }
4579
- }
4580
- }
4581
- .dark\:hover\:bg-blue-800 {
4582
- &:where(.dark, .dark *) {
4583
- &:hover {
4584
- @media (hover: hover) {
4585
- background-color: var(--color-blue-800);
4586
- }
4587
- }
4588
- }
4589
- }
4590
- .dark\:hover\:bg-blue-900 {
4591
- &:where(.dark, .dark *) {
4592
- &:hover {
4593
- @media (hover: hover) {
4594
- background-color: var(--color-blue-900);
4595
- }
4596
- }
4597
- }
4598
- }
4599
- .dark\:hover\:bg-green-800 {
4600
- &:where(.dark, .dark *) {
4601
- &:hover {
4602
- @media (hover: hover) {
4603
- background-color: var(--color-green-800);
4604
- }
4605
- }
4606
- }
4607
- }
4608
- .dark\:hover\:bg-red-800 {
4609
- &:where(.dark, .dark *) {
4610
- &:hover {
4611
- @media (hover: hover) {
4612
- background-color: var(--color-red-800);
4613
- }
4614
- }
4615
- }
4616
- }
4617
- .dark\:hover\:bg-slate-50 {
4618
- &:where(.dark, .dark *) {
4619
- &:hover {
4620
- @media (hover: hover) {
4621
- background-color: var(--color-slate-50);
4622
- }
4623
- }
4624
- }
4625
- }
4626
- .dark\:hover\:bg-slate-100 {
4627
- &:where(.dark, .dark *) {
4628
- &:hover {
4629
- @media (hover: hover) {
4630
- background-color: var(--color-slate-100);
4631
- }
4632
- }
4633
- }
4634
- }
4635
- .dark\:hover\:bg-slate-500 {
4636
- &:where(.dark, .dark *) {
4637
- &:hover {
4638
- @media (hover: hover) {
4639
- background-color: var(--color-slate-500);
4640
- }
4641
- }
4642
- }
4643
- }
4644
- .dark\:hover\:bg-slate-600 {
4645
- &:where(.dark, .dark *) {
4646
- &:hover {
4647
- @media (hover: hover) {
4648
- background-color: var(--color-slate-600);
4649
- }
4650
- }
4651
- }
4652
- }
4653
- .dark\:hover\:bg-slate-700 {
4654
- &:where(.dark, .dark *) {
4655
- &:hover {
4656
- @media (hover: hover) {
4657
- background-color: var(--color-slate-700);
4658
- }
4659
- }
4660
- }
4661
- }
4662
- .dark\:hover\:bg-slate-800 {
4663
- &:where(.dark, .dark *) {
4664
- &:hover {
4665
- @media (hover: hover) {
4666
- background-color: var(--color-slate-800);
4667
- }
4668
- }
4669
- }
4670
- }
4671
- .dark\:hover\:bg-slate-900 {
4672
- &:where(.dark, .dark *) {
4673
- &:hover {
4674
- @media (hover: hover) {
4675
- background-color: var(--color-slate-900);
4676
- }
4677
- }
4678
- }
4679
- }
4680
- .dark\:hover\:bg-yellow-200 {
4681
- &:where(.dark, .dark *) {
4682
- &:hover {
4683
- @media (hover: hover) {
4684
- background-color: var(--color-yellow-200);
4685
- }
4686
- }
4687
- }
4688
- }
4689
- .dark\:hover\:bg-yellow-800 {
4690
- &:where(.dark, .dark *) {
4691
- &:hover {
4692
- @media (hover: hover) {
4693
- background-color: var(--color-yellow-800);
4694
- }
4695
- }
4696
- }
4697
- }
4698
- .dark\:hover\:text-blue-100 {
4699
- &:where(.dark, .dark *) {
4700
- &:hover {
4701
- @media (hover: hover) {
4702
- color: var(--color-blue-100);
4703
- }
4704
- }
4705
- }
4706
- }
4707
- .dark\:hover\:text-blue-900 {
4708
- &:where(.dark, .dark *) {
4709
- &:hover {
4710
- @media (hover: hover) {
4711
- color: var(--color-blue-900);
4712
- }
4713
- }
4714
- }
4715
- }
4716
- .dark\:hover\:text-purple-100 {
4717
- &:where(.dark, .dark *) {
4718
- &:hover {
4719
- @media (hover: hover) {
4720
- color: var(--color-purple-100);
4721
- }
4722
- }
4723
- }
4724
- }
4725
- .dark\:hover\:text-red-100 {
4726
- &:where(.dark, .dark *) {
4727
- &:hover {
4728
- @media (hover: hover) {
4729
- color: var(--color-red-100);
4730
- }
4731
- }
4732
- }
4733
- }
4734
- .dark\:hover\:text-slate-50 {
4735
- &:where(.dark, .dark *) {
4736
- &:hover {
4737
- @media (hover: hover) {
4738
- color: var(--color-slate-50);
4739
- }
4740
- }
4741
- }
4742
- }
4743
- .dark\:hover\:text-slate-100 {
4744
- &:where(.dark, .dark *) {
4745
- &:hover {
4746
- @media (hover: hover) {
4747
- color: var(--color-slate-100);
4748
- }
4749
- }
3024
+ .focus-visible\:ring-2 {
3025
+ &:focus-visible {
3026
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3027
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4750
3028
  }
4751
3029
  }
4752
- .dark\:hover\:text-slate-200 {
4753
- &:where(.dark, .dark *) {
4754
- &:hover {
4755
- @media (hover: hover) {
4756
- color: var(--color-slate-200);
4757
- }
4758
- }
3030
+ .focus-visible\:ring-ring {
3031
+ &:focus-visible {
3032
+ --tw-ring-color: var(--ring);
4759
3033
  }
4760
3034
  }
4761
- .dark\:hover\:text-slate-300 {
4762
- &:where(.dark, .dark *) {
4763
- &:hover {
4764
- @media (hover: hover) {
4765
- color: var(--color-slate-300);
4766
- }
4767
- }
3035
+ .focus-visible\:ring-offset-0 {
3036
+ &:focus-visible {
3037
+ --tw-ring-offset-width: 0px;
3038
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4768
3039
  }
4769
3040
  }
4770
- .dark\:hover\:text-slate-400 {
4771
- &:where(.dark, .dark *) {
4772
- &:hover {
4773
- @media (hover: hover) {
4774
- color: var(--color-slate-400);
4775
- }
4776
- }
3041
+ .focus-visible\:ring-offset-2 {
3042
+ &:focus-visible {
3043
+ --tw-ring-offset-width: 2px;
3044
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
4777
3045
  }
4778
3046
  }
4779
- .dark\:hover\:text-slate-500 {
4780
- &:where(.dark, .dark *) {
4781
- &:hover {
4782
- @media (hover: hover) {
4783
- color: var(--color-slate-500);
4784
- }
4785
- }
3047
+ .focus-visible\:ring-offset-background {
3048
+ &:focus-visible {
3049
+ --tw-ring-offset-color: var(--background);
4786
3050
  }
4787
3051
  }
4788
- .dark\:hover\:text-slate-600 {
4789
- &:where(.dark, .dark *) {
4790
- &:hover {
4791
- @media (hover: hover) {
4792
- color: var(--color-slate-600);
4793
- }
4794
- }
3052
+ .focus-visible\:ring-offset-white {
3053
+ &:focus-visible {
3054
+ --tw-ring-offset-color: var(--color-white);
4795
3055
  }
4796
3056
  }
4797
- .dark\:focus\:border-blue-500 {
4798
- &:where(.dark, .dark *) {
4799
- &:focus {
4800
- border-color: var(--color-blue-500);
4801
- }
3057
+ .focus-visible\:outline-none {
3058
+ &:focus-visible {
3059
+ --tw-outline-style: none;
3060
+ outline-style: none;
4802
3061
  }
4803
3062
  }
4804
- .dark\:focus\:bg-slate-700 {
4805
- &:where(.dark, .dark *) {
4806
- &:focus {
4807
- background-color: var(--color-slate-700);
4808
- }
3063
+ .active\:active-effect {
3064
+ &:active {
3065
+ filter: brightness(var(--active));
3066
+ transition: filter 0.1s ease-in-out;
4809
3067
  }
4810
3068
  }
4811
- .dark\:focus\:ring-slate-300 {
4812
- &:where(.dark, .dark *) {
4813
- &:focus {
4814
- --tw-ring-color: var(--color-slate-300);
4815
- }
3069
+ .active\:active-effect {
3070
+ &:active {
3071
+ filter: brightness(var(--active));
3072
+ transition: filter 0.1s ease-in-out;
4816
3073
  }
4817
3074
  }
4818
- .dark\:focus-visible\:ring-slate-300 {
4819
- &:where(.dark, .dark *) {
4820
- &:focus-visible {
4821
- --tw-ring-color: var(--color-slate-300);
4822
- }
3075
+ .active\:active-effect {
3076
+ &:active {
3077
+ filter: brightness(var(--active));
3078
+ transition: filter 0.1s ease-in-out;
4823
3079
  }
4824
3080
  }
4825
- .dark\:focus-visible\:ring-slate-400 {
4826
- &:where(.dark, .dark *) {
4827
- &:focus-visible {
4828
- --tw-ring-color: var(--color-slate-400);
4829
- }
3081
+ .disabled\:disabled-effect {
3082
+ &:disabled {
3083
+ cursor: not-allowed;
3084
+ opacity: var(--disabled);
3085
+ filter: grayscale(1);
3086
+ outline: none;
3087
+ box-shadow: none;
4830
3088
  }
4831
3089
  }
4832
- .dark\:focus-visible\:ring-offset-slate-800 {
4833
- &:where(.dark, .dark *) {
4834
- &:focus-visible {
4835
- --tw-ring-offset-color: var(--color-slate-800);
4836
- }
3090
+ .disabled\:disabled-effect {
3091
+ &:disabled {
3092
+ cursor: not-allowed;
3093
+ opacity: var(--disabled);
3094
+ filter: grayscale(1);
3095
+ outline: none;
3096
+ box-shadow: none;
4837
3097
  }
4838
3098
  }
4839
- .dark\:active\:border-blue-100 {
4840
- &:where(.dark, .dark *) {
4841
- &:active {
4842
- border-color: var(--color-blue-100);
4843
- }
3099
+ .disabled\:disabled-effect {
3100
+ &:disabled {
3101
+ cursor: not-allowed;
3102
+ opacity: var(--disabled);
3103
+ filter: grayscale(1);
3104
+ outline: none;
3105
+ box-shadow: none;
4844
3106
  }
4845
3107
  }
4846
- .dark\:active\:border-red-100 {
4847
- &:where(.dark, .dark *) {
4848
- &:active {
4849
- border-color: var(--color-red-100);
4850
- }
3108
+ .disabled\:opacity-100 {
3109
+ &:disabled {
3110
+ opacity: 100%;
4851
3111
  }
4852
3112
  }
4853
- .dark\:active\:border-slate-200 {
4854
- &:where(.dark, .dark *) {
4855
- &:active {
4856
- border-color: var(--color-slate-200);
4857
- }
3113
+ .data-disabled\:disabled-effect {
3114
+ &[data-disabled] {
3115
+ cursor: not-allowed;
3116
+ opacity: var(--disabled);
3117
+ filter: grayscale(1);
3118
+ outline: none;
3119
+ box-shadow: none;
4858
3120
  }
4859
3121
  }
4860
- .dark\:active\:border-slate-500 {
4861
- &:where(.dark, .dark *) {
4862
- &:active {
4863
- border-color: var(--color-slate-500);
4864
- }
3122
+ .data-disabled\:disabled-effect {
3123
+ &[data-disabled] {
3124
+ cursor: not-allowed;
3125
+ opacity: var(--disabled);
3126
+ filter: grayscale(1);
3127
+ outline: none;
3128
+ box-shadow: none;
4865
3129
  }
4866
3130
  }
4867
- .dark\:active\:bg-slate-600 {
4868
- &:where(.dark, .dark *) {
4869
- &:active {
4870
- background-color: var(--color-slate-600);
4871
- }
3131
+ .data-disabled\:disabled-effect {
3132
+ &[data-disabled] {
3133
+ cursor: not-allowed;
3134
+ opacity: var(--disabled);
3135
+ filter: grayscale(1);
3136
+ outline: none;
3137
+ box-shadow: none;
4872
3138
  }
4873
3139
  }
4874
- .dark\:active\:text-slate-100 {
4875
- &:where(.dark, .dark *) {
4876
- &:active {
4877
- color: var(--color-slate-100);
4878
- }
3140
+ .data-state\:border-foreground {
3141
+ &[data-state] {
3142
+ border-color: var(--foreground);
4879
3143
  }
4880
3144
  }
4881
- .dark\:active\:text-slate-300 {
4882
- &:where(.dark, .dark *) {
4883
- &:active {
4884
- color: var(--color-slate-300);
4885
- }
3145
+ .data-\[disabled\=true\]\:disabled-effect {
3146
+ &[data-disabled="true"] {
3147
+ cursor: not-allowed;
3148
+ opacity: var(--disabled);
3149
+ filter: grayscale(1);
3150
+ outline: none;
3151
+ box-shadow: none;
4886
3152
  }
4887
3153
  }
4888
- .dark\:disabled\:border-slate-200 {
4889
- &:where(.dark, .dark *) {
4890
- &:disabled {
4891
- border-color: var(--color-slate-200);
4892
- }
3154
+ .data-\[disabled\=true\]\:disabled-effect {
3155
+ &[data-disabled="true"] {
3156
+ cursor: not-allowed;
3157
+ opacity: var(--disabled);
3158
+ filter: grayscale(1);
3159
+ outline: none;
3160
+ box-shadow: none;
4893
3161
  }
4894
3162
  }
4895
- .dark\:disabled\:border-slate-500 {
4896
- &:where(.dark, .dark *) {
4897
- &:disabled {
4898
- border-color: var(--color-slate-500);
4899
- }
3163
+ .data-\[disabled\=true\]\:disabled-effect {
3164
+ &[data-disabled="true"] {
3165
+ cursor: not-allowed;
3166
+ opacity: var(--disabled);
3167
+ filter: grayscale(1);
3168
+ outline: none;
3169
+ box-shadow: none;
4900
3170
  }
4901
3171
  }
4902
- .dark\:disabled\:bg-slate-600 {
4903
- &:where(.dark, .dark *) {
4904
- &:disabled {
4905
- background-color: var(--color-slate-600);
3172
+ .data-\[invalid\=true\]\:data-state\:border-destructive\! {
3173
+ &[data-invalid="true"] {
3174
+ &[data-state] {
3175
+ border-color: var(--destructive) !important;
4906
3176
  }
4907
3177
  }
4908
3178
  }
4909
- .dark\:disabled\:bg-slate-700 {
4910
- &:where(.dark, .dark *) {
4911
- &:disabled {
4912
- background-color: var(--color-slate-700);
4913
- }
3179
+ .data-\[selected\=true\]\:bg-accent {
3180
+ &[data-selected="true"] {
3181
+ background-color: var(--accent);
4914
3182
  }
4915
3183
  }
4916
- .dark\:disabled\:text-blue-100 {
4917
- &:where(.dark, .dark *) {
4918
- &:disabled {
4919
- color: var(--color-blue-100);
4920
- }
3184
+ .data-\[side\=bottom\]\:animate-slide-in-from-top {
3185
+ &[data-side="bottom"] {
3186
+ animation: var(--animate-slide-in-from-top);
4921
3187
  }
4922
3188
  }
4923
- .dark\:disabled\:text-red-100 {
4924
- &:where(.dark, .dark *) {
4925
- &:disabled {
4926
- color: var(--color-red-100);
4927
- }
3189
+ .data-\[side\=left\]\:animate-slide-in-from-right {
3190
+ &[data-side="left"] {
3191
+ animation: var(--animate-slide-in-from-right);
4928
3192
  }
4929
3193
  }
4930
- .dark\:disabled\:text-slate-100 {
4931
- &:where(.dark, .dark *) {
4932
- &:disabled {
4933
- color: var(--color-slate-100);
4934
- }
3194
+ .data-\[side\=right\]\:animate-slide-in-from-left {
3195
+ &[data-side="right"] {
3196
+ animation: var(--animate-slide-in-from-left);
4935
3197
  }
4936
3198
  }
4937
- .dark\:disabled\:text-slate-400 {
4938
- &:where(.dark, .dark *) {
4939
- &:disabled {
4940
- color: var(--color-slate-400);
4941
- }
3199
+ .data-\[side\=top\]\:animate-slide-in-from-bottom {
3200
+ &[data-side="top"] {
3201
+ animation: var(--animate-slide-in-from-bottom);
4942
3202
  }
4943
3203
  }
4944
- .dark\:disabled\:text-slate-500 {
4945
- &:where(.dark, .dark *) {
4946
- &:disabled {
4947
- color: var(--color-slate-500);
4948
- }
3204
+ .data-\[state\=active\]\:bg-accent {
3205
+ &[data-state="active"] {
3206
+ background-color: var(--accent);
4949
3207
  }
4950
3208
  }
4951
- .dark\:disabled\:placeholder\:text-slate-400 {
4952
- &:where(.dark, .dark *) {
4953
- &:disabled {
4954
- &::placeholder {
4955
- color: var(--color-slate-400);
4956
- }
4957
- }
3209
+ .data-\[state\=active\]\:text-foreground {
3210
+ &[data-state="active"] {
3211
+ color: var(--foreground);
4958
3212
  }
4959
3213
  }
4960
- .dark\:data-disabled\:text-slate-500 {
4961
- &:where(.dark, .dark *) {
4962
- &[data-disabled] {
4963
- color: var(--color-slate-500);
4964
- }
3214
+ .data-\[state\=active\]\:shadow-tab {
3215
+ &[data-state="active"] {
3216
+ --tw-shadow: 0px 16px 16px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
3217
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4965
3218
  }
4966
3219
  }
4967
- .dark\:data-state\:border-slate-500 {
4968
- &:where(.dark, .dark *) {
4969
- &[data-state] {
4970
- border-color: var(--color-slate-500);
4971
- }
3220
+ .data-\[state\=checked\]\:bg-primary {
3221
+ &[data-state="checked"] {
3222
+ background-color: var(--primary);
4972
3223
  }
4973
3224
  }
4974
- .dark\:data-\[invalid\=true\]\:group-hover\:border-red-50\! {
4975
- &:where(.dark, .dark *) {
4976
- &[data-invalid="true"] {
4977
- &:is(:where(.group):hover *) {
4978
- @media (hover: hover) {
4979
- border-color: var(--color-red-50) !important;
4980
- }
4981
- }
4982
- }
3225
+ .data-\[state\=checked\]\:text-primary-foreground {
3226
+ &[data-state="checked"] {
3227
+ color: var(--primary-foreground);
4983
3228
  }
4984
3229
  }
4985
- .dark\:data-\[invalid\=true\]\:data-state\:border-red-100\! {
4986
- &:where(.dark, .dark *) {
4987
- &[data-invalid="true"] {
4988
- &[data-state] {
4989
- border-color: var(--color-red-100) !important;
4990
- }
3230
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-destructive\! {
3231
+ &[data-invalid="true"] {
3232
+ &[data-state="checked"] {
3233
+ background-color: var(--destructive) !important;
4991
3234
  }
4992
3235
  }
4993
3236
  }
4994
- .dark\:data-\[invalid\=true\]\:data-state\:border-red-800\! {
4995
- &:where(.dark, .dark *) {
4996
- &[data-invalid="true"] {
4997
- &[data-state] {
4998
- border-color: var(--color-red-800) !important;
4999
- }
5000
- }
3237
+ .data-\[state\=closed\]\:animate-fade-out {
3238
+ &[data-state="closed"] {
3239
+ animation: var(--animate-fade-out);
5001
3240
  }
5002
3241
  }
5003
- .dark\:data-\[selected\=true\]\:bg-slate-500 {
5004
- &:where(.dark, .dark *) {
5005
- &[data-selected="true"] {
5006
- background-color: var(--color-slate-500);
5007
- }
3242
+ .data-\[state\=closed\]\:animate-zoom-out {
3243
+ &[data-state="closed"] {
3244
+ animation: var(--animate-zoom-out);
5008
3245
  }
5009
3246
  }
5010
- .dark\:data-\[selected\=true\]\:bg-slate-600 {
5011
- &:where(.dark, .dark *) {
5012
- &[data-selected="true"] {
5013
- background-color: var(--color-slate-600);
5014
- }
3247
+ .data-\[state\=indeterminate\]\:bg-primary {
3248
+ &[data-state="indeterminate"] {
3249
+ background-color: var(--primary);
5015
3250
  }
5016
3251
  }
5017
- .dark\:data-\[selected\=true\]\:bg-slate-900 {
5018
- &:where(.dark, .dark *) {
5019
- &[data-selected="true"] {
5020
- background-color: var(--color-slate-900);
5021
- }
3252
+ .data-\[state\=indeterminate\]\:text-primary-foreground {
3253
+ &[data-state="indeterminate"] {
3254
+ color: var(--primary-foreground);
5022
3255
  }
5023
3256
  }
5024
- .dark\:data-\[state\=\'active\'\]\:bg-slate-500 {
5025
- &:where(.dark, .dark *) {
5026
- &[data-state='active'] {
5027
- background-color: var(--color-slate-500);
3257
+ .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-destructive\! {
3258
+ &[data-invalid="true"] {
3259
+ &[data-state="indeterminate"] {
3260
+ background-color: var(--destructive) !important;
5028
3261
  }
5029
3262
  }
5030
3263
  }
5031
- .dark\:data-\[state\=\'active\'\]\:text-slate-100 {
5032
- &:where(.dark, .dark *) {
5033
- &[data-state='active'] {
5034
- color: var(--color-slate-100);
5035
- }
3264
+ .data-\[state\=open\]\:animate-fade-in {
3265
+ &[data-state="open"] {
3266
+ animation: var(--animate-fade-in);
5036
3267
  }
5037
3268
  }
5038
- .dark\:data-\[state\=checked\]\:bg-slate-400 {
5039
- &:where(.dark, .dark *) {
5040
- &[data-state="checked"] {
5041
- background-color: var(--color-slate-400);
5042
- }
3269
+ .data-\[state\=open\]\:animate-zoom-in {
3270
+ &[data-state="open"] {
3271
+ animation: var(--animate-zoom-in);
5043
3272
  }
5044
3273
  }
5045
- .dark\:data-\[state\=checked\]\:text-slate-900 {
5046
- &:where(.dark, .dark *) {
5047
- &[data-state="checked"] {
5048
- color: var(--color-slate-900);
5049
- }
3274
+ .lg\:grid-cols-3 {
3275
+ @media (width >= 64rem) {
3276
+ grid-template-columns: repeat(3, minmax(0, 1fr));
5050
3277
  }
5051
3278
  }
5052
- .dark\:data-\[state\=checked\]\:group-hover\:bg-slate-50 {
3279
+ .dark\:border-none {
5053
3280
  &:where(.dark, .dark *) {
5054
- &[data-state="checked"] {
5055
- &:is(:where(.group):hover *) {
5056
- @media (hover: hover) {
5057
- background-color: var(--color-slate-50);
5058
- }
5059
- }
5060
- }
3281
+ --tw-border-style: none;
3282
+ border-style: none;
5061
3283
  }
5062
3284
  }
5063
- .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-slate-500 {
3285
+ .dark\:ring-white\/10 {
5064
3286
  &:where(.dark, .dark *) {
5065
- &:disabled {
5066
- &[data-invalid="false"] {
5067
- &[data-state="checked"] {
5068
- background-color: var(--color-slate-500);
5069
- }
5070
- }
3287
+ --tw-ring-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
3288
+ @supports (color: color-mix(in lab, red, red)) {
3289
+ --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
5071
3290
  }
5072
3291
  }
5073
3292
  }
5074
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-100\! {
3293
+ .dark\:peer-hover\:hover-effect {
5075
3294
  &:where(.dark, .dark *) {
5076
- &[data-invalid="true"] {
5077
- &[data-state="checked"] {
5078
- background-color: var(--color-red-100) !important;
3295
+ &:is(:where(.peer):hover ~ *) {
3296
+ @media (hover: hover) {
3297
+ filter: brightness(var(--hover));
3298
+ transition: filter 0.2s ease-in-out;
3299
+ cursor: pointer;
5079
3300
  }
5080
3301
  }
5081
3302
  }
5082
3303
  }
5083
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
3304
+ .dark\:peer-hover\:hover-effect {
5084
3305
  &:where(.dark, .dark *) {
5085
- &[data-invalid="true"] {
5086
- &[data-state="checked"] {
5087
- background-color: var(--color-red-800) !important;
3306
+ &:is(:where(.peer):hover ~ *) {
3307
+ @media (hover: hover) {
3308
+ filter: brightness(var(--hover));
3309
+ transition: filter 0.2s ease-in-out;
3310
+ cursor: pointer;
5088
3311
  }
5089
3312
  }
5090
3313
  }
5091
3314
  }
5092
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:bg-red-50\! {
3315
+ .dark\:peer-hover\:hover-effect {
5093
3316
  &:where(.dark, .dark *) {
5094
- &[data-invalid="true"] {
5095
- &[data-state="checked"] {
5096
- &:is(:where(.group):hover *) {
5097
- @media (hover: hover) {
5098
- background-color: var(--color-red-50) !important;
5099
- }
5100
- }
3317
+ &:is(:where(.peer):hover ~ *) {
3318
+ @media (hover: hover) {
3319
+ filter: brightness(var(--hover));
3320
+ transition: filter 0.2s ease-in-out;
3321
+ cursor: pointer;
5101
3322
  }
5102
3323
  }
5103
3324
  }
5104
3325
  }
5105
- .dark\:data-\[state\=indeterminate\]\:bg-slate-400 {
5106
- &:where(.dark, .dark *) {
5107
- &[data-state="indeterminate"] {
5108
- background-color: var(--color-slate-400);
5109
- }
5110
- }
5111
- }
5112
- .dark\:data-\[state\=indeterminate\]\:text-slate-900 {
5113
- &:where(.dark, .dark *) {
5114
- &[data-state="indeterminate"] {
5115
- color: var(--color-slate-900);
5116
- }
5117
- }
5118
- }
5119
- .dark\:data-\[state\=indeterminate\]\:group-hover\:bg-slate-50 {
3326
+ .dark\:group-hover\:after\:hover-effect {
5120
3327
  &:where(.dark, .dark *) {
5121
- &[data-state="indeterminate"] {
5122
- &:is(:where(.group):hover *) {
5123
- @media (hover: hover) {
5124
- background-color: var(--color-slate-50);
3328
+ &:is(:where(.group):hover *) {
3329
+ @media (hover: hover) {
3330
+ &::after {
3331
+ content: var(--tw-content);
3332
+ filter: brightness(var(--hover));
3333
+ transition: filter 0.2s ease-in-out;
3334
+ cursor: pointer;
5125
3335
  }
5126
3336
  }
5127
3337
  }
5128
3338
  }
5129
3339
  }
5130
- .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-slate-500 {
3340
+ .dark\:group-hover\:after\:hover-effect {
5131
3341
  &:where(.dark, .dark *) {
5132
- &:disabled {
5133
- &[data-invalid="false"] {
5134
- &[data-state="indeterminate"] {
5135
- background-color: var(--color-slate-500);
3342
+ &:is(:where(.group):hover *) {
3343
+ @media (hover: hover) {
3344
+ &::after {
3345
+ content: var(--tw-content);
3346
+ filter: brightness(var(--hover));
3347
+ transition: filter 0.2s ease-in-out;
3348
+ cursor: pointer;
5136
3349
  }
5137
3350
  }
5138
3351
  }
5139
3352
  }
5140
3353
  }
5141
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-100\! {
5142
- &:where(.dark, .dark *) {
5143
- &[data-invalid="true"] {
5144
- &[data-state="indeterminate"] {
5145
- background-color: var(--color-red-100) !important;
5146
- }
5147
- }
5148
- }
5149
- }
5150
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
5151
- &:where(.dark, .dark *) {
5152
- &[data-invalid="true"] {
5153
- &[data-state="indeterminate"] {
5154
- background-color: var(--color-red-800) !important;
5155
- }
5156
- }
5157
- }
5158
- }
5159
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:bg-red-50\! {
3354
+ .dark\:group-hover\:after\:hover-effect {
5160
3355
  &:where(.dark, .dark *) {
5161
- &[data-invalid="true"] {
5162
- &[data-state="indeterminate"] {
5163
- &:is(:where(.group):hover *) {
5164
- @media (hover: hover) {
5165
- background-color: var(--color-red-50) !important;
5166
- }
3356
+ &:is(:where(.group):hover *) {
3357
+ @media (hover: hover) {
3358
+ &::after {
3359
+ content: var(--tw-content);
3360
+ filter: brightness(var(--hover));
3361
+ transition: filter 0.2s ease-in-out;
3362
+ cursor: pointer;
5167
3363
  }
5168
3364
  }
5169
3365
  }
@@ -6082,6 +4278,69 @@
6082
4278
  ._1prJR {
6083
4279
  color: rgb(38, 139, 210);
6084
4280
  }
4281
+ :root {
4282
+ --background: var(--color-gray-50);
4283
+ --foreground: var(--color-gray-800);
4284
+ --card: var(--color-white);
4285
+ --card-foreground: var(--color-gray-800);
4286
+ --popover: var(--color-white);
4287
+ --popover-foreground: var(--color-gray-800);
4288
+ --primary: var(--color-gray-800);
4289
+ --primary-foreground: var(--color-white);
4290
+ --secondary: var(--color-gray-200);
4291
+ --secondary-foreground: var(--color-gray-700);
4292
+ --muted: var(--color-gray-100);
4293
+ --muted-foreground: var(--color-gray-500);
4294
+ --accent: var(--color-gray-100);
4295
+ --accent-foreground: var(--color-gray-800);
4296
+ --border: var(--color-gray-200);
4297
+ --input: var(--color-gray-200);
4298
+ --ring: var(--color-blue-500);
4299
+ --hover: 0.95;
4300
+ --active: 0.9;
4301
+ --disabled: 0.5;
4302
+ --destructive: var(--color-red-900);
4303
+ --destructive-foreground: var(--color-white);
4304
+ --info: var(--color-blue-900);
4305
+ --info-foreground: var(--color-white);
4306
+ --success: var(--color-green-900);
4307
+ --success-foreground: var(--color-white);
4308
+ --warning: var(--color-orange-900);
4309
+ --warning-foreground: var(--color-white);
4310
+ --chart-1: var(--color-blue-600);
4311
+ --chart-2: var(--color-green-600);
4312
+ --chart-3: var(--color-orange-600);
4313
+ --chart-4: var(--color-purple-600);
4314
+ --chart-5: var(--color-red-600);
4315
+ --sidebar: var(--background);
4316
+ --sidebar-foreground: var(--foreground);
4317
+ --sidebar-primary: var(--primary);
4318
+ --sidebar-primary-foreground: var(--primary-foreground);
4319
+ --sidebar-accent: var(--accent);
4320
+ --sidebar-accent-foreground: var(--accent-foreground);
4321
+ --sidebar-border: var(--border);
4322
+ --sidebar-ring: var(--ring);
4323
+ }
4324
+ .dark {
4325
+ --background: var(--color-slate-800);
4326
+ --foreground: var(--color-slate-100);
4327
+ --card: var(--color-slate-700);
4328
+ --card-foreground: var(--color-slate-100);
4329
+ --popover: var(--color-slate-700);
4330
+ --popover-foreground: var(--color-slate-100);
4331
+ --primary: var(--color-slate-100);
4332
+ --primary-foreground: var(--color-slate-900);
4333
+ --secondary: var(--color-slate-600);
4334
+ --secondary-foreground: var(--color-slate-100);
4335
+ --muted: var(--color-slate-700);
4336
+ --muted-foreground: var(--color-slate-300);
4337
+ --accent: var(--color-slate-700);
4338
+ --accent-foreground: var(--color-slate-100);
4339
+ --border: var(--color-slate-500);
4340
+ --input: var(--color-slate-500);
4341
+ --hover: 1.25;
4342
+ --active: 1.4;
4343
+ }
6085
4344
  :root {
6086
4345
  --toastify-toast-min-height: 48px;
6087
4346
  --toastify-toast-bd-radius: 8px;
@@ -6142,7 +4401,7 @@ input[type="number"] {
6142
4401
  line-height: var(--leading-tight, 1.25);
6143
4402
  --tw-font-weight: var(--font-weight-bold, 700);
6144
4403
  font-weight: var(--font-weight-bold, 700);
6145
- color: var(--color-gray-900);
4404
+ color: var(--foreground);
6146
4405
  }
6147
4406
  .ph-default-styles h2 {
6148
4407
  margin-top: calc(var(--spacing, 0.25rem) * 5);
@@ -6154,7 +4413,7 @@ input[type="number"] {
6154
4413
  line-height: var(--leading-tight, 1.25);
6155
4414
  --tw-font-weight: var(--font-weight-bold, 700);
6156
4415
  font-weight: var(--font-weight-bold, 700);
6157
- color: var(--color-gray-900);
4416
+ color: var(--foreground);
6158
4417
  }
6159
4418
  .ph-default-styles h3 {
6160
4419
  margin-top: calc(var(--spacing, 0.25rem) * 4);
@@ -6166,7 +4425,7 @@ input[type="number"] {
6166
4425
  line-height: var(--leading-tight, 1.25);
6167
4426
  --tw-font-weight: var(--font-weight-bold, 700);
6168
4427
  font-weight: var(--font-weight-bold, 700);
6169
- color: var(--color-gray-900);
4428
+ color: var(--foreground);
6170
4429
  }
6171
4430
  .ph-default-styles p {
6172
4431
  font-family: var(--font-sans);
@@ -6176,7 +4435,7 @@ input[type="number"] {
6176
4435
  line-height: var(--leading-tight, 1.25);
6177
4436
  --tw-font-weight: var(--font-weight-normal, 400);
6178
4437
  font-weight: var(--font-weight-normal, 400);
6179
- color: var(--color-gray-900);
4438
+ color: var(--foreground);
6180
4439
  }
6181
4440
  .ph-default-styles small {
6182
4441
  font-family: var(--font-sans);
@@ -6186,7 +4445,7 @@ input[type="number"] {
6186
4445
  line-height: 1;
6187
4446
  --tw-font-weight: var(--font-weight-normal, 400);
6188
4447
  font-weight: var(--font-weight-normal, 400);
6189
- color: var(--color-gray-700);
4448
+ color: var(--foreground);
6190
4449
  }
6191
4450
  .ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
6192
4451
  margin-bottom: calc(var(--spacing, 0.25rem) * 2.5);
@@ -6195,8 +4454,8 @@ input[type="number"] {
6195
4454
  border-radius: var(--radius-md, 0.375rem);
6196
4455
  border-style: var(--tw-border-style);
6197
4456
  border-width: 1px;
6198
- border-color: var(--color-slate-100);
6199
- background-color: var(--color-white);
4457
+ border-color: var(--input);
4458
+ background-color: var(--card);
6200
4459
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
6201
4460
  padding-block: calc(var(--spacing, 0.25rem) * 1.75);
6202
4461
  font-family: var(--font-sans);
@@ -6206,22 +4465,22 @@ input[type="number"] {
6206
4465
  line-height: calc(var(--spacing, 0.25rem) * 5);
6207
4466
  --tw-font-weight: var(--font-weight-normal, 400);
6208
4467
  font-weight: var(--font-weight-normal, 400);
6209
- color: var(--color-gray-900);
4468
+ color: var(--foreground);
6210
4469
  }
6211
4470
  .ph-default-styles textarea {
6212
4471
  min-height: calc(var(--spacing, 0.25rem) * 9);
6213
4472
  resize: vertical;
6214
4473
  }
6215
4474
  .ph-default-styles input[type="text"]:is([readonly], [disabled]), .ph-default-styles input[type="email"]:is([readonly], [disabled]), .ph-default-styles input[type="password"]:is([readonly], [disabled]), .ph-default-styles input[type="search"]:is([readonly], [disabled]), .ph-default-styles input[type="tel"]:is([readonly], [disabled]), .ph-default-styles input[type="url"]:is([readonly], [disabled]), .ph-default-styles input[type="number"]:is([readonly], [disabled]), .ph-default-styles textarea:is([readonly], [disabled]) {
6216
- background-color: var(--color-gray-50);
6217
- color: var(--color-gray-500);
4475
+ background-color: var(--background);
4476
+ color: var(--muted-foreground);
6218
4477
  }
6219
4478
  .ph-default-styles a {
6220
- color: var(--color-blue-900);
4479
+ color: var(--info);
6221
4480
  text-decoration-line: none;
6222
4481
  }
6223
4482
  .ph-default-styles a:hover {
6224
- color: var(--color-blue-900);
4483
+ color: var(--info);
6225
4484
  text-decoration-line: underline;
6226
4485
  --tw-brightness: brightness(50%);
6227
4486
  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,);
@@ -6229,9 +4488,9 @@ input[type="number"] {
6229
4488
  .ph-default-styles a:focus {
6230
4489
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
6231
4490
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6232
- --tw-ring-color: color-mix(in srgb, hsl(209 100% 50%) 50%, transparent);
4491
+ --tw-ring-color: var(--ring);
6233
4492
  @supports (color: color-mix(in lab, red, red)) {
6234
- --tw-ring-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
4493
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
6235
4494
  }
6236
4495
  --tw-ring-offset-width: 2px;
6237
4496
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -6248,14 +4507,14 @@ input[type="number"] {
6248
4507
  font-family: var(--font-sans);
6249
4508
  --tw-font-weight: var(--font-weight-medium, 500);
6250
4509
  font-weight: var(--font-weight-medium, 500);
6251
- color: var(--color-gray-900);
4510
+ color: var(--foreground);
6252
4511
  }
6253
4512
  .ph-default-styles hr {
6254
4513
  margin-block: calc(var(--spacing, 0.25rem) * 4);
6255
4514
  height: 1px;
6256
4515
  border-style: var(--tw-border-style);
6257
4516
  border-width: 0px;
6258
- background-color: var(--color-slate-100);
4517
+ background-color: var(--border);
6259
4518
  }
6260
4519
  }
6261
4520
  @layer base {
@@ -6308,6 +4567,132 @@ input[type="number"] {
6308
4567
  }
6309
4568
  }
6310
4569
  }
4570
+ :root {
4571
+ --background: var(--color-gray-50);
4572
+ --foreground: var(--color-gray-800);
4573
+ --card: var(--color-white);
4574
+ --card-foreground: var(--color-gray-800);
4575
+ --popover: var(--color-white);
4576
+ --popover-foreground: var(--color-gray-800);
4577
+ --primary: var(--color-gray-800);
4578
+ --primary-foreground: var(--color-white);
4579
+ --secondary: var(--color-gray-200);
4580
+ --secondary-foreground: var(--color-gray-700);
4581
+ --muted: var(--color-gray-100);
4582
+ --muted-foreground: var(--color-gray-500);
4583
+ --accent: var(--color-gray-100);
4584
+ --accent-foreground: var(--color-gray-800);
4585
+ --border: var(--color-gray-200);
4586
+ --input: var(--color-gray-200);
4587
+ --ring: var(--color-blue-500);
4588
+ --hover: 0.95;
4589
+ --active: 0.9;
4590
+ --disabled: 0.5;
4591
+ --destructive: var(--color-red-900);
4592
+ --destructive-foreground: var(--color-white);
4593
+ --info: var(--color-blue-900);
4594
+ --info-foreground: var(--color-white);
4595
+ --success: var(--color-green-900);
4596
+ --success-foreground: var(--color-white);
4597
+ --warning: var(--color-orange-900);
4598
+ --warning-foreground: var(--color-white);
4599
+ --chart-1: var(--color-blue-600);
4600
+ --chart-2: var(--color-green-600);
4601
+ --chart-3: var(--color-orange-600);
4602
+ --chart-4: var(--color-purple-600);
4603
+ --chart-5: var(--color-red-600);
4604
+ --sidebar: var(--background);
4605
+ --sidebar-foreground: var(--foreground);
4606
+ --sidebar-primary: var(--primary);
4607
+ --sidebar-primary-foreground: var(--primary-foreground);
4608
+ --sidebar-accent: var(--accent);
4609
+ --sidebar-accent-foreground: var(--accent-foreground);
4610
+ --sidebar-border: var(--border);
4611
+ --sidebar-ring: var(--ring);
4612
+ }
4613
+ .dark {
4614
+ --background: var(--color-slate-800);
4615
+ --foreground: var(--color-slate-100);
4616
+ --card: var(--color-slate-700);
4617
+ --card-foreground: var(--color-slate-100);
4618
+ --popover: var(--color-slate-700);
4619
+ --popover-foreground: var(--color-slate-100);
4620
+ --primary: var(--color-slate-100);
4621
+ --primary-foreground: var(--color-slate-900);
4622
+ --secondary: var(--color-slate-600);
4623
+ --secondary-foreground: var(--color-slate-100);
4624
+ --muted: var(--color-slate-700);
4625
+ --muted-foreground: var(--color-slate-300);
4626
+ --accent: var(--color-slate-700);
4627
+ --accent-foreground: var(--color-slate-100);
4628
+ --border: var(--color-slate-500);
4629
+ --input: var(--color-slate-500);
4630
+ --hover: 1.25;
4631
+ --active: 1.4;
4632
+ }
4633
+ :root {
4634
+ --background: var(--color-gray-50);
4635
+ --foreground: var(--color-gray-800);
4636
+ --card: var(--color-white);
4637
+ --card-foreground: var(--color-gray-800);
4638
+ --popover: var(--color-white);
4639
+ --popover-foreground: var(--color-gray-800);
4640
+ --primary: var(--color-gray-800);
4641
+ --primary-foreground: var(--color-white);
4642
+ --secondary: var(--color-gray-200);
4643
+ --secondary-foreground: var(--color-gray-700);
4644
+ --muted: var(--color-gray-100);
4645
+ --muted-foreground: var(--color-gray-500);
4646
+ --accent: var(--color-gray-100);
4647
+ --accent-foreground: var(--color-gray-800);
4648
+ --border: var(--color-gray-200);
4649
+ --input: var(--color-gray-200);
4650
+ --ring: var(--color-blue-500);
4651
+ --hover: 0.95;
4652
+ --active: 0.9;
4653
+ --disabled: 0.5;
4654
+ --destructive: var(--color-red-900);
4655
+ --destructive-foreground: var(--color-white);
4656
+ --info: var(--color-blue-900);
4657
+ --info-foreground: var(--color-white);
4658
+ --success: var(--color-green-900);
4659
+ --success-foreground: var(--color-white);
4660
+ --warning: var(--color-orange-900);
4661
+ --warning-foreground: var(--color-white);
4662
+ --chart-1: var(--color-blue-600);
4663
+ --chart-2: var(--color-green-600);
4664
+ --chart-3: var(--color-orange-600);
4665
+ --chart-4: var(--color-purple-600);
4666
+ --chart-5: var(--color-red-600);
4667
+ --sidebar: var(--background);
4668
+ --sidebar-foreground: var(--foreground);
4669
+ --sidebar-primary: var(--primary);
4670
+ --sidebar-primary-foreground: var(--primary-foreground);
4671
+ --sidebar-accent: var(--accent);
4672
+ --sidebar-accent-foreground: var(--accent-foreground);
4673
+ --sidebar-border: var(--border);
4674
+ --sidebar-ring: var(--ring);
4675
+ }
4676
+ .dark {
4677
+ --background: var(--color-slate-800);
4678
+ --foreground: var(--color-slate-100);
4679
+ --card: var(--color-slate-700);
4680
+ --card-foreground: var(--color-slate-100);
4681
+ --popover: var(--color-slate-700);
4682
+ --popover-foreground: var(--color-slate-100);
4683
+ --primary: var(--color-slate-100);
4684
+ --primary-foreground: var(--color-slate-900);
4685
+ --secondary: var(--color-slate-600);
4686
+ --secondary-foreground: var(--color-slate-100);
4687
+ --muted: var(--color-slate-700);
4688
+ --muted-foreground: var(--color-slate-300);
4689
+ --accent: var(--color-slate-700);
4690
+ --accent-foreground: var(--color-slate-100);
4691
+ --border: var(--color-slate-500);
4692
+ --input: var(--color-slate-500);
4693
+ --hover: 1.25;
4694
+ --active: 1.4;
4695
+ }
6311
4696
  @property --tw-translate-x {
6312
4697
  syntax: "*";
6313
4698
  inherits: false;