shadcn-ui-react 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -26,14 +26,38 @@
26
26
  --color-red-400: oklch(70.4% 0.191 22.216);
27
27
  --color-red-500: oklch(63.7% 0.237 25.331);
28
28
  --color-red-600: oklch(57.7% 0.245 27.325);
29
+ --color-orange-500: oklch(70.5% 0.213 47.604);
30
+ --color-amber-400: oklch(82.8% 0.189 84.429);
31
+ --color-amber-500: oklch(76.9% 0.188 70.08);
32
+ --color-amber-600: oklch(66.6% 0.179 58.318);
33
+ --color-amber-700: oklch(55.5% 0.163 48.998);
34
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
35
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
36
+ --color-emerald-600: oklch(59.6% 0.145 163.225);
37
+ --color-emerald-700: oklch(50.8% 0.118 165.612);
38
+ --color-teal-500: oklch(70.4% 0.14 182.503);
39
+ --color-sky-400: oklch(74.6% 0.16 232.661);
40
+ --color-sky-500: oklch(68.5% 0.169 237.323);
41
+ --color-sky-600: oklch(58.8% 0.158 241.966);
42
+ --color-sky-700: oklch(50% 0.134 242.749);
29
43
  --color-blue-50: oklch(97% 0.014 254.604);
30
44
  --color-blue-500: oklch(62.3% 0.214 259.815);
45
+ --color-violet-600: oklch(54.1% 0.281 293.009);
46
+ --color-fuchsia-500: oklch(66.7% 0.295 322.15);
47
+ --color-fuchsia-600: oklch(59.1% 0.293 322.896);
48
+ --color-pink-600: oklch(59.2% 0.249 0.584);
49
+ --color-rose-500: oklch(64.5% 0.246 16.439);
31
50
  --color-gray-100: oklch(96.7% 0.003 264.542);
32
51
  --color-gray-200: oklch(92.8% 0.006 264.531);
33
52
  --color-gray-300: oklch(87.2% 0.01 258.338);
34
53
  --color-gray-400: oklch(70.7% 0.022 261.325);
35
54
  --color-gray-600: oklch(44.6% 0.03 256.802);
36
55
  --color-gray-700: oklch(37.3% 0.034 259.733);
56
+ --color-zinc-50: oklch(98.5% 0 0);
57
+ --color-zinc-200: oklch(92% 0.004 286.32);
58
+ --color-zinc-800: oklch(27.4% 0.006 286.033);
59
+ --color-zinc-900: oklch(21% 0.006 285.885);
60
+ --color-zinc-950: oklch(14.1% 0.005 285.823);
37
61
  --color-black: #000;
38
62
  --color-white: #fff;
39
63
  --spacing: 0.25rem;
@@ -67,6 +91,7 @@
67
91
  --animate-spin: spin 1s linear infinite;
68
92
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
69
93
  --blur-sm: 8px;
94
+ --blur-md: 12px;
70
95
  --blur-xl: 24px;
71
96
  --default-transition-duration: 150ms;
72
97
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -513,6 +538,10 @@
513
538
  .aspect-square {
514
539
  aspect-ratio: 1 / 1;
515
540
  }
541
+ .size-4 {
542
+ width: calc(var(--spacing) * 4);
543
+ height: calc(var(--spacing) * 4);
544
+ }
516
545
  .size-8 {
517
546
  width: calc(var(--spacing) * 8);
518
547
  height: calc(var(--spacing) * 8);
@@ -634,6 +663,9 @@
634
663
  .w-10 {
635
664
  width: calc(var(--spacing) * 10);
636
665
  }
666
+ .w-12 {
667
+ width: calc(var(--spacing) * 12);
668
+ }
637
669
  .w-17\.5 {
638
670
  width: calc(var(--spacing) * 17.5);
639
671
  }
@@ -912,6 +944,9 @@
912
944
  .overflow-y-auto {
913
945
  overflow-y: auto;
914
946
  }
947
+ .rounded {
948
+ border-radius: 0.25rem;
949
+ }
915
950
  .rounded-2xl {
916
951
  border-radius: var(--radius-2xl);
917
952
  }
@@ -986,6 +1021,12 @@
986
1021
  --tw-border-style: dashed;
987
1022
  border-style: dashed;
988
1023
  }
