@sigx/zero-daisyui 0.2.0-beta.1 → 0.2.0-beta.2

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/lynx/components/accordion.css +160 -0
  2. package/dist/lynx/components/alert.css +160 -0
  3. package/dist/lynx/components/avatar.css +5 -0
  4. package/dist/lynx/components/breadcrumbs.css +200 -0
  5. package/dist/lynx/components/button.css +180 -0
  6. package/dist/lynx/components/card.css +52 -0
  7. package/dist/lynx/components/carousel.css +162 -2
  8. package/dist/lynx/components/chat.css +40 -0
  9. package/dist/lynx/components/checkbox.css +7 -0
  10. package/dist/lynx/components/collapsible.css +160 -0
  11. package/dist/lynx/components/combobox.css +21 -0
  12. package/dist/lynx/components/countdown.css +160 -0
  13. package/dist/lynx/components/dialog.css +34 -0
  14. package/dist/lynx/components/diff.css +181 -0
  15. package/dist/lynx/components/divider.css +8 -0
  16. package/dist/lynx/components/drawer.css +12 -1
  17. package/dist/lynx/components/field.css +180 -0
  18. package/dist/lynx/components/file-upload.css +202 -0
  19. package/dist/lynx/components/input.css +37 -0
  20. package/dist/lynx/components/kbd.css +1 -0
  21. package/dist/lynx/components/menu.css +10 -0
  22. package/dist/lynx/components/native-select.css +30 -0
  23. package/dist/lynx/components/number-input.css +37 -0
  24. package/dist/lynx/components/pagination.css +33 -0
  25. package/dist/lynx/components/popover.css +12 -0
  26. package/dist/lynx/components/progress.css +220 -0
  27. package/dist/lynx/components/radial-progress.css +62 -0
  28. package/dist/lynx/components/radio-group.css +10 -0
  29. package/dist/lynx/components/rating-group.css +240 -0
  30. package/dist/lynx/components/select.css +32 -0
  31. package/dist/lynx/components/skeleton.css +160 -0
  32. package/dist/lynx/components/slider.css +22 -0
  33. package/dist/lynx/components/spinner.css +18 -0
  34. package/dist/lynx/components/stats.css +40 -0
  35. package/dist/lynx/components/status.css +18 -0
  36. package/dist/lynx/components/steps.css +236 -0
  37. package/dist/lynx/components/swap.css +160 -0
  38. package/dist/lynx/components/switch.css +41 -0
  39. package/dist/lynx/components/table.css +201 -0
  40. package/dist/lynx/components/tabs.css +21 -0
  41. package/dist/lynx/components/textarea.css +25 -0
  42. package/dist/lynx/components/timeline.css +18 -0
  43. package/dist/lynx/components/toast.css +0 -1
  44. package/dist/lynx/components/tooltip.css +10 -0
  45. package/dist/lynx/index.css +3707 -79
  46. package/dist/lynx/manifest.json +2 -2
  47. package/dist/lynx/tokens.css +14 -0
  48. package/dist/manifest.json +1 -1
  49. package/dist/report.json +233 -2083
  50. package/package.json +4 -4
@@ -1,5 +1,19 @@
1
1
  /* daisyui — lynx target, generated by @sigx/zero-kit. Do not edit. */
2
2
  .zx-root {
3
+ --radius-selector: 0.25rem;
4
+ --radius-field: 0.25rem;
5
+ --radius-box: 0.5rem;
6
+ --size-selector: 0.25rem;
7
+ --size-field: 0.25rem;
8
+ --text-xs: 0.75rem;
9
+ --text-sm: 0.875rem;
10
+ --text-md: 1rem;
11
+ --text-lg: 1.125rem;
12
+ --text-xl: 1.25rem;
13
+ --text-2xl: 1.5rem;
14
+ --text-3xl: 1.875rem;
15
+ --border: 1px;
16
+ --disabled-opacity: 0.4;
3
17
  --color-primary: #422ad5;
4
18
  --color-primary-content: #e0e7ff;
5
19
  --color-secondary: #f43098;
@@ -447,10 +461,31 @@
447
461
  padding: var(--space-sm) var(--space-xl);
448
462
  font-size: var(--text-sm);
449
463
  font-weight: var(--weight-semibold);
464
+ border-radius: calc(var(--radius-field) - 0.25rem);
450
465
  cursor: pointer;
451
466
  transition: background var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);
452
467
  }
453
468
 
469
+ .zx-root .zx-tabs__tab {
470
+ color: #07070899;
471
+ }
472
+
473
+ .zx-root.zx-theme-dark .zx-tabs__tab {
474
+ color: #767d8099;
475
+ }
476
+
477
+ .zx-root.zx-theme-dim .zx-tabs__tab {
478
+ color: #57656a99;
479
+ }
480
+
481
+ .zx-root.zx-theme-nord .zx-tabs__tab {
482
+ color: #12151b99;
483
+ }
484
+
485
+ .zx-root.zx-theme-sunset .zx-tabs__tab {
486
+ color: #4d5b6799;
487
+ }
488
+
454
489
  .zx-tabs__tab.zx-s-active {
455
490
  background: var(--color-base-100);
456
491
  color: var(--color-base-content);
@@ -571,6 +606,166 @@
571
606
  font-size: var(--text-md);
572
607
  }
573
608
 
609
+ .zx-root .zx-collapsible__root.zx-a-color-primary {
610
+ --collapsible-accent: #3f2bcb;
611
+ }
612
+
613
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-primary {
614
+ --collapsible-accent: #6567ff;
615
+ }
616
+
617
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-primary {
618
+ --collapsible-accent: #a0e791;
619
+ }
620
+
621
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-primary {
622
+ --collapsible-accent: #5c7da6;
623
+ }
624
+
625
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-primary {
626
+ --collapsible-accent: #fb8a62;
627
+ }
628
+
629
+ .zx-root .zx-collapsible__root.zx-a-color-secondary {
630
+ --collapsible-accent: #ad316f;
631
+ }
632
+
633
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-secondary {
634
+ --collapsible-accent: #fa7cb6;
635
+ }
636
+
637
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-secondary {
638
+ --collapsible-accent: #ed9984;
639
+ }
640
+
641
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-secondary {
642
+ --collapsible-accent: #677e98;
643
+ }
644
+
645
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-secondary {
646
+ --collapsible-accent: #e68aac;
647
+ }
648
+
649
+ .zx-root .zx-collapsible__root.zx-a-color-accent {
650
+ --collapsible-accent: #2b786d;
651
+ }
652
+
653
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-accent {
654
+ --collapsible-accent: #93e5d9;
655
+ }
656
+
657
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-accent {
658
+ --collapsible-accent: #bfade1;
659
+ }
660
+
661
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-accent {
662
+ --collapsible-accent: #5e7d8c;
663
+ }
664
+
665
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-accent {
666
+ --collapsible-accent: #ab9fe8;
667
+ }
668
+
669
+ .zx-root .zx-collapsible__root.zx-a-color-neutral {
670
+ --collapsible-accent: #121214;
671
+ }
672
+
673
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-neutral {
674
+ --collapsible-accent: #878e92;
675
+ }
676
+
677
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-neutral {
678
+ --collapsible-accent: #71828c;
679
+ }
680
+
681
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-neutral {
682
+ --collapsible-accent: #3a4150;
683
+ }
684
+
685
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-neutral {
686
+ --collapsible-accent: #667a8a;
687
+ }
688
+
689
+ .zx-root .zx-collapsible__root.zx-a-color-info {
690
+ --collapsible-accent: #2685b3;
691
+ }
692
+
693
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-info {
694
+ --collapsible-accent: #70ceff;
695
+ }
696
+
697
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-info {
698
+ --collapsible-accent: #6ce2f3;
699
+ }
700
+
701
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-info {
702
+ --collapsible-accent: #89728a;
703
+ }
704
+
705
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-info {
706
+ --collapsible-accent: #91d4e3;
707
+ }
708
+
709
+ .zx-root .zx-collapsible__root.zx-a-color-success {
710
+ --collapsible-accent: #2a7858;
711
+ }
712
+
713
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-success {
714
+ --collapsible-accent: #92e5c2;
715
+ }
716
+
717
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-success {
718
+ --collapsible-accent: #8ee0c9;
719
+ }
720
+
721
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-success {
722
+ --collapsible-accent: #6b7d6a;
723
+ }
724
+
725
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-success {
726
+ --collapsible-accent: #a6cebe;
727
+ }
728
+
729
+ .zx-root .zx-collapsible__root.zx-a-color-warning {
730
+ --collapsible-accent: #755a2b;
731
+ }
732
+
733
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-warning {
734
+ --collapsible-accent: #f5ddac;
735
+ }
736
+
737
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-warning {
738
+ --collapsible-accent: #cecfa6;
739
+ }
740
+
741
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-warning {
742
+ --collapsible-accent: #7d7463;
743
+ }
744
+
745
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-warning {
746
+ --collapsible-accent: #c5c1b7;
747
+ }
748
+
749
+ .zx-root .zx-collapsible__root.zx-a-color-error {
750
+ --collapsible-accent: #d9576d;
751
+ }
752
+
753
+ .zx-root.zx-theme-dark .zx-collapsible__root.zx-a-color-error {
754
+ --collapsible-accent: #ff7d90;
755
+ }
756
+
757
+ .zx-root.zx-theme-dim .zx-collapsible__root.zx-a-color-error {
758
+ --collapsible-accent: #f5b3a4;
759
+ }
760
+
761
+ .zx-root.zx-theme-nord .zx-collapsible__root.zx-a-color-error {
762
+ --collapsible-accent: #a85b64;
763
+ }
764
+
765
+ .zx-root.zx-theme-sunset .zx-collapsible__root.zx-a-color-error {
766
+ --collapsible-accent: #f2bbc0;
767
+ }
768
+
574
769
  .zx-collapsible__trigger.zx-a-size-xs {
575
770
  padding: var(--space-md) var(--space-lg);
576
771
  font-size: var(--text-sm);
@@ -612,9 +807,31 @@
612
807
  }
613
808
 
614
809
  .zx-switch__root {
810
+ --switch-size: calc(var(--size-selector) * 6);
811
+ --switch-p: calc(var(--switch-size) * 0.125);
615
812
  --switch-accent: var(--color-primary);
616
813
  }
617
814
 
815
+ .zx-root .zx-switch__root {
816
+ --switch-ink: #07070899;
817
+ }
818
+
819
+ .zx-root.zx-theme-dark .zx-switch__root {
820
+ --switch-ink: #767d8099;
821
+ }
822
+
823
+ .zx-root.zx-theme-dim .zx-switch__root {
824
+ --switch-ink: #57656a99;
825
+ }
826
+
827
+ .zx-root.zx-theme-nord .zx-switch__root {
828
+ --switch-ink: #12151b99;
829
+ }
830
+
831
+ .zx-root.zx-theme-sunset .zx-switch__root {
832
+ --switch-ink: #4d5b6799;
833
+ }
834
+
618
835
  .zx-switch__root {
619
836
  display: inline-flex;
620
837
  align-items: center;
@@ -635,8 +852,10 @@
635
852
  vertical-align: middle;
636
853
  flex-shrink: 0;
637
854
  box-sizing: border-box;
855
+ width: calc((var(--switch-size) * 2) - (var(--border) + var(--switch-p)) * 2);
638
856
  height: var(--switch-size);
639
857
  padding: var(--switch-p);
858
+ --switch-radius-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
640
859
  border: var(--border) solid currentColor;
641
860
  color: var(--switch-ink);
642
861
  user-select: none;
@@ -666,6 +885,7 @@
666
885
  height: 100%;
667
886
  border-radius: var(--radius-selector);
668
887
  background-color: currentColor;
888
+ background-size: auto, calc(var(--noise) * 100%);
669
889
  background-image: none, var(--fx-noise);
670
890
  transition: background-color var(--duration-instant) var(--ease-standard);
671
891
  }
@@ -675,6 +895,22 @@
675
895
  font-weight: var(--weight-medium);
676
896
  }
677
897
 
898
+ .zx-switch__root.zx-a-size-xs {
899
+ --switch-size: calc(var(--size-selector) * 4);
900
+ }
901
+
902
+ .zx-switch__root.zx-a-size-sm {
903
+ --switch-size: calc(var(--size-selector) * 5);
904
+ }
905
+
906
+ .zx-switch__root.zx-a-size-lg {
907
+ --switch-size: calc(var(--size-selector) * 7);
908
+ }
909
+
910
+ .zx-switch__root.zx-a-size-xl {
911
+ --switch-size: calc(var(--size-selector) * 8);
912
+ }
913
+
678
914
  .zx-switch__root.zx-a-color-primary {
679
915
  --switch-accent: var(--color-primary);
680
916
  }
@@ -713,6 +949,8 @@
713
949
  align-items: center;
714
950
  justify-content: center;
715
951
  gap: 0.5em;
952
+ height: calc(var(--size-field) * 12);
953
+ padding-inline: calc(var(--size-field) * 4);
716
954
  font-size: var(--text-sm);
717
955
  font-weight: var(--weight-semibold);
718
956
  color: var(--color-base-content);
@@ -769,6 +1007,26 @@
769
1007
  font-size: var(--text-sm);
770
1008
  }
771
1009
 
1010
+ .zx-root .zx-dialog__description {
1011
+ color: #0d0d0fbf;
1012
+ }
1013
+
1014
+ .zx-root.zx-theme-dark .zx-dialog__description {
1015
+ color: #a0aaaebf;
1016
+ }
1017
+
1018
+ .zx-root.zx-theme-dim .zx-dialog__description {
1019
+ color: #788a91bf;
1020
+ }
1021
+
1022
+ .zx-root.zx-theme-nord .zx-dialog__description {
1023
+ color: #1c2028bf;
1024
+ }
1025
+
1026
+ .zx-root.zx-theme-sunset .zx-dialog__description {
1027
+ color: #6b7d8dbf;
1028
+ }
1029
+
772
1030
  .zx-dialog__footer {
773
1031
  display: flex;
774
1032
  justify-content: flex-end;
@@ -782,6 +1040,8 @@
782
1040
  align-items: center;
783
1041
  justify-content: center;
784
1042
  gap: 0.5em;
1043
+ height: calc(var(--size-field) * 12);
1044
+ padding-inline: calc(var(--size-field) * 4);
785
1045
  font-size: var(--text-sm);
786
1046
  font-weight: var(--weight-semibold);
787
1047
  color: var(--color-base-content);
@@ -808,6 +1068,8 @@
808
1068
  align-items: center;
809
1069
  justify-content: center;
810
1070
  gap: 0.5em;
1071
+ height: calc(var(--size-field) * 12);
1072
+ padding-inline: calc(var(--size-field) * 4);
811
1073
  font-size: var(--text-sm);
812
1074
  font-weight: var(--weight-semibold);
813
1075
  color: var(--color-base-content);
@@ -917,18 +1179,26 @@
917
1179
  }
918
1180
 
919
1181
  .zx-dialog__trigger.zx-a-size-xs {
1182
+ height: calc(var(--size-field) * 8);
1183
+ padding-inline: calc(var(--size-field) * 2);
920
1184
  font-size: var(--text-xs);
921
1185
  }
922
1186
 
923
1187
  .zx-dialog__trigger.zx-a-size-sm {
1188
+ height: calc(var(--size-field) * 10);
1189
+ padding-inline: calc(var(--size-field) * 3);
924
1190
  font-size: var(--text-sm);
925
1191
  }
926
1192
 
927
1193
  .zx-dialog__trigger.zx-a-size-lg {
1194
+ height: calc(var(--size-field) * 14);
1195
+ padding-inline: calc(var(--size-field) * 5);
928
1196
  font-size: var(--text-md);
929
1197
  }
930
1198
 
931
1199
  .zx-dialog__trigger.zx-a-size-xl {
1200
+ height: calc(var(--size-field) * 16);
1201
+ padding-inline: calc(var(--size-field) * 6);
932
1202
  font-size: var(--text-lg);
933
1203
  }
934
1204
  @keyframes zero-daisy-pop {
@@ -941,6 +1211,8 @@
941
1211
  align-items: center;
942
1212
  justify-content: center;
943
1213
  gap: 0.5em;
1214
+ height: calc(var(--size-field) * 12);
1215
+ padding-inline: calc(var(--size-field) * 4);
944
1216
  font-size: var(--text-sm);
945
1217
  font-weight: var(--weight-semibold);
946
1218
  color: var(--color-base-content);
@@ -996,6 +1268,8 @@
996
1268
  align-items: center;
997
1269
  justify-content: center;
998
1270
  gap: 0.5em;
1271
+ height: calc(var(--size-field) * 8);
1272
+ padding-inline: calc(var(--size-field) * 3);
999
1273
  font-size: var(--text-xs);
1000
1274
  font-weight: var(--weight-semibold);
1001
1275
  color: var(--color-base-content);
@@ -1105,18 +1379,26 @@
1105
1379
  }
1106
1380
 
1107
1381
  .zx-popover__trigger.zx-a-size-xs {
1382
+ height: calc(var(--size-field) * 8);
1383
+ padding-inline: calc(var(--size-field) * 2);
1108
1384
  font-size: var(--text-xs);
1109
1385
  }
1110
1386
 
1111
1387
  .zx-popover__trigger.zx-a-size-sm {
1388
+ height: calc(var(--size-field) * 10);
1389
+ padding-inline: calc(var(--size-field) * 3);
1112
1390
  font-size: var(--text-sm);
1113
1391
  }
1114
1392
 
1115
1393
  .zx-popover__trigger.zx-a-size-lg {
1394
+ height: calc(var(--size-field) * 14);
1395
+ padding-inline: calc(var(--size-field) * 5);
1116
1396
  font-size: var(--text-md);
1117
1397
  }
1118
1398
 
1119
1399
  .zx-popover__trigger.zx-a-size-xl {
1400
+ height: calc(var(--size-field) * 16);
1401
+ padding-inline: calc(var(--size-field) * 6);
1120
1402
  font-size: var(--text-lg);
1121
1403
  }
1122
1404
 
@@ -1126,6 +1408,8 @@
1126
1408
  align-items: center;
1127
1409
  justify-content: center;
1128
1410
  gap: 0.5em;
1411
+ height: calc(var(--size-field) * 12);
1412
+ padding-inline: calc(var(--size-field) * 4);
1129
1413
  font-size: var(--text-sm);
1130
1414
  font-weight: var(--weight-semibold);
1131
1415
  color: var(--color-base-content);
@@ -1259,18 +1543,26 @@
1259
1543
  }
1260
1544
 
1261
1545
  .zx-tooltip__trigger.zx-a-size-xs {
1546
+ height: calc(var(--size-field) * 8);
1547
+ padding-inline: calc(var(--size-field) * 2);
1262
1548
  font-size: var(--text-xs);
1263
1549
  }
1264
1550
 
1265
1551
  .zx-tooltip__trigger.zx-a-size-sm {
1552
+ height: calc(var(--size-field) * 10);
1553
+ padding-inline: calc(var(--size-field) * 3);
1266
1554
  font-size: var(--text-sm);
1267
1555
  }
1268
1556
 
1269
1557
  .zx-tooltip__trigger.zx-a-size-lg {
1558
+ height: calc(var(--size-field) * 14);
1559
+ padding-inline: calc(var(--size-field) * 5);
1270
1560
  font-size: var(--text-md);
1271
1561
  }
1272
1562
 
1273
1563
  .zx-tooltip__trigger.zx-a-size-xl {
1564
+ height: calc(var(--size-field) * 16);
1565
+ padding-inline: calc(var(--size-field) * 6);
1274
1566
  font-size: var(--text-lg);
1275
1567
  }
1276
1568
 
@@ -1280,6 +1572,8 @@
1280
1572
  align-items: center;
1281
1573
  justify-content: center;
1282
1574
  gap: 0.5em;
1575
+ height: calc(var(--size-field) * 12);
1576
+ padding-inline: calc(var(--size-field) * 4);
1283
1577
  font-size: var(--text-sm);
1284
1578
  font-weight: var(--weight-semibold);
1285
1579
  color: var(--color-base-content);
@@ -1542,18 +1836,26 @@
1542
1836
  }
1543
1837
 
1544
1838
  .zx-menu__trigger.zx-a-size-xs {
1839
+ height: calc(var(--size-field) * 8);
1840
+ padding-inline: calc(var(--size-field) * 2);
1545
1841
  font-size: var(--text-xs);
1546
1842
  }
1547
1843
 
1548
1844
  .zx-menu__trigger.zx-a-size-sm {
1845
+ height: calc(var(--size-field) * 10);
1846
+ padding-inline: calc(var(--size-field) * 3);
1549
1847
  font-size: var(--text-sm);
1550
1848
  }
1551
1849
 
1552
1850
  .zx-menu__trigger.zx-a-size-lg {
1851
+ height: calc(var(--size-field) * 14);
1852
+ padding-inline: calc(var(--size-field) * 5);
1553
1853
  font-size: var(--text-md);
1554
1854
  }
1555
1855
 
1556
1856
  .zx-menu__trigger.zx-a-size-xl {
1857
+ height: calc(var(--size-field) * 16);
1858
+ padding-inline: calc(var(--size-field) * 6);
1557
1859
  font-size: var(--text-lg);
1558
1860
  }
1559
1861
 
@@ -1589,6 +1891,186 @@
1589
1891
  font-weight: var(--weight-medium);
1590
1892
  }
1591
1893
 
