@jacshuo/onyx 1.3.1 → 1.4.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.
Files changed (50) hide show
  1. package/dist/DataDisplay/CodeBlock.cjs +2 -2
  2. package/dist/DataDisplay/CodeBlock.js +2 -2
  3. package/dist/DataDisplay/List.cjs +1 -1
  4. package/dist/DataDisplay/List.js +1 -1
  5. package/dist/DataDisplay/Table.cjs +1 -1
  6. package/dist/DataDisplay/Table.js +1 -1
  7. package/dist/DataDisplay/Tree.cjs +1 -1
  8. package/dist/DataDisplay/Tree.js +1 -1
  9. package/dist/DataDisplay/index.cjs +2 -2
  10. package/dist/DataDisplay/index.js +2 -2
  11. package/dist/Extras/CinePlayer.cjs +1 -1
  12. package/dist/Extras/CinePlayer.js +1 -1
  13. package/dist/Extras/FileExplorer.cjs +9 -2
  14. package/dist/Extras/FileExplorer.js +9 -2
  15. package/dist/Extras/MiniPlayer.cjs +2 -2
  16. package/dist/Extras/MiniPlayer.js +2 -2
  17. package/dist/Extras/index.cjs +11 -4
  18. package/dist/Extras/index.js +11 -4
  19. package/dist/Feedback/Alert.cjs +1 -1
  20. package/dist/Feedback/Alert.js +1 -1
  21. package/dist/Feedback/ProgressBar.cjs +1 -1
  22. package/dist/Feedback/ProgressBar.js +1 -1
  23. package/dist/Feedback/Spin.cjs +1 -1
  24. package/dist/Feedback/Spin.js +1 -1
  25. package/dist/Feedback/index.cjs +2 -2
  26. package/dist/Feedback/index.js +2 -2
  27. package/dist/Forms/Form.cjs +1 -1
  28. package/dist/Forms/Form.js +1 -1
  29. package/dist/Forms/index.cjs +1 -1
  30. package/dist/Forms/index.js +1 -1
  31. package/dist/Navigation/Header.cjs +1 -1
  32. package/dist/Navigation/Header.js +1 -1
  33. package/dist/Navigation/SideNav.cjs +1 -1
  34. package/dist/Navigation/SideNav.js +1 -1
  35. package/dist/Navigation/index.cjs +2 -2
  36. package/dist/Navigation/index.js +2 -2
  37. package/dist/Primitives/TextBox.cjs +1 -1
  38. package/dist/Primitives/TextBox.js +1 -1
  39. package/dist/Primitives/index.cjs +1 -1
  40. package/dist/Primitives/index.js +1 -1
  41. package/dist/_tsup-dts-rollup.d.cts +89 -1
  42. package/dist/_tsup-dts-rollup.d.ts +89 -1
  43. package/dist/index.cjs +12 -5
  44. package/dist/index.js +12 -5
  45. package/dist/styles/Feedback/Spin.css +1 -1
  46. package/dist/styles/base.css +96 -15
  47. package/dist/styles.css +104 -19
  48. package/dist/theme.cjs +1 -1
  49. package/dist/theme.js +1 -1
  50. package/package.json +2 -1
@@ -1,4 +1,4 @@
1
- :root {
1
+ @theme {
2
2
  --animate-spin-rotate: spin-rotate 1.4s linear infinite;
3
3
  --animate-spin-dash: spin-dash 1.4s ease-in-out infinite;
4
4
  }
@@ -95,6 +95,7 @@
95
95
  --text-xl--line-height: calc(1.75 / 1.25);
96
96
  --text-2xl: 1.5rem;
97
97
  --text-2xl--line-height: calc(2 / 1.5);
98
+ --font-weight-normal: 400;
98
99
  --font-weight-medium: 500;
99
100
  --font-weight-semibold: 600;
100
101
  --font-weight-bold: 700;
@@ -396,9 +397,6 @@
396
397
  .top-1\/2 {
397
398
  top: calc(1 / 2 * 100%);
398
399
  }
399
- .top-2 {
400
- top: calc(var(--spacing) * 2);
401
- }
402
400
  .top-4 {
403
401
  top: calc(var(--spacing) * 4);
404
402
  }
@@ -417,9 +415,6 @@
417
415
  .right-0 {
418
416
  right: calc(var(--spacing) * 0);
419
417
  }
420
- .right-2 {
421
- right: calc(var(--spacing) * 2);
422
- }
423
418
  .right-3 {
424
419
  right: calc(var(--spacing) * 3);
425
420
  }
@@ -441,15 +436,9 @@
441
436
  .bottom-0 {
442
437
  bottom: calc(var(--spacing) * 0);
443
438
  }
444
- .bottom-2 {
445
- bottom: calc(var(--spacing) * 2);
446
- }
447
439
  .bottom-4 {
448
440
  bottom: calc(var(--spacing) * 4);
449
441
  }
450
- .bottom-5 {
451
- bottom: calc(var(--spacing) * 5);
452
- }
453
442
  .bottom-8 {
454
443
  bottom: calc(var(--spacing) * 8);
455
444
  }
@@ -462,9 +451,6 @@
462
451
  .left-1\/2 {
463
452
  left: calc(1 / 2 * 100%);
464
453
  }
465
- .left-2 {
466
- left: calc(var(--spacing) * 2);
467
- }
468
454
  .left-3 {
469
455
  left: calc(var(--spacing) * 3);
470
456
  }
@@ -735,6 +721,9 @@
735
721
  .h-48 {
736
722
  height: calc(var(--spacing) * 48);
737
723
  }
724
+ .h-64 {
725
+ height: calc(var(--spacing) * 64);
726
+ }
738
727
  .h-72 {
739
728
  height: calc(var(--spacing) * 72);
740
729
  }
@@ -1425,6 +1414,10 @@
1425
1414
  border-top-right-radius: var(--radius-lg);
1426
1415
  border-bottom-right-radius: var(--radius-lg);
1427
1416
  }