1024
+ .border-amber-500\/40 {
1025
+ border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
1026
+ @supports (color: color-mix(in lab, red, red)) {
1027
+ border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
1028
+ }
1029
+ }
989
1030
  .border-blue-500 {
990
1031
  border-color: var(--color-blue-500);
991
1032
  }
@@ -995,12 +1036,24 @@
995
1036
  .border-destructive {
996
1037
  border-color: var(--destructive);
997
1038
  }
1039
+ .border-destructive\/40 {
1040
+ border-color: var(--destructive);
1041
+ @supports (color: color-mix(in lab, red, red)) {
1042
+ border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1043
+ }
1044
+ }
998
1045
  .border-destructive\/50 {
999
1046
  border-color: var(--destructive);
1000
1047
  @supports (color: color-mix(in lab, red, red)) {
1001
1048
  border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
1002
1049
  }
1003
1050
  }
1051
+ .border-emerald-500\/40 {
1052
+ border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
1053
+ @supports (color: color-mix(in lab, red, red)) {
1054
+ border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
1055
+ }
1056
+ }
1004
1057
  .border-gray-300 {
1005
1058
  border-color: var(--color-gray-300);
1006
1059
  }
@@ -1028,9 +1081,24 @@
1028
1081
  border-color: color-mix(in oklab, var(--primary) 50%, transparent);
1029
1082
  }
1030
1083
  }
1084
+ .border-sky-500\/40 {
1085
+ border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
1086
+ @supports (color: color-mix(in lab, red, red)) {
1087
+ border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
1088
+ }
1089
+ }
1031
1090
  .border-transparent {
1032
1091
  border-color: transparent;
1033
1092
  }
