@powerhousedao/connect 6.2.0-dev.2 → 6.2.0-dev.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/{AddDriveModal-kzL41qdg.js → AddDriveModal-BoKLJyUY.js} +4 -7
  2. package/dist/{AddDriveModal-kzL41qdg.js.map → AddDriveModal-BoKLJyUY.js.map} +1 -1
  3. package/dist/{ClearStorageModal-DIKwqiia.js → ClearStorageModal-CXoNWmRe.js} +4 -4
  4. package/dist/{ClearStorageModal-DIKwqiia.js.map → ClearStorageModal-CXoNWmRe.js.map} +1 -1
  5. package/dist/{DebugSettingsModal-Dxi_8rOa.js → DebugSettingsModal-BUjKyRCv.js} +10 -10
  6. package/dist/DebugSettingsModal-BUjKyRCv.js.map +1 -0
  7. package/dist/DriveAuthRequiredModal-B3VdLwSH.js +36 -0
  8. package/dist/DriveAuthRequiredModal-B3VdLwSH.js.map +1 -0
  9. package/dist/{DriveSettingsModal-L5sM-rIh.js → DriveSettingsModal-CsNFEJ9E.js} +5 -5
  10. package/dist/DriveSettingsModal-CsNFEJ9E.js.map +1 -0
  11. package/dist/{InspectorModal-C7pIf6OO.js → InspectorModal-BsSihzuc.js} +6 -6
  12. package/dist/{InspectorModal-C7pIf6OO.js.map → InspectorModal-BsSihzuc.js.map} +1 -1
  13. package/dist/{MissingPackageModal-D_N96M6a.js → MissingPackageModal-Bn036mWQ.js} +4 -4
  14. package/dist/{MissingPackageModal-D_N96M6a.js.map → MissingPackageModal-Bn036mWQ.js.map} +1 -1
  15. package/dist/{SettingsModal-B2DuAQVQ.js → SettingsModal-DI2_oVrF.js} +35 -42
  16. package/dist/SettingsModal-DI2_oVrF.js.map +1 -0
  17. package/dist/{UpgradeDriveModal-CyAUDCU7.js → UpgradeDriveModal-C7lV4rAX.js} +3 -3
  18. package/dist/{UpgradeDriveModal-CyAUDCU7.js.map → UpgradeDriveModal-C7lV4rAX.js.map} +1 -1
  19. package/dist/app-loader-Crk2wvz-.js +4 -0
  20. package/dist/{app-loader-DvjTCKwK.js → app-loader-HC9KrWYq.js} +75 -50
  21. package/dist/app-loader-HC9KrWYq.js.map +1 -0
  22. package/dist/{build-info-M90cqR0U.js → build-info-YjllYmn8.js} +4 -4
  23. package/dist/{build-info-M90cqR0U.js.map → build-info-YjllYmn8.js.map} +1 -1
  24. package/dist/{components-BY3M6wF8.js → components-CY-vRx23.js} +3 -3
  25. package/dist/{connect.config-aPx3rHZQ.js → connect.config-Bt4pvvWV.js} +9 -5
  26. package/dist/connect.config-Bt4pvvWV.js.map +1 -0
  27. package/dist/{load-BSRod9gt.js → load-9_rJ2u5a.js} +8 -8
  28. package/dist/{load-BSRod9gt.js.map → load-9_rJ2u5a.js.map} +1 -1
  29. package/dist/main.js +1 -1
  30. package/dist/{package-VvzmOTZO.js → package-Cra5KN-6.js} +6 -5
  31. package/dist/package-Cra5KN-6.js.map +1 -0
  32. package/dist/{pglite-runtime-toc1-TWa.js → pglite-runtime-Ch2YeUAA.js} +4 -4
  33. package/dist/{pglite-runtime-toc1-TWa.js.map → pglite-runtime-Ch2YeUAA.js.map} +1 -1
  34. package/dist/{pglite-seed-D8oSKkep.js → pglite-seed-BWk7yOwr.js} +4 -4
  35. package/dist/{pglite-seed-D8oSKkep.js.map → pglite-seed-BWk7yOwr.js.map} +1 -1
  36. package/dist/{reactor-BlxTyHZ5.js → reactor-BxNvHOKC.js} +32 -38
  37. package/dist/reactor-BxNvHOKC.js.map +1 -0
  38. package/dist/{registerServiceWorker-B7uKpkci.js → registerServiceWorker-D9l1kja7.js} +4 -4
  39. package/dist/{registerServiceWorker-B7uKpkci.js.map → registerServiceWorker-D9l1kja7.js.map} +1 -1
  40. package/dist/start-connect.js +1 -1
  41. package/dist/style.css +851 -2392
  42. package/dist/{useRegistryPackages-Bh0luCvV.js → useRegistryPackages-B-gFECmd.js} +44 -8
  43. package/dist/useRegistryPackages-B-gFECmd.js.map +1 -0
  44. package/package.json +12 -11
  45. package/dist/DebugSettingsModal-Dxi_8rOa.js.map +0 -1
  46. package/dist/DriveSettingsModal-L5sM-rIh.js.map +0 -1
  47. package/dist/SettingsModal-B2DuAQVQ.js.map +0 -1
  48. package/dist/app-loader-DW8p8fo5.js +0 -4
  49. package/dist/app-loader-DvjTCKwK.js.map +0 -1
  50. package/dist/connect.config-aPx3rHZQ.js.map +0 -1
  51. package/dist/package-VvzmOTZO.js.map +0 -1
  52. package/dist/reactor-BlxTyHZ5.js.map +0 -1
  53. package/dist/useRegistryPackages-Bh0luCvV.js.map +0 -1
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 {
@@ -292,6 +312,9 @@
292
312
  }
293
313
  }
294
314
  @layer utilities {
315
+ .pointer-events-auto {
316
+ pointer-events: auto;
317
+ }
295
318
  .pointer-events-auto\! {
296
319
  pointer-events: auto !important;
297
320
  }
@@ -567,6 +590,9 @@
567
590
  .mt-\[11px\] {
568
591
  margin-top: 11px;
569
592
  }
593
+ .mt-auto {
594
+ margin-top: auto;
595
+ }
570
596
  .-mr-1 {
571
597
  margin-right: calc(var(--spacing) * -1);
572
598
  }
@@ -1038,6 +1064,9 @@
1038
1064
  .w-\[26px\] {
1039
1065
  width: 26px;
1040
1066
  }
1067
+ .w-\[28rem\] {
1068
+ width: 28rem;
1069
+ }
1041
1070
  .w-\[50px\] {
1042
1071
  width: 50px;
1043
1072
  }
@@ -1116,6 +1145,9 @@
1116
1145
  .max-w-\[1024px\] {
1117
1146
  max-width: 1024px;
1118
1147
  }
1148
+ .max-w-\[calc\(100\%-2rem\)\] {
1149
+ max-width: calc(100% - 2rem);
1150
+ }
1119
1151
  .max-w-fit {
1120
1152
  max-width: fit-content;
1121
1153
  }
@@ -1206,6 +1238,10 @@
1206
1238
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1207
1239
  translate: var(--tw-translate-x) var(--tw-translate-y);
1208
1240
  }
1241
+ .-translate-y-\[3px\] {
1242
+ --tw-translate-y: calc(3px * -1);
1243
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1244
+ }
1209
1245
  .-scale-x-100 {
1210
1246
  --tw-scale-x: calc(100% * -1);
1211
1247
  scale: var(--tw-scale-x) var(--tw-scale-y);
@@ -1378,6 +1414,9 @@
1378
1414
  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
1379
1415
  }
1380
1416
  }
1417
+ .gap-x-0\.5 {
1418
+ column-gap: calc(var(--spacing) * 0.5);
1419
+ }
1381
1420
  .gap-x-1 {
1382
1421
  column-gap: calc(var(--spacing) * 1);
1383
1422
  }
@@ -1418,9 +1457,9 @@
1418
1457
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1419
1458
  }
1420
1459
  }