1417
+ .rounded-r-xl {
1418
+ border-top-right-radius: var(--radius-xl);
1419
+ border-bottom-right-radius: var(--radius-xl);
1420
+ }
1428
1421
  .rounded-tr-sm {
1429
1422
  border-top-right-radius: var(--radius-sm);
1430
1423
  }
@@ -1518,6 +1511,9 @@
1518
1511
  .border-secondary-300 {
1519
1512
  border-color: var(--color-secondary-300);
1520
1513
  }
1514
+ .border-secondary-400 {
1515
+ border-color: var(--color-secondary-400);
1516
+ }
1521
1517
  .border-secondary-500 {
1522
1518
  border-color: var(--color-secondary-500);
1523
1519
  }
@@ -1668,6 +1664,12 @@
1668
1664
  .bg-primary-800 {
1669
1665
  background-color: var(--color-primary-800);
1670
1666
  }
1667
+ .bg-primary-800\/80 {
1668
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
1669
+ @supports (color: color-mix(in lab, red, red)) {
1670
+ background-color: color-mix(in oklab, var(--color-primary-800) 80%, transparent);
1671
+ }
1672
+ }
1671
1673
  .bg-primary-900 {
1672
1674
  background-color: var(--color-primary-900);
1673
1675
  }
@@ -1686,6 +1688,9 @@
1686
1688
  .bg-secondary-500 {
1687
1689
  background-color: var(--color-secondary-500);
1688
1690
  }
1691
+ .bg-slate-500 {
1692
+ background-color: var(--color-slate-500);
1693
+ }
1689
1694
  .bg-success-50 {
1690
1695
  background-color: var(--color-success-50);
1691
1696
  }
@@ -2053,6 +2058,10 @@
2053
2058
  --tw-font-weight: var(--font-weight-medium);
2054
2059
  font-weight: var(--font-weight-medium);
2055
2060
  }
2061
+ .font-normal {
2062
+ --tw-font-weight: var(--font-weight-normal);
2063
+ font-weight: var(--font-weight-normal);
2064
+ }
2056
2065
  .font-semibold {
2057
2066
  --tw-font-weight: var(--font-weight-semibold);
2058
2067
  font-weight: var(--font-weight-semibold);
@@ -2077,6 +2086,9 @@
2077
2086
  --tw-tracking: var(--tracking-widest);
2078
2087
  letter-spacing: var(--tracking-widest);
2079
2088
  }
2089
+ .break-words {
2090
+ overflow-wrap: break-word;
2091
+ }
2080
2092
  .break-all {
2081
2093
  word-break: break-all;
2082
2094
  }
@@ -2185,6 +2197,9 @@
2185
2197
  .text-rose-500 {
2186
2198
  color: var(--color-rose-500);
2187
2199
  }
2200
+ .text-rose-600 {
2201
+ color: var(--color-rose-600);
2202
+ }
2188
2203
  .text-secondary-100 {
2189
2204
  color: var(--color-secondary-100);
2190
2205
  }
@@ -2421,6 +2436,10 @@
2421
2436
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2422
2437
  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,);
2423
2438
  }
2439
+ .backdrop-filter {
2440
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2441
+ 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,);
2442
+ }
2424
2443
  .transition {
2425
2444
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2426
2445
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2441,6 +2460,11 @@
2441
2460
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2442
2461
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2443
2462
  }
2463
+ .transition-\[width\,opacity\] {
2464
+ transition-property: width,opacity;
2465
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2466
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2467
+ }
2444
2468
  .transition-\[width\] {
2445
2469
  transition-property: width;
2446
2470
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2522,6 +2546,9 @@
2522
2546
  -webkit-user-select: none;
2523
2547
  user-select: none;
2524
2548
  }
2549
+ .\[background\:var\(--color-syntax-bg\)\] {
2550
+ background: var(--color-syntax-bg);
2551
+ }
2525
2552
  .\[grid-area\:1\/1\] {
2526
2553
  grid-area: 1/1;
2527
2554
  }
@@ -2794,6 +2821,16 @@
2794
2821
  }
2795
2822
  }
2796
2823
  }