1093
+ .border-white\/20 {
1094
+ border-color: color-mix(in srgb, #fff 20%, transparent);
1095
+ @supports (color: color-mix(in lab, red, red)) {
1096
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1097
+ }
1098
+ }
1099
+ .border-zinc-200 {
1100
+ border-color: var(--color-zinc-200);
1101
+ }
1034
1102
  .border-t-transparent {
1035
1103
  border-top-color: transparent;
1036
1104
  }
@@ -1040,6 +1108,15 @@
1040
1108
  .bg-accent {
1041
1109
  background-color: var(--accent);
1042
1110
  }
1111
+ .bg-amber-500 {
1112
+ background-color: var(--color-amber-500);
1113
+ }
1114
+ .bg-amber-500\/10 {
1115
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
1116
+ @supports (color: color-mix(in lab, red, red)) {
1117
+ background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
1118
+ }
1119
+ }
1043
1120
  .bg-background {
1044
1121
  background-color: var(--background);
1045
1122
  }
@@ -1091,6 +1168,21 @@
1091
1168
  .bg-destructive {
1092
1169
  background-color: var(--destructive);
1093
1170
  }
1171
+ .bg-destructive\/10 {
1172
+ background-color: var(--destructive);
1173
+ @supports (color: color-mix(in lab, red, red)) {
1174
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
1175
+ }
1176
+ }
1177
+ .bg-emerald-500\/10 {
1178
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
1179
+ @supports (color: color-mix(in lab, red, red)) {
1180
+ background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
1181
+ }
1182
+ }
1183
+ .bg-emerald-600 {
1184
+ background-color: var(--color-emerald-600);
1185
+ }
1094
1186
  .bg-foreground {
1095
1187
  background-color: var(--foreground);
1096
1188
  }
@@ -1151,9 +1243,98 @@
1151
1243
  .bg-secondary {
1152
1244
  background-color: var(--secondary);
1153
1245
  }
1246
+ .bg-sky-500\/10 {
1247
+ background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
1248
+ @supports (color: color-mix(in lab, red, red)) {
1249
+ background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
1250
+ }
1251
+ }
1252
+ .bg-sky-600 {
1253
+ background-color: var(--color-sky-600);
1254
+ }
1154
1255
  .bg-transparent {
1155
1256
  background-color: transparent;
1156
1257
  }
1258
+ .bg-white {
1259
+ background-color: var(--color-white);
1260
+ }
1261
+ .bg-white\/10 {
1262
+ background-color: color-mix(in srgb, #fff 10%, transparent);
1263
+ @supports (color: color-mix(in lab, red, red)) {
1264
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1265
+ }
1266
+ }
1267
+ .bg-zinc-950 {
1268
+ background-color: var(--color-zinc-950);
1269
+ }
1270
+ .bg-gradient-to-r {
1271
+ --tw-gradient-position: to right in oklab;
1272
+ background-image: linear-gradient(var(--tw-gradient-stops));
1273
+ }
1274
+ .from-amber-500 {
1275
+ --tw-gradient-from: var(--color-amber-500);
1276
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1277
+ }
1278
+ .from-emerald-600 {
1279
+ --tw-gradient-from: var(--color-emerald-600);
1280
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1281
+ }
1282
+ .from-primary {
1283
+ --tw-gradient-from: var(--primary);
1284
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1285
+ }
1286
+ .from-red-600 {
1287
+ --tw-gradient-from: var(--color-red-600);
1288
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1289
+ }
1290
+ .from-violet-600 {
1291
+ --tw-gradient-from: var(--color-violet-600);
1292
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1293
+ }
1294
+ .via-fuchsia-600 {
1295
+ --tw-gradient-via: var(--color-fuchsia-600);
1296
+ --tw-gradient-via-stops:
1297
+ var(--tw-gradient-position),
1298
+ var(--tw-gradient-from) var(--tw-gradient-from-position),
1299
+ var(--tw-gradient-via) var(--tw-gradient-via-position),
1300
+ var(--tw-gradient-to) var(--tw-gradient-to-position);
1301
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1302
+ }
1303
+ .via-primary\/90 {
1304
+ --tw-gradient-via: var(--primary);
1305
+ @supports (color: color-mix(in lab, red, red)) {
1306
+ --tw-gradient-via: color-mix(in oklab, var(--primary) 90%, transparent);
1307
+ }
1308
+ --tw-gradient-via-stops:
1309
+ var(--tw-gradient-position),
1310
+ var(--tw-gradient-from) var(--tw-gradient-from-position),
1311
+ var(--tw-gradient-via) var(--tw-gradient-via-position),
1312
+ var(--tw-gradient-to) var(--tw-gradient-to-position);
1313
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
1314
+ }
1315
+ .to-orange-500 {
1316
+ --tw-gradient-to: var(--color-orange-500);
1317
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1318
+ }
1319
+ .to-pink-600 {
1320
+ --tw-gradient-to: var(--color-pink-600);
1321
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1322
+ }
1323
+ .to-primary\/70 {
1324
+ --tw-gradient-to: var(--primary);
1325
+ @supports (color: color-mix(in lab, red, red)) {
1326
+ --tw-gradient-to: color-mix(in oklab, var(--primary) 70%, transparent);
1327
+ }
1328
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1329
+ }
1330
+ .to-rose-500 {
1331
+ --tw-gradient-to: var(--color-rose-500);
1332
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1333
+ }
1334
+ .to-teal-500 {
1335
+ --tw-gradient-to: var(--color-teal-500);
1336
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1337
+ }
1157
1338
  .fill-current {
1158
1339
  fill: currentcolor;
1159
1340
  }
@@ -1206,6 +1387,9 @@
1206
1387
  .px-8 {
1207
1388
  padding-inline: calc(var(--spacing) * 8);
1208
1389
  }
1390
+ .px-10 {
1391
+ padding-inline: calc(var(--spacing) * 10);
1392
+ }
1209
1393
  .px-\[0\.9rem\] {
1210
1394
  padding-inline: 0.9rem;
1211
1395
  }
@@ -1376,6 +1560,9 @@
1376
1560
  .text-accent-foreground {
1377
1561
  color: var(--accent-foreground);
1378
1562
  }
1563
+ .text-amber-700 {
1564
+ color: var(--color-amber-700);
1565
+ }
1379
1566
  .text-card-foreground {
1380
1567
  color: var(--card-foreground);
1381
1568
  }
@@ -1388,6 +1575,9 @@
1388
1575
  .text-destructive-foreground {
1389
1576
  color: var(--destructive-foreground);
1390
1577
  }
1578
+ .text-emerald-700 {
1579
+ color: var(--color-emerald-700);
1580
+ }
1391
1581
  .text-foreground {
1392
1582
  color: var(--foreground);
1393
1583
  }
@@ -1424,9 +1614,15 @@
1424
1614
  .text-secondary-foreground {
1425
1615
  color: var(--secondary-foreground);
1426
1616
  }
1617
+ .text-sky-700 {
1618
+ color: var(--color-sky-700);
1619
+ }
1427
1620
  .text-white {
1428
1621
  color: var(--color-white);
1429
1622
  }
1623
+ .text-zinc-900 {
1624
+ color: var(--color-zinc-900);
1625
+ }
1430
1626
  .uppercase {
1431
1627
  text-transform: uppercase;
1432
1628
  }
@@ -1469,6 +1665,15 @@
1469
1665
  var(--tw-ring-shadow),
1470
1666
  var(--tw-shadow);
1471
1667
  }
1668
+ .shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_0_24px_rgba\(59\,130\,246\,0\.45\)\] {
1669
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,0.08)), 0 0 24px var(--tw-shadow-color, rgba(59,130,246,0.45));
1670
+ box-shadow:
1671
+ var(--tw-inset-shadow),
1672
+ var(--tw-inset-ring-shadow),
1673
+ var(--tw-ring-offset-shadow),
1674
+ var(--tw-ring-shadow),
1675
+ var(--tw-shadow);
1676
+ }
1472
1677
  .shadow-inner {
1473
1678
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1474
1679
  box-shadow:
@@ -1532,6 +1737,12 @@
1532
1737
  var(--tw-ring-shadow),
1533
1738
  var(--tw-shadow);
1534
1739
  }