1894
+ .zx-root .zx-field__error {
1895
+ color: #d9576d;
1896
+ }
1897
+
1898
+ .zx-root.zx-theme-dark .zx-field__error {
1899
+ color: #ff7d90;
1900
+ }
1901
+
1902
+ .zx-root.zx-theme-dim .zx-field__error {
1903
+ color: #f5b3a4;
1904
+ }
1905
+
1906
+ .zx-root.zx-theme-nord .zx-field__error {
1907
+ color: #a85b64;
1908
+ }
1909
+
1910
+ .zx-root.zx-theme-sunset .zx-field__error {
1911
+ color: #f2bbc0;
1912
+ }
1913
+
1914
+ .zx-root .zx-field__root.zx-a-color-primary {
1915
+ --field-accent: #3f2bcb;
1916
+ }
1917
+
1918
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-primary {
1919
+ --field-accent: #6567ff;
1920
+ }
1921
+
1922
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-primary {
1923
+ --field-accent: #a0e791;
1924
+ }
1925
+
1926
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-primary {
1927
+ --field-accent: #5c7da6;
1928
+ }
1929
+
1930
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-primary {
1931
+ --field-accent: #fb8a62;
1932
+ }
1933
+
1934
+ .zx-root .zx-field__root.zx-a-color-secondary {
1935
+ --field-accent: #ad316f;
1936
+ }
1937
+
1938
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-secondary {
1939
+ --field-accent: #fa7cb6;
1940
+ }
1941
+
1942
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-secondary {
1943
+ --field-accent: #ed9984;
1944
+ }
1945
+
1946
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-secondary {
1947
+ --field-accent: #677e98;
1948
+ }
1949
+
1950
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-secondary {
1951
+ --field-accent: #e68aac;
1952
+ }
1953
+
1954
+ .zx-root .zx-field__root.zx-a-color-accent {
1955
+ --field-accent: #2b786d;
1956
+ }
1957
+
1958
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-accent {
1959
+ --field-accent: #93e5d9;
1960
+ }
1961
+
1962
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-accent {
1963
+ --field-accent: #bfade1;
1964
+ }
1965
+
1966
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-accent {
1967
+ --field-accent: #5e7d8c;
1968
+ }
1969
+
1970
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-accent {
1971
+ --field-accent: #ab9fe8;
1972
+ }
1973
+
1974
+ .zx-root .zx-field__root.zx-a-color-neutral {
1975
+ --field-accent: #121214;
1976
+ }
1977
+
1978
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-neutral {
1979
+ --field-accent: #878e92;
1980
+ }
1981
+
1982
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-neutral {
1983
+ --field-accent: #71828c;
1984
+ }
1985
+
1986
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-neutral {
1987
+ --field-accent: #3a4150;
1988
+ }
1989
+
1990
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-neutral {
1991
+ --field-accent: #667a8a;
1992
+ }
1993
+
1994
+ .zx-root .zx-field__root.zx-a-color-info {
1995
+ --field-accent: #2685b3;
1996
+ }
1997
+
1998
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-info {
1999
+ --field-accent: #70ceff;
2000
+ }
2001
+
2002
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-info {
2003
+ --field-accent: #6ce2f3;
2004
+ }
2005
+
2006
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-info {
2007
+ --field-accent: #89728a;
2008
+ }
2009
+
2010
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-info {
2011
+ --field-accent: #91d4e3;
2012
+ }
2013
+
2014
+ .zx-root .zx-field__root.zx-a-color-success {
2015
+ --field-accent: #2a7858;
2016
+ }
2017
+
2018
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-success {
2019
+ --field-accent: #92e5c2;
2020
+ }
2021
+
2022
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-success {
2023
+ --field-accent: #8ee0c9;
2024
+ }
2025
+
2026
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-success {
2027
+ --field-accent: #6b7d6a;
2028
+ }
2029
+
2030
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-success {
2031
+ --field-accent: #a6cebe;
2032
+ }
2033
+
2034
+ .zx-root .zx-field__root.zx-a-color-warning {
2035
+ --field-accent: #755a2b;
2036
+ }
2037
+
2038
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-warning {
2039
+ --field-accent: #f5ddac;
2040
+ }
2041
+
2042
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-warning {
2043
+ --field-accent: #cecfa6;
2044
+ }
2045
+
2046
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-warning {
2047
+ --field-accent: #7d7463;
2048
+ }
2049
+
2050
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-warning {
2051
+ --field-accent: #c5c1b7;
2052
+ }
2053
+
2054
+ .zx-root .zx-field__root.zx-a-color-error {
2055
+ --field-accent: #d9576d;
2056
+ }
2057
+
2058
+ .zx-root.zx-theme-dark .zx-field__root.zx-a-color-error {
2059
+ --field-accent: #ff7d90;
2060
+ }
2061
+
2062
+ .zx-root.zx-theme-dim .zx-field__root.zx-a-color-error {
2063
+ --field-accent: #f5b3a4;
2064
+ }
2065
+
2066
+ .zx-root.zx-theme-nord .zx-field__root.zx-a-color-error {
2067
+ --field-accent: #a85b64;
2068
+ }
2069
+
2070
+ .zx-root.zx-theme-sunset .zx-field__root.zx-a-color-error {
2071
+ --field-accent: #f2bbc0;
2072
+ }
2073
+
1592
2074
  .zx-field__label.zx-a-size-xs {
1593
2075
  font-size: var(--text-xs);
1594
2076
  }
@@ -1622,6 +2104,7 @@
1622
2104
  }
1623
2105
 
1624
2106
  .zx-checkbox__root {
2107
+ --checkbox-size: calc(var(--size-selector) * 6);
1625
2108
  --checkbox-pad: 0.25rem;
1626
2109
  --checkbox-accent: var(--color-primary);
1627
2110
  --checkbox-on-accent: var(--color-primary-content);
@@ -1651,6 +2134,7 @@
1651
2134
  border-radius: var(--radius-selector);
1652
2135
  color: var(--checkbox-on-accent);
1653
2136
  box-shadow: 0 1px var(--depth-shade) inset, 0 0 #0000 inset, 0 0 #0000;
2137
+ background-size: auto, calc(var(--noise) * 100%);
1654
2138
  background-image: none, var(--fx-noise);
1655
2139
  cursor: pointer;
1656
2140
  transition: background-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard);
@@ -1746,6 +2230,7 @@
1746
2230
  }
1747
2231
 
1748
2232
  .zx-checkbox__root.zx-a-size-xs {
2233
+ --checkbox-size: calc(var(--size-selector) * 4);
1749
2234
  --checkbox-pad: 0.125rem;
1750
2235
  }
1751
2236
 
@@ -1754,6 +2239,7 @@
1754
2239
  }
1755
2240
 
1756
2241
  .zx-checkbox__root.zx-a-size-sm {
2242
+ --checkbox-size: calc(var(--size-selector) * 5);
1757
2243
  --checkbox-pad: 0.1875rem;
1758
2244
  }
1759
2245
 
@@ -1762,6 +2248,7 @@
1762
2248
  }
1763
2249
 
1764
2250
  .zx-checkbox__root.zx-a-size-md {
2251
+ --checkbox-size: calc(var(--size-selector) * 6);
1765
2252
  --checkbox-pad: 0.25rem;
1766
2253
  }
1767
2254
 
@@ -1770,6 +2257,7 @@
1770
2257
  }
1771
2258
 
1772
2259
  .zx-checkbox__root.zx-a-size-lg {
2260
+ --checkbox-size: calc(var(--size-selector) * 7);
1773
2261
  --checkbox-pad: 0.3125rem;
1774
2262
  }
1775
2263
 
@@ -1778,6 +2266,7 @@
1778
2266
  }
1779
2267
 
1780
2268
  .zx-checkbox__root.zx-a-size-xl {
2269
+ --checkbox-size: calc(var(--size-selector) * 8);
1781
2270
  --checkbox-pad: 0.375rem;
1782
2271
  }
1783
2272
 
@@ -1786,6 +2275,7 @@
1786
2275
  }
1787
2276
 
1788
2277
  .zx-radio-group__root {
2278
+ --radio-size: calc(var(--size-selector) * 6);
1789
2279
  --radio-pad: 0.25rem;
1790
2280
  --radio-accent: var(--color-primary);
1791
2281
  }
@@ -1849,6 +2339,7 @@
1849
2339
  height: 100%;
1850
2340
  border-radius: 9999px;
1851
2341
  background-color: transparent;
2342
+ background-size: auto, calc(var(--noise) * 100%);
1852
2343
  background-image: none, var(--fx-noise);
1853
2344
  transition: background-color var(--duration-instant) var(--ease-standard);
1854
2345
  }
@@ -1896,6 +2387,7 @@
1896
2387
  }
1897
2388
 
1898
2389
  .zx-radio-group__root.zx-a-size-xs {
2390
+ --radio-size: calc(var(--size-selector) * 4);
1899
2391
  --radio-pad: 0.125rem;
1900
2392
  }
1901
2393
 
@@ -1904,6 +2396,7 @@
1904
2396
  }
1905
2397
 
1906
2398
  .zx-radio-group__root.zx-a-size-sm {
2399
+ --radio-size: calc(var(--size-selector) * 5);
1907
2400
  --radio-pad: 0.1875rem;
1908
2401
  }
1909
2402
 
@@ -1912,6 +2405,7 @@
1912
2405
  }
1913
2406
 
1914
2407
  .zx-radio-group__root.zx-a-size-md {
2408
+ --radio-size: calc(var(--size-selector) * 6);
1915
2409
  --radio-pad: 0.25rem;
1916
2410
  }
1917
2411
 
@@ -1920,6 +2414,7 @@
1920
2414
  }
1921
2415
 
1922
2416
  .zx-radio-group__root.zx-a-size-lg {
2417
+ --radio-size: calc(var(--size-selector) * 7);
1923
2418
  --radio-pad: 0.3125rem;
1924
2419
  }
1925
2420
 
@@ -1928,12 +2423,40 @@
1928
2423
  }
1929
2424
 
1930
2425
  .zx-radio-group__root.zx-a-size-xl {
2426
+ --radio-size: calc(var(--size-selector) * 8);
1931
2427
  --radio-pad: 0.375rem;
1932
2428
  }
1933
2429
 
1934
2430
  .zx-radio-group__item-label.zx-a-size-xl {
1935
2431
  font-size: var(--text-lg);
1936
2432
  }
2433
+ @keyframes zero-daisy-radio {
2434
+ 0% { padding: calc(var(--radio-pad) * 1.25); } 50% { padding: calc(var(--radio-pad) * 0.75); }
2435
+ }
2436
+
2437
+ .zx-progress__root {
2438
+ --progress-track-size: calc(var(--size-selector) * 2.5);
2439
+ }
2440
+
2441
+ .zx-root .zx-progress__root {
2442
+ --progress-accent: #4c45db;
2443
+ }
2444
+
2445
+ .zx-root.zx-theme-dark .zx-progress__root {
2446
+ --progress-accent: #6b6fff;
2447
+ }
2448
+
2449
+ .zx-root.zx-theme-dim .zx-progress__root {
2450
+ --progress-accent: #8ed07e;
2451
+ }
2452
+
2453
+ .zx-root.zx-theme-nord .zx-progress__root {
2454
+ --progress-accent: #53739a;
2455
+ }
2456
+
2457
+ .zx-root.zx-theme-sunset .zx-progress__root {
2458
+ --progress-accent: #e47751;
2459
+ }
1937
2460
 
1938
2461
  .zx-progress__root {
1939
2462
  display: flex;
@@ -1962,6 +2485,26 @@
1962
2485
  transition: width var(--duration-slow) var(--ease-standard);
1963
2486
  }
1964
2487
 
2488
+ .zx-root .zx-progress__range.zx-s-complete {
2489
+ background: #009367;
2490
+ }
2491
+
2492
+ .zx-root.zx-theme-dark .zx-progress__range.zx-s-complete {
2493
+ background: #009367;
2494
+ }
2495
+
2496
+ .zx-root.zx-theme-dim .zx-progress__range.zx-s-complete {
2497
+ background: #328366;
2498
+ }
2499
+
2500
+ .zx-root.zx-theme-nord .zx-progress__range.zx-s-complete {
2501
+ background: #58674b;
2502
+ }
2503
+
2504
+ .zx-root.zx-theme-sunset .zx-progress__range.zx-s-complete {
2505
+ background: #5d7a5d;
2506
+ }
2507
+
1965
2508
  .zx-progress__range.zx-s-indeterminate {
1966
2509
  width: 40%;
1967
2510
  animation: zero-daisy-indeterminate 1.2s ease-in-out infinite;
@@ -1972,35 +2515,211 @@
1972
2515
  opacity: 0.6;
1973
2516
  }
1974
2517
 