2824
+ .hover\:bg-primary-700\/90 {
2825
+ &:hover {
2826
+ @media (hover: hover) {
2827
+ background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 90%, transparent);
2828
+ @supports (color: color-mix(in lab, red, red)) {
2829
+ background-color: color-mix(in oklab, var(--color-primary-700) 90%, transparent);
2830
+ }
2831
+ }
2832
+ }
2833
+ }
2797
2834
  .hover\:bg-red-500\/40\! {
2798
2835
  &:hover {
2799
2836
  @media (hover: hover) {
@@ -3251,6 +3288,16 @@
3251
3288
  display: table-cell;
3252
3289
  }
3253
3290
  }
3291
+ .md\:w-52 {
3292
+ @media (width >= 48rem) {
3293
+ width: calc(var(--spacing) * 52);
3294
+ }
3295
+ }
3296
+ .md\:shrink-0 {
3297
+ @media (width >= 48rem) {
3298
+ flex-shrink: 0;
3299
+ }
3300
+ }
3254
3301
  .md\:grid-cols-4 {
3255
3302
  @media (width >= 48rem) {
3256
3303
  grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -3261,6 +3308,11 @@
3261
3308
  grid-template-columns: repeat(5, minmax(0, 1fr));
3262
3309
  }
3263
3310
  }
3311
+ .md\:flex-col {
3312
+ @media (width >= 48rem) {
3313
+ flex-direction: column;
3314
+ }
3315
+ }
3264
3316
  .md\:flex-row {
3265
3317
  @media (width >= 48rem) {
3266
3318
  flex-direction: row;
@@ -3437,6 +3489,14 @@
3437
3489
  background-color: var(--color-primary-100);
3438
3490
  }
3439
3491
  }
3492
+ .dark\:bg-primary-200\/80 {
3493
+ &:where(.dark, .dark *) {
3494
+ background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
3495
+ @supports (color: color-mix(in lab, red, red)) {
3496
+ background-color: color-mix(in oklab, var(--color-primary-200) 80%, transparent);
3497
+ }
3498
+ }
3499
+ }
3440
3500
  .dark\:bg-primary-400 {
3441
3501
  &:where(.dark, .dark *) {
3442
3502
  background-color: var(--color-primary-400);
@@ -3743,6 +3803,18 @@
3743
3803
  }
3744
3804
  }
3745
3805
  }
3806
+ .dark\:hover\:bg-primary-300\/90 {
3807
+ &:where(.dark, .dark *) {
3808
+ &:hover {
3809
+ @media (hover: hover) {
3810
+ background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 90%, transparent);
3811
+ @supports (color: color-mix(in lab, red, red)) {
3812
+ background-color: color-mix(in oklab, var(--color-primary-300) 90%, transparent);
3813
+ }
3814
+ }
3815
+ }
3816
+ }
3817
+ }
3746
3818
  .dark\:hover\:bg-primary-600 {
3747
3819
  &:where(.dark, .dark *) {
3748
3820
  &:hover {
@@ -4318,6 +4390,15 @@
4318
4390
  transform: translateX(200%) skewX(-15deg);
4319
4391
  }
4320
4392
  }
4393
+ @layer base {
4394
+ @media (hover: none) and (pointer: coarse) {
4395
+ input,
4396
+ textarea,
4397
+ select {
4398
+ font-size: 16px !important;
4399
+ }
4400
+ }
4401
+ }
4321
4402
  @property --tw-translate-x {
4322
4403
  syntax: "*";
4323
4404
  inherits: false;
package/dist/styles.css CHANGED
@@ -95,6 +95,7 @@
95
95
  --text-xl--line-height: calc(1.75 / 1.25);
96
96
  --text-2xl: 1.5rem;
97
97
  --text-2xl--line-height: calc(2 / 1.5);
98
+ --font-weight-normal: 400;
98
99
  --font-weight-medium: 500;
99
100
  --font-weight-semibold: 600;
100
101
  --font-weight-bold: 700;
@@ -180,6 +181,8 @@
180
181
  --animate-slide-in-left: slide-in-left 300ms ease-out;
181
182
  --animate-slide-in-top: slide-in-top 300ms ease-out;
182
183
  --animate-slide-in-bottom: slide-in-bottom 300ms ease-out;
184
+ --animate-spin-rotate: spin-rotate 1.4s linear infinite;
185
+ --animate-spin-dash: spin-dash 1.4s ease-in-out infinite;
183
186
  }
184
187
  }
185
188
  @layer base {
@@ -396,9 +399,6 @@
396
399
  .top-1\/2 {
397
400
  top: calc(1 / 2 * 100%);
398
401
  }
399
- .top-2 {
400
- top: calc(var(--spacing) * 2);
401
- }
402
402
  .top-4 {
403
403
  top: calc(var(--spacing) * 4);
404
404
  }
@@ -417,9 +417,6 @@
417
417
  .right-0 {
418
418
  right: calc(var(--spacing) * 0);
419
419
  }
420
- .right-2 {
421
- right: calc(var(--spacing) * 2);
422
- }
423
420
  .right-3 {
424
421
  right: calc(var(--spacing) * 3);
425
422
  }
@@ -441,15 +438,9 @@
441
438
  .bottom-0 {
442
439
  bottom: calc(var(--spacing) * 0);
443
440
  }
444
- .bottom-2 {
445
- bottom: calc(var(--spacing) * 2);
446
- }
447
441
  .bottom-4 {
448
442
  bottom: calc(var(--spacing) * 4);
449
443
  }
450
- .bottom-5 {
451
- bottom: calc(var(--spacing) * 5);
452
- }
453
444
  .bottom-8 {
454
445
  bottom: calc(var(--spacing) * 8);
455
446
  }
@@ -462,9 +453,6 @@
462
453
  .left-1\/2 {
463
454
  left: calc(1 / 2 * 100%);
464
455
  }
465
- .left-2 {
466
- left: calc(var(--spacing) * 2);
467
- }
468
456
  .left-3 {
469
457
  left: calc(var(--spacing) * 3);
470
458
  }
@@ -735,6 +723,9 @@
735
723
  .h-48 {
736
724
  height: calc(var(--spacing) * 48);
737
725
  }
726
+ .h-64 {
727
+ height: calc(var(--spacing) * 64);
728
+ }
738
729
  .h-72 {
739
730
  height: calc(var(--spacing) * 72);
740
731
  }
@@ -1074,6 +1065,12 @@
1074
1065
  .animate-slide-in-top {
1075
1066
  animation: var(--animate-slide-in-top);
1076
1067
  }
1068
+ .animate-spin-dash {
1069
+ animation: var(--animate-spin-dash);
1070
+ }
1071
+ .animate-spin-rotate {
1072
+ animation: var(--animate-spin-rotate);
1073
+ }
1077
1074
  .cursor-default {
1078
1075
  cursor: default;
1079
1076
  }
@@ -1425,6 +1422,10 @@
1425
1422
  border-top-right-radius: var(--radius-lg);
1426
1423
  border-bottom-right-radius: var(--radius-lg);
1427
1424
  }