1740
+ .shadow-fuchsia-500\/20 {
1741
+ --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 20%, transparent);
1742
+ @supports (color: color-mix(in lab, red, red)) {
1743
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1744
+ }
1745
+ }
1535
1746
  .ring-destructive {
1536
1747
  --tw-ring-color: var(--destructive);
1537
1748
  }
@@ -1549,6 +1760,10 @@
1549
1760
  --tw-backdrop-blur: blur(8px);
1550
1761
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1551
1762
  }
1763
+ .backdrop-blur-md {
1764
+ --tw-backdrop-blur: blur(var(--blur-md));
1765
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1766
+ }
1552
1767
  .backdrop-blur-sm {
1553
1768
  --tw-backdrop-blur: blur(var(--blur-sm));
1554
1769
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1889,6 +2104,53 @@
1889
2104
  }
1890
2105
  }
1891
2106
  }
2107
+ .hover\:bg-amber-500\/10 {
2108
+ &:hover {
2109
+ @media (hover: hover) {
2110
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
2111
+ @supports (color: color-mix(in lab, red, red)) {
2112
+ background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
2113
+ }
2114
+ }
2115
+ }
2116
+ }
2117
+ .hover\:bg-amber-500\/15 {
2118
+ &:hover {
2119
+ @media (hover: hover) {
2120
+ background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
2121
+ @supports (color: color-mix(in lab, red, red)) {
2122
+ background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
2123
+ }
2124
+ }
2125
+ }
2126
+ }
2127
+ .hover\:bg-amber-600 {
2128
+ &:hover {
2129
+ @media (hover: hover) {
2130
+ background-color: var(--color-amber-600);
2131
+ }
2132
+ }
2133
+ }
2134
+ .hover\:bg-destructive\/10 {
2135
+ &:hover {
2136
+ @media (hover: hover) {
2137
+ background-color: var(--destructive);
2138
+ @supports (color: color-mix(in lab, red, red)) {
2139
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
2140
+ }
2141
+ }
2142
+ }
2143
+ }
2144
+ .hover\:bg-destructive\/15 {
2145
+ &:hover {
2146
+ @media (hover: hover) {
2147
+ background-color: var(--destructive);
2148
+ @supports (color: color-mix(in lab, red, red)) {
2149
+ background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
2150
+ }
2151
+ }
2152
+ }
2153
+ }
1892
2154
  .hover\:bg-destructive\/80 {
1893
2155
  &:hover {
1894
2156
  @media (hover: hover) {
@@ -1909,6 +2171,33 @@
1909
2171
  }
1910
2172
  }
1911
2173
  }
