shadcn-ui-react 0.6.9 → 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);
@@ -444,6 +469,9 @@
444
469
  .-mt-4 {
445
470
  margin-top: calc(var(--spacing) * -4);
446
471
  }
472
+ .mt-0\.5 {
473
+ margin-top: calc(var(--spacing) * 0.5);
474
+ }
447
475
  .mt-1 {
448
476
  margin-top: calc(var(--spacing) * 1);
449
477
  }
@@ -510,6 +538,10 @@
510
538
  .aspect-square {
511
539
  aspect-ratio: 1 / 1;
512
540
  }
541
+ .size-4 {
542
+ width: calc(var(--spacing) * 4);
543
+ height: calc(var(--spacing) * 4);
544
+ }
513
545
  .size-8 {
514
546
  width: calc(var(--spacing) * 8);
515
547
  height: calc(var(--spacing) * 8);
@@ -631,6 +663,9 @@
631
663
  .w-10 {
632
664
  width: calc(var(--spacing) * 10);
633
665
  }
666
+ .w-12 {
667
+ width: calc(var(--spacing) * 12);
668
+ }
634
669
  .w-17\.5 {
635
670
  width: calc(var(--spacing) * 17.5);
636
671
  }
@@ -802,6 +837,9 @@
802
837
  .items-end {
803
838
  align-items: flex-end;
804
839
  }
840
+ .items-start {
841
+ align-items: flex-start;
842
+ }
805
843
  .justify-between {
806
844
  justify-content: space-between;
807
845
  }
@@ -814,6 +852,9 @@
814
852
  .gap-0 {
815
853
  gap: calc(var(--spacing) * 0);
816
854
  }
855
+ .gap-0\.5 {
856
+ gap: calc(var(--spacing) * 0.5);
857
+ }
817
858
  .gap-1 {
818
859
  gap: calc(var(--spacing) * 1);
819
860
  }
@@ -903,6 +944,9 @@
903
944
  .overflow-y-auto {
904
945
  overflow-y: auto;
905
946
  }
947
+ .rounded {
948
+ border-radius: 0.25rem;
949
+ }
906
950
  .rounded-2xl {
907
951
  border-radius: var(--radius-2xl);
908
952
  }
@@ -977,6 +1021,12 @@
977
1021
  --tw-border-style: dashed;
978
1022
  border-style: dashed;
979
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
+ }
980
1030
  .border-blue-500 {
981
1031
  border-color: var(--color-blue-500);
982
1032
  }
@@ -986,12 +1036,24 @@
986
1036
  .border-destructive {
987
1037
  border-color: var(--destructive);
988
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
+ }
989
1045
  .border-destructive\/50 {
990
1046
  border-color: var(--destructive);
991
1047
  @supports (color: color-mix(in lab, red, red)) {
992
1048
  border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
993
1049
  }
994
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
+ }
995
1057
  .border-gray-300 {
996
1058
  border-color: var(--color-gray-300);
997
1059
  }
@@ -1019,9 +1081,24 @@
1019
1081
  border-color: color-mix(in oklab, var(--primary) 50%, transparent);
1020
1082
  }
1021
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
+ }
1022
1090
  .border-transparent {
1023
1091
  border-color: transparent;
1024
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
+ }
1025
1102
  .border-t-transparent {
1026
1103
  border-top-color: transparent;
1027
1104
  }
@@ -1031,6 +1108,15 @@
1031
1108
  .bg-accent {
1032
1109
  background-color: var(--accent);
1033
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
+ }
1034
1120
  .bg-background {
1035
1121
  background-color: var(--background);
1036
1122
  }
@@ -1082,6 +1168,21 @@
1082
1168
  .bg-destructive {
1083
1169
  background-color: var(--destructive);
1084
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
+ }
1085
1186
  .bg-foreground {
1086
1187
  background-color: var(--foreground);
1087
1188
  }
@@ -1142,9 +1243,98 @@
1142
1243
  .bg-secondary {
1143
1244
  background-color: var(--secondary);
1144
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
+ }
1145
1255
  .bg-transparent {
1146
1256
  background-color: transparent;
1147
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
+ }
1148
1338
  .fill-current {
1149
1339
  fill: currentcolor;
1150
1340
  }