1975
- .zx-progress__root.zx-a-size-xs {
1976
- --progress-track-size: var(--size-selector);
2518
+ .zx-root .zx-progress__root.zx-a-color-primary {
2519
+ --progress-accent: #4c45db;
1977
2520
  }
1978
- @keyframes zero-daisy-indeterminate {
1979
- from { margin-inline-start: -40%; } to { margin-inline-start: 100%; }
2521
+
2522
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-primary {
2523
+ --progress-accent: #6b6fff;
1980
2524
  }
1981
2525
 
1982
- .zx-slider__root {
1983
- --slider-accent: var(--color-primary);
2526
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-primary {
2527
+ --progress-accent: #8ed07e;
1984
2528
  }
1985
2529
 
1986
- .zx-slider__root {
1987
- display: flex;
1988
- flex-direction: column;
1989
- gap: var(--space-sm);
1990
- width: 100%;
2530
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-primary {
2531
+ --progress-accent: #53739a;
1991
2532
  }
1992
2533
 
1993
- .zx-slider__root.zx-f-disabled {
1994
- opacity: var(--disabled-opacity);
2534
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-primary {
2535
+ --progress-accent: #e47751;
1995
2536
  }
1996
2537
 
1997
- .zx-slider__label {
1998
- font-size: var(--text-sm);
1999
- font-weight: var(--weight-semibold);
2538
+ .zx-root .zx-progress__root.zx-a-color-secondary {
2539
+ --progress-accent: #f74ca0;
2000
2540
  }
2001
2541
 
2002
- .zx-slider__control {
2003
- width: 100%;
2542
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-secondary {
2543
+ --progress-accent: #f74ca0;
2544
+ }
2545
+
2546
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-secondary {
2547
+ --progress-accent: #e46f52;
2548
+ }
2549
+
2550
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-secondary {
2551
+ --progress-accent: #7390ac;
2552
+ }
2553
+
2554
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-secondary {
2555
+ --progress-accent: #e3638b;
2556
+ }
2557
+
2558
+ .zx-root .zx-progress__root.zx-a-color-accent {
2559
+ --progress-accent: #03c5af;
2560
+ }
2561
+
2562
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-accent {
2563
+ --progress-accent: #03c5af;
2564
+ }
2565
+
2566
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-accent {
2567
+ --progress-accent: #b282d1;
2568
+ }
2569
+
2570
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-accent {
2571
+ --progress-accent: #79acba;
2572
+ }
2573
+
2574
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-accent {
2575
+ --progress-accent: #a078e0;
2576
+ }
2577
+
2578
+ .zx-root .zx-progress__root.zx-a-color-neutral {
2579
+ --progress-accent: #1a1a1c;
2580
+ }
2581
+
2582
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-neutral {
2583
+ --progress-accent: #1a1a1c;
2584
+ }
2585
+
2586
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-neutral {
2587
+ --progress-accent: #29303a;
2588
+ }
2589
+
2590
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-neutral {
2591
+ --progress-accent: #596376;
2592
+ }
2593
+
2594
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-neutral {
2595
+ --progress-accent: #263137;
2596
+ }
2597
+
2598
+ .zx-root .zx-progress__root.zx-a-color-info {
2599
+ --progress-accent: #02abea;
2600
+ }
2601
+
2602
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-info {
2603
+ --progress-accent: #02abea;
2604
+ }
2605
+
2606
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-info {
2607
+ --progress-accent: #23d2e4;
2608
+ }
2609
+
2610
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-info {
2611
+ --progress-accent: #a17f9a;
2612
+ }
2613
+
2614
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-info {
2615
+ --progress-accent: #7ac8d2;
2616
+ }
2617
+
2618
+ .zx-root .zx-progress__root.zx-a-color-success {
2619
+ --progress-accent: #00c487;
2620
+ }
2621
+
2622
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-success {
2623
+ --progress-accent: #00c487;
2624
+ }
2625
+
2626
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-success {
2627
+ --progress-accent: #57d6a9;
2628
+ }
2629
+
2630
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-success {
2631
+ --progress-accent: #92aa7e;
2632
+ }
2633
+
2634
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-success {
2635
+ --progress-accent: #9ac89a;
2636
+ }
2637
+
2638
+ .zx-root .zx-progress__root.zx-a-color-warning {
2639
+ --progress-accent: #eea902;
2640
+ }
2641
+
2642
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-warning {
2643
+ --progress-accent: #eea902;
2644
+ }
2645
+
2646
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-warning {
2647
+ --progress-accent: #d6ba4d;
2648
+ }
2649
+
2650
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-warning {
2651
+ --progress-accent: #d2b67c;
2652
+ }
2653
+
2654
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-warning {
2655
+ --progress-accent: #d8b382;
2656
+ }
2657
+
2658
+ .zx-root .zx-progress__root.zx-a-color-error {
2659
+ --progress-accent: #ec5872;
2660
+ }
2661
+
2662
+ .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-error {
2663
+ --progress-accent: #ec5872;
2664
+ }
2665
+
2666
+ .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-error {
2667
+ --progress-accent: #e49b8a;
2668
+ }
2669
+
2670
+ .zx-root.zx-theme-nord .zx-progress__root.zx-a-color-error {
2671
+ --progress-accent: #ab565e;
2672
+ }
2673
+
2674
+ .zx-root.zx-theme-sunset .zx-progress__root.zx-a-color-error {
2675
+ --progress-accent: #e4a7a9;
2676
+ }
2677
+
2678
+ .zx-progress__root.zx-a-size-xs {
2679
+ --progress-track-size: var(--size-selector);
2680
+ }
2681
+
2682
+ .zx-progress__root.zx-a-size-sm {
2683
+ --progress-track-size: calc(var(--size-selector) * 1.5);
2684
+ }
2685
+
2686
+ .zx-progress__root.zx-a-size-md {
2687
+ --progress-track-size: calc(var(--size-selector) * 2.5);
2688
+ }
2689
+
2690
+ .zx-progress__root.zx-a-size-lg {
2691
+ --progress-track-size: calc(var(--size-selector) * 3.5);
2692
+ }
2693
+
2694
+ .zx-progress__root.zx-a-size-xl {
2695
+ --progress-track-size: calc(var(--size-selector) * 4.5);
2696
+ }
2697
+ @keyframes zero-daisy-indeterminate {
2698
+ from { margin-inline-start: -40%; } to { margin-inline-start: 100%; }
2699
+ }
2700
+
2701
+ .zx-slider__root {
2702
+ --slider-accent: var(--color-primary);
2703
+ }
2704
+
2705
+ .zx-slider__root {
2706
+ display: flex;
2707
+ flex-direction: column;
2708
+ gap: var(--space-sm);
2709
+ width: 100%;
2710
+ }
2711
+
2712
+ .zx-slider__root.zx-f-disabled {
2713
+ opacity: var(--disabled-opacity);
2714
+ }
2715
+
2716
+ .zx-slider__label {
2717
+ font-size: var(--text-sm);
2718
+ font-weight: var(--weight-semibold);
2719
+ }
2720
+
2721
+ .zx-slider__control {
2722
+ width: 100%;
2004
2723
  accent-color: var(--slider-accent);
2005
2724
  cursor: pointer;
2006
2725
  }
@@ -2019,6 +2738,8 @@
2019
2738
  }
2020
2739
 
2021
2740
  .zx-slider__track {
2741
+ height: calc(var(--size-selector) * 2);
2742
+ margin-block: calc(var(--size-selector) * 1.5);
2022
2743
  border-radius: 9999px;
2023
2744
  background: var(--color-base-300);
2024
2745
  cursor: pointer;
@@ -2035,8 +2756,11 @@
2035
2756
 
2036
2757
  .zx-slider__thumb {
2037
2758
  box-sizing: border-box;
2759
+ width: calc(var(--size-selector) * 5);
2760
+ height: calc(var(--size-selector) * 5);
2038
2761
  inset-block-start: 50%;
2039
2762
  translate: 0 -50%;
2763
+ margin-inline-start: calc(var(--size-selector) * -2.5);
2040
2764
  border-radius: 9999px;
2041
2765
  cursor: pointer;
2042
2766
  outline: none;
@@ -2053,6 +2777,7 @@
2053
2777
  }
2054
2778
 
2055
2779
  .zx-slider__mark {
2780
+ padding-block-start: calc(var(--size-selector) * 2 + var(--space-2xs));
2056
2781
  font-size: var(--text-xs);
2057
2782
  line-height: 1;
2058
2783
  white-space: nowrap;
@@ -2096,10 +2821,18 @@
2096
2821
  --slider-accent: var(--color-error);
2097
2822
  }
2098
2823
 
2824
+ .zx-slider__control.zx-a-size-xs {
2825
+ height: calc(var(--size-selector) * 3);
2826
+ }
2827
+
2099
2828
  .zx-slider__label.zx-a-size-xs {
2100
2829
  font-size: var(--text-xs);
2101
2830
  }
2102
2831
 
2832
+ .zx-slider__control.zx-a-size-sm {
2833
+ height: calc(var(--size-selector) * 4);
2834
+ }
2835
+
2103
2836
  .zx-slider__label.zx-a-size-sm {
2104
2837
  font-size: var(--text-sm);
2105
2838
  }
@@ -2108,10 +2841,18 @@
2108
2841
  font-size: var(--text-sm);
2109
2842
  }
2110
2843
 
2844
+ .zx-slider__control.zx-a-size-lg {
2845
+ height: calc(var(--size-selector) * 7);
2846
+ }
2847
+
2111
2848
  .zx-slider__label.zx-a-size-lg {
2112
2849
  font-size: var(--text-md);
2113
2850
  }
2114
2851
 
2852
+ .zx-slider__control.zx-a-size-xl {
2853
+ height: calc(var(--size-selector) * 8);
2854
+ }
2855
+
2115
2856
  .zx-slider__label.zx-a-size-xl {
2116
2857
  font-size: var(--text-lg);
2117
2858
  }
@@ -2164,6 +2905,166 @@
2164
2905
  font-size: var(--text-md);
2165
2906
  }
2166
2907
 
2908
+ .zx-root .zx-accordion__root.zx-a-color-primary {
2909
+ --accordion-accent: #3f2bcb;
2910
+ }
2911
+
2912
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-primary {
2913
+ --accordion-accent: #6567ff;
2914
+ }
2915
+
2916
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-primary {
2917
+ --accordion-accent: #a0e791;
2918
+ }
2919
+
2920
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-primary {
2921
+ --accordion-accent: #5c7da6;
2922
+ }
2923
+
2924
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-primary {
2925
+ --accordion-accent: #fb8a62;
2926
+ }
2927
+
2928
+ .zx-root .zx-accordion__root.zx-a-color-secondary {
2929
+ --accordion-accent: #ad316f;
2930
+ }
2931
+
2932
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-secondary {
2933
+ --accordion-accent: #fa7cb6;
2934
+ }
2935
+
2936
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-secondary {
2937
+ --accordion-accent: #ed9984;
2938
+ }
2939
+
2940
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-secondary {
2941
+ --accordion-accent: #677e98;
2942
+ }
2943
+
2944
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-secondary {
2945
+ --accordion-accent: #e68aac;
2946
+ }
2947
+
2948
+ .zx-root .zx-accordion__root.zx-a-color-accent {
2949
+ --accordion-accent: #2b786d;
2950
+ }
2951
+
2952
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-accent {
2953
+ --accordion-accent: #93e5d9;
2954
+ }
2955
+
2956
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-accent {
2957
+ --accordion-accent: #bfade1;
2958
+ }
2959
+
2960
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-accent {
2961
+ --accordion-accent: #5e7d8c;
2962
+ }
2963
+
2964
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-accent {
2965
+ --accordion-accent: #ab9fe8;
2966
+ }
2967
+
2968
+ .zx-root .zx-accordion__root.zx-a-color-neutral {
2969
+ --accordion-accent: #121214;
2970
+ }
2971
+
2972
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-neutral {
2973
+ --accordion-accent: #878e92;
2974
+ }
2975
+
2976
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-neutral {
2977
+ --accordion-accent: #71828c;
2978
+ }
2979
+
2980
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-neutral {
2981
+ --accordion-accent: #3a4150;
2982
+ }
2983
+
2984
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-neutral {
2985
+ --accordion-accent: #667a8a;
2986
+ }
2987
+
2988
+ .zx-root .zx-accordion__root.zx-a-color-info {
2989
+ --accordion-accent: #2685b3;
2990
+ }
2991
+
2992
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-info {
2993
+ --accordion-accent: #70ceff;
2994
+ }
2995
+
2996
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-info {
2997
+ --accordion-accent: #6ce2f3;
2998
+ }
2999
+
3000
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-info {
3001
+ --accordion-accent: #89728a;
3002
+ }
3003
+
3004
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-info {
3005
+ --accordion-accent: #91d4e3;
3006
+ }
3007
+
3008
+ .zx-root .zx-accordion__root.zx-a-color-success {
3009
+ --accordion-accent: #2a7858;
3010
+ }
3011
+
3012
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-success {
3013
+ --accordion-accent: #92e5c2;
3014
+ }
3015
+
3016
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-success {
3017
+ --accordion-accent: #8ee0c9;
3018
+ }
3019
+
3020
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-success {
3021
+ --accordion-accent: #6b7d6a;
3022
+ }
3023
+
3024
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-success {
3025
+ --accordion-accent: #a6cebe;
3026
+ }
3027
+
3028
+ .zx-root .zx-accordion__root.zx-a-color-warning {
3029
+ --accordion-accent: #755a2b;
3030
+ }
3031
+
3032
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-warning {
3033
+ --accordion-accent: #f5ddac;
3034
+ }
3035
+
3036
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-warning {
3037
+ --accordion-accent: #cecfa6;
3038
+ }
3039
+
3040
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-warning {
3041
+ --accordion-accent: #7d7463;
3042
+ }
3043
+
3044
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-warning {
3045
+ --accordion-accent: #c5c1b7;
3046
+ }
3047
+
3048
+ .zx-root .zx-accordion__root.zx-a-color-error {
3049
+ --accordion-accent: #d9576d;
3050
+ }
3051
+
3052
+ .zx-root.zx-theme-dark .zx-accordion__root.zx-a-color-error {
3053
+ --accordion-accent: #ff7d90;
3054
+ }
3055
+
3056
+ .zx-root.zx-theme-dim .zx-accordion__root.zx-a-color-error {
3057
+ --accordion-accent: #f5b3a4;
3058
+ }
3059
+
3060
+ .zx-root.zx-theme-nord .zx-accordion__root.zx-a-color-error {
3061
+ --accordion-accent: #a85b64;
3062
+ }
3063
+
3064
+ .zx-root.zx-theme-sunset .zx-accordion__root.zx-a-color-error {
3065
+ --accordion-accent: #f2bbc0;
3066
+ }
3067
+
2167
3068
  .zx-accordion__trigger.zx-a-size-xs {
2168
3069
  padding: var(--space-md) var(--space-lg);
2169
3070
  font-size: var(--text-sm);
@@ -2219,6 +3120,8 @@
2219
3120
  align-items: center;
2220
3121
  justify-content: space-between;
2221
3122
  gap: var(--space-lg);
3123
+ height: calc(var(--size-field) * 12);
3124
+ padding-inline: calc(var(--size-field) * 4);
2222
3125
  font-size: var(--text-sm);
2223
3126
  font-weight: var(--weight-medium);
2224
3127
  color: var(--color-base-content);
@@ -2250,6 +3153,26 @@
2250
3153
  outline-offset: 2px;
2251
3154
  }
2252
3155
 
3156
+ .zx-root .zx-select__value.zx-f-placeholder {
3157
+ color: #07070899;
3158
+ }
3159
+
3160
+ .zx-root.zx-theme-dark .zx-select__value.zx-f-placeholder {
3161
+ color: #767d8099;
3162
+ }
3163
+
3164
+ .zx-root.zx-theme-dim .zx-select__value.zx-f-placeholder {
3165
+ color: #57656a99;
3166
+ }
3167
+
3168
+ .zx-root.zx-theme-nord .zx-select__value.zx-f-placeholder {
3169
+ color: #12151b99;
3170
+ }
3171
+
3172
+ .zx-root.zx-theme-sunset .zx-select__value.zx-f-placeholder {
3173
+ color: #4d5b6799;
3174
+ }
3175
+
2253
3176
  .zx-select__indicator {
2254
3177
  opacity: 0.6;
2255
3178
  transition: transform var(--duration-normal) var(--ease-standard);
@@ -2349,22 +3272,32 @@
2349
3272
  }
2350
3273
 
2351
3274
  .zx-select__trigger.zx-a-size-xs {
3275
+ height: calc(var(--size-field) * 8);
3276
+ padding-inline: calc(var(--size-field) * 2);
2352
3277
  font-size: var(--text-xs);
2353
3278
  }
2354
3279
 
2355
3280
  .zx-select__trigger.zx-a-size-sm {
3281
+ height: calc(var(--size-field) * 10);
3282
+ padding-inline: calc(var(--size-field) * 3);
2356
3283
  font-size: var(--text-sm);
2357
3284
  }
2358
3285
 
2359
3286
  .zx-select__trigger.zx-a-size-md {
3287
+ height: calc(var(--size-field) * 12);
3288
+ padding-inline: calc(var(--size-field) * 4);
2360
3289
  font-size: var(--text-sm);
2361
3290
  }
2362
3291
 
2363
3292
  .zx-select__trigger.zx-a-size-lg {
3293
+ height: calc(var(--size-field) * 14);
3294
+ padding-inline: calc(var(--size-field) * 5);
2364
3295
  font-size: var(--text-md);
2365
3296
  }
2366
3297
 
2367
3298
  .zx-select__trigger.zx-a-size-xl {
3299
+ height: calc(var(--size-field) * 16);
3300
+ padding-inline: calc(var(--size-field) * 6);
2368
3301
  font-size: var(--text-lg);
2369
3302
  }
2370
3303
 
@@ -2374,6 +3307,26 @@
2374
3307
  --btn-soft: var(--color-primary-soft);
2375
3308
  }
2376
3309
 
3310
+ .zx-root .zx-button__root {
3311
+ --btn-ink: #3f2bcb;
3312
+ }
3313
+
3314
+ .zx-root.zx-theme-dark .zx-button__root {
3315
+ --btn-ink: #6567ff;
3316
+ }
3317
+
3318
+ .zx-root.zx-theme-dim .zx-button__root {
3319
+ --btn-ink: #a0e791;
3320
+ }
3321
+
3322
+ .zx-root.zx-theme-nord .zx-button__root {
3323
+ --btn-ink: #5c7da6;
3324
+ }
3325
+
3326
+ .zx-root.zx-theme-sunset .zx-button__root {
3327
+ --btn-ink: #fb8a62;
3328
+ }
3329
+
2377
3330
  .zx-button__root {
2378
3331
  appearance: none;
2379
3332
  display: inline-flex;
@@ -2406,48 +3359,208 @@
2406
3359
  --btn-soft: var(--color-primary-soft);
2407
3360
  }
2408
3361
 
3362
+ .zx-root .zx-button__root.zx-a-color-primary {
3363
+ --btn-ink: #3f2bcb;
3364
+ }
3365
+
3366
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-primary {
3367
+ --btn-ink: #6567ff;
3368
+ }
3369
+
3370
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-primary {
3371
+ --btn-ink: #a0e791;
3372
+ }
3373
+
3374
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-primary {
3375
+ --btn-ink: #5c7da6;
3376
+ }
3377
+
3378
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-primary {
3379
+ --btn-ink: #fb8a62;
3380
+ }
3381
+
2409
3382
  .zx-button__root.zx-a-color-secondary {
2410
3383
  --btn-accent: var(--color-secondary);
2411
3384
  --btn-on-accent: var(--color-secondary-content);
2412
3385
  --btn-soft: var(--color-secondary-soft);
2413
3386
  }
2414
3387
 
3388
+ .zx-root .zx-button__root.zx-a-color-secondary {
3389
+ --btn-ink: #ad316f;
3390
+ }
3391
+
3392
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-secondary {
3393
+ --btn-ink: #fa7cb6;
3394
+ }
3395
+
3396
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-secondary {
3397
+ --btn-ink: #ed9984;
3398
+ }
3399
+
3400
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-secondary {
3401
+ --btn-ink: #677e98;
3402
+ }
3403
+
3404
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-secondary {
3405
+ --btn-ink: #e68aac;
3406
+ }
3407
+
2415
3408
  .zx-button__root.zx-a-color-accent {
2416
3409
  --btn-accent: var(--color-accent);
2417
3410
  --btn-on-accent: var(--color-accent-content);
2418
3411
  --btn-soft: var(--color-accent-soft);
2419
3412
  }
2420
3413
 
3414
+ .zx-root .zx-button__root.zx-a-color-accent {
3415
+ --btn-ink: #2b786d;
3416
+ }
3417
+
3418
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-accent {
3419
+ --btn-ink: #93e5d9;
3420
+ }
3421
+
3422
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-accent {
3423
+ --btn-ink: #bfade1;
3424
+ }
3425
+
3426
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-accent {
3427
+ --btn-ink: #5e7d8c;
3428
+ }
3429
+
3430
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-accent {
3431
+ --btn-ink: #ab9fe8;
3432
+ }
3433
+
2421
3434
  .zx-button__root.zx-a-color-neutral {
2422
3435
  --btn-accent: var(--color-neutral);
2423
3436
  --btn-on-accent: var(--color-neutral-content);
2424
3437
  --btn-soft: var(--color-neutral-soft);
2425
3438
  }
2426
3439
 
2427
- .zx-button__root.zx-a-color-info {
2428
- --btn-accent: var(--color-info);
2429
- --btn-on-accent: var(--color-info-content);
2430
- --btn-soft: var(--color-info-soft);
3440
+ .zx-root .zx-button__root.zx-a-color-neutral {
3441
+ --btn-ink: #121214;
2431
3442
  }
2432
3443
 
2433
- .zx-button__root.zx-a-color-success {
2434
- --btn-accent: var(--color-success);
2435
- --btn-on-accent: var(--color-success-content);
2436
- --btn-soft: var(--color-success-soft);
3444
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-neutral {
3445
+ --btn-ink: #878e92;
2437
3446
  }
2438
3447
 
2439
- .zx-button__root.zx-a-color-warning {
2440
- --btn-accent: var(--color-warning);
2441
- --btn-on-accent: var(--color-warning-content);
2442
- --btn-soft: var(--color-warning-soft);
3448
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-neutral {
3449
+ --btn-ink: #71828c;
2443
3450
  }
2444
3451
 
2445
- .zx-button__root.zx-a-color-error {
3452
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-neutral {
3453
+ --btn-ink: #3a4150;
3454
+ }
3455
+
3456
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-neutral {
3457
+ --btn-ink: #667a8a;
3458
+ }
3459
+
3460
+ .zx-button__root.zx-a-color-info {
3461
+ --btn-accent: var(--color-info);
3462
+ --btn-on-accent: var(--color-info-content);
3463
+ --btn-soft: var(--color-info-soft);
3464
+ }
3465
+
3466
+ .zx-root .zx-button__root.zx-a-color-info {
3467
+ --btn-ink: #2685b3;
3468
+ }
3469
+
3470
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-info {
3471
+ --btn-ink: #70ceff;
3472
+ }
3473
+
3474
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-info {
3475
+ --btn-ink: #6ce2f3;
3476
+ }
3477
+
3478
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-info {
3479
+ --btn-ink: #89728a;
3480
+ }
3481
+
3482
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-info {
3483
+ --btn-ink: #91d4e3;
3484
+ }
3485
+
3486
+ .zx-button__root.zx-a-color-success {
3487
+ --btn-accent: var(--color-success);
3488
+ --btn-on-accent: var(--color-success-content);
3489
+ --btn-soft: var(--color-success-soft);
3490
+ }
3491
+
3492
+ .zx-root .zx-button__root.zx-a-color-success {
3493
+ --btn-ink: #2a7858;
3494
+ }
3495
+
3496
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-success {
3497
+ --btn-ink: #92e5c2;
3498
+ }
3499
+
3500
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-success {
3501
+ --btn-ink: #8ee0c9;
3502
+ }
3503
+
3504
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-success {
3505
+ --btn-ink: #6b7d6a;
3506
+ }
3507
+
3508
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-success {
3509
+ --btn-ink: #a6cebe;
3510
+ }
3511
+
3512
+ .zx-button__root.zx-a-color-warning {
3513
+ --btn-accent: var(--color-warning);
3514
+ --btn-on-accent: var(--color-warning-content);
3515
+ --btn-soft: var(--color-warning-soft);
3516
+ }
3517
+
3518
+ .zx-root .zx-button__root.zx-a-color-warning {
3519
+ --btn-ink: #755a2b;
3520
+ }
3521
+
3522
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-warning {
3523
+ --btn-ink: #f5ddac;
3524
+ }
3525
+
3526
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-warning {
3527
+ --btn-ink: #cecfa6;
3528
+ }
3529
+
3530
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-warning {
3531
+ --btn-ink: #7d7463;
3532
+ }
3533
+
3534
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-warning {
3535
+ --btn-ink: #c5c1b7;
3536
+ }
3537
+
3538
+ .zx-button__root.zx-a-color-error {
2446
3539
  --btn-accent: var(--color-error);
2447
3540
  --btn-on-accent: var(--color-error-content);
2448
3541
  --btn-soft: var(--color-error-soft);
2449
3542
  }
2450
3543
 
3544
+ .zx-root .zx-button__root.zx-a-color-error {
3545
+ --btn-ink: #d9576d;
3546
+ }
3547
+
3548
+ .zx-root.zx-theme-dark .zx-button__root.zx-a-color-error {
3549
+ --btn-ink: #ff7d90;
3550
+ }
3551
+
3552
+ .zx-root.zx-theme-dim .zx-button__root.zx-a-color-error {
3553
+ --btn-ink: #f5b3a4;
3554
+ }
3555
+
3556
+ .zx-root.zx-theme-nord .zx-button__root.zx-a-color-error {
3557
+ --btn-ink: #a85b64;
3558
+ }
3559
+
3560
+ .zx-root.zx-theme-sunset .zx-button__root.zx-a-color-error {
3561
+ --btn-ink: #f2bbc0;
3562
+ }
3563
+
2451
3564
  .zx-button__root.zx-a-variant-solid {
2452
3565
  background: var(--btn-accent);
2453
3566
  color: var(--btn-on-accent);
@@ -2543,6 +3656,7 @@
2543
3656
  }
2544
3657
 
2545
3658
  .zx-avatar__root {
3659
+ --avatar-size: calc(var(--size-selector) * 10);
2546
3660
  --avatar-text: var(--text-sm);
2547
3661
  --avatar-ring: var(--color-primary);
2548
3662
  }
@@ -2611,18 +3725,22 @@
2611
3725
  }
2612
3726
 
2613
3727
  .zx-avatar__root.zx-a-size-xs {
3728
+ --avatar-size: calc(var(--size-selector) * 6);
2614
3729
  --avatar-text: var(--text-xs);
2615
3730
  }
2616
3731
 
2617
3732
  .zx-avatar__root.zx-a-size-sm {
3733
+ --avatar-size: calc(var(--size-selector) * 8);
2618
3734
  --avatar-text: var(--text-xs);
2619
3735
  }
2620
3736
 
2621
3737
  .zx-avatar__root.zx-a-size-lg {
3738
+ --avatar-size: calc(var(--size-selector) * 12);
2622
3739
  --avatar-text: var(--text-md);
2623
3740
  }
2624
3741
 
2625
3742
  .zx-avatar__root.zx-a-size-xl {
3743
+ --avatar-size: calc(var(--size-selector) * 16);
2626
3744
  --avatar-text: var(--text-lg);
2627
3745
  }
2628
3746
 
@@ -2640,7 +3758,6 @@
2640
3758
  border: none;
2641
3759
  background: transparent;
2642
3760
  overflow: visible;
2643
- width: min(24rem, 100vw);
2644
3761
  list-style: none;
2645
3762
  flex-direction: column;
2646
3763
  gap: var(--space-sm);
@@ -2841,6 +3958,7 @@
2841
3958
  align-items: stretch;
2842
3959
  min-width: 13rem;
2843
3960
  box-sizing: border-box;
3961
+ height: calc(var(--size-field) * 12);
2844
3962
  background: var(--color-base-100);
2845
3963
  border: var(--border) solid var(--color-base-300);
2846
3964
  border-radius: var(--radius-field);
@@ -2998,26 +4116,46 @@
2998
4116
  --combobox-accent: var(--color-error);
2999
4117
  }
3000
4118
 
4119
+ .zx-combobox__control.zx-a-size-xs {
4120
+ height: calc(var(--size-field) * 8);
4121
+ }
4122
+
3001
4123
  .zx-combobox__input.zx-a-size-xs {
3002
4124
  padding: var(--space-2xs) var(--space-md);
3003
4125
  font-size: var(--text-xs);
3004
4126
  }
3005
4127
 
4128
+ .zx-combobox__control.zx-a-size-sm {
4129
+ height: calc(var(--size-field) * 10);
4130
+ }
4131
+
3006
4132
  .zx-combobox__input.zx-a-size-sm {
3007
4133
  padding: var(--space-xs) var(--space-md);
3008
4134
  font-size: var(--text-sm);
3009
4135
  }
3010
4136
 
4137
+ .zx-combobox__control.zx-a-size-md {
4138
+ height: calc(var(--size-field) * 12);
4139
+ }
4140
+
3011
4141
  .zx-combobox__input.zx-a-size-md {
3012
4142
  padding: var(--space-sm) var(--space-lg);
3013
4143
  font-size: var(--text-sm);
3014
4144
  }
3015
4145
 
4146
+ .zx-combobox__control.zx-a-size-lg {
4147
+ height: calc(var(--size-field) * 14);
4148
+ }
4149
+
3016
4150
  .zx-combobox__input.zx-a-size-lg {
3017
4151
  padding: var(--space-md) var(--space-xl);
3018
4152
  font-size: var(--text-md);
3019
4153
  }
3020
4154
 
4155
+ .zx-combobox__control.zx-a-size-xl {
4156
+ height: calc(var(--size-field) * 16);
4157
+ }
4158
+
3021
4159
  .zx-combobox__input.zx-a-size-xl {
3022
4160
  padding: var(--space-lg) var(--space-2xl);
3023
4161
  font-size: var(--text-lg);
@@ -3270,10 +4408,31 @@
3270
4408
  opacity: var(--disabled-opacity);
3271
4409
  }
3272
4410
 
4411
+ .zx-root .zx-number-input__label.zx-f-invalid {
4412
+ color: #d9576d;
4413
+ }
4414
+
4415
+ .zx-root.zx-theme-dark .zx-number-input__label.zx-f-invalid {
4416
+ color: #ff7d90;
4417
+ }
4418
+
4419
+ .zx-root.zx-theme-dim .zx-number-input__label.zx-f-invalid {
4420
+ color: #f5b3a4;
4421
+ }
4422
+
4423
+ .zx-root.zx-theme-nord .zx-number-input__label.zx-f-invalid {
4424
+ color: #a85b64;
4425
+ }
4426
+
4427
+ .zx-root.zx-theme-sunset .zx-number-input__label.zx-f-invalid {
4428
+ color: #f2bbc0;
4429
+ }
4430
+
3273
4431
  .zx-number-input__control {
3274
4432
  display: inline-flex;
3275
4433
  align-items: stretch;
3276
4434
  box-sizing: border-box;
4435
+ height: calc(var(--size-field) * 12);
3277
4436
  background: var(--color-base-100);
3278
4437
  border: var(--border) solid var(--color-base-300);
3279
4438
  border-radius: var(--radius-field);
@@ -3388,26 +4547,66 @@
3388
4547
  --number-input-accent: var(--color-error);
3389
4548
  }
3390
4549
 
4550
+ .zx-number-input__control.zx-a-size-xs {
4551
+ height: calc(var(--size-field) * 8);
4552
+ }
4553
+
3391
4554
  .zx-number-input__input.zx-a-size-xs {
3392
4555
  font-size: var(--text-xs);
3393
4556
  padding: var(--space-2xs) var(--space-xs);
3394
4557
  }
3395
4558
 
4559
+ .zx-number-input__control.zx-a-size-sm {
4560
+ height: calc(var(--size-field) * 10);
4561
+ }
4562
+
3396
4563
  .zx-number-input__input.zx-a-size-sm {
3397
4564
  font-size: var(--text-xs);
3398
4565
  padding: var(--space-xs) var(--space-sm);
3399
4566
  }
3400
4567
 
4568
+ .zx-number-input__control.zx-a-size-lg {
4569
+ height: calc(var(--size-field) * 14);
4570
+ }
4571
+
3401
4572
  .zx-number-input__input.zx-a-size-lg {
3402
4573
  font-size: var(--text-md);
3403
4574
  padding: var(--space-md) var(--space-lg);
3404
4575
  }
3405
4576
 
4577
+ .zx-number-input__control.zx-a-size-xl {
4578
+ height: calc(var(--size-field) * 16);
4579
+ }
4580
+
3406
4581
  .zx-number-input__input.zx-a-size-xl {
3407
4582
  font-size: var(--text-lg);
3408
4583
  padding: var(--space-lg) var(--space-xl);
3409
4584
  }
3410
4585
 
4586
+ .zx-rating-group__root {
4587
+ --rating-size: calc(var(--size-selector) * 6);
4588
+ }
4589
+
4590
+ .zx-root .zx-rating-group__root {
4591
+ --rating-fill: #c68005;
4592
+ }
4593
+
4594
+ .zx-root.zx-theme-dark .zx-rating-group__root {
4595
+ --rating-fill: #c68005;
4596
+ }
4597
+
4598
+ .zx-root.zx-theme-dim .zx-rating-group__root {
4599
+ --rating-fill: #8e7b31;
4600
+ }
4601
+
4602
+ .zx-root.zx-theme-nord .zx-rating-group__root {
4603
+ --rating-fill: #8c7851;
4604
+ }
4605
+
4606
+ .zx-root.zx-theme-sunset .zx-rating-group__root {
4607
+ --rating-fill: #8f7655;
4608
+ }
4609
+
3411
4610
  .zx-rating-group__root {
3412
4611
  display: inline-flex;
3413
4612
  flex-direction: column;
@@ -3423,6 +4622,26 @@
3423
4622
  opacity: var(--disabled-opacity);
3424
4623
  }
3425
4624
 
4625
+ .zx-root .zx-rating-group__label.zx-f-invalid {
4626
+ color: #d9576d;
4627
+ }
4628
+
4629
+ .zx-root.zx-theme-dark .zx-rating-group__label.zx-f-invalid {
4630
+ color: #ff7d90;
4631
+ }
4632
+
4633
+ .zx-root.zx-theme-dim .zx-rating-group__label.zx-f-invalid {
4634
+ color: #f5b3a4;
4635
+ }
4636
+
4637
+ .zx-root.zx-theme-nord .zx-rating-group__label.zx-f-invalid {
4638
+ color: #a85b64;
4639
+ }
4640
+
4641
+ .zx-root.zx-theme-sunset .zx-rating-group__label.zx-f-invalid {
4642
+ color: #f2bbc0;
4643
+ }
4644
+
3426
4645
  .zx-rating-group__control {
3427
4646
  display: inline-flex;
3428
4647
  gap: var(--space-2xs);
@@ -3450,6 +4669,26 @@
3450
4669
  transition: color var(--duration-fast) var(--ease-standard), mask-size var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard);
3451
4670
  }
3452
4671
 
4672
+ .zx-root .zx-rating-group__item {
4673
+ color: #07070899;
4674
+ }
4675
+
4676
+ .zx-root.zx-theme-dark .zx-rating-group__item {
4677
+ color: #767d8099;
4678
+ }
4679
+
4680
+ .zx-root.zx-theme-dim .zx-rating-group__item {
4681
+ color: #57656a99;
4682
+ }
4683
+
4684
+ .zx-root.zx-theme-nord .zx-rating-group__item {
4685
+ color: #12151b99;
4686
+ }
4687
+
4688
+ .zx-root.zx-theme-sunset .zx-rating-group__item {
4689
+ color: #4d5b6799;
4690
+ }
4691
+
3453
4692
  .zx-rating-group__item.zx-s-full {
3454
4693
  color: var(--rating-fill);
3455
4694
  }
@@ -3478,6 +4717,182 @@
3478
4717
  border-radius: var(--radius-selector);
3479
4718
  }
3480
4719
 
4720
+ .zx-root .zx-rating-group__root.zx-a-color-primary {
4721
+ --rating-fill: #676ee6;
4722
+ }
4723
+
4724
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-primary {
4725
+ --rating-fill: #848fff;
4726
+ }
4727
+
4728
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-primary {
4729
+ --rating-fill: #6da160;
4730
+ }
4731
+
4732
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-primary {
4733
+ --rating-fill: #3f5876;
4734
+ }
4735
+
4736
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-primary {
4737
+ --rating-fill: #b15b3d;
4738
+ }
4739
+
4740
+ .zx-root .zx-rating-group__root.zx-a-color-secondary {
4741
+ --rating-fill: #fb74b2;
4742
+ }
4743
+
4744
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-secondary {
4745
+ --rating-fill: #fb74b2;
4746
+ }
4747
+
4748
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-secondary {
4749
+ --rating-fill: #b1543e;
4750
+ }
4751
+
4752
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-secondary {
4753
+ --rating-fill: #586e85;
4754
+ }
4755
+
4756
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-secondary {
4757
+ --rating-fill: #b04b6b;
4758
+ }
4759
+
4760
+ .zx-root .zx-rating-group__root.zx-a-color-accent {
4761
+ --rating-fill: #07a897;
4762
+ }
4763
+
4764
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-accent {
4765
+ --rating-fill: #07a897;
4766
+ }
4767
+
4768
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-accent {
4769
+ --rating-fill: #8964a1;
4770
+ }
4771
+
4772
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-accent {
4773
+ --rating-fill: #5d8490;
4774
+ }
4775
+
4776
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-accent {
4777
+ --rating-fill: #7b5cad;
4778
+ }
4779
+
4780
+ .zx-root .zx-rating-group__root.zx-a-color-neutral {
4781
+ --rating-fill: #414143;
4782
+ }
4783
+
4784
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-neutral {
4785
+ --rating-fill: #414143;
4786
+ }
4787
+
4788
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-neutral {
4789
+ --rating-fill: #444f59;
4790
+ }
4791
+
4792
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-neutral {
4793
+ --rating-fill: #737c8e;
4794
+ }
4795
+
4796
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-neutral {
4797
+ --rating-fill: #3c484f;
4798
+ }
4799
+
4800
+ .zx-root .zx-rating-group__root.zx-a-color-info {
4801
+ --rating-fill: #058dc4;
4802
+ }
4803
+
4804
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-info {
4805
+ --rating-fill: #058dc4;
4806
+ }
4807
+
4808
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-info {
4809
+ --rating-fill: #19a3b1;
4810
+ }
4811
+
4812
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-info {
4813
+ --rating-fill: #7c6177;
4814
+ }
4815
+
4816
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-info {
4817
+ --rating-fill: #5d9ba3;
4818
+ }
4819
+
4820
+ .zx-root .zx-rating-group__root.zx-a-color-success {
4821
+ --rating-fill: #00a875;
4822
+ }
4823
+
4824
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-success {
4825
+ --rating-fill: #00a875;
4826
+ }
4827
+
4828
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-success {
4829
+ --rating-fill: #41a682;
4830
+ }
4831
+
4832
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-success {
4833
+ --rating-fill: #708360;
4834
+ }
4835
+
4836
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-success {
4837
+ --rating-fill: #779a77;
4838
+ }
4839
+
4840
+ .zx-root .zx-rating-group__root.zx-a-color-warning {
4841
+ --rating-fill: #c68005;
4842
+ }
4843
+
4844
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-warning {
4845
+ --rating-fill: #c68005;
4846
+ }
4847
+
4848
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-warning {
4849
+ --rating-fill: #8e7b31;
4850
+ }
4851
+
4852
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-warning {
4853
+ --rating-fill: #8c7851;
4854
+ }
4855
+
4856
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-warning {
4857
+ --rating-fill: #8f7655;
4858
+ }
4859
+
4860
+ .zx-root .zx-rating-group__root.zx-a-color-error {
4861
+ --rating-fill: #c6445c;
4862
+ }
4863
+
4864
+ .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-error {
4865
+ --rating-fill: #c6445c;
4866
+ }
4867
+
4868
+ .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-error {
4869
+ --rating-fill: #b1776a;
4870
+ }
4871
+
4872
+ .zx-root.zx-theme-nord .zx-rating-group__root.zx-a-color-error {
4873
+ --rating-fill: #834147;
4874
+ }
4875
+
4876
+ .zx-root.zx-theme-sunset .zx-rating-group__root.zx-a-color-error {
4877
+ --rating-fill: #b18182;
4878
+ }
4879
+
4880
+ .zx-rating-group__root.zx-a-size-xs {
4881
+ --rating-size: calc(var(--size-selector) * 4);
4882
+ }
4883
+
4884
+ .zx-rating-group__root.zx-a-size-sm {
4885
+ --rating-size: calc(var(--size-selector) * 5);
4886
+ }
4887
+
4888
+ .zx-rating-group__root.zx-a-size-lg {
4889
+ --rating-size: calc(var(--size-selector) * 7);
4890
+ }
4891
+
4892
+ .zx-rating-group__root.zx-a-size-xl {
4893
+ --rating-size: calc(var(--size-selector) * 8);
4894
+ }
4895
+
3481
4896
  .zx-tree-view__root {
3482
4897
  --tree-accent: var(--color-primary);
3483
4898
  --tree-text: var(--text-sm);
@@ -3659,10 +5074,31 @@
3659
5074
  opacity: var(--disabled-opacity);
3660
5075
  }
3661
5076
 
5077
+ .zx-root .zx-input__label.zx-f-invalid {
5078
+ color: #d9576d;
5079
+ }
5080
+
5081
+ .zx-root.zx-theme-dark .zx-input__label.zx-f-invalid {
5082
+ color: #ff7d90;
5083
+ }
5084
+
5085
+ .zx-root.zx-theme-dim .zx-input__label.zx-f-invalid {
5086
+ color: #f5b3a4;
5087
+ }
5088
+
5089
+ .zx-root.zx-theme-nord .zx-input__label.zx-f-invalid {
5090
+ color: #a85b64;
5091
+ }
5092
+
5093
+ .zx-root.zx-theme-sunset .zx-input__label.zx-f-invalid {
5094
+ color: #f2bbc0;
5095
+ }
5096
+
3662
5097
  .zx-input__control {
3663
5098
  display: inline-flex;
3664
5099
  align-items: stretch;
3665
5100
  box-sizing: border-box;
5101
+ height: calc(var(--size-field) * 12);
3666
5102
  background: var(--color-base-100);
3667
5103
  border: var(--border) solid var(--color-base-300);
3668
5104
  border-radius: var(--radius-field);
@@ -3733,21 +5169,37 @@
3733
5169
  --input-accent: var(--color-error);
3734
5170
  }
3735
5171
 
5172
+ .zx-input__control.zx-a-size-xs {
5173
+ height: calc(var(--size-field) * 8);
5174
+ }
5175
+
3736
5176
  .zx-input__input.zx-a-size-xs {
3737
5177
  font-size: var(--text-xs);
3738
5178
  padding: var(--space-2xs) var(--space-xs);
3739
5179
  }
3740
5180
 
5181
+ .zx-input__control.zx-a-size-sm {
5182
+ height: calc(var(--size-field) * 10);
5183
+ }
5184
+
3741
5185
  .zx-input__input.zx-a-size-sm {
3742
5186
  font-size: var(--text-xs);
3743
5187
  padding: var(--space-xs) var(--space-sm);
3744
5188
  }
3745
5189
 
5190
+ .zx-input__control.zx-a-size-lg {
5191
+ height: calc(var(--size-field) * 14);
5192
+ }
5193
+
3746
5194
  .zx-input__input.zx-a-size-lg {
3747
5195
  font-size: var(--text-md);
3748
5196
  padding: var(--space-md) var(--space-lg);
3749
5197
  }
3750
5198
 
5199
+ .zx-input__control.zx-a-size-xl {
5200
+ height: calc(var(--size-field) * 16);
5201
+ }
5202
+
3751
5203
  .zx-input__input.zx-a-size-xl {
3752
5204
  font-size: var(--text-lg);
3753
5205
  padding: var(--space-lg) var(--space-xl);
@@ -3772,6 +5224,26 @@
3772
5224
  opacity: var(--disabled-opacity);
3773
5225
  }
3774
5226
 
5227
+ .zx-root .zx-textarea__label.zx-f-invalid {
5228
+ color: #d9576d;
5229
+ }
5230
+
5231
+ .zx-root.zx-theme-dark .zx-textarea__label.zx-f-invalid {
5232
+ color: #ff7d90;
5233
+ }
5234
+
5235
+ .zx-root.zx-theme-dim .zx-textarea__label.zx-f-invalid {
5236
+ color: #f5b3a4;
5237
+ }
5238
+
5239
+ .zx-root.zx-theme-nord .zx-textarea__label.zx-f-invalid {
5240
+ color: #a85b64;
5241
+ }
5242
+
5243
+ .zx-root.zx-theme-sunset .zx-textarea__label.zx-f-invalid {
5244
+ color: #f2bbc0;
5245
+ }
5246
+
3775
5247
  .zx-textarea__textarea {
3776
5248
  box-sizing: border-box;
3777
5249
  height: auto;
@@ -3780,6 +5252,7 @@
3780
5252
  border-radius: var(--radius-field);
3781
5253
  box-shadow: var(--shadow-xs);
3782
5254
  display: block;
5255
+ min-height: calc(calc(var(--size-field) * 12) * 2);
3783
5256
  width: 100%;
3784
5257
  min-width: 0;
3785
5258
  appearance: none;
@@ -3840,21 +5313,25 @@
3840
5313
 
3841
5314
  .zx-textarea__textarea.zx-a-size-xs {
3842
5315
  font-size: var(--text-xs);
5316
+ min-height: calc(calc(var(--size-field) * 8) * 2);
3843
5317
  padding: var(--space-2xs) var(--space-xs);
3844
5318
  }
3845
5319
 
3846
5320
  .zx-textarea__textarea.zx-a-size-sm {
3847
5321
  font-size: var(--text-xs);
5322
+ min-height: calc(calc(var(--size-field) * 10) * 2);
3848
5323
  padding: var(--space-xs) var(--space-sm);
3849
5324
  }
3850
5325
 
3851
5326
  .zx-textarea__textarea.zx-a-size-lg {
3852
5327
  font-size: var(--text-md);
5328
+ min-height: calc(calc(var(--size-field) * 14) * 2);
3853
5329
  padding: var(--space-md) var(--space-lg);
3854
5330
  }
3855
5331
 
3856
5332
  .zx-textarea__textarea.zx-a-size-xl {
3857
5333
  font-size: var(--text-lg);
5334
+ min-height: calc(calc(var(--size-field) * 16) * 2);
3858
5335
  padding: var(--space-lg) var(--space-xl);
3859
5336
  }
3860
5337
 
@@ -3873,6 +5350,7 @@
3873
5350
  width: 100%;
3874
5351
  min-width: 12rem;
3875
5352
  box-sizing: border-box;
5353
+ height: calc(var(--size-field) * 12);
3876
5354
  background: var(--color-base-100);
3877
5355
  border: var(--border) solid var(--color-base-300);
3878
5356
  border-radius: var(--radius-field);
@@ -3881,6 +5359,7 @@
3881
5359
  font: inherit;
3882
5360
  font-size: var(--text-sm);
3883
5361
  padding: var(--space-sm) var(--space-md);
5362
+ padding-inline-end: calc(var(--space-md) + 1.25em);
3884
5363
  cursor: pointer;
3885
5364
  transition: border-color var(--duration-fast) var(--ease-standard);
3886
5365
  }
@@ -3894,6 +5373,26 @@
3894
5373
  cursor: not-allowed;
3895
5374
  }
3896
5375
 
5376
+ .zx-root .zx-native-select__control.zx-f-placeholder {
5377
+ color: #07070899;
5378
+ }
5379
+
5380
+ .zx-root.zx-theme-dark .zx-native-select__control.zx-f-placeholder {
5381
+ color: #767d8099;
5382
+ }
5383
+
5384
+ .zx-root.zx-theme-dim .zx-native-select__control.zx-f-placeholder {
5385
+ color: #57656a99;
5386
+ }
5387
+
5388
+ .zx-root.zx-theme-nord .zx-native-select__control.zx-f-placeholder {
5389
+ color: #12151b99;
5390
+ }
5391
+
5392
+ .zx-root.zx-theme-sunset .zx-native-select__control.zx-f-placeholder {
5393
+ color: #4d5b6799;
5394
+ }
5395
+
3897
5396
  .zx-native-select__control.zx-f-focus-visible {
3898
5397
  outline: 2px solid var(--native-select-accent);
3899
5398
  outline-offset: 2px;
@@ -3940,23 +5439,31 @@
3940
5439
  }
3941
5440
 
3942
5441
  .zx-native-select__control.zx-a-size-xs {
5442
+ height: calc(var(--size-field) * 8);
3943
5443
  font-size: var(--text-xs);
3944
5444
  padding: var(--space-2xs) var(--space-xs);
5445
+ padding-inline-end: calc(var(--space-xs) + 1.25em);
3945
5446
  }
3946
5447
 
3947
5448
  .zx-native-select__control.zx-a-size-sm {
5449
+ height: calc(var(--size-field) * 10);
3948
5450
  font-size: var(--text-xs);
3949
5451
  padding: var(--space-xs) var(--space-sm);
5452
+ padding-inline-end: calc(var(--space-sm) + 1.25em);
3950
5453
  }
3951
5454
 
3952
5455
  .zx-native-select__control.zx-a-size-lg {
5456
+ height: calc(var(--size-field) * 14);
3953
5457
  font-size: var(--text-md);
3954
5458
  padding: var(--space-md) var(--space-lg);
5459
+ padding-inline-end: calc(var(--space-lg) + 1.25em);
3955
5460
  }
3956
5461
 
3957
5462
  .zx-native-select__control.zx-a-size-xl {
5463
+ height: calc(var(--size-field) * 16);
3958
5464
  font-size: var(--text-lg);
3959
5465
  padding: var(--space-lg) var(--space-xl);
5466
+ padding-inline-end: calc(var(--space-xl) + 1.25em);
3960
5467
  }
3961
5468
 
3962
5469
  .zx-card__root {
@@ -3992,20 +5499,72 @@
3992
5499
  font-size: var(--text-sm);
3993
5500
  }
3994
5501
 
3995
- .zx-card__body {
3996
- padding: var(--card-pad);
3997
- font-size: var(--text-sm);
3998
- line-height: var(--leading-normal);
5502
+ .zx-root .zx-card__description {
5503
+ color: #0a0a0cb3;
3999
5504
  }
4000
5505
 
4001
- .zx-card__footer {
4002
- display: flex;
5506
+ .zx-root.zx-theme-dark .zx-card__description {
5507
+ color: #929a9eb3;
5508
+ }
5509
+
5510
+ .zx-root.zx-theme-dim .zx-card__description {
5511
+ color: #6d7e84b3;
5512
+ }
5513
+
5514
+ .zx-root.zx-theme-nord .zx-card__description {
5515
+ color: #181c24b3;
5516
+ }
5517
+
5518
+ .zx-root.zx-theme-sunset .zx-card__description {
5519
+ color: #617180b3;
5520
+ }
5521
+
5522
+ .zx-card__body {
5523
+ padding: var(--card-pad);
5524
+ font-size: var(--text-sm);
5525
+ line-height: var(--leading-normal);
5526
+ }
5527
+
5528
+ .zx-card__footer {
5529
+ display: flex;
4003
5530
  align-items: center;
4004
5531
  justify-content: flex-end;
4005
5532
  gap: var(--space-md);
4006
5533
  padding: 0 var(--card-pad) var(--card-pad);
4007
5534
  }
4008
5535
 
5536
+ .zx-card__root.zx-a-color-primary {
5537
+ border-top: calc(var(--border) * 3) solid var(--color-primary);
5538
+ }
5539
+
5540
+ .zx-card__root.zx-a-color-secondary {
5541
+ border-top: calc(var(--border) * 3) solid var(--color-secondary);
5542
+ }
5543
+
5544
+ .zx-card__root.zx-a-color-accent {
5545
+ border-top: calc(var(--border) * 3) solid var(--color-accent);
5546
+ }
5547
+
5548
+ .zx-card__root.zx-a-color-neutral {
5549
+ border-top: calc(var(--border) * 3) solid var(--color-neutral);
5550
+ }
5551
+
5552
+ .zx-card__root.zx-a-color-info {
5553
+ border-top: calc(var(--border) * 3) solid var(--color-info);
5554
+ }
5555
+
5556
+ .zx-card__root.zx-a-color-success {
5557
+ border-top: calc(var(--border) * 3) solid var(--color-success);
5558
+ }
5559
+
5560
+ .zx-card__root.zx-a-color-warning {
5561
+ border-top: calc(var(--border) * 3) solid var(--color-warning);
5562
+ }
5563
+
5564
+ .zx-card__root.zx-a-color-error {
5565
+ border-top: calc(var(--border) * 3) solid var(--color-error);
5566
+ }
5567
+
4009
5568
  .zx-card__root.zx-a-size-xs {
4010
5569
  --card-pad: var(--space-sm);
4011
5570
  }
@@ -4087,34 +5646,194 @@
4087
5646
  --alert-tint: var(--color-primary-soft);
4088
5647
  }
4089
5648
 
5649
+ .zx-root .zx-alert__root.zx-a-color-primary {
5650
+ --alert-ink: #3f2bcb;
5651
+ }
5652
+
5653
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-primary {
5654
+ --alert-ink: #6567ff;
5655
+ }
5656
+
5657
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-primary {
5658
+ --alert-ink: #a0e791;
5659
+ }
5660
+
5661
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-primary {
5662
+ --alert-ink: #5c7da6;
5663
+ }
5664
+
5665
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-primary {
5666
+ --alert-ink: #fb8a62;
5667
+ }
5668
+
4090
5669
  .zx-alert__root.zx-a-color-secondary {
4091
5670
  --alert-tint: var(--color-secondary-soft);
4092
5671
  }
4093
5672
 
5673
+ .zx-root .zx-alert__root.zx-a-color-secondary {
5674
+ --alert-ink: #ad316f;
5675
+ }
5676
+
5677
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-secondary {
5678
+ --alert-ink: #fa7cb6;
5679
+ }
5680
+
5681
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-secondary {
5682
+ --alert-ink: #ed9984;
5683
+ }
5684
+
5685
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-secondary {
5686
+ --alert-ink: #677e98;
5687
+ }
5688
+
5689
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-secondary {
5690
+ --alert-ink: #e68aac;
5691
+ }
5692
+
4094
5693
  .zx-alert__root.zx-a-color-accent {
4095
5694
  --alert-tint: var(--color-accent-soft);
4096
5695
  }
4097
5696
 
5697
+ .zx-root .zx-alert__root.zx-a-color-accent {
5698
+ --alert-ink: #2b786d;
5699
+ }
5700
+
5701
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-accent {
5702
+ --alert-ink: #93e5d9;
5703
+ }
5704
+
5705
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-accent {
5706
+ --alert-ink: #bfade1;
5707
+ }
5708
+
5709
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-accent {
5710
+ --alert-ink: #5e7d8c;
5711
+ }
5712
+
5713
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-accent {
5714
+ --alert-ink: #ab9fe8;
5715
+ }
5716
+
4098
5717
  .zx-alert__root.zx-a-color-neutral {
4099
5718
  --alert-tint: var(--color-neutral-soft);
4100
5719
  }
4101
5720
 
5721
+ .zx-root .zx-alert__root.zx-a-color-neutral {
5722
+ --alert-ink: #121214;
5723
+ }
5724
+
5725
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-neutral {
5726
+ --alert-ink: #878e92;
5727
+ }
5728
+
5729
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-neutral {
5730
+ --alert-ink: #71828c;
5731
+ }
5732
+
5733
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-neutral {
5734
+ --alert-ink: #3a4150;
5735
+ }
5736
+
5737
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-neutral {
5738
+ --alert-ink: #667a8a;
5739
+ }
5740
+
4102
5741
  .zx-alert__root.zx-a-color-info {
4103
5742
  --alert-tint: var(--color-info-soft);
4104
5743
  }
4105
5744
 
5745
+ .zx-root .zx-alert__root.zx-a-color-info {
5746
+ --alert-ink: #2685b3;
5747
+ }
5748
+
5749
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-info {
5750
+ --alert-ink: #70ceff;
5751
+ }
5752
+
5753
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-info {
5754
+ --alert-ink: #6ce2f3;
5755
+ }
5756
+
5757
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-info {
5758
+ --alert-ink: #89728a;
5759
+ }
5760
+
5761
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-info {
5762
+ --alert-ink: #91d4e3;
5763
+ }
5764
+
4106
5765
  .zx-alert__root.zx-a-color-success {
4107
5766
  --alert-tint: var(--color-success-soft);
4108
5767
  }
4109
5768
 
5769
+ .zx-root .zx-alert__root.zx-a-color-success {
5770
+ --alert-ink: #2a7858;
5771
+ }
5772
+
5773
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-success {
5774
+ --alert-ink: #92e5c2;
5775
+ }
5776
+
5777
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-success {
5778
+ --alert-ink: #8ee0c9;
5779
+ }
5780
+
5781
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-success {
5782
+ --alert-ink: #6b7d6a;
5783
+ }
5784
+
5785
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-success {
5786
+ --alert-ink: #a6cebe;
5787
+ }
5788
+
4110
5789
  .zx-alert__root.zx-a-color-warning {
4111
5790
  --alert-tint: var(--color-warning-soft);
4112
5791
  }
4113
5792
 
5793
+ .zx-root .zx-alert__root.zx-a-color-warning {
5794
+ --alert-ink: #755a2b;
5795
+ }
5796
+
5797
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-warning {
5798
+ --alert-ink: #f5ddac;
5799
+ }
5800
+
5801
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-warning {
5802
+ --alert-ink: #cecfa6;
5803
+ }
5804
+
5805
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-warning {
5806
+ --alert-ink: #7d7463;
5807
+ }
5808
+
5809
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-warning {
5810
+ --alert-ink: #c5c1b7;
5811
+ }
5812
+
4114
5813
  .zx-alert__root.zx-a-color-error {
4115
5814
  --alert-tint: var(--color-error-soft);
4116
5815
  }
4117
5816
 
5817
+ .zx-root .zx-alert__root.zx-a-color-error {
5818
+ --alert-ink: #d9576d;
5819
+ }
5820
+
5821
+ .zx-root.zx-theme-dark .zx-alert__root.zx-a-color-error {
5822
+ --alert-ink: #ff7d90;
5823
+ }
5824
+
5825
+ .zx-root.zx-theme-dim .zx-alert__root.zx-a-color-error {
5826
+ --alert-ink: #f5b3a4;
5827
+ }
5828
+
5829
+ .zx-root.zx-theme-nord .zx-alert__root.zx-a-color-error {
5830
+ --alert-ink: #a85b64;
5831
+ }
5832
+
5833
+ .zx-root.zx-theme-sunset .zx-alert__root.zx-a-color-error {
5834
+ --alert-ink: #f2bbc0;
5835
+ }
5836
+
4118
5837
  .zx-alert__root.zx-a-size-xs {
4119
5838
  padding: var(--space-2xs) var(--space-sm);
4120
5839
  }
@@ -4273,6 +5992,14 @@
4273
5992
  --divider-thickness: var(--border);
4274
5993
  }
4275
5994
 
5995
+ .zx-divider__root.zx-a-size-lg {
5996
+ --divider-thickness: calc(var(--border) * 2);
5997
+ }
5998
+
5999
+ .zx-divider__root.zx-a-size-xl {
6000
+ --divider-thickness: calc(var(--border) * 3);
6001
+ }
6002
+
4276
6003
  .zx-skeleton__root {
4277
6004
  --skeleton-fill: var(--color-base-300);
4278
6005
  }
@@ -4289,6 +6016,166 @@
4289
6016
  pointer-events: none;
4290
6017
  }
4291
6018
 
6019
+ .zx-root .zx-skeleton__root.zx-a-color-primary {
6020
+ --skeleton-fill: #c5cbee;
6021
+ }
6022
+
6023
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-primary {
6024
+ --skeleton-fill: #212845;
6025
+ }
6026
+
6027
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-primary {
6028
+ --skeleton-fill: #374741;
6029
+ }
6030
+
6031
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-primary {
6032
+ --skeleton-fill: #bfcbdd;
6033
+ }
6034
+
6035
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-primary {
6036
+ --skeleton-fill: #342928;
6037
+ }
6038
+
6039
+ .zx-root .zx-skeleton__root.zx-a-color-secondary {
6040
+ --skeleton-fill: #f6cedc;
6041
+ }
6042
+
6043
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-secondary {
6044
+ --skeleton-fill: #3e2434;
6045
+ }
6046
+
6047
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-secondary {
6048
+ --skeleton-fill: #493739;
6049
+ }
6050
+
6051
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-secondary {
6052
+ --skeleton-fill: #c6d2e1;
6053
+ }
6054
+
6055
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-secondary {
6056
+ --skeleton-fill: #352630;
6057
+ }
6058
+
6059
+ .zx-root .zx-skeleton__root.zx-a-color-accent {
6060
+ --skeleton-fill: #d0e9e4;
6061
+ }
6062
+
6063
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-accent {
6064
+ --skeleton-fill: #1f393a;
6065
+ }
6066
+
6067
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-accent {
6068
+ --skeleton-fill: #3e394f;
6069
+ }
6070
+
6071
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-accent {
6072
+ --skeleton-fill: #c9d8e4;
6073
+ }
6074
+
6075
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-accent {
6076
+ --skeleton-fill: #27283f;
6077
+ }
6078
+
6079
+ .zx-root .zx-skeleton__root.zx-a-color-neutral {
6080
+ --skeleton-fill: #b9b9ba;
6081
+ }
6082
+
6083
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-neutral {
6084
+ --skeleton-fill: #13161a;
6085
+ }
6086
+
6087
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-neutral {
6088
+ --skeleton-fill: #1f242d;
6089
+ }
6090
+
6091
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-neutral {
6092
+ --skeleton-fill: #bac1ce;
6093
+ }
6094
+
6095
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-neutral {
6096
+ --skeleton-fill: #0c171d;
6097
+ }
6098
+
6099
+ .zx-root .zx-skeleton__root.zx-a-color-info {
6100
+ --skeleton-fill: #cde5f2;
6101
+ }
6102
+
6103
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-info {
6104
+ --skeleton-fill: #1e3544;
6105
+ }
6106
+
6107
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-info {
6108
+ --skeleton-fill: #2c4853;
6109
+ }
6110
+
6111
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-info {
6112
+ --skeleton-fill: #d1cedd;
6113
+ }
6114
+
6115
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-info {
6116
+ --skeleton-fill: #1f353d;
6117
+ }
6118
+
6119
+ .zx-root .zx-skeleton__root.zx-a-color-success {
6120
+ --skeleton-fill: #cfeadb;
6121
+ }
6122
+
6123
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-success {
6124
+ --skeleton-fill: #1f3933;
6125
+ }
6126
+
6127
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-success {
6128
+ --skeleton-fill: #2f4848;
6129
+ }
6130
+
6131
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-success {
6132
+ --skeleton-fill: #cdd8d7;
6133
+ }
6134
+
6135
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-success {
6136
+ --skeleton-fill: #243634;
6137
+ }
6138
+
6139
+ .zx-root .zx-skeleton__root.zx-a-color-warning {
6140
+ --skeleton-fill: #f2e4cd;
6141
+ }
6142
+
6143
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-warning {
6144
+ --skeleton-fill: #3c3528;
6145
+ }
6146
+
6147
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-warning {
6148
+ --skeleton-fill: #44443b;
6149
+ }
6150
+
6151
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-warning {
6152
+ --skeleton-fill: #dcdbd7;
6153
+ }
6154
+
6155
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-warning {
6156
+ --skeleton-fill: #303230;
6157
+ }
6158
+
6159
+ .zx-root .zx-skeleton__root.zx-a-color-error {
6160
+ --skeleton-fill: #f6d4d7;
6161
+ }
6162
+
6163
+ .zx-root.zx-theme-dark .zx-skeleton__root.zx-a-color-error {
6164
+ --skeleton-fill: #3f2930;
6165
+ }
6166
+
6167
+ .zx-root.zx-theme-dim .zx-skeleton__root.zx-a-color-error {
6168
+ --skeleton-fill: #473e43;
6169
+ }
6170
+
6171
+ .zx-root.zx-theme-nord .zx-skeleton__root.zx-a-color-error {
6172
+ --skeleton-fill: #d6c5cf;
6173
+ }
6174
+
6175
+ .zx-root.zx-theme-sunset .zx-skeleton__root.zx-a-color-error {
6176
+ --skeleton-fill: #333036;
6177
+ }
6178
+
4292
6179
  .zx-skeleton__root.zx-a-size-xs {
4293
6180
  border-radius: var(--radius-selector);
4294
6181
  }
@@ -4309,6 +6196,7 @@
4309
6196
  }
4310
6197
 
4311
6198
  .zx-spinner__root {
6199
+ --spinner-size: calc(var(--size-field) * 0.5);
4312
6200
  --spinner-ink: var(--color-primary);
4313
6201
  --spinner-track: var(--color-base-300);
4314
6202
  }
@@ -4319,6 +6207,7 @@
4319
6207
  block-size: var(--spinner-size);
4320
6208
  box-sizing: border-box;
4321
6209
  border-radius: 50%;
6210
+ border: calc(var(--border) * 2) solid var(--spinner-track);
4322
6211
  border-block-start-color: var(--spinner-ink);
4323
6212
  animation: zero-daisyui-spin 0.7s linear infinite;
4324
6213
  }