2174
+ .hover\:bg-emerald-500\/10 {
2175
+ &:hover {
2176
+ @media (hover: hover) {
2177
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
2178
+ @supports (color: color-mix(in lab, red, red)) {
2179
+ background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
2180
+ }
2181
+ }
2182
+ }
2183
+ }
2184
+ .hover\:bg-emerald-500\/15 {
2185
+ &:hover {
2186
+ @media (hover: hover) {
2187
+ background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
2188
+ @supports (color: color-mix(in lab, red, red)) {
2189
+ background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
2190
+ }
2191
+ }
2192
+ }
2193
+ }
2194
+ .hover\:bg-emerald-700 {
2195
+ &:hover {
2196
+ @media (hover: hover) {
2197
+ background-color: var(--color-emerald-700);
2198
+ }
2199
+ }
2200
+ }
1912
2201
  .hover\:bg-muted {
1913
2202
  &:hover {
1914
2203
  @media (hover: hover) {
@@ -1963,6 +2252,16 @@
1963
2252
  }
1964
2253
  }
1965
2254
  }
2255
+ .hover\:bg-primary\/15 {
2256
+ &:hover {
2257
+ @media (hover: hover) {
2258
+ background-color: var(--primary);
2259
+ @supports (color: color-mix(in lab, red, red)) {
2260
+ background-color: color-mix(in oklab, var(--primary) 15%, transparent);
2261
+ }
2262
+ }
2263
+ }
2264
+ }
1966
2265
  .hover\:bg-primary\/80 {
1967
2266
  &:hover {
1968
2267
  @media (hover: hover) {
@@ -2000,6 +2299,33 @@
2000
2299
  }
2001
2300
  }
2002
2301
  }
2302
+ .hover\:bg-sky-500\/10 {
2303
+ &:hover {
2304
+ @media (hover: hover) {
2305
+ background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
2306
+ @supports (color: color-mix(in lab, red, red)) {
2307
+ background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
2308
+ }
2309
+ }
2310
+ }
2311
+ }
2312
+ .hover\:bg-sky-500\/15 {
2313
+ &:hover {
2314
+ @media (hover: hover) {
2315
+ background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
2316
+ @supports (color: color-mix(in lab, red, red)) {
2317
+ background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
2318
+ }
2319
+ }
2320
+ }
2321
+ }
2322
+ .hover\:bg-sky-700 {
2323
+ &:hover {
2324
+ @media (hover: hover) {
2325
+ background-color: var(--color-sky-700);
2326
+ }
2327
+ }
2328
+ }
2003
2329
  .hover\:bg-transparent {
2004
2330
  &:hover {
2005
2331
  @media (hover: hover) {
@@ -2007,6 +2333,30 @@
2007
2333
  }
2008
2334
  }
2009
2335
  }