@@ -1197,6 +1387,9 @@
1197
1387
  .px-8 {
1198
1388
  padding-inline: calc(var(--spacing) * 8);
1199
1389
  }
1390
+ .px-10 {
1391
+ padding-inline: calc(var(--spacing) * 10);
1392
+ }
1200
1393
  .px-\[0\.9rem\] {
1201
1394
  padding-inline: 0.9rem;
1202
1395
  }
@@ -1367,6 +1560,9 @@
1367
1560
  .text-accent-foreground {
1368
1561
  color: var(--accent-foreground);
1369
1562
  }
1563
+ .text-amber-700 {
1564
+ color: var(--color-amber-700);
1565
+ }
1370
1566
  .text-card-foreground {
1371
1567
  color: var(--card-foreground);
1372
1568
  }
@@ -1379,6 +1575,9 @@
1379
1575
  .text-destructive-foreground {
1380
1576
  color: var(--destructive-foreground);
1381
1577
  }
1578
+ .text-emerald-700 {
1579
+ color: var(--color-emerald-700);
1580
+ }
1382
1581
  .text-foreground {
1383
1582
  color: var(--foreground);
1384
1583
  }
@@ -1415,9 +1614,15 @@
1415
1614
  .text-secondary-foreground {
1416
1615
  color: var(--secondary-foreground);
1417
1616
  }
1617
+ .text-sky-700 {
1618
+ color: var(--color-sky-700);
1619
+ }
1418
1620
  .text-white {
1419
1621
  color: var(--color-white);
1420
1622
  }
1623
+ .text-zinc-900 {
1624
+ color: var(--color-zinc-900);
1625
+ }
1421
1626
  .uppercase {
1422
1627
  text-transform: uppercase;
1423
1628
  }
@@ -1460,6 +1665,15 @@
1460
1665
  var(--tw-ring-shadow),
1461
1666
  var(--tw-shadow);
1462
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
+ }
1463
1677
  .shadow-inner {
1464
1678
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1465
1679
  box-shadow:
@@ -1523,6 +1737,12 @@
1523
1737
  var(--tw-ring-shadow),
1524
1738
  var(--tw-shadow);
1525
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
+ }
1526
1746
  .ring-destructive {
1527
1747
  --tw-ring-color: var(--destructive);
1528
1748
  }
@@ -1540,6 +1760,10 @@
1540
1760
  --tw-backdrop-blur: blur(8px);
1541
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,);
1542
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
+ }
1543
1767
  .backdrop-blur-sm {
1544
1768
  --tw-backdrop-blur: blur(var(--blur-sm));
1545
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,);
@@ -1880,6 +2104,53 @@
1880
2104
  }
1881
2105
  }