1421
- .divide-gray-200 {
1460
+ .divide-border {
1422
1461
  :where(& > :not(:last-child)) {
1423
- border-color: var(--color-gray-200);
1462
+ border-color: var(--border);
1424
1463
  }
1425
1464
  }
1426
1465
  .self-center {
@@ -1571,237 +1610,135 @@
1571
1610
  --tw-border-style: solid;
1572
1611
  border-style: solid;
1573
1612
  }
1574
- .border-amber-300 {
1575
- border-color: var(--color-amber-300);
1576
- }
1577
- .border-blue-300 {
1578
- border-color: var(--color-blue-300);
1579
- }
1580
- .border-blue-500 {
1581
- border-color: var(--color-blue-500);
1582
- }
1583
- .border-blue-600 {
1584
- border-color: var(--color-blue-600);
1585
- }
1586
- .border-gray-50 {
1587
- border-color: var(--color-gray-50);
1588
- }
1589
- .border-gray-100 {
1590
- border-color: var(--color-gray-100);
1591
- }
1592
- .border-gray-200 {
1593
- border-color: var(--color-gray-200);
1594
- }
1595
- .border-gray-300 {
1596
- border-color: var(--color-gray-300);
1613
+ .border-border {
1614
+ border-color: var(--border);
1597
1615
  }
1598
- .border-gray-400 {
1599
- border-color: var(--color-gray-400);
1616
+ .border-destructive {
1617
+ border-color: var(--destructive);
1600
1618
  }
1601
- .border-gray-500 {
1602
- border-color: var(--color-gray-500);
1619
+ .border-foreground {
1620
+ border-color: var(--foreground);
1603
1621
  }
1604
- .border-gray-600 {
1605
- border-color: var(--color-gray-600);
1622
+ .border-info {
1623
+ border-color: var(--info);
1606
1624
  }
1607
- .border-gray-700 {
1608
- border-color: var(--color-gray-700);
1625
+ .border-sidebar-border {
1626
+ border-color: var(--sidebar-border);
1609
1627
  }
1610
- .border-gray-800 {
1611
- border-color: var(--color-gray-800);
1612
- }
1613
- .border-gray-900 {
1614
- border-color: var(--color-gray-900);
1615
- }
1616
- .border-green-300 {
1617
- border-color: var(--color-green-300);
1618
- }
1619
- .border-red-300 {
1620
- border-color: var(--color-red-300);
1621
- }
1622
- .border-red-700 {
1623
- border-color: var(--color-red-700);
1624
- }
1625
- .border-red-900 {
1626
- border-color: var(--color-red-900);
1628
+ .border-success {
1629
+ border-color: var(--success);
1627
1630
  }
1628
1631
  .border-transparent {
1629
1632
  border-color: transparent;
1630
1633
  }
1631
- .border-white {
1632
- border-color: var(--color-white);
1633
- }
1634
- .border-yellow-300 {
1635
- border-color: var(--color-yellow-300);
1636
- }
1637
- .border-yellow-400 {
1638
- border-color: var(--color-yellow-400);
1639
- }
1640
- .border-yellow-500 {
1641
- border-color: var(--color-yellow-500);
1642
- }
1643
- .border-b-gray-300 {
1644
- border-bottom-color: var(--color-gray-300);
1645
- }
1646
- .\!bg-transparent {
1647
- background-color: transparent !important;
1648
- }
1649
- .bg-amber-100 {
1650
- background-color: var(--color-amber-100);
1651
- }
1652
- .bg-amber-300 {
1653
- background-color: var(--color-amber-300);
1654
- }
1655
- .bg-blue-50 {
1656
- background-color: var(--color-blue-50);
1657
- }
1658
- .bg-blue-100 {
1659
- background-color: var(--color-blue-100);
1660
- }
1661
- .bg-blue-200 {
1662
- background-color: var(--color-blue-200);
1634
+ .border-warning {
1635
+ border-color: var(--warning);
1663
1636
  }
1664
- .bg-blue-300 {
1665
- background-color: var(--color-blue-300);
1637
+ .border-b-border {
1638
+ border-bottom-color: var(--border);
1666
1639
  }
1667
- .bg-blue-500 {
1668
- background-color: var(--color-blue-500);
1640
+ .bg-background {
1641
+ background-color: var(--background);
1669
1642
  }
1670
- .bg-blue-600 {
1671
- background-color: var(--color-blue-600);
1672
- }
1673
- .bg-blue-900 {
1674
- background-color: var(--color-blue-900);
1675
- }
1676
- .bg-cyan-300 {
1677
- background-color: var(--color-cyan-300);
1678
- }
1679
- .bg-gray-50 {
1680
- background-color: var(--color-gray-50);
1681
- }
1682
- .bg-gray-100 {
1683
- background-color: var(--color-gray-100);
1684
- }
1685
- .bg-gray-200 {
1686
- background-color: var(--color-gray-200);
1687
- }
1688
- .bg-gray-300 {
1689
- background-color: var(--color-gray-300);
1690
- }
1691
- .bg-gray-400 {
1692
- background-color: var(--color-gray-400);
1693
- }
1694
- .bg-gray-500 {
1695
- background-color: var(--color-gray-500);
1696
- }
1697
- .bg-gray-500\/20 {
1698
- background-color: color-mix(in srgb, hsl(200 2% 63%) 20%, transparent);
1643
+ .bg-background\/50 {
1644
+ background-color: var(--background);
1699
1645
  @supports (color: color-mix(in lab, red, red)) {
1700
- background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
1646
+ background-color: color-mix(in oklab, var(--background) 50%, transparent);
1701
1647
  }
1702
1648
  }
1703
- .bg-gray-800 {
1704
- background-color: var(--color-gray-800);
1705
- }
1706
- .bg-gray-900 {
1707
- background-color: var(--color-gray-900);
1649
+ .bg-card {
1650
+ background-color: var(--card);
1708
1651
  }
1709
- .bg-gray-900\/50 {
1710
- background-color: color-mix(in srgb, hsl(192 5% 21%) 50%, transparent);
1652
+ .bg-card\/90 {
1653
+ background-color: var(--card);
1711
1654
  @supports (color: color-mix(in lab, red, red)) {
1712
- background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
1655
+ background-color: color-mix(in oklab, var(--card) 90%, transparent);
1713
1656
  }
1714
1657
  }
1715
- .bg-green-50 {
1716
- background-color: var(--color-green-50);
1658
+ .bg-destructive {
1659
+ background-color: var(--destructive);
1717
1660
  }
1718
- .bg-green-100 {
1719
- background-color: var(--color-green-100);
1720
- }
1721
- .bg-green-500 {
1722
- background-color: var(--color-green-500);
1661
+ .bg-destructive\/10 {
1662
+ background-color: var(--destructive);
1663
+ @supports (color: color-mix(in lab, red, red)) {
1664
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
1665
+ }
1723
1666
  }
1724
- .bg-green-600 {
1725
- background-color: var(--color-green-600);
1667
+ .bg-info {
1668
+ background-color: var(--info);
1726
1669
  }
1727
- .bg-green-600\/30 {
1728
- background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
1670
+ .bg-info\/10 {
1671
+ background-color: var(--info);
1729
1672
  @supports (color: color-mix(in lab, red, red)) {
1730
- background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
1673
+ background-color: color-mix(in oklab, var(--info) 10%, transparent);
1731
1674
  }
1732
1675
  }
1733
- .bg-green-900 {
1734
- background-color: var(--color-green-900);
1735
- }
1736
1676
  .bg-inherit {
1737
1677
  background-color: inherit;
1738
1678
  }
1739
- .bg-purple-100 {
1740
- background-color: var(--color-purple-100);
1679
+ .bg-muted {
1680
+ background-color: var(--muted);
1741
1681
  }
1742
- .bg-purple-900 {
1743
- background-color: var(--color-purple-900);
1682
+ .bg-muted-foreground {
1683
+ background-color: var(--muted-foreground);
1744
1684
  }
1745
- .bg-red-50 {
1746
- 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
+ }
1747
1690
  }
1748
- .bg-red-100 {
1749
- background-color: var(--color-red-100);
1691
+ .bg-popover {
1692
+ background-color: var(--popover);
1750
1693
  }
1751
- .bg-red-500 {
1752
- background-color: var(--color-red-500);
1694
+ .bg-primary {
1695
+ background-color: var(--primary);
1753
1696
  }
1754
- .bg-red-600 {
1755
- 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
+ }
1756
1702
  }
1757
- .bg-red-600\/30 {
1758
- background-color: color-mix(in srgb, hsl(4 81% 74%) 30%, transparent);
1703
+ .bg-primary\/50 {
1704
+ background-color: var(--primary);
1759
1705
  @supports (color: color-mix(in lab, red, red)) {
1760
- background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
1706
+ background-color: color-mix(in oklab, var(--primary) 50%, transparent);
1761
1707
  }
1762
1708
  }
1763
- .bg-red-900 {
1764
- background-color: var(--color-red-900);
1709
+ .bg-secondary {
1710
+ background-color: var(--secondary);
1711
+ }
1712
+ .bg-sidebar {
1713
+ background-color: var(--sidebar);
1714
+ }
1715
+ .bg-sidebar-accent {
1716
+ background-color: var(--sidebar-accent);
1765
1717
  }
1766
- .bg-slate-50 {
1767
- background-color: var(--color-slate-50);
1718
+ .bg-success {
1719
+ background-color: var(--success);
1768
1720
  }
1769
- .bg-slate-50\/50 {
1770
- background-color: color-mix(in srgb, hsl(210 20% 99%) 50%, transparent);
1721
+ .bg-success\/10 {
1722
+ background-color: var(--success);
1771
1723
  @supports (color: color-mix(in lab, red, red)) {
1772
- background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
1724
+ background-color: color-mix(in oklab, var(--success) 10%, transparent);
1773
1725
  }
1774
1726
  }
1775
1727
  .bg-transparent {
1776
1728
  background-color: transparent;
1777
1729
  }
1778
- .bg-violet-400 {
1779
- background-color: var(--color-violet-400);
1730
+ .bg-transparent\! {
1731
+ background-color: transparent !important;
1732
+ }
1733
+ .bg-warning {
1734
+ background-color: var(--warning);
1780
1735
  }
1781
- .bg-white\/90 {
1782
- background-color: color-mix(in srgb, hsl(0 0% 100%) 90%, transparent);
1736
+ .bg-warning\/10 {
1737
+ background-color: var(--warning);
1783
1738
  @supports (color: color-mix(in lab, red, red)) {
1784
- background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
1739
+ background-color: color-mix(in oklab, var(--warning) 10%, transparent);
1785
1740
  }
1786
1741
  }
1787
- .bg-yellow-50 {
1788
- background-color: var(--color-yellow-50);
1789
- }
1790
- .bg-yellow-100 {
1791
- background-color: var(--color-yellow-100);
1792
- }
1793
- .bg-yellow-300 {
1794
- background-color: var(--color-yellow-300);
1795
- }
1796
- .bg-yellow-400 {
1797
- background-color: var(--color-yellow-400);
1798
- }
1799
- .bg-yellow-500 {
1800
- background-color: var(--color-yellow-500);
1801
- }
1802
- .bg-yellow-600 {
1803
- background-color: var(--color-yellow-600);
1804
- }
1805
1742
  .object-contain {
1806
1743
  object-fit: contain;
1807
1744
  }
@@ -1883,6 +1820,9 @@
1883
1820
  .py-2 {
1884
1821
  padding-block: calc(var(--spacing) * 2);
1885
1822
  }
1823
+ .py-2\.5 {
1824
+ padding-block: calc(var(--spacing) * 2.5);
1825
+ }
1886
1826
  .py-3 {
1887
1827
  padding-block: calc(var(--spacing) * 3);
1888
1828
  }
@@ -2121,10 +2061,6 @@
2121
2061
  --tw-leading: 1;
2122
2062
  line-height: 1;
2123
2063
  }
2124
- .\!font-semibold {
2125
- --tw-font-weight: var(--font-weight-semibold) !important;
2126
- font-weight: var(--font-weight-semibold) !important;
2127
- }
2128
2064
  .font-bold {
2129
2065
  --tw-font-weight: var(--font-weight-bold);
2130
2066
  font-weight: var(--font-weight-bold);
@@ -2141,6 +2077,10 @@
2141
2077
  --tw-font-weight: var(--font-weight-semibold);
2142
2078
  font-weight: var(--font-weight-semibold);
2143
2079
  }
2080
+ .font-semibold\! {
2081
+ --tw-font-weight: var(--font-weight-semibold) !important;
2082
+ font-weight: var(--font-weight-semibold) !important;
2083
+ }
2144
2084
  .tracking-normal {
2145
2085
  --tw-tracking: var(--tracking-normal);
2146
2086
  letter-spacing: var(--tracking-normal);
@@ -2165,128 +2105,59 @@
2165
2105
  .whitespace-nowrap {
2166
2106
  white-space: nowrap;
2167
2107
  }
2168
- .\!text-gray-600 {
2169
- color: var(--color-gray-600) !important;
2170
- }
2171
- .\!text-gray-700 {
2172
- color: var(--color-gray-700) !important;
2173
- }
2174
- .text-\[\#E2E4E7\] {
2175
- color: #E2E4E7;
2176
- }
2177
- .text-amber-900 {
2178
- color: var(--color-amber-900);
2179
- }
2180
- .text-blue-500 {
2181
- color: var(--color-blue-500);
2182
- }
2183
- .text-blue-600 {
2184
- color: var(--color-blue-600);
2185
- }
2186
- .text-blue-700 {
2187
- color: var(--color-blue-700);
2188
- }
2189
- .text-blue-800 {
2190
- color: var(--color-blue-800);
2191
- }
2192
- .text-blue-900 {
2193
- color: var(--color-blue-900);
2194
- }
2195
2108
  .text-current {
2196
2109
  color: currentcolor;
2197
2110
  }
2198
- .text-gray-50 {
2199
- color: var(--color-gray-50);
2200
- }
2201
- .text-gray-100 {
2202
- color: var(--color-gray-100);
2203
- }
2204
- .text-gray-200 {
2205
- color: var(--color-gray-200);
2206
- }
2207
- .text-gray-300 {
2208
- color: var(--color-gray-300);
2209
- }
2210
- .text-gray-400 {
2211
- color: var(--color-gray-400);
2111
+ .text-destructive {
2112
+ color: var(--destructive);
2212
2113
  }
2213
- .text-gray-500 {
2214
- color: var(--color-gray-500);
2114
+ .text-destructive-foreground {
2115
+ color: var(--destructive-foreground);
2215
2116
  }
2216
- .text-gray-700 {
2217
- color: var(--color-gray-700);
2117
+ .text-foreground {
2118
+ color: var(--foreground);
2218
2119
  }
2219
- .text-gray-800 {
2220
- color: var(--color-gray-800);
2120
+ .text-foreground\! {
2121
+ color: var(--foreground) !important;
2221
2122
  }
2222
- .text-gray-900 {
2223
- color: var(--color-gray-900);
2123
+ .text-info {
2124
+ color: var(--info);
2224
2125
  }
2225
- .text-green-600 {
2226
- color: var(--color-green-600);
2227
- }
2228
- .text-green-700 {
2229
- color: var(--color-green-700);
2230
- }
2231
- .text-green-800 {
2232
- color: var(--color-green-800);
2233
- }
2234
- .text-green-900 {
2235
- color: var(--color-green-900);
2126
+ .text-info-foreground {
2127
+ color: var(--info-foreground);
2236
2128
  }
2237
2129
  .text-inherit {
2238
2130
  color: inherit;
2239
2131
  }
2240
- .text-orange-700 {
2241
- color: var(--color-orange-700);
2242
- }
2243
- .text-orange-900 {
2244
- color: var(--color-orange-900);
2245
- }
2246
- .text-purple-700 {
2247
- color: var(--color-purple-700);
2248
- }
2249
- .text-purple-900 {
2250
- color: var(--color-purple-900);
2251
- }
2252
- .text-red-400 {
2253
- color: var(--color-red-400);
2254
- }
2255
- .text-red-500 {
2256
- color: var(--color-red-500);
2132
+ .text-muted-foreground {
2133
+ color: var(--muted-foreground);
2257
2134
  }
2258
- .text-red-600 {
2259
- color: var(--color-red-600);
2135
+ .text-muted-foreground\! {
2136
+ color: var(--muted-foreground) !important;
2260
2137
  }
2261
- .text-red-700 {
2262
- color: var(--color-red-700);
2138
+ .text-popover-foreground {
2139
+ color: var(--popover-foreground);
2263
2140
  }
2264
- .text-red-800 {
2265
- color: var(--color-red-800);
2141
+ .text-primary-foreground {
2142
+ color: var(--primary-foreground);
2266
2143
  }
2267
- .text-red-900 {
2268
- color: var(--color-red-900);
2144
+ .text-sidebar-accent-foreground {
2145
+ color: var(--sidebar-accent-foreground);
2269
2146
  }
2270
- .text-stone-300 {
2271
- color: var(--color-stone-300);
2147
+ .text-sidebar-foreground {
2148
+ color: var(--sidebar-foreground);
2272
2149
  }
2273
- .text-white {
2274
- color: var(--color-white);
2150
+ .text-success {
2151
+ color: var(--success);
2275
2152
  }
2276
- .text-yellow-400 {
2277
- color: var(--color-yellow-400);
2153
+ .text-success-foreground {
2154
+ color: var(--success-foreground);
2278
2155
  }
2279
- .text-yellow-600 {
2280
- color: var(--color-yellow-600);
2156
+ .text-warning {
2157
+ color: var(--warning);
2281
2158
  }
2282
- .text-yellow-700 {
2283
- color: var(--color-yellow-700);
2284
- }
2285
- .text-yellow-800 {
2286
- color: var(--color-yellow-800);
2287
- }
2288
- .text-yellow-900 {
2289
- color: var(--color-yellow-900);
2159
+ .text-warning-foreground {
2160
+ color: var(--warning-foreground);
2290
2161
  }
2291
2162
  .capitalize {
2292
2163
  text-transform: capitalize;
@@ -2316,8 +2187,8 @@
2316
2187
  .underline-offset-2 {
2317
2188
  text-underline-offset: 2px;
2318
2189
  }
2319
- .accent-gray-900 {
2320
- accent-color: var(--color-gray-900);
2190
+ .accent-primary {
2191
+ accent-color: var(--primary);
2321
2192
  }
2322
2193
  .opacity-0 {
2323
2194
  opacity: 0%;
@@ -2341,6 +2212,10 @@
2341
2212
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2342
2213
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2343
2214
  }
2215
+ .shadow-2xl {
2216
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
2217
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2218
+ }
2344
2219
  .shadow-button {
2345
2220
  --tw-shadow: 0px -1px 1px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.04)) inset, 0px 2px 0px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.25)) inset, 0px 4px 8px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
2346
2221
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2373,10 +2248,20 @@
2373
2248
  --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)), 0px 44px 48px -12px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)), 0px 0px 24px 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
2374
2249
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2375
2250
  }
2376
- .shadow-gray-900\/4 {
2377
- --tw-shadow-color: color-mix(in srgb, hsl(192 5% 21%) 4%, transparent);
2251
+ .ring-1 {
2252
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2253
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2254
+ }
2255
+ .shadow-foreground\/4 {
2256
+ --tw-shadow-color: var(--foreground);
2257
+ @supports (color: color-mix(in lab, red, red)) {
2258
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--foreground) 4%, transparent) var(--tw-shadow-alpha), transparent);
2259
+ }
2260
+ }
2261
+ .ring-black\/5 {
2262
+ --tw-ring-color: color-mix(in srgb, hsl(0 0% 0%) 5%, transparent);
2378
2263
  @supports (color: color-mix(in lab, red, red)) {
2379
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 4%, transparent) var(--tw-shadow-alpha), transparent);
2264
+ --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
2380
2265
  }
2381
2266
  }
2382
2267
  .outline {
@@ -2483,9 +2368,9 @@
2483
2368
  -webkit-user-select: none;
2484
2369
  user-select: none;
2485
2370
  }
2486
- .group-focus-within\:text-gray-900\! {
2371
+ .group-focus-within\:text-foreground\! {
2487
2372
  &:is(:where(.group):focus-within *) {
2488
- color: var(--color-gray-900) !important;
2373
+ color: var(--foreground) !important;
2489
2374
  }
2490
2375
  }
2491
2376
  .group-hover\:mr-0 {
@@ -2502,52 +2387,30 @@
2502
2387
  }
2503
2388
  }
2504
2389
  }
2505
- .group-hover\:cursor-pointer {
2390
+ .group-hover\:hover-effect {
2506
2391
  &:is(:where(.group):hover *) {
2507
2392
  @media (hover: hover) {
2393
+ filter: brightness(var(--hover));
2394
+ transition: filter 0.2s ease-in-out;
2508
2395
  cursor: pointer;
2509
2396
  }
2510
2397
  }
2511
2398
  }
2512
- .group-hover\:border-gray-900 {
2513
- &:is(:where(.group):hover *) {
2514
- @media (hover: hover) {
2515
- border-color: var(--color-gray-900);
2516
- }
2517
- }
2518
- }
2519
- .group-hover\:text-gray-700 {
2520
- &:is(:where(.group):hover *) {
2521
- @media (hover: hover) {
2522
- color: var(--color-gray-700);
2523
- }
2524
- }
2525
- }
2526
- .group-hover\:text-gray-800 {
2527
- &:is(:where(.group):hover *) {
2528
- @media (hover: hover) {
2529
- color: var(--color-gray-800);
2530
- }
2531
- }
2532
- }
2533
- .group-hover\:text-gray-900 {
2399
+ .group-hover\:hover-effect {
2534
2400
  &:is(:where(.group):hover *) {
2535
2401
  @media (hover: hover) {
2536
- color: var(--color-gray-900);
2537
- }
2538
- }
2539
- }
2540
- .group-hover\:text-inherit {
2541
- &:is(:where(.group):hover *) {
2542
- @media (hover: hover) {
2543
- color: inherit;
2402
+ filter: brightness(var(--hover));
2403
+ transition: filter 0.2s ease-in-out;
2404
+ cursor: pointer;
2544
2405
  }
2545
2406
  }
2546
2407
  }
2547
- .group-hover\:text-red-900 {
2408
+ .group-hover\:hover-effect {
2548
2409
  &:is(:where(.group):hover *) {
2549
2410
  @media (hover: hover) {
2550
- color: var(--color-red-900);
2411
+ filter: brightness(var(--hover));
2412
+ transition: filter 0.2s ease-in-out;
2413
+ cursor: pointer;
2551
2414
  }
2552
2415
  }
2553
2416
  }
@@ -2593,10 +2456,30 @@
2593
2456
  }
2594
2457
  }
2595
2458
  }
2596
- .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 {
2597
2478
  &:is(:where(.group\/sidebar-resizer):hover *) {
2598
2479
  @media (hover: hover) {
2599
- background-color: var(--color-gray-500);
2480
+ filter: brightness(var(--hover));
2481
+ transition: filter 0.2s ease-in-out;
2482
+ cursor: pointer;
2600
2483
  }
2601
2484
  }
2602
2485
  }
@@ -2607,15 +2490,35 @@
2607
2490
  }
2608
2491
  }
2609
2492
  }
2610
- .peer-checked\:bg-blue-900 {
2493
+ .peer-checked\:bg-info {
2611
2494
  &:is(:where(.peer):checked ~ *) {
2612
- 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
+ }
2613
2514
  }
2614
2515
  }
2615
- .peer-hover\:text-gray-900 {
2516
+ .peer-hover\:hover-effect {
2616
2517
  &:is(:where(.peer):hover ~ *) {
2617
2518
  @media (hover: hover) {
2618
- color: var(--color-gray-900);
2519
+ filter: brightness(var(--hover));
2520
+ transition: filter 0.2s ease-in-out;
2521
+ cursor: pointer;
2619
2522
  }
2620
2523
  }
2621
2524
  }
@@ -2625,55 +2528,36 @@
2625
2528
  outline-style: none;
2626
2529
  }
2627
2530
  }
2628
- .peer-disabled\:cursor-not-allowed {
2531
+ .peer-disabled\:disabled-effect {
2629
2532
  &:is(:where(.peer):disabled ~ *) {
2630
2533
  cursor: not-allowed;
2534
+ opacity: var(--disabled);
2535
+ filter: grayscale(1);
2536
+ outline: none;
2537
+ box-shadow: none;
2631
2538
  }
2632
2539
  }
2633
- .peer-disabled\:opacity-70 {
2540
+ .peer-disabled\:disabled-effect {
2634
2541
  &:is(:where(.peer):disabled ~ *) {
2635
- opacity: 70%;
2636
- }
2637
- }
2638
- .placeholder\:text-gray-50 {
2639
- &::placeholder {
2640
- color: var(--color-gray-50);
2641
- }
2642
- }
2643
- .placeholder\:text-gray-400 {
2644
- &::placeholder {
2645
- color: var(--color-gray-400);
2646
- }
2647
- }
2648
- .placeholder\:text-gray-500 {
2649
- &::placeholder {
2650
- color: var(--color-gray-500);
2542
+ cursor: not-allowed;
2543
+ opacity: var(--disabled);
2544
+ filter: grayscale(1);
2545
+ outline: none;
2546
+ box-shadow: none;
2651
2547
  }
2652
2548
  }
2653
- .placeholder\:text-gray-600 {
2654
- &::placeholder {
2655
- 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;
2656
2556
  }
2657
2557
  }
2658
- .placeholder\:text-gray-700 {
2558
+ .placeholder\:text-muted-foreground {
2659
2559
  &::placeholder {
2660
- color: var(--color-gray-700);
2661
- }
2662
- }
2663
- .group-focus-within\:placeholder\:text-gray-700\! {
2664
- &:is(:where(.group):focus-within *) {
2665
- &::placeholder {
2666
- color: var(--color-gray-700) !important;
2667
- }
2668
- }
2669
- }
2670
- .group-hover\:placeholder\:text-gray-700 {
2671
- &:is(:where(.group):hover *) {
2672
- @media (hover: hover) {
2673
- &::placeholder {
2674
- color: var(--color-gray-700);
2675
- }
2676
- }
2560
+ color: var(--muted-foreground);
2677
2561
  }
2678
2562
  }
2679
2563
  .before\:absolute {
@@ -2707,22 +2591,22 @@
2707
2591
  border-radius: calc(infinity * 1px);
2708
2592
  }
2709
2593
  }
2710
- .before\:bg-blue-900 {
2594
+ .before\:bg-destructive {
2711
2595
  &::before {
2712
2596
  content: var(--tw-content);
2713
- background-color: var(--color-blue-900);
2597
+ background-color: var(--destructive);
2714
2598
  }
2715
2599
  }
2716
- .before\:bg-orange-900 {
2600
+ .before\:bg-info {
2717
2601
  &::before {
2718
2602
  content: var(--tw-content);
2719
- background-color: var(--color-orange-900);
2603
+ background-color: var(--info);
2720
2604
  }
2721
2605
  }
2722
- .before\:bg-red-900 {
2606
+ .before\:bg-warning {
2723
2607
  &::before {
2724
2608
  content: var(--tw-content);
2725
- background-color: var(--color-red-900);
2609
+ background-color: var(--warning);
2726
2610
  }
2727
2611
  }
2728
2612
  .after\:pointer-events-none {
@@ -2833,34 +2717,34 @@
2833
2717
  border-style: none;
2834
2718
  }
2835
2719
  }
2836
- .after\:bg-blue-500 {
2720
+ .after\:bg-background {
2837
2721
  &::after {
2838
2722
  content: var(--tw-content);
2839
- background-color: var(--color-blue-500);
2723
+ background-color: var(--background);
2840
2724
  }
2841
2725
  }
2842
- .after\:bg-gray-50 {
2726
+ .after\:bg-info {
2843
2727
  &::after {
2844
2728
  content: var(--tw-content);
2845
- background-color: var(--color-gray-50);
2729
+ background-color: var(--info);
2846
2730
  }
2847
2731
  }
2848
- .after\:bg-gray-300 {
2732
+ .after\:bg-muted-foreground {
2849
2733
  &::after {
2850
2734
  content: var(--tw-content);
2851
- background-color: var(--color-gray-300);
2735
+ background-color: var(--muted-foreground);
2852
2736
  }
2853
2737
  }
2854
- .after\:bg-gray-600 {
2738
+ .after\:bg-primary {
2855
2739
  &::after {
2856
2740
  content: var(--tw-content);
2857
- background-color: var(--color-gray-600);
2741
+ background-color: var(--primary);
2858
2742
  }
2859
2743
  }
2860
- .after\:bg-gray-800 {
2744
+ .after\:bg-secondary {
2861
2745
  &::after {
2862
2746
  content: var(--tw-content);
2863
- background-color: var(--color-gray-800);
2747
+ background-color: var(--secondary);
2864
2748
  }
2865
2749
  }
2866
2750
  .after\:opacity-0 {
@@ -2891,12 +2775,38 @@
2891
2775
  content: var(--tw-content);
2892
2776
  }
2893
2777
  }
2894
- .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 {
2895
2803
  &:is(:where(.group):hover *) {
2896
2804
  @media (hover: hover) {
2897
2805
  &::after {
2898
2806
  content: var(--tw-content);
2899
- background-color: var(--color-gray-900);
2807
+ filter: brightness(var(--hover));
2808
+ transition: filter 0.2s ease-in-out;
2809
+ cursor: pointer;
2900
2810
  }
2901
2811
  }
2902
2812
  }
@@ -2920,14 +2830,14 @@
2920
2830
  }
2921
2831
  }
2922
2832
  }
2923
- .odd\:bg-white {
2833
+ .odd\:bg-card {
2924
2834
  &:nth-child(odd) {
2925
- background-color: var(--color-white);
2835
+ background-color: var(--card);
2926
2836
  }
2927
2837
  }
2928
- .even\:bg-gray-50 {
2838
+ .even\:bg-background {
2929
2839
  &:nth-child(even) {
2930
- background-color: var(--color-gray-50);
2840
+ background-color: var(--background);
2931
2841
  }
2932
2842
  }
2933
2843
  .first-of-type\:rounded-t-2xl {
@@ -2957,2139 +2867,499 @@
2957
2867
  padding-bottom: calc(var(--spacing) * 3);
2958
2868
  }
2959
2869
  }
2960
- .last-of-type\:text-gray-800 {
2870
+ .last-of-type\:text-foreground {
2961
2871
  &:last-of-type {
2962
- color: var(--color-gray-800);
2872
+ color: var(--foreground);
2963
2873
  }
2964
2874
  }
2965
- .focus-within\:border-b-gray-300 {
2875
+ .focus-within\:border-b-border {
2966
2876
  &:focus-within {
2967
- border-bottom-color: var(--color-gray-300);
2877
+ border-bottom-color: var(--border);
2968
2878
  }
2969
2879
  }
2970
- .focus-within\:bg-gray-100 {
2880
+ .focus-within\:bg-accent {
2971
2881
  &:focus-within {
2972
- background-color: var(--color-gray-100);
2882
+ background-color: var(--accent);
2973
2883
  }
2974
2884
  }
2975
- .hover\:scale-100 {
2885
+ .hover\:hover-effect {
2976
2886
  &:hover {
2977
2887
  @media (hover: hover) {
2978
- --tw-scale-x: 100%;
2979
- --tw-scale-y: 100%;
2980
- --tw-scale-z: 100%;
2981
- 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;
2982
2891
  }
2983
2892
  }
2984
2893
  }
2985
- .hover\:scale-105 {
2894
+ .hover\:hover-effect {
2986
2895
  &:hover {
2987
2896
  @media (hover: hover) {
2988
- --tw-scale-x: 105%;
2989
- --tw-scale-y: 105%;
2990
- --tw-scale-z: 105%;
2991
- scale: var(--tw-scale-x) var(--tw-scale-y);
2897
+ filter: brightness(var(--hover));
2898
+ transition: filter 0.2s ease-in-out;
2899
+ cursor: pointer;
2992
2900
  }
2993
2901
  }
2994
2902
  }
2995
- .hover\:border-gray-300 {
2903
+ .hover\:hover-effect {
2996
2904
  &:hover {
2997
2905
  @media (hover: hover) {
2998
- border-color: var(--color-gray-300);
2906
+ filter: brightness(var(--hover));
2907
+ transition: filter 0.2s ease-in-out;
2908
+ cursor: pointer;
2999
2909
  }
3000
2910
  }
3001
2911
  }
3002
- .hover\:border-gray-600 {
2912
+ .hover\:bg-muted {
3003
2913
  &:hover {
3004
2914
  @media (hover: hover) {
3005
- border-color: var(--color-gray-600);
2915
+ background-color: var(--muted);
3006
2916
  }
3007
2917
  }
3008
2918
  }
3009
- .hover\:border-gray-900 {
2919
+ .hover\:pr-6 {
3010
2920
  &:hover {
3011
2921
  @media (hover: hover) {
3012
- border-color: var(--color-gray-900);
2922
+ padding-right: calc(var(--spacing) * 6);
3013
2923
  }
3014
2924
  }
3015
2925
  }
3016
- .hover\:border-red-900 {
2926
+ .hover\:pr-12 {
3017
2927
  &:hover {
3018
2928
  @media (hover: hover) {
3019
- border-color: var(--color-red-900);
2929
+ padding-right: calc(var(--spacing) * 12);
3020
2930
  }
3021
2931
  }
3022
2932
  }
3023
- .hover\:border-b-gray-300 {
2933
+ .hover\:text-muted-foreground {
3024
2934
  &:hover {
3025
2935
  @media (hover: hover) {
3026
- border-bottom-color: var(--color-gray-300);
2936
+ color: var(--muted-foreground);
3027
2937
  }
3028
2938
  }
3029
2939
  }
3030
- .hover\:\!bg-blue-800 {
2940
+ .hover\:underline {
3031
2941
  &:hover {
3032
2942
  @media (hover: hover) {
3033
- background-color: var(--color-blue-800) !important;
2943
+ text-decoration-line: underline;
3034
2944
  }
3035
2945
  }
3036
2946
  }
3037
- .hover\:\!bg-green-800 {
2947
+ .hover\:shadow-none {
3038
2948
  &:hover {
3039
2949
  @media (hover: hover) {
3040
- background-color: var(--color-green-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);
3041
2952
  }
3042
2953
  }
3043
2954
  }
3044
- .hover\:\!bg-purple-800 {
3045
- &:hover {
3046
- @media (hover: hover) {
3047
- background-color: var(--color-purple-800) !important;
3048
- }
2955
+ .focus\:border-info {
2956
+ &:focus {
2957
+ border-color: var(--info);
3049
2958
  }
3050
2959
  }
3051
- .hover\:\!bg-red-800 {
3052
- &:hover {
3053
- @media (hover: hover) {
3054
- background-color: var(--color-red-800) !important;
3055
- }
2960
+ .focus\:border-transparent {
2961
+ &:focus {
2962
+ border-color: transparent;
3056
2963
  }
3057
2964
  }
3058
- .hover\:bg-amber-50 {
3059
- &:hover {
3060
- @media (hover: hover) {
3061
- background-color: var(--color-amber-50);
3062
- }
2965
+ .focus\:bg-background {
2966
+ &:focus {
2967
+ background-color: var(--background);
3063
2968
  }
3064
2969
  }
3065
- .hover\:bg-blue-50 {
3066
- &:hover {
3067
- @media (hover: hover) {
3068
- background-color: var(--color-blue-50);
3069
- }
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);
3070
2974
  }
3071
2975
  }
3072
- .hover\:bg-blue-100 {
3073
- &:hover {
3074
- @media (hover: hover) {
3075
- background-color: var(--color-blue-100);
3076
- }
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);
3077
2980
  }
3078
2981
  }
3079
- .hover\:bg-blue-300 {
3080
- &:hover {
3081
- @media (hover: hover) {
3082
- background-color: var(--color-blue-300);
3083
- }
2982
+ .focus\:ring-ring {
2983
+ &:focus {
2984
+ --tw-ring-color: var(--ring);
3084
2985
  }
3085
2986
  }
3086
- .hover\:bg-blue-600 {
3087
- &:hover {
3088
- @media (hover: hover) {
3089
- background-color: var(--color-blue-600);
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);
3090
2992
  }
3091
2993
  }
3092
2994
  }
3093
- .hover\:bg-blue-700 {
3094
- &:hover {
3095
- @media (hover: hover) {
3096
- background-color: var(--color-blue-700);
3097
- }
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);
3098
2999
  }
3099
3000
  }
3100
- .hover\:bg-gray-50 {
3101
- &:hover {
3102
- @media (hover: hover) {
3103
- background-color: var(--color-gray-50);
3104
- }
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);
3105
3005
  }
3106
3006
  }
3107
- .hover\:bg-gray-100 {
3108
- &:hover {
3109
- @media (hover: hover) {
3110
- background-color: var(--color-gray-100);
3111
- }
3007
+ .focus\:outline-none {
3008
+ &:focus {
3009
+ --tw-outline-style: none;
3010
+ outline-style: none;
3112
3011
  }
3113
3012
  }
3114
- .hover\:bg-gray-200 {
3115
- &:hover {
3116
- @media (hover: hover) {
3117
- background-color: var(--color-gray-200);
3118
- }
3119
- }
3120
- }
3121
- .hover\:bg-gray-800 {
3122
- &:hover {
3123
- @media (hover: hover) {
3124
- background-color: var(--color-gray-800);
3125
- }
3126
- }
3127
- }
3128
- .hover\:bg-gray-900 {
3129
- &:hover {
3130
- @media (hover: hover) {
3131
- background-color: var(--color-gray-900);
3132
- }
3133
- }
3134
- }
3135
- .hover\:bg-gray-900\/10 {
3136
- &:hover {
3137
- @media (hover: hover) {
3138
- background-color: color-mix(in srgb, hsl(192 5% 21%) 10%, transparent);
3139
- @supports (color: color-mix(in lab, red, red)) {
3140
- background-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
3141
- }
3142
- }
3143
- }
3144
- }
3145
- .hover\:bg-green-100 {
3146
- &:hover {
3147
- @media (hover: hover) {
3148
- background-color: var(--color-green-100);
3149
- }
3150
- }
3151
- }
3152
- .hover\:bg-red-100 {
3153
- &:hover {
3154
- @media (hover: hover) {
3155
- background-color: var(--color-red-100);
3156
- }
3157
- }
3158
- }
3159
- .hover\:bg-transparent {
3160
- &:hover {
3161
- @media (hover: hover) {
3162
- background-color: transparent;
3163
- }
3164
- }
3165
- }
3166
- .hover\:bg-yellow-100 {
3167
- &:hover {
3168
- @media (hover: hover) {
3169
- background-color: var(--color-yellow-100);
3170
- }
3171
- }
3172
- }
3173
- .hover\:bg-yellow-700 {
3174
- &:hover {
3175
- @media (hover: hover) {
3176
- background-color: var(--color-yellow-700);
3177
- }
3178
- }
3179
- }
3180
- .hover\:pr-6 {
3181
- &:hover {
3182
- @media (hover: hover) {
3183
- padding-right: calc(var(--spacing) * 6);
3184
- }
3185
- }
3186
- }
3187
- .hover\:pr-12 {
3188
- &:hover {
3189
- @media (hover: hover) {
3190
- padding-right: calc(var(--spacing) * 12);
3191
- }
3192
- }
3193
- }
3194
- .hover\:text-blue-800 {
3195
- &:hover {
3196
- @media (hover: hover) {
3197
- color: var(--color-blue-800);
3198
- }
3199
- }
3200
- }
3201
- .hover\:text-blue-900 {
3202
- &:hover {
3203
- @media (hover: hover) {
3204
- color: var(--color-blue-900);
3205
- }
3206
- }
3207
- }
3208
- .hover\:text-gray-200 {
3209
- &:hover {
3210
- @media (hover: hover) {
3211
- color: var(--color-gray-200);
3212
- }
3213
- }
3214
- }
3215
- .hover\:text-gray-500 {
3216
- &:hover {
3217
- @media (hover: hover) {
3218
- color: var(--color-gray-500);
3219
- }
3220
- }
3221
- }
3222
- .hover\:text-gray-600 {
3223
- &:hover {
3224
- @media (hover: hover) {
3225
- color: var(--color-gray-600);
3226
- }
3227
- }
3228
- }
3229
- .hover\:text-gray-700 {
3230
- &:hover {
3231
- @media (hover: hover) {
3232
- color: var(--color-gray-700);
3233
- }
3234
- }
3235
- }
3236
- .hover\:text-gray-800 {
3237
- &:hover {
3238
- @media (hover: hover) {
3239
- color: var(--color-gray-800);
3240
- }
3241
- }
3242
- }
3243
- .hover\:text-gray-900 {
3244
- &:hover {
3245
- @media (hover: hover) {
3246
- color: var(--color-gray-900);
3247
- }
3248
- }
3249
- }
3250
- .hover\:text-purple-700 {
3251
- &:hover {
3252
- @media (hover: hover) {
3253
- color: var(--color-purple-700);
3254
- }
3255
- }
3256
- }
3257
- .hover\:text-red-700 {
3258
- &:hover {
3259
- @media (hover: hover) {
3260
- color: var(--color-red-700);
3261
- }
3262
- }
3263
- }
3264
- .hover\:underline {
3265
- &:hover {
3266
- @media (hover: hover) {
3267
- text-decoration-line: underline;
3268
- }
3269
- }
3270
- }
3271
- .hover\:opacity-80 {
3272
- &:hover {
3273
- @media (hover: hover) {
3274
- opacity: 80%;
3275
- }
3276
- }
3277
- }
3278
- .hover\:shadow-none {
3279
- &:hover {
3280
- @media (hover: hover) {
3281
- --tw-shadow: 0 0 #0000;
3282
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3283
- }
3284
- }
3285
- }
3286
- .hover\:brightness-125 {
3287
- &:hover {
3288
- @media (hover: hover) {
3289
- --tw-brightness: brightness(125%);
3290
- 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,);
3291
- }
3292
- }
3293
- }
3294
- .focus\:border-blue-400 {
3295
- &:focus {
3296
- border-color: var(--color-blue-400);
3297
- }
3298
- }
3299
- .focus\:border-transparent {
3300
- &:focus {
3301
- border-color: transparent;
3302
- }
3303
- }
3304
- .focus\:bg-gray-50 {
3305
- &:focus {
3306
- background-color: var(--color-gray-50);
3307
- }
3308
- }
3309
- .focus\:ring-1 {
3310
- &:focus {
3311
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3312
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3313
- }
3314
- }
3315
- .focus\:ring-2 {
3316
- &:focus {
3317
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3318
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3319
- }
3320
- }
3321
- .focus\:ring-blue-500 {
3322
- &:focus {
3323
- --tw-ring-color: var(--color-blue-500);
3324
- }
3325
- }
3326
- .focus\:ring-gray-900 {
3327
- &:focus {
3328
- --tw-ring-color: var(--color-gray-900);
3329
- }
3330
- }
3331
- .focus\:ring-gray-900\/20 {
3332
- &:focus {
3333
- --tw-ring-color: color-mix(in srgb, hsl(192 5% 21%) 20%, transparent);
3334
- @supports (color: color-mix(in lab, red, red)) {
3335
- --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent);
3336
- }
3337
- }
3338
- }
3339
- .focus\:ring-offset-0 {
3340
- &:focus {
3341
- --tw-ring-offset-width: 0px;
3342
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3343
- }
3344
- }
3345
- .focus\:ring-offset-2 {
3346
- &:focus {
3347
- --tw-ring-offset-width: 2px;
3348
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3349
- }
3350
- }
3351
- .focus\:outline-none {
3352
- &:focus {
3353
- --tw-outline-style: none;
3354
- outline-style: none;
3355
- }
3356
- }
3357
- .focus-visible\:bg-gray-200 {
3358
- &:focus-visible {
3359
- background-color: var(--color-gray-200);
3360
- }
3361
- }
3362
- .focus-visible\:ring-1 {
3363
- &:focus-visible {
3364
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3365
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3366
- }
3367
- }
3368
- .focus-visible\:ring-2 {
3369
- &:focus-visible {
3370
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3371
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3372
- }
3373
- }
3374
- .focus-visible\:ring-gray-900 {
3375
- &:focus-visible {
3376
- --tw-ring-color: var(--color-gray-900);
3377
- }
3378
- }
3379
- .focus-visible\:ring-offset-0 {
3380
- &:focus-visible {
3381
- --tw-ring-offset-width: 0px;
3382
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3383
- }
3384
- }
3385
- .focus-visible\:ring-offset-2 {
3386
- &:focus-visible {
3387
- --tw-ring-offset-width: 2px;
3388
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3389
- }
3390
- }
3391
- .focus-visible\:ring-offset-white {
3392
- &:focus-visible {
3393
- --tw-ring-offset-color: var(--color-white);
3394
- }
3395
- }
3396
- .focus-visible\:outline-none {
3397
- &:focus-visible {
3398
- --tw-outline-style: none;
3399
- outline-style: none;
3400
- }
3401
- }
3402
- .active\:border-blue-800 {
3403
- &:active {
3404
- border-color: var(--color-blue-800);
3405
- }
3406
- }
3407
- .active\:border-gray-100 {
3408
- &:active {
3409
- border-color: var(--color-gray-100);
3410
- }
3411
- }
3412
- .active\:border-gray-700 {
3413
- &:active {
3414
- border-color: var(--color-gray-700);
3415
- }
3416
- }
3417
- .active\:border-red-800 {
3418
- &:active {
3419
- border-color: var(--color-red-800);
3420
- }
3421
- }
3422
- .active\:text-gray-700 {
3423
- &:active {
3424
- color: var(--color-gray-700);
3425
- }
3426
- }
3427
- .active\:text-gray-900 {
3428
- &:active {
3429
- color: var(--color-gray-900);
3430
- }
3431
- }
3432
- .active\:opacity-50 {
3433
- &:active {
3434
- opacity: 50%;
3435
- }
3436
- }
3437
- .active\:opacity-70 {
3438
- &:active {
3439
- opacity: 70%;
3440
- }
3441
- }
3442
- .active\:opacity-75 {
3443
- &:active {
3444
- opacity: 75%;
3445
- }
3446
- }
3447
- .active\:opacity-80 {
3448
- &:active {
3449
- opacity: 80%;
3450
- }
3451
- }
3452
- .disabled\:pointer-events-none {
3453
- &:disabled {
3454
- pointer-events: none;
3455
- }
3456
- }
3457
- .disabled\:cursor-not-allowed {
3458
- &:disabled {
3459
- cursor: not-allowed;
3460
- }
3461
- }
3462
- .disabled\:border-gray-300 {
3463
- &:disabled {
3464
- border-color: var(--color-gray-300);
3465
- }
3466
- }
3467
- .disabled\:border-gray-700 {
3468
- &:disabled {
3469
- border-color: var(--color-gray-700);
3470
- }
3471
- }
3472
- .disabled\:bg-gray-50 {
3473
- &:disabled {
3474
- background-color: var(--color-gray-50);
3475
- }
3476
- }
3477
- .disabled\:bg-gray-300 {
3478
- &:disabled {
3479
- background-color: var(--color-gray-300);
3480
- }
3481
- }
3482
- .disabled\:text-blue-400 {
3483
- &:disabled {
3484
- color: var(--color-blue-400);
3485
- }
3486
- }
3487
- .disabled\:text-gray-100 {
3488
- &:disabled {
3489
- color: var(--color-gray-100);
3490
- }
3491
- }
3492
- .disabled\:text-gray-400 {
3493
- &:disabled {
3494
- color: var(--color-gray-400);
3495
- }
3496
- }
3497
- .disabled\:text-gray-500 {
3498
- &:disabled {
3499
- color: var(--color-gray-500);
3500
- }
3501
- }
3502
- .disabled\:text-gray-700 {
3503
- &:disabled {
3504
- color: var(--color-gray-700);
3505
- }
3506
- }
3507
- .disabled\:text-red-400 {
3508
- &:disabled {
3509
- color: var(--color-red-400);
3510
- }
3511
- }
3512
- .disabled\:opacity-50 {
3513
- &:disabled {
3514
- opacity: 50%;
3515
- }
3516
- }
3517
- .disabled\:opacity-60 {
3518
- &:disabled {
3519
- opacity: 60%;
3520
- }
3521
- }
3522
- .disabled\:opacity-100 {
3523
- &:disabled {
3524
- opacity: 100%;
3525
- }
3526
- }
3527
- .disabled\:hover\:scale-none {
3528
- &:disabled {
3529
- &:hover {
3530
- @media (hover: hover) {
3531
- scale: none;
3532
- }
3533
- }
3534
- }
3535
- }
3536
- .data-disabled\:cursor-not-allowed {
3537
- &[data-disabled] {
3538
- cursor: not-allowed;
3539
- }
3540
- }
3541
- .data-disabled\:text-gray-400 {
3542
- &[data-disabled] {
3543
- color: var(--color-gray-400);
3544
- }
3545
- }
3546
- .data-state\:border-gray-700 {
3547
- &[data-state] {
3548
- border-color: var(--color-gray-700);
3549
- }
3550
- }
3551
- .data-\[disabled\=true\]\:pointer-events-none {
3552
- &[data-disabled="true"] {
3553
- pointer-events: none;
3554
- }
3555
- }
3556
- .data-\[invalid\=true\]\:group-hover\:border-red-900\! {
3557
- &[data-invalid="true"] {
3558
- &:is(:where(.group):hover *) {
3559
- @media (hover: hover) {
3560
- border-color: var(--color-red-900) !important;
3561
- }
3562
- }
3563
- }
3564
- }
3565
- .data-\[invalid\=true\]\:data-state\:border-red-800\! {
3566
- &[data-invalid="true"] {
3567
- &[data-state] {
3568
- border-color: var(--color-red-800) !important;
3569
- }
3570
- }
3571
- }
3572
- .data-\[selected\=true\]\:bg-gray-100 {
3573
- &[data-selected="true"] {
3574
- background-color: var(--color-gray-100);
3575
- }
3576
- }
3577
- .data-\[side\=bottom\]\:animate-slide-in-from-top {
3578
- &[data-side="bottom"] {
3579
- animation: var(--animate-slide-in-from-top);
3580
- }
3581
- }
3582
- .data-\[side\=left\]\:animate-slide-in-from-right {
3583
- &[data-side="left"] {
3584
- animation: var(--animate-slide-in-from-right);
3585
- }
3586
- }
3587
- .data-\[side\=right\]\:animate-slide-in-from-left {
3588
- &[data-side="right"] {
3589
- animation: var(--animate-slide-in-from-left);
3590
- }
3591
- }
3592
- .data-\[side\=top\]\:animate-slide-in-from-bottom {
3593
- &[data-side="top"] {
3594
- animation: var(--animate-slide-in-from-bottom);
3595
- }
3596
- }
3597
- .data-\[state\=\'active\'\]\:bg-gray-100 {
3598
- &[data-state='active'] {
3599
- background-color: var(--color-gray-100);
3600
- }
3601
- }
3602
- .data-\[state\=\'active\'\]\:text-gray-900 {
3603
- &[data-state='active'] {
3604
- color: var(--color-gray-900);
3605
- }
3606
- }
3607
- .data-\[state\=active\]\:bg-gray-50 {
3608
- &[data-state="active"] {
3609
- background-color: var(--color-gray-50);
3610
- }
3611
- }
3612
- .data-\[state\=active\]\:text-gray-800 {
3613
- &[data-state="active"] {
3614
- color: var(--color-gray-800);
3615
- }
3616
- }
3617
- .data-\[state\=active\]\:shadow-tab {
3618
- &[data-state="active"] {
3619
- --tw-shadow: 0px 16px 16px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
3620
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3621
- }
3622
- }
3623
- .data-\[state\=checked\]\:bg-gray-900 {
3624
- &[data-state="checked"] {
3625
- background-color: var(--color-gray-900);
3626
- }
3627
- }
3628
- .data-\[state\=checked\]\:text-gray-50 {
3629
- &[data-state="checked"] {
3630
- color: var(--color-gray-50);
3631
- }
3632
- }
3633
- .data-\[state\=checked\]\:group-hover\:bg-gray-900 {
3634
- &[data-state="checked"] {
3635
- &:is(:where(.group):hover *) {
3636
- @media (hover: hover) {
3637
- background-color: var(--color-gray-900);
3638
- }
3639
- }
3640
- }
3641
- }
3642
- .disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-gray-700 {
3643
- &:disabled {
3644
- &[data-invalid="false"] {
3645
- &[data-state="checked"] {
3646
- background-color: var(--color-gray-700);
3647
- }
3648
- }
3649
- }
3650
- }
3651
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
3652
- &[data-invalid="true"] {
3653
- &[data-state="checked"] {
3654
- background-color: var(--color-red-800) !important;
3655
- }
3656
- }
3657
- }
3658
- .data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:bg-red-900\! {
3659
- &[data-invalid="true"] {
3660
- &[data-state="checked"] {
3661
- &:is(:where(.group):hover *) {
3662
- @media (hover: hover) {
3663
- background-color: var(--color-red-900) !important;
3664
- }
3665
- }
3666
- }
3667
- }
3668
- }
3669
- .data-\[state\=closed\]\:animate-fade-out {
3670
- &[data-state="closed"] {
3671
- animation: var(--animate-fade-out);
3672
- }
3673
- }
3674
- .data-\[state\=closed\]\:animate-zoom-out {
3675
- &[data-state="closed"] {
3676
- animation: var(--animate-zoom-out);
3677
- }
3678
- }
3679
- .data-\[state\=indeterminate\]\:bg-gray-900 {
3680
- &[data-state="indeterminate"] {
3681
- background-color: var(--color-gray-900);
3682
- }
3683
- }
3684
- .data-\[state\=indeterminate\]\:text-gray-50 {
3685
- &[data-state="indeterminate"] {
3686
- color: var(--color-gray-50);
3687
- }
3688
- }
3689
- .data-\[state\=indeterminate\]\:group-hover\:bg-gray-900 {
3690
- &[data-state="indeterminate"] {
3691
- &:is(:where(.group):hover *) {
3692
- @media (hover: hover) {
3693
- background-color: var(--color-gray-900);
3694
- }
3695
- }
3696
- }
3697
- }
3698
- .disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-gray-700 {
3699
- &:disabled {
3700
- &[data-invalid="false"] {
3701
- &[data-state="indeterminate"] {
3702
- background-color: var(--color-gray-700);
3703
- }
3704
- }
3705
- }
3706
- }
3707
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
3708
- &[data-invalid="true"] {
3709
- &[data-state="indeterminate"] {
3710
- background-color: var(--color-red-800) !important;
3711
- }
3712
- }
3713
- }
3714
- .data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:bg-red-900\! {
3715
- &[data-invalid="true"] {
3716
- &[data-state="indeterminate"] {
3717
- &:is(:where(.group):hover *) {
3718
- @media (hover: hover) {
3719
- background-color: var(--color-red-900) !important;
3720
- }
3721
- }
3722
- }
3723
- }
3724
- }
3725
- .data-\[state\=open\]\:animate-fade-in {
3726
- &[data-state="open"] {
3727
- animation: var(--animate-fade-in);
3728
- }
3729
- }
3730
- .data-\[state\=open\]\:animate-zoom-in {
3731
- &[data-state="open"] {
3732
- animation: var(--animate-zoom-in);
3733
- }
3734
- }
3735
- .lg\:grid-cols-3 {
3736
- @media (width >= 64rem) {
3737
- grid-template-columns: repeat(3, minmax(0, 1fr));
3738
- }
3739
- }
3740
- .dark\:divide-slate-500 {
3741
- &:where(.dark, .dark *) {
3742
- :where(& > :not(:last-child)) {
3743
- border-color: var(--color-slate-500);
3744
- }
3745
- }
3746
- }
3747
- .dark\:border-none {
3748
- &:where(.dark, .dark *) {
3749
- --tw-border-style: none;
3750
- border-style: none;
3751
- }
3752
- }
3753
- .dark\:border-amber-600 {
3754
- &:where(.dark, .dark *) {
3755
- border-color: var(--color-amber-600);
3756
- }
3757
- }
3758
- .dark\:border-blue-300 {
3759
- &:where(.dark, .dark *) {
3760
- border-color: var(--color-blue-300);
3761
- }
3762
- }
3763
- .dark\:border-blue-400 {
3764
- &:where(.dark, .dark *) {
3765
- border-color: var(--color-blue-400);
3766
- }
3767
- }
3768
- .dark\:border-blue-600 {
3769
- &:where(.dark, .dark *) {
3770
- border-color: var(--color-blue-600);
3771
- }
3772
- }
3773
- .dark\:border-green-600 {
3774
- &:where(.dark, .dark *) {
3775
- border-color: var(--color-green-600);
3776
- }
3777
- }
3778
- .dark\:border-red-50 {
3779
- &:where(.dark, .dark *) {
3780
- border-color: var(--color-red-50);
3781
- }
3782
- }
3783
- .dark\:border-red-200 {
3784
- &:where(.dark, .dark *) {
3785
- border-color: var(--color-red-200);
3786
- }
3787
- }
3788
- .dark\:border-red-600 {
3789
- &:where(.dark, .dark *) {
3790
- border-color: var(--color-red-600);
3791
- }
3792
- }
3793
- .dark\:border-red-700 {
3794
- &:where(.dark, .dark *) {
3795
- border-color: var(--color-red-700);
3796
- }
3797
- }
3798
- .dark\:border-slate-50 {
3799
- &:where(.dark, .dark *) {
3800
- border-color: var(--color-slate-50);
3801
- }
3802
- }
3803
- .dark\:border-slate-100 {
3804
- &:where(.dark, .dark *) {
3805
- border-color: var(--color-slate-100);
3806
- }
3807
- }
3808
- .dark\:border-slate-200 {
3809
- &:where(.dark, .dark *) {
3810
- border-color: var(--color-slate-200);
3811
- }
3812
- }
3813
- .dark\:border-slate-300 {
3814
- &:where(.dark, .dark *) {
3815
- border-color: var(--color-slate-300);
3816
- }
3817
- }
3818
- .dark\:border-slate-400 {
3819
- &:where(.dark, .dark *) {
3820
- border-color: var(--color-slate-400);
3821
- }
3822
- }
3823
- .dark\:border-slate-500 {
3824
- &:where(.dark, .dark *) {
3825
- border-color: var(--color-slate-500);
3826
- }
3827
- }
3828
- .dark\:border-slate-600 {
3829
- &:where(.dark, .dark *) {
3830
- border-color: var(--color-slate-600);
3831
- }
3832
- }
3833
- .dark\:border-slate-800 {
3834
- &:where(.dark, .dark *) {
3835
- border-color: var(--color-slate-800);
3836
- }
3837
- }
3838
- .dark\:border-yellow-400 {
3839
- &:where(.dark, .dark *) {
3840
- border-color: var(--color-yellow-400);
3841
- }
3842
- }
3843
- .dark\:border-yellow-500 {
3844
- &:where(.dark, .dark *) {
3845
- border-color: var(--color-yellow-500);
3846
- }
3847
- }
3848
- .dark\:border-yellow-600 {
3849
- &:where(.dark, .dark *) {
3850
- border-color: var(--color-yellow-600);
3851
- }
3852
- }
3853
- .dark\:border-b-slate-900 {
3854
- &:where(.dark, .dark *) {
3855
- border-bottom-color: var(--color-slate-900);
3856
- }
3857
- }
3858
- .dark\:bg-\[\#604B00\] {
3859
- &:where(.dark, .dark *) {
3860
- background-color: #604B00;
3861
- }
3862
- }
3863
- .dark\:bg-\[\#604B0033\] {
3864
- &:where(.dark, .dark *) {
3865
- background-color: #604B0033;
3866
- }
3867
- }
3868
- .dark\:bg-\[\#252728\] {
3869
- &:where(.dark, .dark *) {
3870
- background-color: #252728;
3871
- }
3872
- }
3873
- .dark\:bg-amber-600 {
3874
- &:where(.dark, .dark *) {
3875
- background-color: var(--color-amber-600);
3876
- }
3877
- }
3878
- .dark\:bg-amber-800 {
3879
- &:where(.dark, .dark *) {
3880
- background-color: var(--color-amber-800);
3881
- }
3882
- }
3883
- .dark\:bg-blue-50 {
3884
- &:where(.dark, .dark *) {
3885
- background-color: var(--color-blue-50);
3886
- }
3887
- }
3888
- .dark\:bg-blue-300 {
3889
- &:where(.dark, .dark *) {
3890
- background-color: var(--color-blue-300);
3891
- }
3892
- }
3893
- .dark\:bg-blue-400 {
3894
- &:where(.dark, .dark *) {
3895
- background-color: var(--color-blue-400);
3896
- }
3897
- }
3898
- .dark\:bg-blue-600 {
3899
- &:where(.dark, .dark *) {
3900
- background-color: var(--color-blue-600);
3901
- }
3902
- }
3903
- .dark\:bg-blue-700 {
3904
- &:where(.dark, .dark *) {
3905
- background-color: var(--color-blue-700);
3906
- }
3907
- }
3908
- .dark\:bg-blue-800 {
3909
- &:where(.dark, .dark *) {
3910
- background-color: var(--color-blue-800);
3911
- }
3912
- }
3913
- .dark\:bg-blue-900 {
3914
- &:where(.dark, .dark *) {
3915
- background-color: var(--color-blue-900);
3916
- }
3917
- }
3918
- .dark\:bg-cyan-600 {
3919
- &:where(.dark, .dark *) {
3920
- background-color: var(--color-cyan-600);
3921
- }
3922
- }
3923
- .dark\:bg-green-300 {
3924
- &:where(.dark, .dark *) {
3925
- background-color: var(--color-green-300);
3926
- }
3927
- }
3928
- .dark\:bg-green-400 {
3929
- &:where(.dark, .dark *) {
3930
- background-color: var(--color-green-400);
3931
- }
3932
- }
3933
- .dark\:bg-green-600\/30 {
3934
- &:where(.dark, .dark *) {
3935
- background-color: color-mix(in srgb, hsl(136 53% 60%) 30%, transparent);
3936
- @supports (color: color-mix(in lab, red, red)) {
3937
- background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent);
3938
- }
3939
- }
3940
- }
3941
- .dark\:bg-green-800 {
3942
- &:where(.dark, .dark *) {
3943
- background-color: var(--color-green-800);
3944
- }
3945
- }
3946
- .dark\:bg-green-900 {
3947
- &:where(.dark, .dark *) {
3948
- background-color: var(--color-green-900);
3949
- }
3950
- }
3951
- .dark\:bg-purple-800 {
3952
- &:where(.dark, .dark *) {
3953
- background-color: var(--color-purple-800);
3954
- }
3955
- }
3956
- .dark\:bg-red-50 {
3957
- &:where(.dark, .dark *) {
3958
- background-color: var(--color-red-50);
3959
- }
3960
- }
3961
- .dark\:bg-red-300 {
3962
- &:where(.dark, .dark *) {
3963
- background-color: var(--color-red-300);
3964
- }
3965
- }
3966
- .dark\:bg-red-300\/30 {
3967
- &:where(.dark, .dark *) {
3968
- background-color: color-mix(in srgb, hsl(6 82% 87%) 30%, transparent);
3969
- @supports (color: color-mix(in lab, red, red)) {
3970
- background-color: color-mix(in oklab, var(--color-red-300) 30%, transparent);
3971
- }
3972
- }
3973
- }
3974
- .dark\:bg-red-400 {
3975
- &:where(.dark, .dark *) {
3976
- background-color: var(--color-red-400);
3977
- }
3978
- }
3979
- .dark\:bg-red-800 {
3980
- &:where(.dark, .dark *) {
3981
- background-color: var(--color-red-800);
3982
- }
3983
- }
3984
- .dark\:bg-red-900 {
3985
- &:where(.dark, .dark *) {
3986
- background-color: var(--color-red-900);
3987
- }
3988
- }
3989
- .dark\:bg-slate-50 {
3990
- &:where(.dark, .dark *) {
3991
- background-color: var(--color-slate-50);
3992
- }
3993
- }
3994
- .dark\:bg-slate-100 {
3995
- &:where(.dark, .dark *) {
3996
- background-color: var(--color-slate-100);
3997
- }
3998
- }
3999
- .dark\:bg-slate-400 {
4000
- &:where(.dark, .dark *) {
4001
- background-color: var(--color-slate-400);
4002
- }
4003
- }
4004
- .dark\:bg-slate-600 {
4005
- &:where(.dark, .dark *) {
4006
- background-color: var(--color-slate-600);
4007
- }
4008
- }
4009
- .dark\:bg-slate-700 {
4010
- &:where(.dark, .dark *) {
4011
- background-color: var(--color-slate-700);
4012
- }
4013
- }
4014
- .dark\:bg-slate-800 {
4015
- &:where(.dark, .dark *) {
4016
- background-color: var(--color-slate-800);
4017
- }
4018
- }
4019
- .dark\:bg-slate-900 {
4020
- &:where(.dark, .dark *) {
4021
- background-color: var(--color-slate-900);
4022
- }
4023
- }
4024
- .dark\:bg-slate-900\/50 {
4025
- &:where(.dark, .dark *) {
4026
- background-color: color-mix(in srgb, hsl(195 6% 6%) 50%, transparent);
4027
- @supports (color: color-mix(in lab, red, red)) {
4028
- background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
4029
- }
4030
- }
4031
- }
4032
- .dark\:bg-slate-900\/90 {
4033
- &:where(.dark, .dark *) {
4034
- background-color: color-mix(in srgb, hsl(195 6% 6%) 90%, transparent);
4035
- @supports (color: color-mix(in lab, red, red)) {
4036
- background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent);
4037
- }
4038
- }
4039
- }
4040
- .dark\:bg-violet-500 {
4041
- &:where(.dark, .dark *) {
4042
- background-color: var(--color-violet-500);
4043
- }
4044
- }
4045
- .dark\:bg-white {
4046
- &:where(.dark, .dark *) {
4047
- background-color: var(--color-white);
4048
- }
4049
- }
4050
- .dark\:bg-yellow-300 {
4051
- &:where(.dark, .dark *) {
4052
- background-color: var(--color-yellow-300);
4053
- }
4054
- }
4055
- .dark\:bg-yellow-400 {
4056
- &:where(.dark, .dark *) {
4057
- background-color: var(--color-yellow-400);
4058
- }
4059
- }
4060
- .dark\:bg-yellow-500 {
4061
- &:where(.dark, .dark *) {
4062
- background-color: var(--color-yellow-500);
4063
- }
4064
- }
4065
- .dark\:bg-yellow-800 {
4066
- &:where(.dark, .dark *) {
4067
- background-color: var(--color-yellow-800);
4068
- }
4069
- }
4070
- .dark\:bg-yellow-900 {
4071
- &:where(.dark, .dark *) {
4072
- background-color: var(--color-yellow-900);
4073
- }
4074
- }
4075
- .dark\:text-amber-100 {
4076
- &:where(.dark, .dark *) {
4077
- color: var(--color-amber-100);
4078
- }
4079
- }
4080
- .dark\:text-blue-100 {
4081
- &:where(.dark, .dark *) {
4082
- color: var(--color-blue-100);
4083
- }
4084
- }
4085
- .dark\:text-green-100 {
4086
- &:where(.dark, .dark *) {
4087
- color: var(--color-green-100);
4088
- }
4089
- }
4090
- .dark\:text-orange-100 {
4091
- &:where(.dark, .dark *) {
4092
- color: var(--color-orange-100);
4093
- }
4094
- }
4095
- .dark\:text-purple-100 {
4096
- &:where(.dark, .dark *) {
4097
- color: var(--color-purple-100);
4098
- }
4099
- }
4100
- .dark\:text-red-100 {
4101
- &:where(.dark, .dark *) {
4102
- color: var(--color-red-100);
4103
- }
4104
- }
4105
- .dark\:text-red-400 {
4106
- &:where(.dark, .dark *) {
4107
- color: var(--color-red-400);
4108
- }
4109
- }
4110
- .dark\:text-slate-50 {
4111
- &:where(.dark, .dark *) {
4112
- color: var(--color-slate-50);
4113
- }
4114
- }
4115
- .dark\:text-slate-100 {
4116
- &:where(.dark, .dark *) {
4117
- color: var(--color-slate-100);
4118
- }
4119
- }
4120
- .dark\:text-slate-200 {
4121
- &:where(.dark, .dark *) {
4122
- color: var(--color-slate-200);
4123
- }
4124
- }
4125
- .dark\:text-slate-300 {
4126
- &:where(.dark, .dark *) {
4127
- color: var(--color-slate-300);
4128
- }
4129
- }
4130
- .dark\:text-slate-400 {
4131
- &:where(.dark, .dark *) {
4132
- color: var(--color-slate-400);
4133
- }
4134
- }
4135
- .dark\:text-slate-500 {
4136
- &:where(.dark, .dark *) {
4137
- color: var(--color-slate-500);
4138
- }
4139
- }
4140
- .dark\:text-slate-600 {
4141
- &:where(.dark, .dark *) {
4142
- color: var(--color-slate-600);
4143
- }
4144
- }
4145
- .dark\:text-slate-700 {
4146
- &:where(.dark, .dark *) {
4147
- color: var(--color-slate-700);
4148
- }
4149
- }
4150
- .dark\:text-slate-800 {
4151
- &:where(.dark, .dark *) {
4152
- color: var(--color-slate-800);
4153
- }
4154
- }
4155
- .dark\:text-slate-900 {
4156
- &:where(.dark, .dark *) {
4157
- color: var(--color-slate-900);
4158
- }
4159
- }
4160
- .dark\:text-yellow-100 {
4161
- &:where(.dark, .dark *) {
4162
- color: var(--color-yellow-100);
4163
- }
4164
- }
4165
- .dark\:group-focus-within\:text-slate-50 {
4166
- &:where(.dark, .dark *) {
4167
- &:is(:where(.group):focus-within *) {
4168
- color: var(--color-slate-50);
4169
- }
4170
- }
4171
- }
4172
- .dark\:group-hover\:border-slate-50 {
4173
- &:where(.dark, .dark *) {
4174
- &:is(:where(.group):hover *) {
4175
- @media (hover: hover) {
4176
- border-color: var(--color-slate-50);
4177
- }
4178
- }
4179
- }
4180
- }
4181
- .dark\:group-hover\:text-red-100 {
4182
- &:where(.dark, .dark *) {
4183
- &:is(:where(.group):hover *) {
4184
- @media (hover: hover) {
4185
- color: var(--color-red-100);
4186
- }
4187
- }
4188
- }
4189
- }
4190
- .dark\:group-hover\:text-slate-50 {
4191
- &:where(.dark, .dark *) {
4192
- &:is(:where(.group):hover *) {
4193
- @media (hover: hover) {
4194
- color: var(--color-slate-50);
4195
- }
4196
- }
4197
- }
4198
- }
4199
- .dark\:group-hover\:text-slate-100 {
4200
- &:where(.dark, .dark *) {
4201
- &:is(:where(.group):hover *) {
4202
- @media (hover: hover) {
4203
- color: var(--color-slate-100);
4204
- }
4205
- }
4206
- }
4207
- }
4208
- .dark\:group-hover\:text-slate-200 {
4209
- &:where(.dark, .dark *) {
4210
- &:is(:where(.group):hover *) {
4211
- @media (hover: hover) {
4212
- color: var(--color-slate-200);
4213
- }
4214
- }
4215
- }
4216
- }
4217
- .dark\:group-hover\/sidebar-resizer\:bg-slate-600 {
4218
- &:where(.dark, .dark *) {
4219
- &:is(:where(.group\/sidebar-resizer):hover *) {
4220
- @media (hover: hover) {
4221
- background-color: var(--color-slate-600);
4222
- }
4223
- }
4224
- }
4225
- }
4226
- .dark\:peer-hover\:text-slate-50 {
4227
- &:where(.dark, .dark *) {
4228
- &:is(:where(.peer):hover ~ *) {
4229
- @media (hover: hover) {
4230
- color: var(--color-slate-50);
4231
- }
4232
- }
4233
- }
4234
- }
4235
- .dark\:placeholder\:text-slate-200 {
4236
- &:where(.dark, .dark *) {
4237
- &::placeholder {
4238
- color: var(--color-slate-200);
4239
- }
4240
- }
4241
- }
4242
- .dark\:placeholder\:text-slate-300 {
4243
- &:where(.dark, .dark *) {
4244
- &::placeholder {
4245
- color: var(--color-slate-300);
4246
- }
4247
- }
4248
- }
4249
- .dark\:placeholder\:text-slate-400 {
4250
- &:where(.dark, .dark *) {
4251
- &::placeholder {
4252
- color: var(--color-slate-400);
4253
- }
4254
- }
4255
- }
4256
- .dark\:placeholder\:text-slate-500 {
4257
- &:where(.dark, .dark *) {
4258
- &::placeholder {
4259
- color: var(--color-slate-500);
4260
- }
4261
- }
4262
- }
4263
- .dark\:placeholder\:text-slate-900 {
4264
- &:where(.dark, .dark *) {
4265
- &::placeholder {
4266
- color: var(--color-slate-900);
4267
- }
4268
- }
4269
- }
4270
- .dark\:group-focus-within\:placeholder\:text-slate-300 {
4271
- &:where(.dark, .dark *) {
4272
- &:is(:where(.group):focus-within *) {
4273
- &::placeholder {
4274
- color: var(--color-slate-300);
4275
- }
4276
- }
4277
- }
4278
- }
4279
- .dark\:group-hover\:placeholder\:text-slate-500 {
4280
- &:where(.dark, .dark *) {
4281
- &:is(:where(.group):hover *) {
4282
- @media (hover: hover) {
4283
- &::placeholder {
4284
- color: var(--color-slate-500);
4285
- }
4286
- }
4287
- }
4288
- }
4289
- }
4290
- .dark\:before\:bg-blue-50 {
4291
- &:where(.dark, .dark *) {
4292
- &::before {
4293
- content: var(--tw-content);
4294
- background-color: var(--color-blue-50);
4295
- }
4296
- }
4297
- }
4298
- .dark\:before\:bg-orange-50 {
4299
- &:where(.dark, .dark *) {
4300
- &::before {
4301
- content: var(--tw-content);
4302
- background-color: var(--color-orange-50);
4303
- }
4304
- }
4305
- }
4306
- .dark\:before\:bg-red-50 {
4307
- &:where(.dark, .dark *) {
4308
- &::before {
4309
- content: var(--tw-content);
4310
- background-color: var(--color-red-50);
4311
- }
4312
- }
4313
- }
4314
- .dark\:after\:bg-blue-400 {
4315
- &:where(.dark, .dark *) {
4316
- &::after {
4317
- content: var(--tw-content);
4318
- background-color: var(--color-blue-400);
4319
- }
4320
- }
4321
- }
4322
- .dark\:after\:bg-slate-100 {
4323
- &:where(.dark, .dark *) {
4324
- &::after {
4325
- content: var(--tw-content);
4326
- background-color: var(--color-slate-100);
4327
- }
4328
- }
4329
- }
4330
- .dark\:after\:bg-slate-300 {
4331
- &:where(.dark, .dark *) {
4332
- &::after {
4333
- content: var(--tw-content);
4334
- background-color: var(--color-slate-300);
4335
- }
4336
- }
4337
- }
4338
- .dark\:after\:bg-slate-400 {
4339
- &:where(.dark, .dark *) {
4340
- &::after {
4341
- content: var(--tw-content);
4342
- background-color: var(--color-slate-400);
4343
- }
4344
- }
4345
- }
4346
- .dark\:after\:bg-slate-600 {
4347
- &:where(.dark, .dark *) {
4348
- &::after {
4349
- content: var(--tw-content);
4350
- background-color: var(--color-slate-600);
4351
- }
4352
- }
4353
- }
4354
- .dark\:after\:bg-slate-800 {
4355
- &:where(.dark, .dark *) {
4356
- &::after {
4357
- content: var(--tw-content);
4358
- background-color: var(--color-slate-800);
4359
- }
4360
- }
4361
- }
4362
- .dark\:after\:text-slate-100 {
4363
- &:where(.dark, .dark *) {
4364
- &::after {
4365
- content: var(--tw-content);
4366
- color: var(--color-slate-100);
4367
- }
4368
- }
4369
- }
4370
- .dark\:group-hover\:after\:bg-slate-50 {
4371
- &:where(.dark, .dark *) {
4372
- &:is(:where(.group):hover *) {
4373
- @media (hover: hover) {
4374
- &::after {
4375
- content: var(--tw-content);
4376
- background-color: var(--color-slate-50);
4377
- }
4378
- }
4379
- }
4380
- }
4381
- }
4382
- .dark\:odd\:bg-slate-800 {
4383
- &:where(.dark, .dark *) {
4384
- &:nth-child(odd) {
4385
- background-color: var(--color-slate-800);
4386
- }
4387
- }
4388
- }
4389
- .dark\:even\:bg-slate-800 {
4390
- &:where(.dark, .dark *) {
4391
- &:nth-child(even) {
4392
- background-color: var(--color-slate-800);
4393
- }
4394
- }
4395
- }
4396
- .last-of-type\:dark\:text-slate-100 {
4397
- &:last-of-type {
4398
- &:where(.dark, .dark *) {
4399
- color: var(--color-slate-100);
4400
- }
4401
- }
4402
- }
4403
- .dark\:focus-within\:border-b-slate-800 {
4404
- &:where(.dark, .dark *) {
4405
- &:focus-within {
4406
- border-bottom-color: var(--color-slate-800);
4407
- }
4408
- }
4409
- }
4410
- .dark\:focus-within\:bg-slate-700 {
4411
- &:where(.dark, .dark *) {
4412
- &:focus-within {
4413
- background-color: var(--color-slate-700);
4414
- }
4415
- }
4416
- }
4417
- .dark\:hover\:border-red-50 {
4418
- &:where(.dark, .dark *) {
4419
- &:hover {
4420
- @media (hover: hover) {
4421
- border-color: var(--color-red-50);
4422
- }
4423
- }
4424
- }
4425
- }
4426
- .dark\:hover\:border-red-900 {
4427
- &:where(.dark, .dark *) {
4428
- &:hover {
4429
- @media (hover: hover) {
4430
- border-color: var(--color-red-900);
4431
- }
4432
- }
4433
- }
4434
- }
4435
- .dark\:hover\:border-slate-50 {
4436
- &:where(.dark, .dark *) {
4437
- &:hover {
4438
- @media (hover: hover) {
4439
- border-color: var(--color-slate-50);
4440
- }
4441
- }
4442
- }
4443
- }
4444
- .dark\:hover\:border-slate-300 {
4445
- &:where(.dark, .dark *) {
4446
- &:hover {
4447
- @media (hover: hover) {
4448
- border-color: var(--color-slate-300);
4449
- }
4450
- }
4451
- }
4452
- }
4453
- .dark\:hover\:border-slate-500 {
4454
- &:where(.dark, .dark *) {
4455
- &:hover {
4456
- @media (hover: hover) {
4457
- border-color: var(--color-slate-500);
4458
- }
4459
- }
4460
- }
4461
- }
4462
- .dark\:hover\:border-b-slate-800 {
4463
- &:where(.dark, .dark *) {
4464
- &:hover {
4465
- @media (hover: hover) {
4466
- border-bottom-color: var(--color-slate-800);
4467
- }
4468
- }
4469
- }
4470
- }
4471
- .dark\:hover\:bg-amber-900 {
4472
- &:where(.dark, .dark *) {
4473
- &:hover {
4474
- @media (hover: hover) {
4475
- background-color: var(--color-amber-900);
4476
- }
4477
- }
4478
- }
4479
- }
4480
- .dark\:hover\:bg-blue-200 {
4481
- &:where(.dark, .dark *) {
4482
- &:hover {
4483
- @media (hover: hover) {
4484
- background-color: var(--color-blue-200);
4485
- }
4486
- }
4487
- }
4488
- }
4489
- .dark\:hover\:bg-blue-300 {
4490
- &:where(.dark, .dark *) {
4491
- &:hover {
4492
- @media (hover: hover) {
4493
- background-color: var(--color-blue-300);
4494
- }
4495
- }
4496
- }
4497
- }
4498
- .dark\:hover\:bg-blue-600 {
4499
- &:where(.dark, .dark *) {
4500
- &:hover {
4501
- @media (hover: hover) {
4502
- background-color: var(--color-blue-600);
4503
- }
4504
- }
4505
- }
4506
- }
4507
- .dark\:hover\:bg-blue-800 {
4508
- &:where(.dark, .dark *) {
4509
- &:hover {
4510
- @media (hover: hover) {
4511
- background-color: var(--color-blue-800);
4512
- }
4513
- }
4514
- }
4515
- }
4516
- .dark\:hover\:bg-blue-900 {
4517
- &:where(.dark, .dark *) {
4518
- &:hover {
4519
- @media (hover: hover) {
4520
- background-color: var(--color-blue-900);
4521
- }
4522
- }
4523
- }
4524
- }
4525
- .dark\:hover\:bg-green-800 {
4526
- &:where(.dark, .dark *) {
4527
- &:hover {
4528
- @media (hover: hover) {
4529
- background-color: var(--color-green-800);
4530
- }
4531
- }
4532
- }
4533
- }
4534
- .dark\:hover\:bg-red-800 {
4535
- &:where(.dark, .dark *) {
4536
- &:hover {
4537
- @media (hover: hover) {
4538
- background-color: var(--color-red-800);
4539
- }
4540
- }
4541
- }
4542
- }
4543
- .dark\:hover\:bg-slate-50 {
4544
- &:where(.dark, .dark *) {
4545
- &:hover {
4546
- @media (hover: hover) {
4547
- background-color: var(--color-slate-50);
4548
- }
4549
- }
4550
- }
4551
- }
4552
- .dark\:hover\:bg-slate-100 {
4553
- &:where(.dark, .dark *) {
4554
- &:hover {
4555
- @media (hover: hover) {
4556
- background-color: var(--color-slate-100);
4557
- }
4558
- }
4559
- }
4560
- }
4561
- .dark\:hover\:bg-slate-500 {
4562
- &:where(.dark, .dark *) {
4563
- &:hover {
4564
- @media (hover: hover) {
4565
- background-color: var(--color-slate-500);
4566
- }
4567
- }
4568
- }
4569
- }
4570
- .dark\:hover\:bg-slate-600 {
4571
- &:where(.dark, .dark *) {
4572
- &:hover {
4573
- @media (hover: hover) {
4574
- background-color: var(--color-slate-600);
4575
- }
4576
- }
4577
- }
4578
- }
4579
- .dark\:hover\:bg-slate-700 {
4580
- &:where(.dark, .dark *) {
4581
- &:hover {
4582
- @media (hover: hover) {
4583
- background-color: var(--color-slate-700);
4584
- }
4585
- }
4586
- }
4587
- }
4588
- .dark\:hover\:bg-slate-800 {
4589
- &:where(.dark, .dark *) {
4590
- &:hover {
4591
- @media (hover: hover) {
4592
- background-color: var(--color-slate-800);
4593
- }
4594
- }
4595
- }
4596
- }
4597
- .dark\:hover\:bg-slate-900 {
4598
- &:where(.dark, .dark *) {
4599
- &:hover {
4600
- @media (hover: hover) {
4601
- background-color: var(--color-slate-900);
4602
- }
4603
- }
4604
- }
4605
- }
4606
- .dark\:hover\:bg-yellow-200 {
4607
- &:where(.dark, .dark *) {
4608
- &:hover {
4609
- @media (hover: hover) {
4610
- background-color: var(--color-yellow-200);
4611
- }
4612
- }
4613
- }
4614
- }
4615
- .dark\:hover\:bg-yellow-800 {
4616
- &:where(.dark, .dark *) {
4617
- &:hover {
4618
- @media (hover: hover) {
4619
- background-color: var(--color-yellow-800);
4620
- }
4621
- }
4622
- }
4623
- }
4624
- .dark\:hover\:text-blue-100 {
4625
- &:where(.dark, .dark *) {
4626
- &:hover {
4627
- @media (hover: hover) {
4628
- color: var(--color-blue-100);
4629
- }
4630
- }
4631
- }
4632
- }
4633
- .dark\:hover\:text-blue-900 {
4634
- &:where(.dark, .dark *) {
4635
- &:hover {
4636
- @media (hover: hover) {
4637
- color: var(--color-blue-900);
4638
- }
4639
- }
4640
- }
4641
- }
4642
- .dark\:hover\:text-purple-100 {
4643
- &:where(.dark, .dark *) {
4644
- &:hover {
4645
- @media (hover: hover) {
4646
- color: var(--color-purple-100);
4647
- }
4648
- }
4649
- }
4650
- }
4651
- .dark\:hover\:text-red-100 {
4652
- &:where(.dark, .dark *) {
4653
- &:hover {
4654
- @media (hover: hover) {
4655
- color: var(--color-red-100);
4656
- }
4657
- }
3013
+ .focus-visible\:bg-secondary {
3014
+ &:focus-visible {
3015
+ background-color: var(--secondary);
4658
3016
  }
4659
3017
  }
4660
- .dark\:hover\:text-slate-50 {
4661
- &:where(.dark, .dark *) {
4662
- &:hover {
4663
- @media (hover: hover) {
4664
- color: var(--color-slate-50);
4665
- }
4666
- }
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);
4667
3022
  }
4668
3023
  }
4669
- .dark\:hover\:text-slate-100 {
4670
- &:where(.dark, .dark *) {
4671
- &:hover {
4672
- @media (hover: hover) {
4673
- color: var(--color-slate-100);
4674
- }
4675
- }
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);
4676
3028
  }
4677
3029
  }
4678
- .dark\:hover\:text-slate-200 {
4679
- &:where(.dark, .dark *) {
4680
- &:hover {
4681
- @media (hover: hover) {
4682
- color: var(--color-slate-200);
4683
- }
4684
- }
3030
+ .focus-visible\:ring-ring {
3031
+ &:focus-visible {
3032
+ --tw-ring-color: var(--ring);
4685
3033
  }
4686
3034
  }
4687
- .dark\:hover\:text-slate-300 {
4688
- &:where(.dark, .dark *) {
4689
- &:hover {
4690
- @media (hover: hover) {
4691
- color: var(--color-slate-300);
4692
- }
4693
- }
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);
4694
3039
  }
4695
3040
  }
4696
- .dark\:hover\:text-slate-400 {
4697
- &:where(.dark, .dark *) {
4698
- &:hover {
4699
- @media (hover: hover) {
4700
- color: var(--color-slate-400);
4701
- }
4702
- }
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);
4703
3045
  }
4704
3046
  }
4705
- .dark\:hover\:text-slate-500 {
4706
- &:where(.dark, .dark *) {
4707
- &:hover {
4708
- @media (hover: hover) {
4709
- color: var(--color-slate-500);
4710
- }
4711
- }
3047
+ .focus-visible\:ring-offset-background {
3048
+ &:focus-visible {
3049
+ --tw-ring-offset-color: var(--background);
4712
3050
  }
4713
3051
  }
4714
- .dark\:hover\:text-slate-600 {
4715
- &:where(.dark, .dark *) {
4716
- &:hover {
4717
- @media (hover: hover) {
4718
- color: var(--color-slate-600);
4719
- }
4720
- }
3052
+ .focus-visible\:ring-offset-white {
3053
+ &:focus-visible {
3054
+ --tw-ring-offset-color: var(--color-white);
4721
3055
  }
4722
3056
  }
4723
- .dark\:focus\:border-blue-500 {
4724
- &:where(.dark, .dark *) {
4725
- &:focus {
4726
- border-color: var(--color-blue-500);
4727
- }
3057
+ .focus-visible\:outline-none {
3058
+ &:focus-visible {
3059
+ --tw-outline-style: none;
3060
+ outline-style: none;
4728
3061
  }
4729
3062
  }
4730
- .dark\:focus\:bg-slate-700 {
4731
- &:where(.dark, .dark *) {
4732
- &:focus {
4733
- background-color: var(--color-slate-700);
4734
- }
3063
+ .active\:active-effect {
3064
+ &:active {
3065
+ filter: brightness(var(--active));
3066
+ transition: filter 0.1s ease-in-out;
4735
3067
  }
4736
3068
  }
4737
- .dark\:focus\:ring-slate-300 {
4738
- &:where(.dark, .dark *) {
4739
- &:focus {
4740
- --tw-ring-color: var(--color-slate-300);
4741
- }
3069
+ .active\:active-effect {
3070
+ &:active {
3071
+ filter: brightness(var(--active));
3072
+ transition: filter 0.1s ease-in-out;
4742
3073
  }
4743
3074
  }
4744
- .dark\:focus-visible\:ring-slate-300 {
4745
- &:where(.dark, .dark *) {
4746
- &:focus-visible {
4747
- --tw-ring-color: var(--color-slate-300);
4748
- }
3075
+ .active\:active-effect {
3076
+ &:active {
3077
+ filter: brightness(var(--active));
3078
+ transition: filter 0.1s ease-in-out;
4749
3079
  }
4750
3080
  }
4751
- .dark\:focus-visible\:ring-slate-400 {
4752
- &:where(.dark, .dark *) {
4753
- &:focus-visible {
4754
- --tw-ring-color: var(--color-slate-400);
4755
- }
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;
4756
3088
  }
4757
3089
  }
4758
- .dark\:focus-visible\:ring-offset-slate-800 {
4759
- &:where(.dark, .dark *) {
4760
- &:focus-visible {
4761
- --tw-ring-offset-color: var(--color-slate-800);
4762
- }
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;
4763
3097
  }
4764
3098
  }
4765
- .dark\:active\:border-blue-100 {
4766
- &:where(.dark, .dark *) {
4767
- &:active {
4768
- border-color: var(--color-blue-100);
4769
- }
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;
4770
3106
  }
4771
3107
  }
4772
- .dark\:active\:border-red-100 {
4773
- &:where(.dark, .dark *) {
4774
- &:active {
4775
- border-color: var(--color-red-100);
4776
- }
3108
+ .disabled\:opacity-100 {
3109
+ &:disabled {
3110
+ opacity: 100%;
4777
3111
  }
4778
3112
  }
4779
- .dark\:active\:border-slate-200 {
4780
- &:where(.dark, .dark *) {
4781
- &:active {
4782
- border-color: var(--color-slate-200);
4783
- }
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;
4784
3120
  }
4785
3121
  }
4786
- .dark\:active\:border-slate-500 {
4787
- &:where(.dark, .dark *) {
4788
- &:active {
4789
- border-color: var(--color-slate-500);
4790
- }
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;
4791
3129
  }
4792
3130
  }
4793
- .dark\:active\:bg-slate-600 {
4794
- &:where(.dark, .dark *) {
4795
- &:active {
4796
- background-color: var(--color-slate-600);
4797
- }
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;
4798
3138
  }
4799
3139
  }
4800
- .dark\:active\:text-slate-100 {
4801
- &:where(.dark, .dark *) {
4802
- &:active {
4803
- color: var(--color-slate-100);
4804
- }
3140
+ .data-state\:border-foreground {
3141
+ &[data-state] {
3142
+ border-color: var(--foreground);
4805
3143
  }
4806
3144
  }
4807
- .dark\:active\:text-slate-300 {
4808
- &:where(.dark, .dark *) {
4809
- &:active {
4810
- color: var(--color-slate-300);
4811
- }
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;
4812
3152
  }
4813
3153
  }
4814
- .dark\:disabled\:border-slate-200 {
4815
- &:where(.dark, .dark *) {
4816
- &:disabled {
4817
- border-color: var(--color-slate-200);
4818
- }
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;
4819
3161
  }
4820
3162
  }
4821
- .dark\:disabled\:border-slate-500 {
4822
- &:where(.dark, .dark *) {
4823
- &:disabled {
4824
- border-color: var(--color-slate-500);
4825
- }
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;
4826
3170
  }
4827
3171
  }
4828
- .dark\:disabled\:bg-slate-600 {
4829
- &:where(.dark, .dark *) {
4830
- &:disabled {
4831
- 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;
4832
3176
  }
4833
3177
  }
4834
3178
  }
4835
- .dark\:disabled\:bg-slate-700 {
4836
- &:where(.dark, .dark *) {
4837
- &:disabled {
4838
- background-color: var(--color-slate-700);
4839
- }
3179
+ .data-\[selected\=true\]\:bg-accent {
3180
+ &[data-selected="true"] {
3181
+ background-color: var(--accent);
4840
3182
  }
4841
3183
  }
4842
- .dark\:disabled\:text-blue-100 {
4843
- &:where(.dark, .dark *) {
4844
- &:disabled {
4845
- color: var(--color-blue-100);
4846
- }
3184
+ .data-\[side\=bottom\]\:animate-slide-in-from-top {
3185
+ &[data-side="bottom"] {
3186
+ animation: var(--animate-slide-in-from-top);
4847
3187
  }
4848
3188
  }
4849
- .dark\:disabled\:text-red-100 {
4850
- &:where(.dark, .dark *) {
4851
- &:disabled {
4852
- color: var(--color-red-100);
4853
- }
3189
+ .data-\[side\=left\]\:animate-slide-in-from-right {
3190
+ &[data-side="left"] {
3191
+ animation: var(--animate-slide-in-from-right);
4854
3192
  }
4855
3193
  }
4856
- .dark\:disabled\:text-slate-100 {
4857
- &:where(.dark, .dark *) {
4858
- &:disabled {
4859
- color: var(--color-slate-100);
4860
- }
3194
+ .data-\[side\=right\]\:animate-slide-in-from-left {
3195
+ &[data-side="right"] {
3196
+ animation: var(--animate-slide-in-from-left);
4861
3197
  }
4862
3198
  }
4863
- .dark\:disabled\:text-slate-400 {
4864
- &:where(.dark, .dark *) {
4865
- &:disabled {
4866
- color: var(--color-slate-400);
4867
- }
3199
+ .data-\[side\=top\]\:animate-slide-in-from-bottom {
3200
+ &[data-side="top"] {
3201
+ animation: var(--animate-slide-in-from-bottom);
4868
3202
  }
4869
3203
  }
4870
- .dark\:disabled\:text-slate-500 {
4871
- &:where(.dark, .dark *) {
4872
- &:disabled {
4873
- color: var(--color-slate-500);
4874
- }
3204
+ .data-\[state\=active\]\:bg-accent {
3205
+ &[data-state="active"] {
3206
+ background-color: var(--accent);
4875
3207
  }
4876
3208
  }
4877
- .dark\:disabled\:placeholder\:text-slate-400 {
4878
- &:where(.dark, .dark *) {
4879
- &:disabled {
4880
- &::placeholder {
4881
- color: var(--color-slate-400);
4882
- }
4883
- }
3209
+ .data-\[state\=active\]\:text-foreground {
3210
+ &[data-state="active"] {
3211
+ color: var(--foreground);
4884
3212
  }
4885
3213
  }
4886
- .dark\:data-disabled\:text-slate-500 {
4887
- &:where(.dark, .dark *) {
4888
- &[data-disabled] {
4889
- color: var(--color-slate-500);
4890
- }
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);
4891
3218
  }
4892
3219
  }
4893
- .dark\:data-state\:border-slate-500 {
4894
- &:where(.dark, .dark *) {
4895
- &[data-state] {
4896
- border-color: var(--color-slate-500);
4897
- }
3220
+ .data-\[state\=checked\]\:bg-primary {
3221
+ &[data-state="checked"] {
3222
+ background-color: var(--primary);
4898
3223
  }
4899
3224
  }
4900
- .dark\:data-\[invalid\=true\]\:group-hover\:border-red-50\! {
4901
- &:where(.dark, .dark *) {
4902
- &[data-invalid="true"] {
4903
- &:is(:where(.group):hover *) {
4904
- @media (hover: hover) {
4905
- border-color: var(--color-red-50) !important;
4906
- }
4907
- }
4908
- }
3225
+ .data-\[state\=checked\]\:text-primary-foreground {
3226
+ &[data-state="checked"] {
3227
+ color: var(--primary-foreground);
4909
3228
  }
4910
3229
  }
4911
- .dark\:data-\[invalid\=true\]\:data-state\:border-red-100\! {
4912
- &:where(.dark, .dark *) {
4913
- &[data-invalid="true"] {
4914
- &[data-state] {
4915
- border-color: var(--color-red-100) !important;
4916
- }
3230
+ .data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-destructive\! {
3231
+ &[data-invalid="true"] {
3232
+ &[data-state="checked"] {
3233
+ background-color: var(--destructive) !important;
4917
3234
  }
4918
3235
  }
4919
3236
  }
4920
- .dark\:data-\[invalid\=true\]\:data-state\:border-red-800\! {
4921
- &:where(.dark, .dark *) {
4922
- &[data-invalid="true"] {
4923
- &[data-state] {
4924
- border-color: var(--color-red-800) !important;
4925
- }
4926
- }
3237
+ .data-\[state\=closed\]\:animate-fade-out {
3238
+ &[data-state="closed"] {
3239
+ animation: var(--animate-fade-out);
4927
3240
  }
4928
3241
  }
4929
- .dark\:data-\[selected\=true\]\:bg-slate-500 {
4930
- &:where(.dark, .dark *) {
4931
- &[data-selected="true"] {
4932
- background-color: var(--color-slate-500);
4933
- }
3242
+ .data-\[state\=closed\]\:animate-zoom-out {
3243
+ &[data-state="closed"] {
3244
+ animation: var(--animate-zoom-out);
4934
3245
  }
4935
3246
  }
4936
- .dark\:data-\[selected\=true\]\:bg-slate-600 {
4937
- &:where(.dark, .dark *) {
4938
- &[data-selected="true"] {
4939
- background-color: var(--color-slate-600);
4940
- }
3247
+ .data-\[state\=indeterminate\]\:bg-primary {
3248
+ &[data-state="indeterminate"] {
3249
+ background-color: var(--primary);
4941
3250
  }
4942
3251
  }
4943
- .dark\:data-\[selected\=true\]\:bg-slate-900 {
4944
- &:where(.dark, .dark *) {
4945
- &[data-selected="true"] {
4946
- background-color: var(--color-slate-900);
4947
- }
3252
+ .data-\[state\=indeterminate\]\:text-primary-foreground {
3253
+ &[data-state="indeterminate"] {
3254
+ color: var(--primary-foreground);
4948
3255
  }
4949
3256
  }
4950
- .dark\:data-\[state\=\'active\'\]\:bg-slate-500 {
4951
- &:where(.dark, .dark *) {
4952
- &[data-state='active'] {
4953
- 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;
4954
3261
  }
4955
3262
  }
4956
3263
  }
4957
- .dark\:data-\[state\=\'active\'\]\:text-slate-100 {
4958
- &:where(.dark, .dark *) {
4959
- &[data-state='active'] {
4960
- color: var(--color-slate-100);
4961
- }
3264
+ .data-\[state\=open\]\:animate-fade-in {
3265
+ &[data-state="open"] {
3266
+ animation: var(--animate-fade-in);
4962
3267
  }
4963
3268
  }
4964
- .dark\:data-\[state\=checked\]\:bg-slate-400 {
4965
- &:where(.dark, .dark *) {
4966
- &[data-state="checked"] {
4967
- background-color: var(--color-slate-400);
4968
- }
3269
+ .data-\[state\=open\]\:animate-zoom-in {
3270
+ &[data-state="open"] {
3271
+ animation: var(--animate-zoom-in);
4969
3272
  }
4970
3273
  }
4971
- .dark\:data-\[state\=checked\]\:text-slate-900 {
4972
- &:where(.dark, .dark *) {
4973
- &[data-state="checked"] {
4974
- color: var(--color-slate-900);
4975
- }
3274
+ .lg\:grid-cols-3 {
3275
+ @media (width >= 64rem) {
3276
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4976
3277
  }
4977
3278
  }
4978
- .dark\:data-\[state\=checked\]\:group-hover\:bg-slate-50 {
3279
+ .dark\:border-none {
4979
3280
  &:where(.dark, .dark *) {
4980
- &[data-state="checked"] {
4981
- &:is(:where(.group):hover *) {
4982
- @media (hover: hover) {
4983
- background-color: var(--color-slate-50);
4984
- }
4985
- }
4986
- }
3281
+ --tw-border-style: none;
3282
+ border-style: none;
4987
3283
  }
4988
3284
  }
4989
- .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=checked\]\:bg-slate-500 {
3285
+ .dark\:ring-white\/10 {
4990
3286
  &:where(.dark, .dark *) {
4991
- &:disabled {
4992
- &[data-invalid="false"] {
4993
- &[data-state="checked"] {
4994
- background-color: var(--color-slate-500);
4995
- }
4996
- }
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);
4997
3290
  }
4998
3291
  }
4999
3292
  }
5000
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-100\! {
3293
+ .dark\:peer-hover\:hover-effect {
5001
3294
  &:where(.dark, .dark *) {
5002
- &[data-invalid="true"] {
5003
- &[data-state="checked"] {
5004
- 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;
5005
3300
  }
5006
3301
  }
5007
3302
  }
5008
3303
  }
5009
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:bg-red-800\! {
3304
+ .dark\:peer-hover\:hover-effect {
5010
3305
  &:where(.dark, .dark *) {
5011
- &[data-invalid="true"] {
5012
- &[data-state="checked"] {
5013
- 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;
5014
3311
  }
5015
3312
  }
5016
3313
  }
5017
3314
  }
5018
- .dark\:data-\[invalid\=true\]\:data-\[state\=checked\]\:group-hover\:bg-red-50\! {
3315
+ .dark\:peer-hover\:hover-effect {
5019
3316
  &:where(.dark, .dark *) {
5020
- &[data-invalid="true"] {
5021
- &[data-state="checked"] {
5022
- &:is(:where(.group):hover *) {
5023
- @media (hover: hover) {
5024
- background-color: var(--color-red-50) !important;
5025
- }
5026
- }
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;
5027
3322
  }
5028
3323
  }
5029
3324
  }
5030
3325
  }
5031
- .dark\:data-\[state\=indeterminate\]\:bg-slate-400 {
5032
- &:where(.dark, .dark *) {
5033
- &[data-state="indeterminate"] {
5034
- background-color: var(--color-slate-400);
5035
- }
5036
- }
5037
- }
5038
- .dark\:data-\[state\=indeterminate\]\:text-slate-900 {
5039
- &:where(.dark, .dark *) {
5040
- &[data-state="indeterminate"] {
5041
- color: var(--color-slate-900);
5042
- }
5043
- }
5044
- }
5045
- .dark\:data-\[state\=indeterminate\]\:group-hover\:bg-slate-50 {
3326
+ .dark\:group-hover\:after\:hover-effect {
5046
3327
  &:where(.dark, .dark *) {
5047
- &[data-state="indeterminate"] {
5048
- &:is(:where(.group):hover *) {
5049
- @media (hover: hover) {
5050
- 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;
5051
3335
  }
5052
3336
  }
5053
3337
  }
5054
3338
  }
5055
3339
  }
5056
- .dark\:disabled\:data-\[invalid\=false\]\:data-\[state\=indeterminate\]\:bg-slate-500 {
3340
+ .dark\:group-hover\:after\:hover-effect {
5057
3341
  &:where(.dark, .dark *) {
5058
- &:disabled {
5059
- &[data-invalid="false"] {
5060
- &[data-state="indeterminate"] {
5061
- 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;
5062
3349
  }
5063
3350
  }
5064
3351
  }
5065
3352
  }
5066
3353
  }
5067
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-100\! {
5068
- &:where(.dark, .dark *) {
5069
- &[data-invalid="true"] {
5070
- &[data-state="indeterminate"] {
5071
- background-color: var(--color-red-100) !important;
5072
- }
5073
- }
5074
- }
5075
- }
5076
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:bg-red-800\! {
5077
- &:where(.dark, .dark *) {
5078
- &[data-invalid="true"] {
5079
- &[data-state="indeterminate"] {
5080
- background-color: var(--color-red-800) !important;
5081
- }
5082
- }
5083
- }
5084
- }
5085
- .dark\:data-\[invalid\=true\]\:data-\[state\=indeterminate\]\:group-hover\:bg-red-50\! {
3354
+ .dark\:group-hover\:after\:hover-effect {
5086
3355
  &:where(.dark, .dark *) {
5087
- &[data-invalid="true"] {
5088
- &[data-state="indeterminate"] {
5089
- &:is(:where(.group):hover *) {
5090
- @media (hover: hover) {
5091
- background-color: var(--color-red-50) !important;
5092
- }
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;
5093
3363
  }
5094
3364
  }
5095
3365
  }
@@ -6008,6 +4278,69 @@
6008
4278
  ._1prJR {
6009
4279
  color: rgb(38, 139, 210);
6010
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
+ }
6011
4344
  :root {
6012
4345
  --toastify-toast-min-height: 48px;
6013
4346
  --toastify-toast-bd-radius: 8px;
@@ -6068,7 +4401,7 @@ input[type="number"] {
6068
4401
  line-height: var(--leading-tight, 1.25);
6069
4402
  --tw-font-weight: var(--font-weight-bold, 700);
6070
4403
  font-weight: var(--font-weight-bold, 700);
6071
- color: var(--color-gray-900);
4404
+ color: var(--foreground);
6072
4405
  }
6073
4406
  .ph-default-styles h2 {
6074
4407
  margin-top: calc(var(--spacing, 0.25rem) * 5);
@@ -6080,7 +4413,7 @@ input[type="number"] {
6080
4413
  line-height: var(--leading-tight, 1.25);
6081
4414
  --tw-font-weight: var(--font-weight-bold, 700);
6082
4415
  font-weight: var(--font-weight-bold, 700);
6083
- color: var(--color-gray-900);
4416
+ color: var(--foreground);
6084
4417
  }
6085
4418
  .ph-default-styles h3 {
6086
4419
  margin-top: calc(var(--spacing, 0.25rem) * 4);
@@ -6092,7 +4425,7 @@ input[type="number"] {
6092
4425
  line-height: var(--leading-tight, 1.25);
6093
4426
  --tw-font-weight: var(--font-weight-bold, 700);
6094
4427
  font-weight: var(--font-weight-bold, 700);
6095
- color: var(--color-gray-900);
4428
+ color: var(--foreground);
6096
4429
  }
6097
4430
  .ph-default-styles p {
6098
4431
  font-family: var(--font-sans);
@@ -6102,7 +4435,7 @@ input[type="number"] {
6102
4435
  line-height: var(--leading-tight, 1.25);
6103
4436
  --tw-font-weight: var(--font-weight-normal, 400);
6104
4437
  font-weight: var(--font-weight-normal, 400);
6105
- color: var(--color-gray-900);
4438
+ color: var(--foreground);
6106
4439
  }
6107
4440
  .ph-default-styles small {
6108
4441
  font-family: var(--font-sans);
@@ -6112,7 +4445,7 @@ input[type="number"] {
6112
4445
  line-height: 1;
6113
4446
  --tw-font-weight: var(--font-weight-normal, 400);
6114
4447
  font-weight: var(--font-weight-normal, 400);
6115
- color: var(--color-gray-700);
4448
+ color: var(--foreground);
6116
4449
  }
6117
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 {
6118
4451
  margin-bottom: calc(var(--spacing, 0.25rem) * 2.5);
@@ -6121,8 +4454,8 @@ input[type="number"] {
6121
4454
  border-radius: var(--radius-md, 0.375rem);
6122
4455
  border-style: var(--tw-border-style);
6123
4456
  border-width: 1px;
6124
- border-color: var(--color-slate-100);
6125
- background-color: var(--color-white);
4457
+ border-color: var(--input);
4458
+ background-color: var(--card);
6126
4459
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
6127
4460
  padding-block: calc(var(--spacing, 0.25rem) * 1.75);
6128
4461
  font-family: var(--font-sans);
@@ -6132,22 +4465,22 @@ input[type="number"] {
6132
4465
  line-height: calc(var(--spacing, 0.25rem) * 5);
6133
4466
  --tw-font-weight: var(--font-weight-normal, 400);
6134
4467
  font-weight: var(--font-weight-normal, 400);
6135
- color: var(--color-gray-900);
4468
+ color: var(--foreground);
6136
4469
  }
6137
4470
  .ph-default-styles textarea {
6138
4471
  min-height: calc(var(--spacing, 0.25rem) * 9);
6139
4472
  resize: vertical;
6140
4473
  }
6141
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]) {
6142
- background-color: var(--color-gray-50);
6143
- color: var(--color-gray-500);
4475
+ background-color: var(--background);
4476
+ color: var(--muted-foreground);
6144
4477
  }
6145
4478
  .ph-default-styles a {
6146
- color: var(--color-blue-900);
4479
+ color: var(--info);
6147
4480
  text-decoration-line: none;
6148
4481
  }
6149
4482
  .ph-default-styles a:hover {
6150
- color: var(--color-blue-900);
4483
+ color: var(--info);
6151
4484
  text-decoration-line: underline;
6152
4485
  --tw-brightness: brightness(50%);
6153
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,);
@@ -6155,9 +4488,9 @@ input[type="number"] {
6155
4488
  .ph-default-styles a:focus {
6156
4489
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
6157
4490
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
6158
- --tw-ring-color: color-mix(in srgb, hsl(209 100% 50%) 50%, transparent);
4491
+ --tw-ring-color: var(--ring);
6159
4492
  @supports (color: color-mix(in lab, red, red)) {
6160
- --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);
6161
4494
  }
6162
4495
  --tw-ring-offset-width: 2px;
6163
4496
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -6174,14 +4507,14 @@ input[type="number"] {
6174
4507
  font-family: var(--font-sans);
6175
4508
  --tw-font-weight: var(--font-weight-medium, 500);
6176
4509
  font-weight: var(--font-weight-medium, 500);
6177
- color: var(--color-gray-900);
4510
+ color: var(--foreground);
6178
4511
  }
6179
4512
  .ph-default-styles hr {
6180
4513
  margin-block: calc(var(--spacing, 0.25rem) * 4);
6181
4514
  height: 1px;
6182
4515
  border-style: var(--tw-border-style);
6183
4516
  border-width: 0px;
6184
- background-color: var(--color-slate-100);
4517
+ background-color: var(--border);
6185
4518
  }
6186
4519
  }
6187
4520
  @layer base {
@@ -6234,6 +4567,132 @@ input[type="number"] {
6234
4567
  }
6235
4568
  }
6236
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
+ }
6237
4696
  @property --tw-translate-x {
6238
4697
  syntax: "*";
6239
4698
  inherits: false;