@@ -4354,6 +6243,22 @@
4354
6243
  .zx-spinner__root.zx-a-color-error {
4355
6244
  --spinner-ink: var(--color-error);
4356
6245
  }
6246
+
6247
+ .zx-spinner__root.zx-a-size-xs {
6248
+ --spinner-size: calc(var(--size-field) * 0.35);
6249
+ }
6250
+
6251
+ .zx-spinner__root.zx-a-size-sm {
6252
+ --spinner-size: calc(var(--size-field) * 0.42);
6253
+ }
6254
+
6255
+ .zx-spinner__root.zx-a-size-lg {
6256
+ --spinner-size: calc(var(--size-field) * 0.7);
6257
+ }
6258
+
6259
+ .zx-spinner__root.zx-a-size-xl {
6260
+ --spinner-size: calc(var(--size-field) * 0.9);
6261
+ }
4357
6262
  @keyframes zero-daisyui-spin {
4358
6263
  to { transform: rotate(360deg); }
4359
6264
  }
@@ -4372,6 +6277,7 @@
4372
6277
  background: var(--kbd-fill);
4373
6278
  color: var(--kbd-ink);
4374
6279
  border: var(--border) solid var(--color-base-300);
6280
+ border-block-end-width: calc(var(--border) * 2);
4375
6281
  border-radius: var(--radius-field);