1425
+ .rounded-r-xl {
1426
+ border-top-right-radius: var(--radius-xl);
1427
+ border-bottom-right-radius: var(--radius-xl);
1428
+ }
1428
1429
  .rounded-tr-sm {
1429
1430
  border-top-right-radius: var(--radius-sm);
1430
1431
  }
@@ -1518,6 +1519,9 @@
1518
1519
  .border-secondary-300 {
1519
1520
  border-color: var(--color-secondary-300);
1520
1521
  }
1522
+ .border-secondary-400 {
1523
+ border-color: var(--color-secondary-400);
1524
+ }
1521
1525
  .border-secondary-500 {
1522
1526
  border-color: var(--color-secondary-500);
1523
1527
  }
@@ -1668,6 +1672,12 @@
1668
1672
  .bg-primary-800 {
1669
1673
  background-color: var(--color-primary-800);
1670
1674
  }
1675
+ .bg-primary-800\/80 {
1676
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 80%, transparent);
1677
+ @supports (color: color-mix(in lab, red, red)) {
1678
+ background-color: color-mix(in oklab, var(--color-primary-800) 80%, transparent);
1679
+ }
1680
+ }
1671
1681
  .bg-primary-900 {
1672
1682
  background-color: var(--color-primary-900);
1673
1683
  }
@@ -1686,6 +1696,9 @@
1686
1696
  .bg-secondary-500 {
1687
1697
  background-color: var(--color-secondary-500);
1688
1698
  }
1699
+ .bg-slate-500 {
1700
+ background-color: var(--color-slate-500);
1701
+ }
1689
1702
  .bg-success-50 {
1690
1703
  background-color: var(--color-success-50);
1691
1704
  }
@@ -2053,6 +2066,10 @@
2053
2066
  --tw-font-weight: var(--font-weight-medium);
2054
2067
  font-weight: var(--font-weight-medium);
2055
2068
  }
2069
+ .font-normal {
2070
+ --tw-font-weight: var(--font-weight-normal);
2071
+ font-weight: var(--font-weight-normal);
2072
+ }
2056
2073
  .font-semibold {
2057
2074
  --tw-font-weight: var(--font-weight-semibold);
2058
2075
  font-weight: var(--font-weight-semibold);
@@ -2077,6 +2094,9 @@
2077
2094
  --tw-tracking: var(--tracking-widest);
2078
2095
  letter-spacing: var(--tracking-widest);
2079
2096
  }
2097
+ .break-words {
2098
+ overflow-wrap: break-word;
2099
+ }
2080
2100
  .break-all {
2081
2101
  word-break: break-all;
2082
2102
  }
@@ -2185,6 +2205,9 @@
2185
2205
  .text-rose-500 {
2186
2206
  color: var(--color-rose-500);
2187
2207
  }
2208
+ .text-rose-600 {
2209
+ color: var(--color-rose-600);
2210
+ }
2188
2211
  .text-secondary-100 {
2189
2212
  color: var(--color-secondary-100);
2190
2213
  }
@@ -2421,6 +2444,10 @@
2421
2444
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2422
2445
  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,);
2423
2446
  }
2447
+ .backdrop-filter {
2448
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2449
+ 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,);
2450
+ }
2424
2451
  .transition {
2425
2452
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2426
2453
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2441,6 +2468,11 @@
2441
2468
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2442
2469
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2443
2470
  }
2471
+ .transition-\[width\,opacity\] {
2472
+ transition-property: width,opacity;
2473
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2474
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2475
+ }
2444
2476
  .transition-\[width\] {
2445
2477
  transition-property: width;
2446
2478
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2522,6 +2554,9 @@
2522
2554
  -webkit-user-select: none;
2523
2555
  user-select: none;
2524
2556
  }
2557
+ .\[background\:var\(--color-syntax-bg\)\] {
2558
+ background: var(--color-syntax-bg);
2559
+ }
2525
2560
  .\[grid-area\:1\/1\] {
2526
2561
  grid-area: 1/1;
2527
2562
  }
@@ -2794,6 +2829,16 @@
2794
2829
  }