2336
+ .hover\:bg-white\/20 {
2337
+ &:hover {
2338
+ @media (hover: hover) {
2339
+ background-color: color-mix(in srgb, #fff 20%, transparent);
2340
+ @supports (color: color-mix(in lab, red, red)) {
2341
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
2342
+ }
2343
+ }
2344
+ }
2345
+ }
2346
+ .hover\:bg-zinc-50 {
2347
+ &:hover {
2348
+ @media (hover: hover) {
2349
+ background-color: var(--color-zinc-50);
2350
+ }
2351
+ }
2352
+ }
2353
+ .hover\:bg-zinc-800 {
2354
+ &:hover {
2355
+ @media (hover: hover) {
2356
+ background-color: var(--color-zinc-800);
2357
+ }
2358
+ }
2359
+ }
2010
2360
  .hover\:text-accent-foreground {
2011
2361
  &:hover {
2012
2362
  @media (hover: hover) {
@@ -2049,6 +2399,71 @@
2049
2399
  }
2050
2400
  }
2051
2401
  }
2402
+ .hover\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.12\)\,0_0_32px_rgba\(59\,130\,246\,0\.65\)\] {
2403
+ &:hover {
2404
+ @media (hover: hover) {
2405
+ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,0.12)), 0 0 32px var(--tw-shadow-color, rgba(59,130,246,0.65));
2406
+ box-shadow:
2407
+ var(--tw-inset-shadow),
2408
+ var(--tw-inset-ring-shadow),
2409
+ var(--tw-ring-offset-shadow),
2410
+ var(--tw-ring-shadow),
2411
+ var(--tw-shadow);
2412
+ }
2413
+ }
2414
+ }
2415
+ .hover\:shadow-lg {
2416
+ &:hover {
2417
+ @media (hover: hover) {
2418
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2419
+ box-shadow:
2420
+ var(--tw-inset-shadow),
2421
+ var(--tw-inset-ring-shadow),
2422
+ var(--tw-ring-offset-shadow),
2423
+ var(--tw-ring-shadow),
2424
+ var(--tw-shadow);
2425
+ }
2426
+ }
2427
+ }
2428
+ .hover\:shadow-xl {
2429
+ &:hover {
2430
+ @media (hover: hover) {
2431
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2432
+ box-shadow:
2433
+ var(--tw-inset-shadow),
2434
+ var(--tw-inset-ring-shadow),
2435
+ var(--tw-ring-offset-shadow),
2436
+ var(--tw-ring-shadow),
2437
+ var(--tw-shadow);
2438
+ }
2439
+ }
2440
+ }
2441
+ .hover\:shadow-fuchsia-500\/30 {
2442
+ &:hover {
2443
+ @media (hover: hover) {
2444
+ --tw-shadow-color: color-mix(in srgb, oklch(66.7% 0.295 322.15) 30%, transparent);
2445
+ @supports (color: color-mix(in lab, red, red)) {
2446
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
2447
+ }
2448
+ }
2449
+ }
2450
+ }
2451
+ .hover\:brightness-105 {
2452
+ &:hover {
2453
+ @media (hover: hover) {
2454
+ --tw-brightness: brightness(105%);
2455
+ 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,);
2456
+ }
2457
+ }
2458
+ }
2459
+ .hover\:brightness-110 {
2460
+ &:hover {
2461
+ @media (hover: hover) {
2462
+ --tw-brightness: brightness(110%);
2463
+ 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,);
2464
+ }
2465
+ }
2466
+ }
2052
2467
  .group-\[\.destructive\]\:hover\:border-destructive\/30 {
2053
2468
  &:is(:where(.group):is(.destructive) *) {
2054
2469
  &:hover {
@@ -2267,11 +2682,43 @@
2267
2682
  var(--tw-shadow);
2268
2683
  }
2269
2684
  }
2685
+ .focus-visible\:ring-amber-500\/40 {
2686
+ &:focus-visible {
2687
+ --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
2688
+ @supports (color: color-mix(in lab, red, red)) {
2689
+ --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
2690
+ }
2691
+ }
2692
+ }
2693
+ .focus-visible\:ring-emerald-500\/40 {
2694
+ &:focus-visible {
2695
+ --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
2696
+ @supports (color: color-mix(in lab, red, red)) {
2697
+ --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
2698
+ }
2699
+ }
2700
+ }
2270
2701
  .focus-visible\:ring-ring {
2271
2702
  &:focus-visible {
2272
2703
  --tw-ring-color: var(--ring);
2273
2704
  }
2274
2705
  }
2706
+ .focus-visible\:ring-ring\/50 {
2707
+ &:focus-visible {
2708
+ --tw-ring-color: var(--ring);
2709
+ @supports (color: color-mix(in lab, red, red)) {
2710
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
2711
+ }
2712
+ }
2713
+ }
2714
+ .focus-visible\:ring-sky-500\/40 {
2715
+ &:focus-visible {
2716
+ --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 40%, transparent);
2717
+ @supports (color: color-mix(in lab, red, red)) {
2718
+ --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
2719
+ }
2720
+ }
2721
+ }
2275
2722
  .focus-visible\:ring-offset-1 {
2276
2723
  &:focus-visible {
2277
2724
  --tw-ring-offset-width: 1px;
@@ -2295,14 +2742,6 @@
2295
2742
  outline-style: none;
2296
2743
  }
2297
2744
  }
2298
- .active\:scale-95 {
2299
- &:active {
2300
- --tw-scale-x: 95%;
2301
- --tw-scale-y: 95%;
2302
- --tw-scale-z: 95%;
2303
- scale: var(--tw-scale-x) var(--tw-scale-y);
2304
- }
2305
- }
2306
2745
  .active\:bg-muted\/35 {
2307
2746
  &:active {
2308
2747
  background-color: var(--muted);
@@ -3207,6 +3646,68 @@
3207
3646
  border-color: var(--destructive);
3208
3647
  }
3209
3648
  }