4376
6282
  font-size: var(--text-xs);
4377
6283
  font-weight: var(--weight-semibold);
@@ -4442,6 +6348,7 @@
4442
6348
 
4443
6349
  .zx-status__root {
4444
6350
  --status-ink: var(--color-base-content);
6351
+ --status-size: calc(var(--size-selector) * 2.5);
4445
6352
  }
4446
6353
 
4447
6354
  .zx-status__root {
@@ -4451,6 +6358,7 @@
4451
6358
  box-sizing: border-box;
4452
6359
  vertical-align: middle;
4453
6360
  background: var(--status-ink);
6361
+ border: calc(var(--status-size) / 2) solid var(--status-ink);
4454
6362
  border-radius: 9999px;
4455
6363
  }
4456
6364
 
@@ -4486,6 +6394,22 @@
4486
6394
  --status-ink: var(--color-error);
4487
6395
  }
4488
6396
 
6397
+ .zx-status__root.zx-a-size-xs {
6398
+ --status-size: calc(var(--size-selector) * 1.5);
6399
+ }
6400
+
6401
+ .zx-status__root.zx-a-size-sm {
6402
+ --status-size: calc(var(--size-selector) * 2);
6403
+ }
6404
+
6405
+ .zx-status__root.zx-a-size-lg {
6406
+ --status-size: calc(var(--size-selector) * 3);
6407
+ }
6408
+
6409
+ .zx-status__root.zx-a-size-xl {
6410
+ --status-size: calc(var(--size-selector) * 3.5);
6411
+ }
6412
+
4489
6413
  .zx-indicator__root {
4490
6414
  position: relative;
4491
6415
  display: inline-flex;
@@ -4624,6 +6548,26 @@
4624
6548
  font-size: var(--text-xs);
4625
6549
  }
4626
6550
 
6551
+ .zx-root .zx-stats__title {
6552
+ color: #0a0a0cb3;
6553
+ }
6554
+
6555
+ .zx-root.zx-theme-dark .zx-stats__title {
6556
+ color: #929a9eb3;
6557
+ }
6558
+
6559
+ .zx-root.zx-theme-dim .zx-stats__title {
6560
+ color: #6d7e84b3;
6561
+ }
6562
+
6563
+ .zx-root.zx-theme-nord .zx-stats__title {
6564
+ color: #181c24b3;
6565
+ }
6566
+
6567
+ .zx-root.zx-theme-sunset .zx-stats__title {
6568
+ color: #617180b3;
6569
+ }
6570
+
4627
6571
  .zx-stats__value {
4628
6572
  grid-column: 1;
4629
6573
  font-size: var(--text-2xl);
@@ -4637,6 +6581,26 @@
4637
6581
  font-size: var(--text-xs);
4638
6582
  }
4639
6583
 
6584
+ .zx-root .zx-stats__desc {
6585
+ color: #0a0a0cb3;
6586
+ }
6587
+
6588
+ .zx-root.zx-theme-dark .zx-stats__desc {
6589
+ color: #929a9eb3;
6590
+ }
6591
+
6592
+ .zx-root.zx-theme-dim .zx-stats__desc {
6593
+ color: #6d7e84b3;
6594
+ }
6595
+
6596
+ .zx-root.zx-theme-nord .zx-stats__desc {
6597
+ color: #181c24b3;
6598
+ }
6599
+
6600
+ .zx-root.zx-theme-sunset .zx-stats__desc {
6601
+ color: #617180b3;
6602
+ }
6603
+
4640
6604
  .zx-stats__figure {
4641
6605
  grid-column: 2;
4642
6606
  grid-row: 1 / span 3;
@@ -4693,6 +6657,7 @@
4693
6657
 
4694
6658
  .zx-timeline__root {
4695
6659
  --timeline-accent: var(--color-base-content);
6660
+ --timeline-marker-size: calc(var(--size-selector) * 3);
4696
6661
  }
4697
6662
 
4698
6663
  .zx-timeline__root {
@@ -4729,6 +6694,7 @@
4729
6694
  box-sizing: border-box;
4730
6695
  border-radius: 9999px;
4731
6696
  background: var(--timeline-accent);
6697
+ border: calc(var(--timeline-marker-size) / 2) solid var(--timeline-accent);
4732
6698
  display: flex;
4733
6699
  align-items: center;
4734
6700
  justify-content: center;
@@ -4799,18 +6765,34 @@
4799
6765
  --timeline-accent: var(--color-error);
4800
6766
  }
4801
6767
 
6768
+ .zx-timeline__marker.zx-a-size-xs {
6769
+ --timeline-marker-size: calc(var(--size-selector) * 2);
6770
+ }
6771
+
4802
6772
  .zx-timeline__content.zx-a-size-xs {
4803
6773
  font-size: var(--text-xs);
4804
6774
  }
4805
6775
 
6776
+ .zx-timeline__marker.zx-a-size-sm {
6777
+ --timeline-marker-size: calc(var(--size-selector) * 2.5);
6778
+ }
6779
+
4806
6780
  .zx-timeline__content.zx-a-size-sm {
4807
6781
  font-size: var(--text-xs);
4808
6782
  }
4809
6783
 
6784
+ .zx-timeline__marker.zx-a-size-lg {
6785
+ --timeline-marker-size: calc(var(--size-selector) * 3.5);
6786
+ }
6787
+
4810
6788
  .zx-timeline__content.zx-a-size-lg {
4811
6789
  font-size: var(--text-md);
4812
6790
  }
4813
6791
 
6792
+ .zx-timeline__marker.zx-a-size-xl {
6793
+ --timeline-marker-size: calc(var(--size-selector) * 4);
6794
+ }
6795
+
4814
6796
  .zx-timeline__content.zx-a-size-xl {
4815
6797
  font-size: var(--text-md);
4816
6798
  }
@@ -4848,6 +6830,26 @@
4848
6830
  font-size: var(--text-xs);
4849
6831
  }
4850
6832
 
6833
+ .zx-root .zx-chat__header {
6834
+ color: #0a0a0cb3;
6835
+ }
6836
+
6837
+ .zx-root.zx-theme-dark .zx-chat__header {
6838
+ color: #929a9eb3;
6839
+ }
6840
+
6841
+ .zx-root.zx-theme-dim .zx-chat__header {
6842
+ color: #6d7e84b3;
6843
+ }
6844
+
6845
+ .zx-root.zx-theme-nord .zx-chat__header {
6846
+ color: #181c24b3;
6847
+ }
6848
+
6849
+ .zx-root.zx-theme-sunset .zx-chat__header {
6850
+ color: #617180b3;
6851
+ }
6852
+
4851
6853
  .zx-chat__bubble {
4852
6854
  max-inline-size: 90%;
4853
6855
  padding: var(--space-xs) var(--space-lg);
@@ -4861,14 +6863,34 @@
4861
6863
  font-size: var(--text-xs);
4862
6864
  }
4863
6865
 