2795
2830
  }
2796
2831
  }
2832
+ .hover\:bg-primary-700\/90 {
2833
+ &:hover {
2834
+ @media (hover: hover) {
2835
+ background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 90%, transparent);
2836
+ @supports (color: color-mix(in lab, red, red)) {
2837
+ background-color: color-mix(in oklab, var(--color-primary-700) 90%, transparent);
2838
+ }
2839
+ }
2840
+ }
2841
+ }
2797
2842
  .hover\:bg-red-500\/40\! {
2798
2843
  &:hover {
2799
2844
  @media (hover: hover) {
@@ -3251,6 +3296,16 @@
3251
3296
  display: table-cell;
3252
3297
  }
3253
3298
  }
3299
+ .md\:w-52 {
3300
+ @media (width >= 48rem) {
3301
+ width: calc(var(--spacing) * 52);
3302
+ }
3303
+ }
3304
+ .md\:shrink-0 {
3305
+ @media (width >= 48rem) {
3306
+ flex-shrink: 0;
3307
+ }
3308
+ }
3254
3309
  .md\:grid-cols-4 {
3255
3310
  @media (width >= 48rem) {
3256
3311
  grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -3261,6 +3316,11 @@
3261
3316
  grid-template-columns: repeat(5, minmax(0, 1fr));
3262
3317
  }
3263
3318
  }
3319
+ .md\:flex-col {
3320
+ @media (width >= 48rem) {
3321
+ flex-direction: column;
3322
+ }
3323
+ }
3264
3324
  .md\:flex-row {
3265
3325
  @media (width >= 48rem) {
3266
3326
  flex-direction: row;
@@ -3437,6 +3497,14 @@
3437
3497
  background-color: var(--color-primary-100);
3438
3498
  }
3439
3499
  }
3500
+ .dark\:bg-primary-200\/80 {
3501
+ &:where(.dark, .dark *) {
3502
+ background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
3503
+ @supports (color: color-mix(in lab, red, red)) {
3504
+ background-color: color-mix(in oklab, var(--color-primary-200) 80%, transparent);
3505
+ }
3506
+ }
3507
+ }
3440
3508
  .dark\:bg-primary-400 {
3441
3509
  &:where(.dark, .dark *) {
3442
3510
  background-color: var(--color-primary-400);
@@ -3743,6 +3811,18 @@
3743
3811
  }
3744
3812
  }
3745
3813
  }