1882
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
+ }
1883
2154
  .hover\:bg-destructive\/80 {
1884
2155
  &:hover {
1885
2156
  @media (hover: hover) {
@@ -1900,6 +2171,33 @@
1900
2171
  }
1901
2172
  }
1902
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
+ }
1903
2201
  .hover\:bg-muted {
1904
2202
  &:hover {
1905
2203
  @media (hover: hover) {
@@ -1954,6 +2252,16 @@
1954
2252
  }
1955
2253
  }
1956
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
+ }
1957
2265
  .hover\:bg-primary\/80 {
1958
2266
  &:hover {
1959
2267
  @media (hover: hover) {
@@ -1991,6 +2299,33 @@
1991
2299
  }
1992
2300
  }
1993
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
+ }
1994
2329
  .hover\:bg-transparent {
1995
2330
  &:hover {
1996
2331
  @media (hover: hover) {
@@ -1998,6 +2333,30 @@
1998
2333
  }
1999
2334
  }
2000
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
+ }
2001
2360
  .hover\:text-accent-foreground {
2002
2361
  &:hover {
2003
2362
  @media (hover: hover) {
@@ -2040,6 +2399,71 @@
2040
2399
  }
2041
2400
  }
2042
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
+ }
2043
2467
  .group-\[\.destructive\]\:hover\:border-destructive\/30 {
2044
2468
  &:is(:where(.group):is(.destructive) *) {
2045
2469
  &:hover {
@@ -2258,11 +2682,43 @@
2258
2682
  var(--tw-shadow);
2259
2683
  }
2260
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
+ }
2261
2701
  .focus-visible\:ring-ring {
2262
2702
  &:focus-visible {
2263
2703
  --tw-ring-color: var(--ring);
2264
2704
  }
2265
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
+ }
2266
2722
  .focus-visible\:ring-offset-1 {
2267
2723
  &:focus-visible {
2268
2724
  --tw-ring-offset-width: 1px;
@@ -2286,14 +2742,6 @@
2286
2742
  outline-style: none;
2287
2743
  }
2288
2744
  }
2289
- .active\:scale-95 {
2290
- &:active {
2291
- --tw-scale-x: 95%;
2292
- --tw-scale-y: 95%;
2293
- --tw-scale-z: 95%;
2294
- scale: var(--tw-scale-x) var(--tw-scale-y);
2295
- }
2296
- }
2297
2745
  .active\:bg-muted\/35 {
2298
2746
  &:active {
2299
2747
  background-color: var(--muted);
@@ -3198,6 +3646,68 @@
3198
3646
  border-color: var(--destructive);
3199
3647
  }
3200
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
+ }
3201
3711
  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
3202
3712
  & [cmdk-group-heading] {
3203
3713
  padding-inline: calc(var(--spacing) * 2);
@@ -3276,6 +3786,34 @@
3276
3786
  line-height: var(--leading-relaxed);
3277
3787
  }
3278
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
+ }
3279
3817
  .\[\&_tbody_tr_td\]\:bg-background {
3280
3818
  & tbody tr td {
3281
3819
  background-color: var(--background);
@@ -3652,8 +4190,8 @@
3652
4190
  --muted-foreground: oklch(0.556 0 0);
3653
4191
  --accent: oklch(0.97 0 0);
3654
4192
  --accent-foreground: oklch(0.205 0 0);
3655
- --destructive: oklch(0.577 0.245 27.325);
3656
- --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);
3657
4195
  --border: oklch(0.922 0 0);
3658
4196
  --input: #fdfdfd;
3659
4197
  --ring: 221.2 83.2% 53.3%;
@@ -3687,8 +4225,8 @@
3687
4225
  --muted-foreground: oklch(0.708 0 0);
3688
4226
  --accent: oklch(0.269 0 0);
3689
4227
  --accent-foreground: oklch(0.985 0 0);
3690
- --destructive: oklch(0.396 0.141 25.723);
3691
- --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);
3692
4230
  --border: oklch(0.269 0 0);
3693
4231
  --input: oklch(0.269 0 0);
3694
4232
  --ring: 224.3 76.3% 48%;
@@ -3744,6 +4282,15 @@
3744
4282
  @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
3745
4283
  @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
3746
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%; }
3747
4294
  @property --tw-leading { syntax: "*"; inherits: false; }
3748
4295
  @property --tw-font-weight { syntax: "*"; inherits: false; }
3749
4296
  @property --tw-tracking { syntax: "*"; inherits: false; }
@@ -3774,9 +4321,19 @@
3774
4321
  @property --tw-duration { syntax: "*"; inherits: false; }
3775
4322
  @property --tw-ease { syntax: "*"; inherits: false; }
3776
4323
  @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
3777
- @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
3778
- @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
3779
- @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; }
3780
4337
  @keyframes spin {
3781
4338
  to {
3782
4339
  transform: rotate(360deg);
@@ -3806,6 +4363,15 @@
3806
4363
  --tw-space-y-reverse: 0;
3807
4364
  --tw-space-x-reverse: 0;
3808
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%;
3809
4375
  --tw-leading: initial;
3810
4376
  --tw-font-weight: initial;
3811
4377
  --tw-tracking: initial;
@@ -3836,9 +4402,19 @@
3836
4402
  --tw-duration: initial;
3837
4403
  --tw-ease: initial;
3838
4404
  --tw-content: "";
3839
- --tw-scale-x: 1;
3840
- --tw-scale-y: 1;
3841
- --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;
3842
4418
  }
3843
4419
  }
3844
4420
  }