4864
- .zx-chat__bubble.zx-a-color-primary {
4865
- --chat-fill: var(--color-primary);
4866
- --chat-ink: var(--color-primary-content);
6866
+ .zx-root .zx-chat__footer {
6867
+ color: #0a0a0cb3;
4867
6868
  }
4868
6869
 
4869
- .zx-chat__bubble.zx-a-color-secondary {
4870
- --chat-fill: var(--color-secondary);
4871
- --chat-ink: var(--color-secondary-content);
6870
+ .zx-root.zx-theme-dark .zx-chat__footer {
6871
+ color: #929a9eb3;
6872
+ }
6873
+
6874
+ .zx-root.zx-theme-dim .zx-chat__footer {
6875
+ color: #6d7e84b3;
6876
+ }
6877
+
6878
+ .zx-root.zx-theme-nord .zx-chat__footer {
6879
+ color: #181c24b3;
6880
+ }
6881
+
6882
+ .zx-root.zx-theme-sunset .zx-chat__footer {
6883
+ color: #617180b3;
6884
+ }
6885
+
6886
+ .zx-chat__bubble.zx-a-color-primary {
6887
+ --chat-fill: var(--color-primary);
6888
+ --chat-ink: var(--color-primary-content);
6889
+ }
6890
+
6891
+ .zx-chat__bubble.zx-a-color-secondary {
6892
+ --chat-fill: var(--color-secondary);
6893
+ --chat-ink: var(--color-secondary-content);
4872
6894
  }
4873
6895
 
4874
6896
  .zx-chat__bubble.zx-a-color-accent {
@@ -4922,6 +6944,8 @@
4922
6944
  }
4923
6945
 
4924
6946
  .zx-radial-progress__root {
6947
+ --radial-size: calc(var(--size-selector) * 16);
6948
+ --radial-thickness: calc(var(--size-selector) * 1.5);
4925
6949
  --radial-ink: var(--color-primary);
4926
6950
  --radial-track: var(--color-base-200);
4927
6951
  }
@@ -4935,10 +6959,50 @@
4935
6959
  border-radius: 50%;
4936
6960
  }
4937
6961
 
6962
+ .zx-root .zx-radial-progress__root.zx-s-complete {
6963
+ --radial-ink: #00748c;
6964
+ }
6965
+
6966
+ .zx-root.zx-theme-dark .zx-radial-progress__root.zx-s-complete {
6967
+ --radial-ink: #7ae6e0;
6968
+ }
6969
+
6970
+ .zx-root.zx-theme-dim .zx-radial-progress__root.zx-s-complete {
6971
+ --radial-ink: #7fe0dc;
6972
+ }
6973
+
6974
+ .zx-root.zx-theme-nord .zx-radial-progress__root.zx-s-complete {
6975
+ --radial-ink: #52817e;
6976
+ }
6977
+
6978
+ .zx-root.zx-theme-sunset .zx-radial-progress__root.zx-s-complete {
6979
+ --radial-ink: #90d2cd;
6980
+ }
6981
+
4938
6982
  .zx-radial-progress__label {
4939
6983
  font-size: var(--text-xs);
4940
6984
  }
4941
6985
 
6986
+ .zx-root .zx-radial-progress__label {
6987
+ color: #0a0a0cb3;
6988
+ }
6989
+
6990
+ .zx-root.zx-theme-dark .zx-radial-progress__label {
6991
+ color: #929a9eb3;
6992
+ }
6993
+
6994
+ .zx-root.zx-theme-dim .zx-radial-progress__label {
6995
+ color: #6d7e84b3;
6996
+ }
6997
+
6998
+ .zx-root.zx-theme-nord .zx-radial-progress__label {
6999
+ color: #181c24b3;
7000
+ }
7001
+
7002
+ .zx-root.zx-theme-sunset .zx-radial-progress__label {
7003
+ color: #617180b3;
7004
+ }
7005
+
4942
7006
  .zx-radial-progress__value-text {
4943
7007
  font-size: var(--text-sm);
4944
7008
  font-weight: var(--weight-semibold);
@@ -4977,6 +7041,26 @@
4977
7041
  .zx-radial-progress__root.zx-a-color-error {
4978
7042
  --radial-ink: var(--color-error);
4979
7043
  }
7044
+
7045
+ .zx-radial-progress__root.zx-a-size-xs {
7046
+ --radial-size: calc(var(--size-selector) * 10);
7047
+ --radial-thickness: calc(var(--size-selector) * 1);
7048
+ }
7049
+
7050
+ .zx-radial-progress__root.zx-a-size-sm {
7051
+ --radial-size: calc(var(--size-selector) * 13);
7052
+ --radial-thickness: calc(var(--size-selector) * 1.25);
7053
+ }
7054
+
7055
+ .zx-radial-progress__root.zx-a-size-lg {
7056
+ --radial-size: calc(var(--size-selector) * 20);
7057
+ --radial-thickness: calc(var(--size-selector) * 2);
7058
+ }
7059
+
7060
+ .zx-radial-progress__root.zx-a-size-xl {
7061
+ --radial-size: calc(var(--size-selector) * 24);
7062
+ --radial-thickness: calc(var(--size-selector) * 2.5);
7063
+ }
4980
7064
  @keyframes zero-daisyui-radial-spin {
4981
7065
  to { transform: rotate(360deg); }
4982
7066
  }
@@ -5165,6 +7249,26 @@
5165
7249
  transition: color var(--duration-fast) var(--ease-standard);
5166
7250
  }
5167
7251
 
7252
+ .zx-root .zx-breadcrumbs__link {
7253
+ color: #0d0d0fbf;
7254
+ }
7255
+
7256
+ .zx-root.zx-theme-dark .zx-breadcrumbs__link {
7257
+ color: #a0aaaebf;
7258
+ }
7259
+
7260
+ .zx-root.zx-theme-dim .zx-breadcrumbs__link {
7261
+ color: #788a91bf;
7262
+ }
7263
+
7264
+ .zx-root.zx-theme-nord .zx-breadcrumbs__link {
7265
+ color: #1c2028bf;
7266
+ }
7267
+
7268
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__link {
7269
+ color: #6b7d8dbf;
7270
+ }
7271
+
5168
7272
  .zx-breadcrumbs__link.zx-s-active {
5169
7273
  color: var(--bc-accent);
5170
7274
  font-weight: var(--weight-semibold);
@@ -5180,6 +7284,186 @@
5180
7284
  user-select: none;
5181
7285
  }
5182
7286
 
7287
+ .zx-root .zx-breadcrumbs__separator {
7288
+ color: #02020266;
7289
+ }
7290
+
7291
+ .zx-root.zx-theme-dark .zx-breadcrumbs__separator {
7292
+ color: #42464866;
7293
+ }
7294
+
7295
+ .zx-root.zx-theme-dim .zx-breadcrumbs__separator {
7296
+ color: #2f373b66;
7297
+ }
7298
+
7299
+ .zx-root.zx-theme-nord .zx-breadcrumbs__separator {
7300
+ color: #06070b66;
7301
+ }
7302
+
7303
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__separator {
7304
+ color: #29313966;
7305
+ }
7306
+
7307
+ .zx-root .zx-breadcrumbs__root.zx-a-color-primary {
7308
+ --bc-accent: #3f2bcb;
7309
+ }
7310
+
7311
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-primary {
7312
+ --bc-accent: #6567ff;
7313
+ }
7314
+
7315
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-primary {
7316
+ --bc-accent: #a0e791;
7317
+ }
7318
+
7319
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-primary {
7320
+ --bc-accent: #5c7da6;
7321
+ }
7322
+
7323
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-primary {
7324
+ --bc-accent: #fb8a62;
7325
+ }
7326
+
7327
+ .zx-root .zx-breadcrumbs__root.zx-a-color-secondary {
7328
+ --bc-accent: #ad316f;
7329
+ }
7330
+
7331
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-secondary {
7332
+ --bc-accent: #fa7cb6;
7333
+ }
7334
+
7335
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-secondary {
7336
+ --bc-accent: #ed9984;
7337
+ }
7338
+
7339
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-secondary {
7340
+ --bc-accent: #677e98;
7341
+ }
7342
+
7343
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-secondary {
7344
+ --bc-accent: #e68aac;
7345
+ }
7346
+
7347
+ .zx-root .zx-breadcrumbs__root.zx-a-color-accent {
7348
+ --bc-accent: #2b786d;
7349
+ }
7350
+
7351
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-accent {
7352
+ --bc-accent: #93e5d9;
7353
+ }
7354
+
7355
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-accent {
7356
+ --bc-accent: #bfade1;
7357
+ }
7358
+
7359
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-accent {
7360
+ --bc-accent: #5e7d8c;
7361
+ }
7362
+
7363
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-accent {
7364
+ --bc-accent: #ab9fe8;
7365
+ }
7366
+
7367
+ .zx-root .zx-breadcrumbs__root.zx-a-color-neutral {
7368
+ --bc-accent: #121214;
7369
+ }
7370
+
7371
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-neutral {
7372
+ --bc-accent: #878e92;
7373
+ }
7374
+
7375
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-neutral {
7376
+ --bc-accent: #71828c;
7377
+ }
7378
+
7379
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-neutral {
7380
+ --bc-accent: #3a4150;
7381
+ }
7382
+
7383
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-neutral {
7384
+ --bc-accent: #667a8a;
7385
+ }
7386
+
7387
+ .zx-root .zx-breadcrumbs__root.zx-a-color-info {
7388
+ --bc-accent: #2685b3;
7389
+ }
7390
+
7391
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-info {
7392
+ --bc-accent: #70ceff;
7393
+ }
7394
+
7395
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-info {
7396
+ --bc-accent: #6ce2f3;
7397
+ }
7398
+
7399
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-info {
7400
+ --bc-accent: #89728a;
7401
+ }
7402
+
7403
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-info {
7404
+ --bc-accent: #91d4e3;
7405
+ }
7406
+
7407
+ .zx-root .zx-breadcrumbs__root.zx-a-color-success {
7408
+ --bc-accent: #2a7858;
7409
+ }
7410
+
7411
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-success {
7412
+ --bc-accent: #92e5c2;
7413
+ }
7414
+
7415
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-success {
7416
+ --bc-accent: #8ee0c9;
7417
+ }
7418
+
7419
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-success {
7420
+ --bc-accent: #6b7d6a;
7421
+ }
7422
+
7423
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-success {
7424
+ --bc-accent: #a6cebe;
7425
+ }
7426
+
7427
+ .zx-root .zx-breadcrumbs__root.zx-a-color-warning {
7428
+ --bc-accent: #755a2b;
7429
+ }
7430
+
7431
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-warning {
7432
+ --bc-accent: #f5ddac;
7433
+ }
7434
+
7435
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-warning {
7436
+ --bc-accent: #cecfa6;
7437
+ }
7438
+
7439
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-warning {
7440
+ --bc-accent: #7d7463;
7441
+ }
7442
+
7443
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-warning {
7444
+ --bc-accent: #c5c1b7;
7445
+ }
7446
+
7447
+ .zx-root .zx-breadcrumbs__root.zx-a-color-error {
7448
+ --bc-accent: #d9576d;
7449
+ }
7450
+
7451
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root.zx-a-color-error {
7452
+ --bc-accent: #ff7d90;
7453
+ }
7454
+
7455
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root.zx-a-color-error {
7456
+ --bc-accent: #f5b3a4;
7457
+ }
7458
+
7459
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root.zx-a-color-error {
7460
+ --bc-accent: #a85b64;
7461
+ }
7462
+
7463
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root.zx-a-color-error {
7464
+ --bc-accent: #f2bbc0;
7465
+ }
7466
+
5183
7467
  .zx-breadcrumbs__root.zx-a-size-xs {
5184
7468
  font-size: var(--text-xs);
5185
7469
  }
@@ -5199,6 +7483,7 @@
5199
7483
  .zx-pagination__root {
5200
7484
  --pg-accent: var(--color-primary);
5201
7485
  --pg-accent-content: var(--color-primary-content);
7486
+ --pg-size: calc(var(--size-field) * 10);
5202
7487
  --pg-font: var(--text-sm);
5203
7488
  }
5204
7489
 
@@ -5252,6 +7537,26 @@
5252
7537
  user-select: none;
5253
7538
  }
5254
7539
 
7540
+ .zx-root .zx-pagination__ellipsis {
7541
+ color: #08080aa6;
7542
+ }
7543
+
7544
+ .zx-root.zx-theme-dark .zx-pagination__ellipsis {
7545
+ color: #848b8fa6;
7546
+ }
7547
+
7548
+ .zx-root.zx-theme-dim .zx-pagination__ellipsis {
7549
+ color: #627177a6;
7550
+ }
7551
+
7552
+ .zx-root.zx-theme-nord .zx-pagination__ellipsis {
7553
+ color: #151920a6;
7554
+ }
7555
+
7556
+ .zx-root.zx-theme-sunset .zx-pagination__ellipsis {
7557
+ color: #576674a6;
7558
+ }
7559
+
5255
7560
  .zx-pagination__prev-trigger {
5256
7561
  display: inline-flex;
5257
7562
  align-items: center;
@@ -5262,6 +7567,7 @@
5262
7567
  color: var(--color-base-content);
5263
7568
  border: none;
5264
7569
  border-radius: var(--radius-field);
7570
+ font-size: calc(var(--pg-font) * 1.2);
5265
7571
  line-height: var(--leading-none);
5266
7572
  appearance: none;
5267
7573
  cursor: pointer;
@@ -5288,6 +7594,7 @@
5288
7594
  color: var(--color-base-content);
5289
7595
  border: none;
5290
7596
  border-radius: var(--radius-field);
7597
+ font-size: calc(var(--pg-font) * 1.2);
5291
7598
  line-height: var(--leading-none);
5292
7599
  appearance: none;
5293
7600
  cursor: pointer;
@@ -5345,19 +7652,50 @@
5345
7652
  }
5346
7653
 
5347
7654
  .zx-pagination__root.zx-a-size-xs {
7655
+ --pg-size: calc(var(--size-field) * 7);
5348
7656
  --pg-font: var(--text-xs);
5349
7657
  }
5350
7658
 
7659
+ .zx-pagination__root.zx-a-size-sm {
7660
+ --pg-size: calc(var(--size-field) * 9);
7661
+ }
7662
+
7663
+ .zx-pagination__root.zx-a-size-lg {
7664
+ --pg-size: calc(var(--size-field) * 12);
7665
+ }
7666
+
5351
7667
  .zx-pagination__root.zx-a-size-xl {
7668
+ --pg-size: calc(var(--size-field) * 14);
5352
7669
  --pg-font: var(--text-lg);
5353
7670
  }
5354
7671
 
5355
7672
  .zx-steps__root {
5356
7673
  --steps-accent: var(--color-primary);
5357
7674
  --steps-accent-content: var(--color-primary-content);
7675
+ --steps-ind: calc(var(--size-selector) * 7);
5358
7676
  --steps-font: var(--text-sm);
5359
7677
  }
5360
7678
 
7679
+ .zx-root .zx-steps__root {
7680
+ --steps-accent-ink: #3f2bcb;
7681
+ }
7682
+
7683
+ .zx-root.zx-theme-dark .zx-steps__root {
7684
+ --steps-accent-ink: #6567ff;
7685
+ }
7686
+
7687
+ .zx-root.zx-theme-dim .zx-steps__root {
7688
+ --steps-accent-ink: #a0e791;
7689
+ }
7690
+
7691
+ .zx-root.zx-theme-nord .zx-steps__root {
7692
+ --steps-accent-ink: #5c7da6;
7693
+ }
7694
+
7695
+ .zx-root.zx-theme-sunset .zx-steps__root {
7696
+ --steps-accent-ink: #fb8a62;
7697
+ }
7698
+
5361
7699
  .zx-steps__root {
5362
7700
  display: flex;
5363
7701
  align-items: stretch;
@@ -5391,6 +7729,26 @@
5391
7729
  color: var(--color-base-content);
5392
7730
  }
5393
7731
 
7732
+ .zx-root .zx-steps__item.zx-s-inactive {
7733
+ color: #08080aa6;
7734
+ }
7735
+
7736
+ .zx-root.zx-theme-dark .zx-steps__item.zx-s-inactive {
7737
+ color: #848b8fa6;
7738
+ }
7739
+
7740
+ .zx-root.zx-theme-dim .zx-steps__item.zx-s-inactive {
7741
+ color: #627177a6;
7742
+ }
7743
+
7744
+ .zx-root.zx-theme-nord .zx-steps__item.zx-s-inactive {
7745
+ color: #151920a6;
7746
+ }
7747
+
7748
+ .zx-root.zx-theme-sunset .zx-steps__item.zx-s-inactive {
7749
+ color: #576674a6;
7750
+ }
7751
+
5394
7752
  .zx-steps__item.zx-f-disabled {
5395
7753
  opacity: var(--disabled-opacity);
5396
7754
  cursor: not-allowed;
@@ -5421,6 +7779,7 @@
5421
7779
  inline-size: var(--steps-ind);
5422
7780
  block-size: var(--steps-ind);
5423
7781
  border-radius: 9999px;
7782
+ font-size: calc(var(--steps-ind) * 0.45);
5424
7783
  font-weight: var(--weight-semibold);
5425
7784
  line-height: var(--leading-none);
5426
7785
  position: relative;
@@ -5458,12 +7817,16 @@
5458
7817
  }
5459
7818
 
5460
7819
  .zx-steps__separator.zx-o-horizontal {
7820
+ inset-block-start: calc(var(--space-xs) + var(--steps-ind) / 2);
5461
7821
  inset-inline-start: 50%;
5462
7822
  inline-size: 100%;
5463
7823
  block-size: var(--border);
5464
7824
  }
5465
7825
 
5466
7826
  .zx-steps__separator.zx-o-vertical {
7827
+ inset-inline-start: calc(var(--space-xs) + (var(--steps-ind) - var(--border)) / 2);
7828
+ inset-block-start: calc(var(--space-xs) + var(--steps-ind));
7829
+ inset-block-end: calc(var(--space-xs) * -1);
5467
7830
  inline-size: var(--border);
5468
7831
  }
5469
7832
 
@@ -5476,60 +7839,252 @@
5476
7839
  font-weight: var(--weight-normal);
5477
7840
  }
5478
7841
 
7842
+ .zx-root .zx-steps__description {
7843
+ color: #0a0a0cb3;
7844
+ }
7845
+
7846
+ .zx-root.zx-theme-dark .zx-steps__description {
7847
+ color: #929a9eb3;
7848
+ }
7849
+
7850
+ .zx-root.zx-theme-dim .zx-steps__description {
7851
+ color: #6d7e84b3;
7852
+ }
7853
+
7854
+ .zx-root.zx-theme-nord .zx-steps__description {
7855
+ color: #181c24b3;
7856
+ }
7857
+
7858
+ .zx-root.zx-theme-sunset .zx-steps__description {
7859
+ color: #617180b3;
7860
+ }
7861
+
5479
7862
  .zx-steps__root.zx-a-color-primary {
5480
7863
  --steps-accent: var(--color-primary);
5481
7864
  --steps-accent-content: var(--color-primary-content);
5482
7865
  }
5483
7866
 
7867
+ .zx-root .zx-steps__root.zx-a-color-primary {
7868
+ --steps-accent-ink: #3f2bcb;
7869
+ }
7870
+
7871
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-primary {
7872
+ --steps-accent-ink: #6567ff;
7873
+ }
7874
+
7875
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-primary {
7876
+ --steps-accent-ink: #a0e791;
7877
+ }
7878
+
7879
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-primary {
7880
+ --steps-accent-ink: #5c7da6;
7881
+ }
7882
+
7883
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-primary {
7884
+ --steps-accent-ink: #fb8a62;
7885
+ }
7886
+
5484
7887
  .zx-steps__root.zx-a-color-secondary {
5485
7888
  --steps-accent: var(--color-secondary);
5486
7889
  --steps-accent-content: var(--color-secondary-content);
5487
7890
  }
5488
7891
 
7892
+ .zx-root .zx-steps__root.zx-a-color-secondary {
7893
+ --steps-accent-ink: #ad316f;
7894
+ }
7895
+
7896
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-secondary {
7897
+ --steps-accent-ink: #fa7cb6;
7898
+ }
7899
+
7900
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-secondary {
7901
+ --steps-accent-ink: #ed9984;
7902
+ }
7903
+
7904
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-secondary {
7905
+ --steps-accent-ink: #677e98;
7906
+ }
7907
+
7908
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-secondary {
7909
+ --steps-accent-ink: #e68aac;
7910
+ }
7911
+
5489
7912
  .zx-steps__root.zx-a-color-accent {
5490
7913
  --steps-accent: var(--color-accent);
5491
7914
  --steps-accent-content: var(--color-accent-content);
5492
7915
  }
5493
7916
 
7917
+ .zx-root .zx-steps__root.zx-a-color-accent {
7918
+ --steps-accent-ink: #2b786d;
7919
+ }
7920
+
7921
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-accent {
7922
+ --steps-accent-ink: #93e5d9;
7923
+ }
7924
+
7925
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-accent {
7926
+ --steps-accent-ink: #bfade1;
7927
+ }
7928
+
7929
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-accent {
7930
+ --steps-accent-ink: #5e7d8c;
7931
+ }
7932
+
7933
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-accent {
7934
+ --steps-accent-ink: #ab9fe8;
7935
+ }
7936
+
5494
7937
  .zx-steps__root.zx-a-color-neutral {
5495
7938
  --steps-accent: var(--color-neutral);
5496
7939
  --steps-accent-content: var(--color-neutral-content);
5497
7940
  }
5498
7941
 
7942
+ .zx-root .zx-steps__root.zx-a-color-neutral {
7943
+ --steps-accent-ink: #121214;
7944
+ }
7945
+
7946
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-neutral {
7947
+ --steps-accent-ink: #878e92;
7948
+ }
7949
+
7950
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-neutral {
7951
+ --steps-accent-ink: #71828c;
7952
+ }
7953
+
7954
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-neutral {
7955
+ --steps-accent-ink: #3a4150;
7956
+ }
7957
+
7958
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-neutral {
7959
+ --steps-accent-ink: #667a8a;
7960
+ }
7961
+
5499
7962
  .zx-steps__root.zx-a-color-info {
5500
7963
  --steps-accent: var(--color-info);
5501
7964
  --steps-accent-content: var(--color-info-content);
5502
7965
  }
5503
7966
 
7967
+ .zx-root .zx-steps__root.zx-a-color-info {
7968
+ --steps-accent-ink: #2685b3;
7969
+ }
7970
+
7971
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-info {
7972
+ --steps-accent-ink: #70ceff;
7973
+ }
7974
+
7975
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-info {
7976
+ --steps-accent-ink: #6ce2f3;
7977
+ }
7978
+
7979
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-info {
7980
+ --steps-accent-ink: #89728a;
7981
+ }
7982
+
7983
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-info {
7984
+ --steps-accent-ink: #91d4e3;
7985
+ }
7986
+
5504
7987
  .zx-steps__root.zx-a-color-success {
5505
7988
  --steps-accent: var(--color-success);
5506
7989
  --steps-accent-content: var(--color-success-content);
5507
7990
  }
5508
7991
 
7992
+ .zx-root .zx-steps__root.zx-a-color-success {
7993
+ --steps-accent-ink: #2a7858;
7994
+ }
7995
+
7996
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-success {
7997
+ --steps-accent-ink: #92e5c2;
7998
+ }
7999
+
8000
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-success {
8001
+ --steps-accent-ink: #8ee0c9;
8002
+ }
8003
+
8004
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-success {
8005
+ --steps-accent-ink: #6b7d6a;
8006
+ }
8007
+
8008
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-success {
8009
+ --steps-accent-ink: #a6cebe;
8010
+ }
8011
+
5509
8012
  .zx-steps__root.zx-a-color-warning {
5510
8013
  --steps-accent: var(--color-warning);
5511
8014
  --steps-accent-content: var(--color-warning-content);
5512
8015
  }