3814
+ .dark\:hover\:bg-primary-300\/90 {
3815
+ &:where(.dark, .dark *) {
3816
+ &:hover {
3817
+ @media (hover: hover) {
3818
+ background-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 90%, transparent);
3819
+ @supports (color: color-mix(in lab, red, red)) {
3820
+ background-color: color-mix(in oklab, var(--color-primary-300) 90%, transparent);
3821
+ }
3822
+ }
3823
+ }
3824
+ }
3825
+ }
3746
3826
  .dark\:hover\:bg-primary-600 {
3747
3827
  &:where(.dark, .dark *) {
3748
3828
  &:hover {
@@ -4514,10 +4594,6 @@
4514
4594
  background-image: none;
4515
4595
  }
4516
4596
  }
4517
- :root {
4518
- --animate-spin-rotate: spin-rotate 1.4s linear infinite;
4519
- --animate-spin-dash: spin-dash 1.4s ease-in-out infinite;
4520
- }
4521
4597
  @keyframes spin-rotate {
4522
4598
  100% {
4523
4599
  transform: rotate(360deg);
@@ -4978,6 +5054,15 @@
4978
5054
  z-index: 20;
4979
5055
  animation: masonry-ripple 0.6s ease-out forwards;
4980
5056
  }
5057
+ @layer base {
5058
+ @media (hover: none) and (pointer: coarse) {
5059
+ input,
5060
+ textarea,
5061
+ select {
5062
+ font-size: 16px !important;
5063
+ }
5064
+ }
5065
+ }
4981
5066
  @property --tw-translate-x {
4982
5067
  syntax: "*";
4983
5068
  inherits: false;
package/dist/theme.cjs CHANGED
@@ -1 +1 @@
1
- 'use strict';var classVarianceAuthority=require('class-variance-authority');var d=classVarianceAuthority.cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}}),o=classVarianceAuthority.cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}}),g=classVarianceAuthority.cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}}),c=classVarianceAuthority.cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}}),m=classVarianceAuthority.cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}}),p=classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}}),l=classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}}),b=classVarianceAuthority.cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});var y=classVarianceAuthority.cva("rounded-lg transition-shadow",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",elevated:"bg-white shadow-md hover:shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25 dark:hover:shadow-primary-200/30",outlined:"border-2 border-primary-300 bg-transparent dark:border-primary-600",ghost:"bg-primary-50 dark:bg-primary-800/50"},size:{sm:"p-3",md:"p-5",lg:"p-7"}},defaultVariants:{intent:"default",size:"md"}}),x=classVarianceAuthority.cva("rounded-md",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",inset:"bg-primary-50 dark:bg-primary-800/50",elevated:"bg-white shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25"},size:{sm:"p-3",md:"p-4",lg:"p-6"}},defaultVariants:{intent:"default",size:"md"}});var u=classVarianceAuthority.cva("w-full text-left text-sm",{variants:{intent:{default:"",striped:"[&_tbody_tr:nth-child(even)]:bg-primary-50 dark:[&_tbody_tr:nth-child(even)]:bg-primary-800/30",bordered:"[&_th]:border [&_td]:border [&_th]:border-primary-200 [&_td]:border-primary-200 dark:[&_th]:border-primary-700 dark:[&_td]:border-primary-700"},density:{compact:"[&_th]:px-2 [&_th]:py-1 [&_td]:px-2 [&_td]:py-1",default:"",relaxed:"[&_th]:px-6 [&_th]:py-5 [&_td]:px-6 [&_td]:py-5"}},defaultVariants:{intent:"default",density:"default"}}),f=classVarianceAuthority.cva("text-sm text-primary-700 dark:text-primary-300",{variants:{intent:{default:"space-y-1",bordered:"divide-y divide-primary-200 rounded-lg border border-primary-200 dark:divide-primary-700 dark:border-primary-700 [&>li]:px-4 [&>li]:py-2",hover:"[&>li]:rounded-md [&>li]:px-3 [&>li]:py-2 [&>li]:transition-colors [&>li:hover]:bg-primary-50 dark:[&>li:hover]:bg-primary-800/50"}},defaultVariants:{intent:"default"}}),v=classVarianceAuthority.cva("group flex w-full items-center gap-1.5 text-left [&_svg]:shrink-0",{variants:{size:{sm:"py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",md:"py-1.5 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"py-2 text-base [&_svg]:h-4 [&_svg]:w-4"}},defaultVariants:{size:"md"}}),k=classVarianceAuthority.cva("flex cursor-pointer items-center gap-1 rounded transition-colors [&_svg]:shrink-0",{variants:{size:{sm:"py-0.5 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"py-1 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"py-1.5 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{size:"md"}}),h=classVarianceAuthority.cva("overflow-x-auto rounded-lg font-mono [&_pre]:m-0 [&_pre]:p-4 [&_code]:bg-transparent",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});var w=classVarianceAuthority.cva("flex w-full items-center justify-between font-medium transition-all [&_svg]:shrink-0",{variants:{size:{sm:"py-2 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"py-3 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"py-4 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{size:"md"}}),V=classVarianceAuthority.cva("",{variants:{size:{sm:"pb-2 text-xs",md:"pb-3 text-sm",lg:"pb-4 text-base"}},defaultVariants:{size:"md"}}),_=classVarianceAuthority.cva("divide-y",{variants:{intent:{default:"divide-primary-300 dark:divide-primary-700",bordered:"divide-primary-300 rounded-lg border border-primary-300 bg-white px-3 shadow-sm dark:divide-primary-700 dark:border-primary-700 dark:bg-primary-800/50",ghost:"divide-transparent"}},defaultVariants:{intent:"default"}}),z=classVarianceAuthority.cva("flex",{variants:{intent:{line:"border-b border-primary-200 dark:border-primary-700",pills:"gap-1 rounded-lg bg-primary-100 p-1 dark:bg-primary-800",underline:"gap-4"}},defaultVariants:{intent:"line"}}),j=classVarianceAuthority.cva("inline-flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",{variants:{intent:{line:"text-primary-500 hover:text-primary-700 data-[active=true]:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:data-[active=true]:text-primary-100",pills:"rounded-md text-primary-600 hover:text-primary-900 data-[active=true]:bg-white data-[active=true]:text-primary-900 data-[active=true]:shadow-sm dark:text-primary-400 dark:hover:text-primary-100 dark:data-[active=true]:bg-primary-700 dark:data-[active=true]:text-primary-100",underline:"text-primary-500 hover:text-primary-700 data-[active=true]:text-primary-900 dark:text-primary-400 dark:data-[active=true]:text-primary-100"}},defaultVariants:{intent:"line"}});var I=classVarianceAuthority.cva("rounded-lg bg-white p-6 shadow-xl dark:bg-primary-900",{variants:{size:{sm:"w-full max-w-sm",md:"w-full max-w-lg",lg:"w-full max-w-2xl",xl:"w-full max-w-4xl",full:"h-[calc(100vh-4rem)] w-[calc(100vw-4rem)]"}},defaultVariants:{size:"md"}}),T=classVarianceAuthority.cva("absolute z-50 rounded px-2 py-1 text-xs shadow-md animate-fade-in",{variants:{intent:{default:"bg-primary-900 text-white dark:bg-primary-100 dark:text-primary-900",light:"border border-primary-200 bg-white text-primary-700 dark:border-primary-600 dark:bg-primary-800 dark:text-primary-200"}},defaultVariants:{intent:"default"}});var C=classVarianceAuthority.cva("inline-flex items-center gap-1 underline-offset-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/20 [&_svg]:shrink-0",{variants:{intent:{default:"text-primary-600 hover:text-primary-800 active:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:active:text-primary-100",secondary:"text-secondary-500 hover:text-secondary-700 active:text-secondary-800 dark:text-secondary-400 dark:hover:text-secondary-200 dark:active:text-secondary-100",muted:"text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300"},size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},underline:{always:"underline",hover:"hover:underline",none:"no-underline"}},defaultVariants:{intent:"default",size:"md",underline:"none"}});var L=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),q=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),A=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});var D=classVarianceAuthority.cva("w-full",{variants:{intent:{default:"",card:"rounded-(--form-radius) border border-primary-200 bg-white p-6 shadow-sm dark:border-primary-700 dark:bg-primary-900",inset:"rounded-(--form-radius) bg-primary-50 p-6 dark:bg-primary-800/50"},size:{sm:"",md:"",lg:""}},defaultVariants:{intent:"default",size:"md"}}),E=classVarianceAuthority.cva("flex w-full",{variants:{layout:{stacked:"flex-col gap-1.5",inline:"flex-row items-start gap-(--form-item-gap-md)"},size:{sm:"",md:"",lg:""}},defaultVariants:{layout:"stacked",size:"md"}}),F=classVarianceAuthority.cva("mt-1 flex items-center gap-1 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0",{variants:{status:{error:"text-danger-600 dark:text-danger-400",warning:"text-warning-600 dark:text-warning-400",success:"text-success-600 dark:text-success-400",hint:"text-primary-400 dark:text-primary-500"}},defaultVariants:{status:"hint"}});exports.accordionContentVariants=V;exports.accordionTriggerVariants=w;exports.accordionVariants=_;exports.alertVariants=A;exports.badgeVariants=o;exports.buttonVariants=d;exports.cardVariants=y;exports.checkboxVariants=p;exports.codeBlockVariants=h;exports.dialogContentVariants=I;exports.formItemVariants=E;exports.formValidationVariants=F;exports.formVariants=D;exports.indicatorVariants=g;exports.inputVariants=c;exports.labelVariants=m;exports.listItemVariants=v;exports.listVariants=f;exports.navLinkVariants=C;exports.panelVariants=x;exports.progressBarVariants=L;exports.radioVariants=l;exports.spinVariants=q;exports.switchTrackVariants=b;exports.tabListVariants=z;exports.tabTriggerVariants=j;exports.tableVariants=u;exports.tooltipVariants=T;exports.treeItemVariants=k;
1
+ 'use strict';var classVarianceAuthority=require('class-variance-authority');var d=classVarianceAuthority.cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}}),o=classVarianceAuthority.cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}}),g=classVarianceAuthority.cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}}),c=classVarianceAuthority.cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}}),m=classVarianceAuthority.cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}}),p=classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}}),l=classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}}),b=classVarianceAuthority.cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});var y=classVarianceAuthority.cva("rounded-lg transition-shadow",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",elevated:"bg-white shadow-md hover:shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25 dark:hover:shadow-primary-200/30",outlined:"border-2 border-primary-300 bg-transparent dark:border-primary-600",ghost:"bg-primary-50 dark:bg-primary-800/50"},size:{sm:"p-3",md:"p-5",lg:"p-7"}},defaultVariants:{intent:"default",size:"md"}}),x=classVarianceAuthority.cva("rounded-md",{variants:{intent:{default:"border border-primary-200 bg-white dark:border-primary-700 dark:bg-primary-900",inset:"bg-primary-50 dark:bg-primary-800/50",elevated:"bg-white shadow-lg dark:bg-primary-800 dark:shadow-primary-300/25"},size:{sm:"p-3",md:"p-4",lg:"p-6"}},defaultVariants:{intent:"default",size:"md"}});var u=classVarianceAuthority.cva("w-full text-left text-sm",{variants:{intent:{default:"",striped:"[&_tbody_tr:nth-child(even)]:bg-primary-50 dark:[&_tbody_tr:nth-child(even)]:bg-primary-800/30",bordered:"[&_th]:border [&_td]:border [&_th]:border-primary-200 [&_td]:border-primary-200 dark:[&_th]:border-primary-700 dark:[&_td]:border-primary-700"},density:{compact:"[&_th]:px-2 [&_th]:py-1 [&_td]:px-2 [&_td]:py-1",default:"",relaxed:"[&_th]:px-6 [&_th]:py-5 [&_td]:px-6 [&_td]:py-5"}},defaultVariants:{intent:"default",density:"default"}}),f=classVarianceAuthority.cva("text-sm text-primary-700 dark:text-primary-300",{variants:{intent:{default:"space-y-1",bordered:"divide-y divide-primary-200 rounded-lg border border-primary-200 dark:divide-primary-700 dark:border-primary-700 [&>li]:px-4 [&>li]:py-2",hover:"[&>li]:rounded-md [&>li]:px-3 [&>li]:py-2 [&>li]:transition-colors [&>li:hover]:bg-primary-50 dark:[&>li:hover]:bg-primary-800/50"}},defaultVariants:{intent:"default"}}),v=classVarianceAuthority.cva("group flex w-full items-center gap-1.5 text-left [&_svg]:shrink-0",{variants:{size:{sm:"py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",md:"py-1.5 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"py-2 text-base [&_svg]:h-4 [&_svg]:w-4"}},defaultVariants:{size:"md"}}),k=classVarianceAuthority.cva("flex cursor-pointer items-center gap-1 rounded transition-colors [&_svg]:shrink-0",{variants:{size:{sm:"py-0.5 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"py-1 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"py-1.5 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{size:"md"}}),h=classVarianceAuthority.cva("overflow-x-auto rounded-lg font-mono [background:var(--color-syntax-bg)] [&_pre]:m-0 [&_pre]:p-4 [&_code]:bg-transparent",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});var w=classVarianceAuthority.cva("flex w-full items-center justify-between font-medium transition-all [&_svg]:shrink-0",{variants:{size:{sm:"py-2 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"py-3 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"py-4 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{size:"md"}}),V=classVarianceAuthority.cva("",{variants:{size:{sm:"pb-2 text-xs",md:"pb-3 text-sm",lg:"pb-4 text-base"}},defaultVariants:{size:"md"}}),_=classVarianceAuthority.cva("divide-y",{variants:{intent:{default:"divide-primary-300 dark:divide-primary-700",bordered:"divide-primary-300 rounded-lg border border-primary-300 bg-white px-3 shadow-sm dark:divide-primary-700 dark:border-primary-700 dark:bg-primary-800/50",ghost:"divide-transparent"}},defaultVariants:{intent:"default"}}),z=classVarianceAuthority.cva("flex",{variants:{intent:{line:"border-b border-primary-200 dark:border-primary-700",pills:"gap-1 rounded-lg bg-primary-100 p-1 dark:bg-primary-800",underline:"gap-4"}},defaultVariants:{intent:"line"}}),j=classVarianceAuthority.cva("inline-flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",{variants:{intent:{line:"text-primary-500 hover:text-primary-700 data-[active=true]:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:data-[active=true]:text-primary-100",pills:"rounded-md text-primary-600 hover:text-primary-900 data-[active=true]:bg-white data-[active=true]:text-primary-900 data-[active=true]:shadow-sm dark:text-primary-400 dark:hover:text-primary-100 dark:data-[active=true]:bg-primary-700 dark:data-[active=true]:text-primary-100",underline:"text-primary-500 hover:text-primary-700 data-[active=true]:text-primary-900 dark:text-primary-400 dark:data-[active=true]:text-primary-100"}},defaultVariants:{intent:"line"}});var I=classVarianceAuthority.cva("rounded-lg bg-white p-6 shadow-xl dark:bg-primary-900",{variants:{size:{sm:"w-full max-w-sm",md:"w-full max-w-lg",lg:"w-full max-w-2xl",xl:"w-full max-w-4xl",full:"h-[calc(100vh-4rem)] w-[calc(100vw-4rem)]"}},defaultVariants:{size:"md"}}),T=classVarianceAuthority.cva("absolute z-50 rounded px-2 py-1 text-xs shadow-md animate-fade-in",{variants:{intent:{default:"bg-primary-900 text-white dark:bg-primary-100 dark:text-primary-900",light:"border border-primary-200 bg-white text-primary-700 dark:border-primary-600 dark:bg-primary-800 dark:text-primary-200"}},defaultVariants:{intent:"default"}});var C=classVarianceAuthority.cva("inline-flex items-center gap-1 underline-offset-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/20 [&_svg]:shrink-0",{variants:{intent:{default:"text-primary-600 hover:text-primary-800 active:text-primary-900 dark:text-primary-400 dark:hover:text-primary-200 dark:active:text-primary-100",secondary:"text-secondary-500 hover:text-secondary-700 active:text-secondary-800 dark:text-secondary-400 dark:hover:text-secondary-200 dark:active:text-secondary-100",muted:"text-primary-400 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-300"},size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},underline:{always:"underline",hover:"hover:underline",none:"no-underline"}},defaultVariants:{intent:"default",size:"md",underline:"none"}});var L=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),q=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),A=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});var D=classVarianceAuthority.cva("w-full",{variants:{intent:{default:"",card:"rounded-(--form-radius) border border-primary-200 bg-white p-6 shadow-sm dark:border-primary-700 dark:bg-primary-900",inset:"rounded-(--form-radius) bg-primary-50 p-6 dark:bg-primary-800/50"},size:{sm:"",md:"",lg:""}},defaultVariants:{intent:"default",size:"md"}}),E=classVarianceAuthority.cva("flex w-full",{variants:{layout:{stacked:"flex-col gap-1.5",inline:"flex-row items-start gap-(--form-item-gap-md)"},size:{sm:"",md:"",lg:""}},defaultVariants:{layout:"stacked",size:"md"}}),F=classVarianceAuthority.cva("mt-1 flex items-center gap-1 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5 [&_svg]:shrink-0",{variants:{status:{error:"text-danger-600 dark:text-danger-400",warning:"text-warning-600 dark:text-warning-400",success:"text-success-600 dark:text-success-400",hint:"text-primary-400 dark:text-primary-500"}},defaultVariants:{status:"hint"}});exports.accordionContentVariants=V;exports.accordionTriggerVariants=w;exports.accordionVariants=_;exports.alertVariants=A;exports.badgeVariants=o;exports.buttonVariants=d;exports.cardVariants=y;exports.checkboxVariants=p;exports.codeBlockVariants=h;exports.dialogContentVariants=I;exports.formItemVariants=E;exports.formValidationVariants=F;exports.formVariants=D;exports.indicatorVariants=g;exports.inputVariants=c;exports.labelVariants=m;exports.listItemVariants=v;exports.listVariants=f;exports.navLinkVariants=C;exports.panelVariants=x;exports.progressBarVariants=L;exports.radioVariants=l;exports.spinVariants=q;exports.switchTrackVariants=b;exports.tabListVariants=z;exports.tabTriggerVariants=j;exports.tableVariants=u;exports.tooltipVariants=T;exports.treeItemVariants=k;