3649
+ .dark\:border-white\/10 {
3650
+ &:is(.dark *) {
3651
+ border-color: color-mix(in srgb, #fff 10%, transparent);
3652
+ @supports (color: color-mix(in lab, red, red)) {
3653
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
3654
+ }
3655
+ }
3656
+ }
3657
+ .dark\:bg-white\/5 {
3658
+ &:is(.dark *) {
3659
+ background-color: color-mix(in srgb, #fff 5%, transparent);
3660
+ @supports (color: color-mix(in lab, red, red)) {
3661
+ background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
3662
+ }
3663
+ }
3664
+ }
3665
+ .dark\:bg-zinc-50 {
3666
+ &:is(.dark *) {
3667
+ background-color: var(--color-zinc-50);
3668
+ }
3669
+ }
3670
+ .dark\:text-amber-400 {
3671
+ &:is(.dark *) {
3672
+ color: var(--color-amber-400);
3673
+ }
3674
+ }
3675
+ .dark\:text-emerald-400 {
3676
+ &:is(.dark *) {
3677
+ color: var(--color-emerald-400);
3678
+ }
3679
+ }
3680
+ .dark\:text-sky-400 {
3681
+ &:is(.dark *) {
3682
+ color: var(--color-sky-400);
3683
+ }
3684
+ }
3685
+ .dark\:text-zinc-950 {
3686
+ &:is(.dark *) {
3687
+ color: var(--color-zinc-950);
3688
+ }
3689
+ }
3690
+ .dark\:hover\:bg-white\/10 {
3691
+ &:is(.dark *) {
3692
+ &:hover {
3693
+ @media (hover: hover) {
3694
+ background-color: color-mix(in srgb, #fff 10%, transparent);
3695
+ @supports (color: color-mix(in lab, red, red)) {
3696
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
3697
+ }
3698
+ }
3699
+ }
3700
+ }
3701
+ }
3702
+ .dark\:hover\:bg-zinc-200 {
3703
+ &:is(.dark *) {
3704
+ &:hover {
3705
+ @media (hover: hover) {
3706
+ background-color: var(--color-zinc-200);
3707
+ }
3708
+ }
3709
+ }
3710
+ }
3210
3711
  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
3211
3712
  & [cmdk-group-heading] {
3212
3713
  padding-inline: calc(var(--spacing) * 2);
@@ -3285,6 +3786,34 @@
3285
3786
  line-height: var(--leading-relaxed);
3286
3787
  }
3287
3788
  }
3789
+ .\[\&_svg\]\:pointer-events-none {
3790
+ & svg {
3791
+ pointer-events: none;
3792
+ }
3793
+ }
3794
+ .\[\&_svg\]\:size-3\.5 {
3795
+ & svg {
3796
+ width: calc(var(--spacing) * 3.5);
3797
+ height: calc(var(--spacing) * 3.5);
3798
+ }
3799
+ }
3800
+ .\[\&_svg\]\:size-4 {
3801
+ & svg {
3802
+ width: calc(var(--spacing) * 4);
3803
+ height: calc(var(--spacing) * 4);
3804
+ }
3805
+ }
3806
+ .\[\&_svg\]\:size-5 {
3807
+ & svg {
3808
+ width: calc(var(--spacing) * 5);
3809
+ height: calc(var(--spacing) * 5);
3810
+ }
3811
+ }
3812
+ .\[\&_svg\]\:shrink-0 {
3813
+ & svg {
3814
+ flex-shrink: 0;
3815
+ }
3816
+ }
3288
3817
  .\[\&_tbody_tr_td\]\:bg-background {
3289
3818
  & tbody tr td {
3290
3819
  background-color: var(--background);
@@ -3661,8 +4190,8 @@
3661
4190
  --muted-foreground: oklch(0.556 0 0);
3662
4191
  --accent: oklch(0.97 0 0);
3663
4192
  --accent-foreground: oklch(0.205 0 0);
3664
- --destructive: oklch(0.577 0.245 27.325);
3665
- --destructive-foreground: oklch(0.577 0.245 27.325);
4193
+ --destructive: oklch(64.12% 0.209 16.22);
4194
+ --destructive-foreground: oklch(97.913% 0.00011 271.152);
3666
4195
  --border: oklch(0.922 0 0);
3667
4196
  --input: #fdfdfd;
3668
4197
  --ring: 221.2 83.2% 53.3%;
@@ -3696,8 +4225,8 @@
3696
4225
  --muted-foreground: oklch(0.708 0 0);
3697
4226
  --accent: oklch(0.269 0 0);
3698
4227
  --accent-foreground: oklch(0.985 0 0);
3699
- --destructive: oklch(0.396 0.141 25.723);
3700
- --destructive-foreground: oklch(0.637 0.237 25.331);
4228
+ --destructive: oklch(64.12% 0.209 16.22);
4229
+ --destructive-foreground: oklch(97.913% 0.00011 271.152);
3701
4230
  --border: oklch(0.269 0 0);
3702
4231
  --input: oklch(0.269 0 0);
3703
4232
  --ring: 224.3 76.3% 48%;
@@ -3753,6 +4282,15 @@
3753
4282
  @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
3754
4283
  @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
3755
4284
  @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
4285
+ @property --tw-gradient-position { syntax: "*"; inherits: false; }
4286
+ @property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
4287
+ @property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
4288
+ @property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
4289
+ @property --tw-gradient-stops { syntax: "*"; inherits: false; }
4290
+ @property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
4291
+ @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
4292
+ @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
4293
+ @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
3756
4294
  @property --tw-leading { syntax: "*"; inherits: false; }
3757
4295
  @property --tw-font-weight { syntax: "*"; inherits: false; }
3758
4296
  @property --tw-tracking { syntax: "*"; inherits: false; }
@@ -3783,9 +4321,19 @@
3783
4321
  @property --tw-duration { syntax: "*"; inherits: false; }
3784
4322
  @property --tw-ease { syntax: "*"; inherits: false; }
3785
4323
  @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
3786
- @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
3787
- @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
3788
- @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
4324
+ @property --tw-blur { syntax: "*"; inherits: false; }
4325
+ @property --tw-brightness { syntax: "*"; inherits: false; }
4326
+ @property --tw-contrast { syntax: "*"; inherits: false; }
4327
+ @property --tw-grayscale { syntax: "*"; inherits: false; }
4328
+ @property --tw-hue-rotate { syntax: "*"; inherits: false; }
4329
+ @property --tw-invert { syntax: "*"; inherits: false; }
4330
+ @property --tw-opacity { syntax: "*"; inherits: false; }
4331
+ @property --tw-saturate { syntax: "*"; inherits: false; }
4332
+ @property --tw-sepia { syntax: "*"; inherits: false; }
4333
+ @property --tw-drop-shadow { syntax: "*"; inherits: false; }
4334
+ @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
4335
+ @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
4336
+ @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
3789
4337
  @keyframes spin {
3790
4338
  to {
3791
4339
  transform: rotate(360deg);
@@ -3815,6 +4363,15 @@
3815
4363
  --tw-space-y-reverse: 0;
3816
4364
  --tw-space-x-reverse: 0;
3817
4365
  --tw-border-style: solid;
4366
+ --tw-gradient-position: initial;
4367
+ --tw-gradient-from: #0000;
4368
+ --tw-gradient-via: #0000;
4369
+ --tw-gradient-to: #0000;
4370
+ --tw-gradient-stops: initial;
4371
+ --tw-gradient-via-stops: initial;
4372
+ --tw-gradient-from-position: 0%;
4373
+ --tw-gradient-via-position: 50%;
4374
+ --tw-gradient-to-position: 100%;
3818
4375
  --tw-leading: initial;
3819
4376
  --tw-font-weight: initial;
3820
4377
  --tw-tracking: initial;
@@ -3845,9 +4402,19 @@
3845
4402
  --tw-duration: initial;
3846
4403
  --tw-ease: initial;
3847
4404
  --tw-content: "";
3848
- --tw-scale-x: 1;
3849
- --tw-scale-y: 1;
3850
- --tw-scale-z: 1;
4405
+ --tw-blur: initial;
4406
+ --tw-brightness: initial;
4407
+ --tw-contrast: initial;
4408
+ --tw-grayscale: initial;
4409
+ --tw-hue-rotate: initial;
4410
+ --tw-invert: initial;
4411
+ --tw-opacity: initial;
4412
+ --tw-saturate: initial;
4413
+ --tw-sepia: initial;
4414
+ --tw-drop-shadow: initial;
4415
+ --tw-drop-shadow-color: initial;
4416
+ --tw-drop-shadow-alpha: 100%;
4417
+ --tw-drop-shadow-size: initial;
3851
4418
  }
3852
4419
  }
3853
4420
  }