5513
8016
 
5514
- .zx-steps__root.zx-a-color-error {
5515
- --steps-accent: var(--color-error);
5516
- --steps-accent-content: var(--color-error-content);
8017
+ .zx-root .zx-steps__root.zx-a-color-warning {
8018
+ --steps-accent-ink: #755a2b;
5517
8019
  }
5518
8020
 
5519
- .zx-steps__root.zx-a-size-xs {
5520
- --steps-font: var(--text-xs);
8021
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-warning {
8022
+ --steps-accent-ink: #f5ddac;
5521
8023
  }
5522
8024
 
5523
- .zx-steps__root.zx-a-size-xl {
5524
- --steps-font: var(--text-md);
8025
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-warning {
8026
+ --steps-accent-ink: #cecfa6;
5525
8027
  }
5526
8028
 
5527
- .zx-drawer__trigger {
8029
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-warning {
8030
+ --steps-accent-ink: #7d7463;
8031
+ }
8032
+
8033
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-warning {
8034
+ --steps-accent-ink: #c5c1b7;
8035
+ }
8036
+
8037
+ .zx-steps__root.zx-a-color-error {
8038
+ --steps-accent: var(--color-error);
8039
+ --steps-accent-content: var(--color-error-content);
8040
+ }
8041
+
8042
+ .zx-root .zx-steps__root.zx-a-color-error {
8043
+ --steps-accent-ink: #d9576d;
8044
+ }
8045
+
8046
+ .zx-root.zx-theme-dark .zx-steps__root.zx-a-color-error {
8047
+ --steps-accent-ink: #ff7d90;
8048
+ }
8049
+
8050
+ .zx-root.zx-theme-dim .zx-steps__root.zx-a-color-error {
8051
+ --steps-accent-ink: #f5b3a4;
8052
+ }
8053
+
8054
+ .zx-root.zx-theme-nord .zx-steps__root.zx-a-color-error {
8055
+ --steps-accent-ink: #a85b64;
8056
+ }
8057
+
8058
+ .zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-error {
8059
+ --steps-accent-ink: #f2bbc0;
8060
+ }
8061
+
8062
+ .zx-steps__root.zx-a-size-xs {
8063
+ --steps-ind: calc(var(--size-selector) * 5);
8064
+ --steps-font: var(--text-xs);
8065
+ }
8066
+
8067
+ .zx-steps__root.zx-a-size-sm {
8068
+ --steps-ind: calc(var(--size-selector) * 6);
8069
+ }
8070
+
8071
+ .zx-steps__root.zx-a-size-lg {
8072
+ --steps-ind: calc(var(--size-selector) * 8);
8073
+ }
8074
+
8075
+ .zx-steps__root.zx-a-size-xl {
8076
+ --steps-ind: calc(var(--size-selector) * 9);
8077
+ --steps-font: var(--text-md);
8078
+ }
8079
+
8080
+ .zx-drawer__trigger {
5528
8081
  appearance: none;
5529
8082
  display: inline-flex;
5530
8083
  align-items: center;
5531
8084
  justify-content: center;
5532
8085
  gap: 0.5em;
8086
+ height: calc(var(--size-field) * 12);
8087
+ padding-inline: calc(var(--size-field) * 4);
5533
8088
  font-size: var(--text-sm);
5534
8089
  font-weight: var(--weight-semibold);
5535
8090
  color: var(--color-base-content);
@@ -5561,7 +8116,6 @@
5561
8116
  border: none;
5562
8117
  border-radius: var(--radius-box);
5563
8118
  box-shadow: var(--shadow-xl);
5564
- inline-size: min(20rem, 85vw);
5565
8119
  }
5566
8120
 
5567
8121
  .zx-drawer__panel.zx-s-open {
@@ -5585,6 +8139,8 @@
5585
8139
  align-items: center;
5586
8140
  justify-content: center;
5587
8141
  gap: 0.5em;
8142
+ height: calc(var(--size-field) * 12);
8143
+ padding-inline: calc(var(--size-field) * 4);
5588
8144
  font-size: var(--text-sm);
5589
8145
  font-weight: var(--weight-semibold);
5590
8146
  color: var(--color-base-content);
@@ -5694,18 +8250,26 @@
5694
8250
  }
5695
8251
 
5696
8252
  .zx-drawer__trigger.zx-a-size-xs {
8253
+ height: calc(var(--size-field) * 8);
8254
+ padding-inline: calc(var(--size-field) * 2);
5697
8255
  font-size: var(--text-xs);
5698
8256
  }
5699
8257
 
5700
8258
  .zx-drawer__trigger.zx-a-size-sm {
8259
+ height: calc(var(--size-field) * 10);
8260
+ padding-inline: calc(var(--size-field) * 3);
5701
8261
  font-size: var(--text-sm);
5702
8262
  }
5703
8263
 
5704
8264
  .zx-drawer__trigger.zx-a-size-lg {
8265
+ height: calc(var(--size-field) * 14);
8266
+ padding-inline: calc(var(--size-field) * 5);
5705
8267
  font-size: var(--text-md);
5706
8268
  }
5707
8269
 
5708
8270
  .zx-drawer__trigger.zx-a-size-xl {
8271
+ height: calc(var(--size-field) * 16);
8272
+ padding-inline: calc(var(--size-field) * 6);
5709
8273
  font-size: var(--text-lg);
5710
8274
  }
5711
8275
 
@@ -5737,10 +8301,50 @@
5737
8301
  font-size: var(--text-xs);
5738
8302
  }
5739
8303
 
8304
+ .zx-root .zx-table__caption {
8305
+ color: #07070899;
8306
+ }
8307
+
8308
+ .zx-root.zx-theme-dark .zx-table__caption {
8309
+ color: #767d8099;
8310
+ }
8311
+
8312
+ .zx-root.zx-theme-dim .zx-table__caption {
8313
+ color: #57656a99;
8314
+ }
8315
+
8316
+ .zx-root.zx-theme-nord .zx-table__caption {
8317
+ color: #12151b99;
8318
+ }
8319
+
8320
+ .zx-root.zx-theme-sunset .zx-table__caption {
8321
+ color: #4d5b6799;
8322
+ }
8323
+
5740
8324
  .zx-table__foot {
5741
8325
  font-size: var(--text-xs);
5742
8326
  }
5743
8327
 
8328
+ .zx-root .zx-table__foot {
8329
+ color: #07070899;
8330
+ }
8331
+
8332
+ .zx-root.zx-theme-dark .zx-table__foot {
8333
+ color: #767d8099;
8334
+ }
8335
+
8336
+ .zx-root.zx-theme-dim .zx-table__foot {
8337
+ color: #57656a99;
8338
+ }
8339
+
8340
+ .zx-root.zx-theme-nord .zx-table__foot {
8341
+ color: #12151b99;
8342
+ }
8343
+
8344
+ .zx-root.zx-theme-sunset .zx-table__foot {
8345
+ color: #4d5b6799;
8346
+ }
8347
+
5744
8348
  .zx-table__row {
5745
8349
  border-block-end: var(--border) solid var(--color-base-200);
5746
8350
  }
@@ -5761,7 +8365,168 @@
5761
8365
  text-align: start;
5762
8366
  }
5763
8367
 
8368
+ .zx-root .zx-table__root.zx-a-color-primary {
8369
+ --table-accent: #3f2bcb;
8370
+ }
8371
+
8372
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-primary {
8373
+ --table-accent: #6567ff;
8374
+ }
8375
+
8376
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-primary {
8377
+ --table-accent: #a0e791;
8378
+ }
8379
+
8380
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-primary {
8381
+ --table-accent: #5c7da6;
8382
+ }
8383
+
8384
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-primary {
8385
+ --table-accent: #fb8a62;
8386
+ }
8387
+
8388
+ .zx-root .zx-table__root.zx-a-color-secondary {
8389
+ --table-accent: #ad316f;
8390
+ }
8391
+
8392
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-secondary {
8393
+ --table-accent: #fa7cb6;
8394
+ }
8395
+
8396
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-secondary {
8397
+ --table-accent: #ed9984;
8398
+ }
8399
+
8400
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-secondary {
8401
+ --table-accent: #677e98;
8402
+ }
8403
+
8404
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-secondary {
8405
+ --table-accent: #e68aac;
8406
+ }
8407
+
8408
+ .zx-root .zx-table__root.zx-a-color-accent {
8409
+ --table-accent: #2b786d;
8410
+ }
8411
+
8412
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-accent {
8413
+ --table-accent: #93e5d9;
8414
+ }
8415
+
8416
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-accent {
8417
+ --table-accent: #bfade1;
8418
+ }
8419
+
8420
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-accent {
8421
+ --table-accent: #5e7d8c;
8422
+ }
8423
+
8424
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-accent {
8425
+ --table-accent: #ab9fe8;
8426
+ }
8427
+
8428
+ .zx-root .zx-table__root.zx-a-color-neutral {
8429
+ --table-accent: #121214;
8430
+ }
8431
+
8432
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-neutral {
8433
+ --table-accent: #878e92;
8434
+ }
8435
+
8436
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-neutral {
8437
+ --table-accent: #71828c;
8438
+ }
8439
+
8440
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-neutral {
8441
+ --table-accent: #3a4150;
8442
+ }
8443
+
8444
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-neutral {
8445
+ --table-accent: #667a8a;
8446
+ }
8447
+
8448
+ .zx-root .zx-table__root.zx-a-color-info {
8449
+ --table-accent: #2685b3;
8450
+ }
8451
+
8452
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-info {
8453
+ --table-accent: #70ceff;
8454
+ }
8455
+
8456
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-info {
8457
+ --table-accent: #6ce2f3;
8458
+ }
8459
+
8460
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-info {
8461
+ --table-accent: #89728a;
8462
+ }
8463
+
8464
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-info {
8465
+ --table-accent: #91d4e3;
8466
+ }
8467
+
8468
+ .zx-root .zx-table__root.zx-a-color-success {
8469
+ --table-accent: #2a7858;
8470
+ }
8471
+
8472
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-success {
8473
+ --table-accent: #92e5c2;
8474
+ }
8475
+
8476
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-success {
8477
+ --table-accent: #8ee0c9;
8478
+ }
8479
+
8480
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-success {
8481
+ --table-accent: #6b7d6a;
8482
+ }
8483
+
8484
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-success {
8485
+ --table-accent: #a6cebe;
8486
+ }
8487
+
8488
+ .zx-root .zx-table__root.zx-a-color-warning {
8489
+ --table-accent: #755a2b;
8490
+ }
8491
+
8492
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-warning {
8493
+ --table-accent: #f5ddac;
8494
+ }
8495
+
8496
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-warning {
8497
+ --table-accent: #cecfa6;
8498
+ }
8499
+
8500
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-warning {
8501
+ --table-accent: #7d7463;
8502
+ }
8503
+
8504
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-warning {
8505
+ --table-accent: #c5c1b7;
8506
+ }
8507
+
8508
+ .zx-root .zx-table__root.zx-a-color-error {
8509
+ --table-accent: #d9576d;
8510
+ }
8511
+
8512
+ .zx-root.zx-theme-dark .zx-table__root.zx-a-color-error {
8513
+ --table-accent: #ff7d90;
8514
+ }
8515
+
8516
+ .zx-root.zx-theme-dim .zx-table__root.zx-a-color-error {
8517
+ --table-accent: #f5b3a4;
8518
+ }
8519
+
8520
+ .zx-root.zx-theme-nord .zx-table__root.zx-a-color-error {
8521
+ --table-accent: #a85b64;
8522
+ }
8523
+
8524
+ .zx-root.zx-theme-sunset .zx-table__root.zx-a-color-error {
8525
+ --table-accent: #f2bbc0;
8526
+ }
8527
+
5764
8528
  .zx-table__root.zx-a-size-xs {
8529
+ --table-pad-block: calc(var(--space-xs) / 2);
5765
8530
  --table-pad-inline: var(--space-xs);
5766
8531
  --table-font: var(--text-xs);
5767
8532
  }
@@ -5840,11 +8605,32 @@
5840
8605
  padding: var(--fu-pad);
5841
8606
  text-align: center;
5842
8607
  font-size: var(--fu-font);
8608
+ border: calc(var(--border) * 2) dashed var(--color-base-300);
5843
8609
  border-radius: var(--radius-box);
5844
8610
  background: var(--color-base-100);
5845
8611
  cursor: pointer;
5846
8612
  }
5847
8613
 
8614
+ .zx-root .zx-file-upload__dropzone {
8615
+ color: #07070899;
8616
+ }
8617
+
8618
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone {
8619
+ color: #767d8099;
8620
+ }
8621
+
8622
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone {
8623
+ color: #57656a99;
8624
+ }
8625
+
8626
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone {
8627
+ color: #12151b99;
8628
+ }
8629
+
8630
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone {
8631
+ color: #4d5b6799;
8632
+ }
8633
+
5848
8634
  .zx-file-upload__dropzone.zx-f-highlighted {
5849
8635
  border-color: var(--fu-accent);
5850
8636
  color: var(--color-base-content);
@@ -5892,6 +8678,26 @@
5892
8678
  font-variant-numeric: tabular-nums;
5893
8679
  }
5894
8680
 
8681
+ .zx-root .zx-file-upload__item-size {
8682
+ color: #07070899;
8683
+ }
8684
+
8685
+ .zx-root.zx-theme-dark .zx-file-upload__item-size {
8686
+ color: #767d8099;
8687
+ }
8688
+
8689
+ .zx-root.zx-theme-dim .zx-file-upload__item-size {
8690
+ color: #57656a99;
8691
+ }
8692
+
8693
+ .zx-root.zx-theme-nord .zx-file-upload__item-size {
8694
+ color: #12151b99;
8695
+ }
8696
+
8697
+ .zx-root.zx-theme-sunset .zx-file-upload__item-size {
8698
+ color: #4d5b6799;
8699
+ }
8700
+
5895
8701
  .zx-file-upload__item-remove {
5896
8702
  appearance: none;
5897
8703
  border: none;
@@ -5913,6 +8719,166 @@
5913
8719
  outline-offset: 2px;
5914
8720
  }
5915
8721
 
8722
+ .zx-root .zx-file-upload__root.zx-a-color-primary {
8723
+ --fu-accent: #3f2bcb;
8724
+ }
8725
+
8726
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-primary {
8727
+ --fu-accent: #6567ff;
8728
+ }
8729
+
8730
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-primary {
8731
+ --fu-accent: #a0e791;
8732
+ }
8733
+
8734
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-primary {
8735
+ --fu-accent: #5c7da6;
8736
+ }
8737
+
8738
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-primary {
8739
+ --fu-accent: #fb8a62;
8740
+ }
8741
+
8742
+ .zx-root .zx-file-upload__root.zx-a-color-secondary {
8743
+ --fu-accent: #ad316f;
8744
+ }
8745
+
8746
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-secondary {
8747
+ --fu-accent: #fa7cb6;
8748
+ }
8749
+
8750
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-secondary {
8751
+ --fu-accent: #ed9984;
8752
+ }
8753
+
8754
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-secondary {
8755
+ --fu-accent: #677e98;
8756
+ }
8757
+
8758
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-secondary {
8759
+ --fu-accent: #e68aac;
8760
+ }
8761
+
8762
+ .zx-root .zx-file-upload__root.zx-a-color-accent {
8763
+ --fu-accent: #2b786d;
8764
+ }
8765
+
8766
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-accent {
8767
+ --fu-accent: #93e5d9;
8768
+ }
8769
+
8770
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-accent {
8771
+ --fu-accent: #bfade1;
8772
+ }
8773
+
8774
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-accent {
8775
+ --fu-accent: #5e7d8c;
8776
+ }
8777
+
8778
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-accent {
8779
+ --fu-accent: #ab9fe8;
8780
+ }
8781
+
8782
+ .zx-root .zx-file-upload__root.zx-a-color-neutral {
8783
+ --fu-accent: #121214;
8784
+ }
8785
+
8786
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-neutral {
8787
+ --fu-accent: #878e92;
8788
+ }
8789
+
8790
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-neutral {
8791
+ --fu-accent: #71828c;
8792
+ }
8793
+
8794
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-neutral {
8795
+ --fu-accent: #3a4150;
8796
+ }
8797
+
8798
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-neutral {
8799
+ --fu-accent: #667a8a;
8800
+ }
8801
+
8802
+ .zx-root .zx-file-upload__root.zx-a-color-info {
8803
+ --fu-accent: #2685b3;
8804
+ }
8805
+
8806
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-info {
8807
+ --fu-accent: #70ceff;
8808
+ }
8809
+
8810
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-info {
8811
+ --fu-accent: #6ce2f3;
8812
+ }
8813
+
8814
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-info {
8815
+ --fu-accent: #89728a;
8816
+ }
8817
+
8818
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-info {
8819
+ --fu-accent: #91d4e3;
8820
+ }
8821
+
8822
+ .zx-root .zx-file-upload__root.zx-a-color-success {
8823
+ --fu-accent: #2a7858;
8824
+ }
8825
+
8826
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-success {
8827
+ --fu-accent: #92e5c2;
8828
+ }
8829
+
8830
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-success {
8831
+ --fu-accent: #8ee0c9;
8832
+ }
8833
+
8834
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-success {
8835
+ --fu-accent: #6b7d6a;
8836
+ }
8837
+
8838
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-success {
8839
+ --fu-accent: #a6cebe;
8840
+ }
8841
+
8842
+ .zx-root .zx-file-upload__root.zx-a-color-warning {
8843
+ --fu-accent: #755a2b;
8844
+ }
8845
+
8846
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-warning {
8847
+ --fu-accent: #f5ddac;
8848
+ }
8849
+
8850
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-warning {
8851
+ --fu-accent: #cecfa6;
8852
+ }
8853
+
8854
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-warning {
8855
+ --fu-accent: #7d7463;
8856
+ }
8857
+
8858
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-warning {
8859
+ --fu-accent: #c5c1b7;
8860
+ }
8861
+
8862
+ .zx-root .zx-file-upload__root.zx-a-color-error {
8863
+ --fu-accent: #d9576d;
8864
+ }
8865
+
8866
+ .zx-root.zx-theme-dark .zx-file-upload__root.zx-a-color-error {
8867
+ --fu-accent: #ff7d90;
8868
+ }
8869
+
8870
+ .zx-root.zx-theme-dim .zx-file-upload__root.zx-a-color-error {
8871
+ --fu-accent: #f5b3a4;
8872
+ }
8873
+
8874
+ .zx-root.zx-theme-nord .zx-file-upload__root.zx-a-color-error {
8875
+ --fu-accent: #a85b64;
8876
+ }
8877
+
8878
+ .zx-root.zx-theme-sunset .zx-file-upload__root.zx-a-color-error {
8879
+ --fu-accent: #f2bbc0;
8880
+ }
8881
+
5916
8882
  .zx-file-upload__root.zx-a-size-xs {
5917
8883
  --fu-pad: var(--space-sm);
5918
8884
  --fu-font: var(--text-xs);
@@ -5929,6 +8895,7 @@
5929
8895
  }
5930
8896
 
5931
8897
  .zx-file-upload__root.zx-a-size-xl {
8898
+ --fu-pad: calc(var(--space-xl) * 1.25);
5932
8899
  --fu-font: var(--text-md);
5933
8900
  }
5934
8901
 
@@ -5961,6 +8928,7 @@
5961
8928
  .zx-carousel__prev-trigger {
5962
8929
  appearance: none;
5963
8930
  position: absolute;
8931
+ inset-block-start: calc(50% - var(--carousel-nav) / 2);
5964
8932
  inset-inline-start: var(--space-sm);
5965
8933
  inline-size: var(--carousel-nav);
5966
8934
  block-size: var(--carousel-nav);
@@ -5989,6 +8957,7 @@
5989
8957
  .zx-carousel__next-trigger {
5990
8958
  appearance: none;
5991
8959
  position: absolute;
8960
+ inset-block-start: calc(50% - var(--carousel-nav) / 2);
5992
8961
  inset-inline-end: var(--space-sm);
5993
8962
  inline-size: var(--carousel-nav);
5994
8963
  block-size: var(--carousel-nav);
@@ -6022,8 +8991,6 @@
6022
8991
 
6023
8992
  .zx-carousel__indicator {
6024
8993
  appearance: none;
6025
- inline-size: max(var(--carousel-dot), 1.5rem);
6026
- block-size: max(var(--carousel-dot), 1.5rem);
6027
8994
  padding: 0;
6028
8995
  display: grid;
6029
8996
  place-items: center;
@@ -6037,42 +9004,202 @@
6037
9004
  outline-offset: 2px;
6038
9005
  }
6039
9006
 
6040
- .zx-carousel__root.zx-a-size-xs {
6041
- --carousel-dot: 0.375rem;
6042
- --carousel-nav: 1.5rem;
9007
+ .zx-root .zx-carousel__root.zx-a-color-primary {
9008
+ --carousel-accent: #3f2bcb;
6043
9009
  }
6044
9010
 
6045
- .zx-carousel__root.zx-a-size-sm {
6046
- --carousel-dot: 0.5rem;
6047
- --carousel-nav: 1.75rem;
9011
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-primary {
9012
+ --carousel-accent: #6567ff;
6048
9013
  }
6049
9014
 
6050
- .zx-carousel__root.zx-a-size-lg {
6051
- --carousel-dot: 0.75rem;
6052
- --carousel-nav: 2.5rem;
9015
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-primary {
9016
+ --carousel-accent: #a0e791;
6053
9017
  }
6054
9018
 
6055
- .zx-carousel__root.zx-a-size-xl {
6056
- --carousel-dot: 0.875rem;
6057
- --carousel-nav: 3rem;
9019
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-primary {
9020
+ --carousel-accent: #5c7da6;
6058
9021
  }
6059
9022
 
6060
- .zx-swap__root {
6061
- --swap-ink: var(--color-base-content);
6062
- --swap-size: var(--text-xl);
9023
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-primary {
9024
+ --carousel-accent: #fb8a62;
6063
9025
  }
6064
9026
 
6065
- .zx-swap__root {
6066
- position: relative;
6067
- display: inline-grid;
6068
- place-items: center;
6069
- font-size: var(--swap-size);
6070
- line-height: var(--leading-none);
6071
- color: var(--swap-ink);
6072
- user-select: none;
9027
+ .zx-root .zx-carousel__root.zx-a-color-secondary {
9028
+ --carousel-accent: #ad316f;
6073
9029
  }
6074
9030
 
6075
- .zx-swap__root.zx-f-disabled {
9031
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-secondary {
9032
+ --carousel-accent: #fa7cb6;
9033
+ }
9034
+
9035
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-secondary {
9036
+ --carousel-accent: #ed9984;
9037
+ }
9038
+
9039
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-secondary {
9040
+ --carousel-accent: #677e98;
9041
+ }
9042
+
9043
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-secondary {
9044
+ --carousel-accent: #e68aac;
9045
+ }
9046
+
9047
+ .zx-root .zx-carousel__root.zx-a-color-accent {
9048
+ --carousel-accent: #2b786d;
9049
+ }
9050
+
9051
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-accent {
9052
+ --carousel-accent: #93e5d9;
9053
+ }
9054
+
9055
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-accent {
9056
+ --carousel-accent: #bfade1;
9057
+ }
9058
+
9059
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-accent {
9060
+ --carousel-accent: #5e7d8c;
9061
+ }
9062
+
9063
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-accent {
9064
+ --carousel-accent: #ab9fe8;
9065
+ }
9066
+
9067
+ .zx-root .zx-carousel__root.zx-a-color-neutral {
9068
+ --carousel-accent: #121214;
9069
+ }
9070
+
9071
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-neutral {
9072
+ --carousel-accent: #878e92;
9073
+ }
9074
+
9075
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-neutral {
9076
+ --carousel-accent: #71828c;
9077
+ }
9078
+
9079
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-neutral {
9080
+ --carousel-accent: #3a4150;
9081
+ }
9082
+
9083
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-neutral {
9084
+ --carousel-accent: #667a8a;
9085
+ }
9086
+
9087
+ .zx-root .zx-carousel__root.zx-a-color-info {
9088
+ --carousel-accent: #2685b3;
9089
+ }
9090
+
9091
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-info {
9092
+ --carousel-accent: #70ceff;
9093
+ }
9094
+
9095
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-info {
9096
+ --carousel-accent: #6ce2f3;
9097
+ }
9098
+
9099
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-info {
9100
+ --carousel-accent: #89728a;
9101
+ }
9102
+
9103
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-info {
9104
+ --carousel-accent: #91d4e3;
9105
+ }
9106
+
9107
+ .zx-root .zx-carousel__root.zx-a-color-success {
9108
+ --carousel-accent: #2a7858;
9109
+ }
9110
+
9111
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-success {
9112
+ --carousel-accent: #92e5c2;
9113
+ }
9114
+
9115
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-success {
9116
+ --carousel-accent: #8ee0c9;
9117
+ }
9118
+
9119
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-success {
9120
+ --carousel-accent: #6b7d6a;
9121
+ }
9122
+
9123
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-success {
9124
+ --carousel-accent: #a6cebe;
9125
+ }
9126
+
9127
+ .zx-root .zx-carousel__root.zx-a-color-warning {
9128
+ --carousel-accent: #755a2b;
9129
+ }
9130
+
9131
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-warning {
9132
+ --carousel-accent: #f5ddac;
9133
+ }
9134
+
9135
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-warning {
9136
+ --carousel-accent: #cecfa6;
9137
+ }
9138
+
9139
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-warning {
9140
+ --carousel-accent: #7d7463;
9141
+ }
9142
+
9143
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-warning {
9144
+ --carousel-accent: #c5c1b7;
9145
+ }
9146
+
9147
+ .zx-root .zx-carousel__root.zx-a-color-error {
9148
+ --carousel-accent: #d9576d;
9149
+ }
9150
+
9151
+ .zx-root.zx-theme-dark .zx-carousel__root.zx-a-color-error {
9152
+ --carousel-accent: #ff7d90;
9153
+ }
9154
+
9155
+ .zx-root.zx-theme-dim .zx-carousel__root.zx-a-color-error {
9156
+ --carousel-accent: #f5b3a4;
9157
+ }
9158
+
9159
+ .zx-root.zx-theme-nord .zx-carousel__root.zx-a-color-error {
9160
+ --carousel-accent: #a85b64;
9161
+ }
9162
+
9163
+ .zx-root.zx-theme-sunset .zx-carousel__root.zx-a-color-error {
9164
+ --carousel-accent: #f2bbc0;
9165
+ }
9166
+
9167
+ .zx-carousel__root.zx-a-size-xs {
9168
+ --carousel-dot: 0.375rem;
9169
+ --carousel-nav: 1.5rem;
9170
+ }
9171
+
9172
+ .zx-carousel__root.zx-a-size-sm {
9173
+ --carousel-dot: 0.5rem;
9174
+ --carousel-nav: 1.75rem;
9175
+ }
9176
+
9177
+ .zx-carousel__root.zx-a-size-lg {
9178
+ --carousel-dot: 0.75rem;
9179
+ --carousel-nav: 2.5rem;
9180
+ }
9181
+
9182
+ .zx-carousel__root.zx-a-size-xl {
9183
+ --carousel-dot: 0.875rem;
9184
+ --carousel-nav: 3rem;
9185
+ }
9186
+
9187
+ .zx-swap__root {
9188
+ --swap-ink: var(--color-base-content);
9189
+ --swap-size: var(--text-xl);
9190
+ }
9191
+
9192
+ .zx-swap__root {
9193
+ position: relative;
9194
+ display: inline-grid;
9195
+ place-items: center;
9196
+ font-size: var(--swap-size);
9197
+ line-height: var(--leading-none);
9198
+ color: var(--swap-ink);
9199
+ user-select: none;
9200
+ }
9201
+
9202
+ .zx-swap__root.zx-f-disabled {
6076
9203
  opacity: var(--disabled-opacity);
6077
9204
  cursor: not-allowed;
6078
9205
  }
@@ -6102,6 +9229,166 @@
6102
9229
  transform: rotate(-45deg);
6103
9230
  }
6104
9231
 
9232
+ .zx-root .zx-swap__root.zx-a-color-primary {
9233
+ --swap-ink: #3f2bcb;
9234
+ }
9235
+
9236
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-primary {
9237
+ --swap-ink: #6567ff;
9238
+ }
9239
+
9240
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-primary {
9241
+ --swap-ink: #a0e791;
9242
+ }
9243
+
9244
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-primary {
9245
+ --swap-ink: #5c7da6;
9246
+ }
9247
+
9248
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-primary {
9249
+ --swap-ink: #fb8a62;
9250
+ }
9251
+
9252
+ .zx-root .zx-swap__root.zx-a-color-secondary {
9253
+ --swap-ink: #ad316f;
9254
+ }
9255
+
9256
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-secondary {
9257
+ --swap-ink: #fa7cb6;
9258
+ }
9259
+
9260
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-secondary {
9261
+ --swap-ink: #ed9984;
9262
+ }
9263
+
9264
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-secondary {
9265
+ --swap-ink: #677e98;
9266
+ }
9267
+
9268
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-secondary {
9269
+ --swap-ink: #e68aac;
9270
+ }
9271
+
9272
+ .zx-root .zx-swap__root.zx-a-color-accent {
9273
+ --swap-ink: #2b786d;
9274
+ }
9275
+
9276
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-accent {
9277
+ --swap-ink: #93e5d9;
9278
+ }
9279
+
9280
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-accent {
9281
+ --swap-ink: #bfade1;
9282
+ }
9283
+
9284
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-accent {
9285
+ --swap-ink: #5e7d8c;
9286
+ }
9287
+
9288
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-accent {
9289
+ --swap-ink: #ab9fe8;
9290
+ }
9291
+
9292
+ .zx-root .zx-swap__root.zx-a-color-neutral {
9293
+ --swap-ink: #121214;
9294
+ }
9295
+
9296
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-neutral {
9297
+ --swap-ink: #878e92;
9298
+ }
9299
+
9300
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-neutral {
9301
+ --swap-ink: #71828c;
9302
+ }
9303
+
9304
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-neutral {
9305
+ --swap-ink: #3a4150;
9306
+ }
9307
+
9308
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-neutral {
9309
+ --swap-ink: #667a8a;
9310
+ }
9311
+
9312
+ .zx-root .zx-swap__root.zx-a-color-info {
9313
+ --swap-ink: #2685b3;
9314
+ }
9315
+
9316
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-info {
9317
+ --swap-ink: #70ceff;
9318
+ }
9319
+
9320
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-info {
9321
+ --swap-ink: #6ce2f3;
9322
+ }
9323
+
9324
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-info {
9325
+ --swap-ink: #89728a;
9326
+ }
9327
+
9328
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-info {
9329
+ --swap-ink: #91d4e3;
9330
+ }
9331
+
9332
+ .zx-root .zx-swap__root.zx-a-color-success {
9333
+ --swap-ink: #2a7858;
9334
+ }
9335
+
9336
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-success {
9337
+ --swap-ink: #92e5c2;
9338
+ }
9339
+
9340
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-success {
9341
+ --swap-ink: #8ee0c9;
9342
+ }
9343
+
9344
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-success {
9345
+ --swap-ink: #6b7d6a;
9346
+ }
9347
+
9348
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-success {
9349
+ --swap-ink: #a6cebe;
9350
+ }
9351
+
9352
+ .zx-root .zx-swap__root.zx-a-color-warning {
9353
+ --swap-ink: #755a2b;
9354
+ }
9355
+
9356
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-warning {
9357
+ --swap-ink: #f5ddac;
9358
+ }
9359
+
9360
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-warning {
9361
+ --swap-ink: #cecfa6;
9362
+ }
9363
+
9364
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-warning {
9365
+ --swap-ink: #7d7463;
9366
+ }
9367
+
9368
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-warning {
9369
+ --swap-ink: #c5c1b7;
9370
+ }
9371
+
9372
+ .zx-root .zx-swap__root.zx-a-color-error {
9373
+ --swap-ink: #d9576d;
9374
+ }
9375
+
9376
+ .zx-root.zx-theme-dark .zx-swap__root.zx-a-color-error {
9377
+ --swap-ink: #ff7d90;
9378
+ }
9379
+
9380
+ .zx-root.zx-theme-dim .zx-swap__root.zx-a-color-error {
9381
+ --swap-ink: #f5b3a4;
9382
+ }
9383
+
9384
+ .zx-root.zx-theme-nord .zx-swap__root.zx-a-color-error {
9385
+ --swap-ink: #a85b64;
9386
+ }
9387
+
9388
+ .zx-root.zx-theme-sunset .zx-swap__root.zx-a-color-error {
9389
+ --swap-ink: #f2bbc0;
9390
+ }
9391
+
6105
9392
  .zx-swap__root.zx-a-size-xs {
6106
9393
  --swap-size: var(--text-sm);
6107
9394
  }
@@ -6143,6 +9430,166 @@
6143
9430
  animation: zero-daisyui-countdown-in 0.35s var(--ease-standard);
6144
9431
  }
6145
9432
 
9433
+ .zx-root .zx-countdown__root.zx-a-color-primary {
9434
+ --countdown-ink: #3f2bcb;
9435
+ }
9436
+
9437
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-primary {
9438
+ --countdown-ink: #6567ff;
9439
+ }
9440
+
9441
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-primary {
9442
+ --countdown-ink: #a0e791;
9443
+ }
9444
+
9445
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-primary {
9446
+ --countdown-ink: #5c7da6;
9447
+ }
9448
+
9449
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-primary {
9450
+ --countdown-ink: #fb8a62;
9451
+ }
9452
+
9453
+ .zx-root .zx-countdown__root.zx-a-color-secondary {
9454
+ --countdown-ink: #ad316f;
9455
+ }
9456
+
9457
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-secondary {
9458
+ --countdown-ink: #fa7cb6;
9459
+ }
9460
+
9461
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-secondary {
9462
+ --countdown-ink: #ed9984;
9463
+ }
9464
+
9465
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-secondary {
9466
+ --countdown-ink: #677e98;
9467
+ }
9468
+
9469
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-secondary {
9470
+ --countdown-ink: #e68aac;
9471
+ }
9472
+
9473
+ .zx-root .zx-countdown__root.zx-a-color-accent {
9474
+ --countdown-ink: #2b786d;
9475
+ }
9476
+
9477
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-accent {
9478
+ --countdown-ink: #93e5d9;
9479
+ }
9480
+
9481
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-accent {
9482
+ --countdown-ink: #bfade1;
9483
+ }
9484
+
9485
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-accent {
9486
+ --countdown-ink: #5e7d8c;
9487
+ }
9488
+
9489
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-accent {
9490
+ --countdown-ink: #ab9fe8;
9491
+ }
9492
+
9493
+ .zx-root .zx-countdown__root.zx-a-color-neutral {
9494
+ --countdown-ink: #121214;
9495
+ }
9496
+
9497
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-neutral {
9498
+ --countdown-ink: #878e92;
9499
+ }
9500
+
9501
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-neutral {
9502
+ --countdown-ink: #71828c;
9503
+ }
9504
+
9505
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-neutral {
9506
+ --countdown-ink: #3a4150;
9507
+ }
9508
+
9509
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-neutral {
9510
+ --countdown-ink: #667a8a;
9511
+ }
9512
+
9513
+ .zx-root .zx-countdown__root.zx-a-color-info {
9514
+ --countdown-ink: #2685b3;
9515
+ }
9516
+
9517
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-info {
9518
+ --countdown-ink: #70ceff;
9519
+ }
9520
+
9521
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-info {
9522
+ --countdown-ink: #6ce2f3;
9523
+ }
9524
+
9525
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-info {
9526
+ --countdown-ink: #89728a;
9527
+ }
9528
+
9529
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-info {
9530
+ --countdown-ink: #91d4e3;
9531
+ }
9532
+
9533
+ .zx-root .zx-countdown__root.zx-a-color-success {
9534
+ --countdown-ink: #2a7858;
9535
+ }
9536
+
9537
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-success {
9538
+ --countdown-ink: #92e5c2;
9539
+ }
9540
+
9541
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-success {
9542
+ --countdown-ink: #8ee0c9;
9543
+ }
9544
+
9545
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-success {
9546
+ --countdown-ink: #6b7d6a;
9547
+ }
9548
+
9549
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-success {
9550
+ --countdown-ink: #a6cebe;
9551
+ }
9552
+
9553
+ .zx-root .zx-countdown__root.zx-a-color-warning {
9554
+ --countdown-ink: #755a2b;
9555
+ }
9556
+
9557
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-warning {
9558
+ --countdown-ink: #f5ddac;
9559
+ }
9560
+
9561
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-warning {
9562
+ --countdown-ink: #cecfa6;
9563
+ }
9564
+
9565
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-warning {
9566
+ --countdown-ink: #7d7463;
9567
+ }
9568
+
9569
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-warning {
9570
+ --countdown-ink: #c5c1b7;
9571
+ }
9572
+
9573
+ .zx-root .zx-countdown__root.zx-a-color-error {
9574
+ --countdown-ink: #d9576d;
9575
+ }
9576
+
9577
+ .zx-root.zx-theme-dark .zx-countdown__root.zx-a-color-error {
9578
+ --countdown-ink: #ff7d90;
9579
+ }
9580
+
9581
+ .zx-root.zx-theme-dim .zx-countdown__root.zx-a-color-error {
9582
+ --countdown-ink: #f5b3a4;
9583
+ }
9584
+
9585
+ .zx-root.zx-theme-nord .zx-countdown__root.zx-a-color-error {
9586
+ --countdown-ink: #a85b64;
9587
+ }
9588
+
9589
+ .zx-root.zx-theme-sunset .zx-countdown__root.zx-a-color-error {
9590
+ --countdown-ink: #f2bbc0;
9591
+ }
9592
+
6146
9593
  .zx-countdown__root.zx-a-size-xs {
6147
9594
  --countdown-font: var(--text-md);
6148
9595
  }
@@ -6190,6 +9637,7 @@
6190
9637
  .zx-diff__handle {
6191
9638
  inset-block: 0;
6192
9639
  inline-size: var(--diff-hit);
9640
+ margin-inline-start: calc(var(--diff-hit) / -2);
6193
9641
  display: grid;
6194
9642
  place-items: center;
6195
9643
  cursor: ew-resize;
@@ -6202,6 +9650,186 @@
6202
9650
  outline-offset: 2px;
6203
9651
  }
6204
9652
 
9653
+ .zx-root .zx-diff__handle.zx-f-pressed {
9654
+ --diff-accent: #353538;
9655
+ }
9656
+
9657
+ .zx-root.zx-theme-dark .zx-diff__handle.zx-f-pressed {
9658
+ --diff-accent: #c9d5db;
9659
+ }
9660
+
9661
+ .zx-root.zx-theme-dim .zx-diff__handle.zx-f-pressed {
9662
+ --diff-accent: #9cb2bd;
9663
+ }
9664
+
9665
+ .zx-root.zx-theme-nord .zx-diff__handle.zx-f-pressed {
9666
+ --diff-accent: #474d58;
9667
+ }
9668
+
9669
+ .zx-root.zx-theme-sunset .zx-diff__handle.zx-f-pressed {
9670
+ --diff-accent: #879fb3;
9671
+ }
9672
+
9673
+ .zx-root .zx-diff__root.zx-a-color-primary {
9674
+ --diff-accent: #3f2bcb;
9675
+ }
9676
+
9677
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-primary {
9678
+ --diff-accent: #6567ff;
9679
+ }
9680
+
9681
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-primary {
9682
+ --diff-accent: #a0e791;
9683
+ }
9684
+
9685
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-primary {
9686
+ --diff-accent: #5c7da6;
9687
+ }
9688
+
9689
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-primary {
9690
+ --diff-accent: #fb8a62;
9691
+ }
9692
+
9693
+ .zx-root .zx-diff__root.zx-a-color-secondary {
9694
+ --diff-accent: #ad316f;
9695
+ }
9696
+
9697
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-secondary {
9698
+ --diff-accent: #fa7cb6;
9699
+ }
9700
+
9701
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-secondary {
9702
+ --diff-accent: #ed9984;
9703
+ }
9704
+
9705
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-secondary {
9706
+ --diff-accent: #677e98;
9707
+ }
9708
+
9709
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-secondary {
9710
+ --diff-accent: #e68aac;
9711
+ }
9712
+
9713
+ .zx-root .zx-diff__root.zx-a-color-accent {
9714
+ --diff-accent: #2b786d;
9715
+ }
9716
+
9717
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-accent {
9718
+ --diff-accent: #93e5d9;
9719
+ }
9720
+
9721
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-accent {
9722
+ --diff-accent: #bfade1;
9723
+ }
9724
+
9725
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-accent {
9726
+ --diff-accent: #5e7d8c;
9727
+ }
9728
+
9729
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-accent {
9730
+ --diff-accent: #ab9fe8;
9731
+ }
9732
+
9733
+ .zx-root .zx-diff__root.zx-a-color-neutral {
9734
+ --diff-accent: #121214;
9735
+ }
9736
+
9737
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-neutral {
9738
+ --diff-accent: #878e92;
9739
+ }
9740
+
9741
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-neutral {
9742
+ --diff-accent: #71828c;
9743
+ }
9744
+
9745
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-neutral {
9746
+ --diff-accent: #3a4150;
9747
+ }
9748
+
9749
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-neutral {
9750
+ --diff-accent: #667a8a;
9751
+ }
9752
+
9753
+ .zx-root .zx-diff__root.zx-a-color-info {
9754
+ --diff-accent: #2685b3;
9755
+ }
9756
+
9757
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-info {
9758
+ --diff-accent: #70ceff;
9759
+ }
9760
+
9761
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-info {
9762
+ --diff-accent: #6ce2f3;
9763
+ }
9764
+
9765
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-info {
9766
+ --diff-accent: #89728a;
9767
+ }
9768
+
9769
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-info {
9770
+ --diff-accent: #91d4e3;
9771
+ }
9772
+
9773
+ .zx-root .zx-diff__root.zx-a-color-success {
9774
+ --diff-accent: #2a7858;
9775
+ }
9776
+
9777
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-success {
9778
+ --diff-accent: #92e5c2;
9779
+ }
9780
+
9781
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-success {
9782
+ --diff-accent: #8ee0c9;
9783
+ }
9784
+
9785
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-success {
9786
+ --diff-accent: #6b7d6a;
9787
+ }
9788
+
9789
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-success {
9790
+ --diff-accent: #a6cebe;
9791
+ }
9792
+
9793
+ .zx-root .zx-diff__root.zx-a-color-warning {
9794
+ --diff-accent: #755a2b;
9795
+ }
9796
+
9797
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-warning {
9798
+ --diff-accent: #f5ddac;
9799
+ }
9800
+
9801
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-warning {
9802
+ --diff-accent: #cecfa6;
9803
+ }
9804
+
9805
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-warning {
9806
+ --diff-accent: #7d7463;
9807
+ }
9808
+
9809
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-warning {
9810
+ --diff-accent: #c5c1b7;
9811
+ }
9812
+
9813
+ .zx-root .zx-diff__root.zx-a-color-error {
9814
+ --diff-accent: #d9576d;
9815
+ }
9816
+
9817
+ .zx-root.zx-theme-dark .zx-diff__root.zx-a-color-error {
9818
+ --diff-accent: #ff7d90;
9819
+ }
9820
+
9821
+ .zx-root.zx-theme-dim .zx-diff__root.zx-a-color-error {
9822
+ --diff-accent: #f5b3a4;
9823
+ }
9824
+
9825
+ .zx-root.zx-theme-nord .zx-diff__root.zx-a-color-error {
9826
+ --diff-accent: #a85b64;
9827
+ }
9828
+
9829
+ .zx-root.zx-theme-sunset .zx-diff__root.zx-a-color-error {
9830
+ --diff-accent: #f2bbc0;
9831
+ }
9832
+
6205
9833
  .zx-diff__root.zx-a-size-xs {
6206
9834
  --diff-grip: 1rem;
6207
9835
  --diff-hit: 1.5rem;