@sigx/zero-daisyui 0.14.0 → 0.16.0

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 (47) hide show
  1. package/dist/css/components/container.css +1 -0
  2. package/dist/css/components/input.css +9 -0
  3. package/dist/css/components/nav-list.css +7 -0
  4. package/dist/css/index.css +17 -0
  5. package/dist/lynx/components/alert.css +7 -1
  6. package/dist/lynx/components/badge.css +2 -4
  7. package/dist/lynx/components/breadcrumbs.css +30 -21
  8. package/dist/lynx/components/button.css +2 -7
  9. package/dist/lynx/components/card.css +1 -2
  10. package/dist/lynx/components/carousel.css +62 -11
  11. package/dist/lynx/components/chat-log.css +201 -10
  12. package/dist/lynx/components/chat.css +11 -2
  13. package/dist/lynx/components/combobox.css +82 -8
  14. package/dist/lynx/components/container.css +3 -2
  15. package/dist/lynx/components/diff.css +1 -1
  16. package/dist/lynx/components/divider.css +11 -10
  17. package/dist/lynx/components/drawer.css +66 -11
  18. package/dist/lynx/components/empty-state.css +1 -1
  19. package/dist/lynx/components/fieldset.css +1 -1
  20. package/dist/lynx/components/file-upload.css +212 -5
  21. package/dist/lynx/components/grid.css +2 -2
  22. package/dist/lynx/components/kbd.css +2 -3
  23. package/dist/lynx/components/menu.css +20 -1
  24. package/dist/lynx/components/nav-list.css +15 -2
  25. package/dist/lynx/components/navbar.css +14 -5
  26. package/dist/lynx/components/pagination.css +97 -65
  27. package/dist/lynx/components/radial-progress.css +10 -10
  28. package/dist/lynx/components/select.css +1 -2
  29. package/dist/lynx/components/spinner.css +2 -12
  30. package/dist/lynx/components/stack.css +2 -2
  31. package/dist/lynx/components/status.css +10 -20
  32. package/dist/lynx/components/steps.css +114 -22
  33. package/dist/lynx/components/table.css +401 -3
  34. package/dist/lynx/components/tabs.css +1 -1
  35. package/dist/lynx/components/timeline.css +12 -25
  36. package/dist/lynx/components/toast.css +2 -4
  37. package/dist/lynx/components/tooltip.css +7 -0
  38. package/dist/lynx/components/tree-view.css +31 -4
  39. package/dist/lynx/index.css +1448 -292
  40. package/dist/lynx/manifest.json +3 -3
  41. package/dist/manifest.json +1 -1
  42. package/dist/recipes.d.ts.map +1 -1
  43. package/dist/recipes.js +710 -28
  44. package/dist/recipes.js.map +1 -1
  45. package/dist/report.json +555 -56
  46. package/package.json +4 -4
  47. package/src/recipes.ts +717 -28
@@ -483,7 +483,7 @@
483
483
 
484
484
  .zx-stack__root {
485
485
  display: flex;
486
- min-inline-size: 0;
486
+ min-width: 0;
487
487
  column-gap: var(--l-gap-x);
488
488
  row-gap: var(--l-gap-y);
489
489
  align-items: var(--l-align);
@@ -502,7 +502,7 @@
502
502
  .zx-stack__item {
503
503
  --l-grow: 0;
504
504
  flex-grow: var(--l-grow);
505
- min-inline-size: 0;
505
+ min-width: 0;
506
506
  }
507
507
 
508
508
  .zx-spacer__root {
@@ -532,7 +532,7 @@
532
532
 
533
533
  .zx-grid__root {
534
534
  display: grid;
535
- min-inline-size: 0;
535
+ min-width: 0;
536
536
  grid-template-columns: var(--l-cols);
537
537
  column-gap: var(--l-gap-x);
538
538
  row-gap: var(--l-gap-y);
@@ -543,7 +543,7 @@
543
543
  .zx-grid__cell {
544
544
  --l-span: auto;
545
545
  grid-column: var(--l-span);
546
- min-inline-size: 0;
546
+ min-width: 0;
547
547
  }
548
548
 
549
549
  .zx-center__root {
@@ -623,8 +623,9 @@
623
623
  }
624
624
 
625
625
  .zx-container__root {
626
- inline-size: 100%;
627
- max-inline-size: var(--l-measure);
626
+ box-sizing: border-box;
627
+ width: 100%;
628
+ max-width: var(--l-measure);
628
629
  }
629
630
 
630
631
  .zx-tabs__root {
@@ -641,7 +642,7 @@
641
642
  display: flex;
642
643
  align-self: flex-start;
643
644
  box-sizing: border-box;
644
- max-inline-size: 100%;
645
+ max-width: 100%;
645
646
  overflow-x: auto;
646
647
  padding: var(--tabs-ring-room);
647
648
  scroll-padding-inline: var(--tabs-ring-room);
@@ -2128,6 +2129,9 @@
2128
2129
  transition: background var(--duration-normal) var(--ease-standard);
2129
2130
  padding-left: calc(var(--size-field) * 4);
2130
2131
  padding-right: calc(var(--size-field) * 4);
2132
+ width: max-content;
2133
+ flex-shrink: 0;
2134
+ flex-wrap: nowrap;
2131
2135
  }
2132
2136
 
2133
2137
  .zx-tooltip__trigger.zx-f-disabled {
@@ -2163,6 +2167,10 @@
2163
2167
  transform: none;
2164
2168
  }
2165
2169
 
2170
+ .zx-tooltip__arrow {
2171
+ background: var(--color-neutral);
2172
+ }
2173
+
2166
2174
  .zx-tooltip__trigger.zx-a-color-primary {
2167
2175
  background: var(--color-primary);
2168
2176
  color: var(--color-primary-content);
@@ -2509,6 +2517,10 @@
2509
2517
  transition: background var(--duration-normal) var(--ease-standard);
2510
2518
  padding-left: calc(var(--size-field) * 4);
2511
2519
  padding-right: calc(var(--size-field) * 4);
2520
+ width: max-content;
2521
+ flex-shrink: 0;
2522
+ flex-wrap: nowrap;
2523
+ flex-direction: row;
2512
2524
  }
2513
2525
 
2514
2526
  .zx-menu__trigger.zx-f-disabled {
@@ -2521,8 +2533,15 @@
2521
2533
  }
2522
2534
 
2523
2535
  .zx-menu__trigger.zx-f-focus-visible {
2524
- outline: 2px solid var(--color-base-content);
2536
+ outline: none;
2525
2537
  outline-offset: 2px;
2538
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
2539
+ }
2540
+
2541
+ .zx-menu__trigger.zx-f-pressed {
2542
+ background: var(--color-base-300);
2543
+ transform: translateY(1px);
2544
+ box-shadow: none;
2526
2545
  }
2527
2546
 
2528
2547
  .zx-menu__popup {
@@ -2536,6 +2555,8 @@
2536
2555
  box-shadow: var(--shadow-lg);
2537
2556
  padding: var(--space-md);
2538
2557
  min-width: 208px;
2558
+ display: flex;
2559
+ flex-direction: column;
2539
2560
  }
2540
2561
 
2541
2562
  .zx-menu__popup.zx-s-open {
@@ -2554,6 +2575,7 @@
2554
2575
  cursor: pointer;
2555
2576
  outline: none;
2556
2577
  transition: background var(--duration-fast) var(--ease-standard);
2578
+ flex-direction: row;
2557
2579
  }
2558
2580
 
2559
2581
  .zx-menu__item.zx-f-highlighted {
@@ -2576,6 +2598,7 @@
2576
2598
  cursor: pointer;
2577
2599
  outline: none;
2578
2600
  transition: background var(--duration-fast) var(--ease-standard);
2601
+ flex-direction: row;
2579
2602
  }
2580
2603
 
2581
2604
  .zx-menu__checkbox-item.zx-f-highlighted {
@@ -2598,6 +2621,7 @@
2598
2621
  cursor: pointer;
2599
2622
  outline: none;
2600
2623
  transition: background var(--duration-fast) var(--ease-standard);
2624
+ flex-direction: row;
2601
2625
  }
2602
2626
 
2603
2627
  .zx-menu__radio-item.zx-f-highlighted {
@@ -2627,6 +2651,7 @@
2627
2651
  cursor: pointer;
2628
2652
  outline: none;
2629
2653
  transition: background var(--duration-fast) var(--ease-standard);
2654
+ flex-direction: row;
2630
2655
  }
2631
2656
 
2632
2657
  .zx-menu__sub-trigger.zx-f-highlighted {
@@ -2653,6 +2678,8 @@
2653
2678
  box-shadow: var(--shadow-lg);
2654
2679
  padding: var(--space-md);
2655
2680
  min-width: 208px;
2681
+ display: flex;
2682
+ flex-direction: column;
2656
2683
  }
2657
2684
 
2658
2685
  .zx-menu__sub-popup.zx-s-open {
@@ -3249,7 +3276,7 @@
3249
3276
  grid-template-columns: 1fr;
3250
3277
  grid-auto-rows: max-content;
3251
3278
  gap: var(--space-sm);
3252
- min-inline-size: 0;
3279
+ min-width: 0;
3253
3280
  margin: 0;
3254
3281
  border: none;
3255
3282
  flex-direction: column;
@@ -5227,7 +5254,7 @@
5227
5254
  .zx-select__clear-trigger {
5228
5255
  appearance: none;
5229
5256
  position: absolute;
5230
- min-inline-size: 24px;
5257
+ min-width: 24px;
5231
5258
  display: flex;
5232
5259
  align-items: center;
5233
5260
  justify-content: center;
@@ -5244,7 +5271,6 @@
5244
5271
  right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
5245
5272
  width: 24px;
5246
5273
  height: 24px;
5247
- min-width: 24px;
5248
5274
  box-sizing: border-box;
5249
5275
  }
5250
5276
 
@@ -5501,15 +5527,13 @@
5501
5527
 
5502
5528
  .zx-button__spinner {
5503
5529
  box-sizing: border-box;
5504
- inline-size: 1em;
5505
- block-size: 1em;
5530
+ width: 1em;
5531
+ height: 1em;
5506
5532
  flex: none;
5507
5533
  border-radius: 9999px;
5508
5534
  border: 0 solid transparent;
5509
5535
  border-block-start-color: transparent;
5510
5536
  animation: zero-daisyui-btn-spin 0.7s linear infinite;
5511
- width: 1em;
5512
- height: 1em;
5513
5537
  border-top-width: calc(var(--border) * 2);
5514
5538
  border-right-width: calc(var(--border) * 2);
5515
5539
  border-bottom-width: calc(var(--border) * 2);
@@ -5921,14 +5945,11 @@
5921
5945
  }
5922
5946
 
5923
5947
  .zx-button__root.zx-m-wide {
5924
- inline-size: 100%;
5925
- max-inline-size: 256px;
5926
5948
  width: 100%;
5927
5949
  max-width: 256px;
5928
5950
  }
5929
5951
 
5930
5952
  .zx-button__root.zx-m-block {
5931
- inline-size: 100%;
5932
5953
  width: 100%;
5933
5954
  }
5934
5955
 
@@ -6350,14 +6371,12 @@
6350
6371
  .zx-toast__indicator {
6351
6372
  grid-column: 1;
6352
6373
  grid-row: 1 / span 2;
6353
- inline-size: var(--toast-mark);
6354
- block-size: var(--toast-mark);
6374
+ width: var(--toast-mark);
6375
+ height: var(--toast-mark);
6355
6376
  box-sizing: border-box;
6356
6377
  position: absolute;
6357
6378
  left: var(--space-lg);
6358
6379
  top: var(--space-md);
6359
- width: var(--toast-mark);
6360
- height: var(--toast-mark);
6361
6380
  }
6362
6381
 
6363
6382
  .zx-toast__indicator.zx-s-loading {
@@ -6865,13 +6884,16 @@
6865
6884
  .zx-combobox__root {
6866
6885
  display: flex;
6867
6886
  flex-direction: column;
6887
+ width: 320px;
6888
+ max-width: 100%;
6889
+ min-width: 48px;
6868
6890
  }
6869
6891
 
6870
6892
  .zx-combobox__control {
6871
6893
  display: flex;
6872
6894
  align-items: stretch;
6873
6895
  flex-wrap: wrap;
6874
- min-width: 208px;
6896
+ min-width: 48px;
6875
6897
  box-sizing: border-box;
6876
6898
  height: auto;
6877
6899
  background: var(--color-base-100);
@@ -6880,6 +6902,7 @@
6880
6902
  box-shadow: var(--shadow-xs);
6881
6903
  min-height: calc(var(--size-field) * 12);
6882
6904
  transition: border-color var(--duration-fast) var(--ease-standard);
6905
+ width: 100%;
6883
6906
  }
6884
6907
 
6885
6908
  .zx-combobox__control.zx-s-open {
@@ -6895,8 +6918,9 @@
6895
6918
  }
6896
6919
 
6897
6920
  .zx-combobox__control.zx-f-focus-visible {
6898
- outline: 2px solid var(--color-base-content);
6921
+ outline: none;
6899
6922
  outline-offset: 2px;
6923
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
6900
6924
  }
6901
6925
 
6902
6926
  .zx-combobox__input {
@@ -6908,13 +6932,33 @@
6908
6932
  border: none;
6909
6933
  outline: none;
6910
6934
  background: transparent;
6911
- color: inherit;
6935
+ color: var(--color-base-content);
6912
6936
  font: inherit;
6913
6937
  font-size: var(--text-sm);
6914
6938
  font-weight: var(--weight-medium);
6915
6939
  padding: var(--space-sm) var(--space-lg);
6916
6940
  }
6917
6941
 
6942
+ .zx-root .zx-combobox__input {
6943
+ -x-placeholder-color: #18181b99;
6944
+ }
6945
+
6946
+ .zx-root.zx-theme-dark .zx-combobox__input {
6947
+ -x-placeholder-color: #ecf9ff99;
6948
+ }
6949
+
6950
+ .zx-root.zx-theme-dim .zx-combobox__input {
6951
+ -x-placeholder-color: #b2ccd699;
6952
+ }
6953
+
6954
+ .zx-root.zx-theme-nord .zx-combobox__input {
6955
+ -x-placeholder-color: #2e344099;
6956
+ }
6957
+
6958
+ .zx-root.zx-theme-sunset .zx-combobox__input {
6959
+ -x-placeholder-color: #9fb9d099;
6960
+ }
6961
+
6918
6962
  .zx-combobox__input.zx-f-disabled {
6919
6963
  cursor: not-allowed;
6920
6964
  }
@@ -6935,8 +6979,9 @@
6935
6979
  }
6936
6980
 
6937
6981
  .zx-combobox__tag.zx-f-focus-visible {
6938
- outline: 2px solid var(--color-base-content);
6982
+ outline: none;
6939
6983
  outline-offset: 2px;
6984
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
6940
6985
  }
6941
6986
 
6942
6987
  .zx-combobox__tag-label {
@@ -6947,7 +6992,7 @@
6947
6992
  appearance: none;
6948
6993
  border: none;
6949
6994
  background: transparent;
6950
- color: inherit;
6995
+ color: var(--color-base-content);
6951
6996
  font: inherit;
6952
6997
  border-radius: var(--radius-selector);
6953
6998
  padding: 0 var(--space-2xs);
@@ -6962,8 +7007,9 @@
6962
7007
  }
6963
7008
 
6964
7009
  .zx-combobox__tag-remove.zx-f-focus-visible {
6965
- outline: 2px solid var(--color-base-content);
7010
+ outline: none;
6966
7011
  outline-offset: 2px;
7012
+ box-shadow: inset 0 0 0 2px var(--color-base-content);
6967
7013
  }
6968
7014
 
6969
7015
  .zx-root .zx-combobox__tag-remove.zx-f-pressed {
@@ -6990,11 +7036,14 @@
6990
7036
  appearance: none;
6991
7037
  border: none;
6992
7038
  background: transparent;
6993
- color: inherit;
7039
+ color: var(--color-base-content);
6994
7040
  opacity: 0.6;
6995
7041
  padding: 0 var(--space-lg);
6996
7042
  cursor: pointer;
6997
7043
  transition: transform var(--duration-normal) var(--ease-standard);
7044
+ display: flex;
7045
+ align-items: center;
7046
+ justify-content: center;
6998
7047
  }
6999
7048
 
7000
7049
  .zx-combobox__trigger.zx-s-open {
@@ -7005,17 +7054,24 @@
7005
7054
  cursor: not-allowed;
7006
7055
  }
7007
7056
 
7057
+ .zx-combobox__trigger.zx-f-pressed {
7058
+ opacity: 1;
7059
+ }
7060
+
7008
7061
  .zx-combobox__clear-trigger {
7009
7062
  appearance: none;
7010
7063
  border: none;
7011
7064
  background: transparent;
7012
- color: inherit;
7065
+ color: var(--color-base-content);
7013
7066
  font: inherit;
7014
7067
  opacity: 0.6;
7015
7068
  padding: 0 var(--space-xs);
7016
7069
  line-height: var(--leading-none);
7017
7070
  cursor: pointer;
7018
7071
  transition: opacity var(--duration-fast) var(--ease-standard);
7072
+ display: flex;
7073
+ align-items: center;
7074
+ justify-content: center;
7019
7075
  }
7020
7076
 
7021
7077
  .zx-combobox__popup {
@@ -7029,6 +7085,7 @@
7029
7085
  box-shadow: var(--shadow-lg);
7030
7086
  padding: var(--space-md);
7031
7087
  min-width: 208px;
7088
+ --combobox-accent: var(--color-primary);
7032
7089
  }
7033
7090
 
7034
7091
  .zx-combobox__popup.zx-s-open {
@@ -7076,6 +7133,10 @@
7076
7133
  cursor: not-allowed;
7077
7134
  }
7078
7135
 
7136
+ .zx-combobox__item.zx-f-pressed {
7137
+ background: var(--color-base-200);
7138
+ }
7139
+
7079
7140
  .zx-combobox__item-indicator {
7080
7141
  font-size: var(--text-xs);
7081
7142
  }
@@ -7104,34 +7165,66 @@
7104
7165
  --combobox-accent: var(--color-primary);
7105
7166
  }
7106
7167
 
7168
+ .zx-combobox__popup.zx-a-color-primary {
7169
+ --combobox-accent: var(--color-primary);
7170
+ }
7171
+
7107
7172
  .zx-combobox__root.zx-a-color-secondary {
7108
7173
  --combobox-accent: var(--color-secondary);
7109
7174
  }
7110
7175
 
7176
+ .zx-combobox__popup.zx-a-color-secondary {
7177
+ --combobox-accent: var(--color-secondary);
7178
+ }
7179
+
7111
7180
  .zx-combobox__root.zx-a-color-accent {
7112
7181
  --combobox-accent: var(--color-accent);
7113
7182
  }
7114
7183
 
7184
+ .zx-combobox__popup.zx-a-color-accent {
7185
+ --combobox-accent: var(--color-accent);
7186
+ }
7187
+
7115
7188
  .zx-combobox__root.zx-a-color-neutral {
7116
7189
  --combobox-accent: var(--color-neutral);
7117
7190
  }
7118
7191
 
7192
+ .zx-combobox__popup.zx-a-color-neutral {
7193
+ --combobox-accent: var(--color-neutral);
7194
+ }
7195
+
7119
7196
  .zx-combobox__root.zx-a-color-info {
7120
7197
  --combobox-accent: var(--color-info);
7121
7198
  }
7122
7199
 
7200
+ .zx-combobox__popup.zx-a-color-info {
7201
+ --combobox-accent: var(--color-info);
7202
+ }
7203
+
7123
7204
  .zx-combobox__root.zx-a-color-success {
7124
7205
  --combobox-accent: var(--color-success);
7125
7206
  }
7126
7207
 
7208
+ .zx-combobox__popup.zx-a-color-success {
7209
+ --combobox-accent: var(--color-success);
7210
+ }
7211
+
7127
7212
  .zx-combobox__root.zx-a-color-warning {
7128
7213
  --combobox-accent: var(--color-warning);
7129
7214
  }
7130
7215
 
7216
+ .zx-combobox__popup.zx-a-color-warning {
7217
+ --combobox-accent: var(--color-warning);
7218
+ }
7219
+
7131
7220
  .zx-combobox__root.zx-a-color-error {
7132
7221
  --combobox-accent: var(--color-error);
7133
7222
  }
7134
7223
 
7224
+ .zx-combobox__popup.zx-a-color-error {
7225
+ --combobox-accent: var(--color-error);
7226
+ }
7227
+
7135
7228
  .zx-combobox__control.zx-a-size-xs {
7136
7229
  min-height: calc(var(--size-field) * 8);
7137
7230
  }
@@ -8077,6 +8170,8 @@
8077
8170
  .zx-tree-view__item.zx-f-selected {
8078
8171
  background: var(--tree-accent);
8079
8172
  color: var(--tree-on-accent);
8173
+ --tree-check: var(--tree-on-accent);
8174
+ --tree-on-check: var(--tree-accent);
8080
8175
  }
8081
8176
 
8082
8177
  .zx-tree-view__item.zx-f-disabled {
@@ -8085,8 +8180,17 @@
8085
8180
  }
8086
8181
 
8087
8182
  .zx-tree-view__item.zx-f-focus-visible {
8088
- outline: 2px solid var(--color-base-content);
8183
+ outline: none;
8089
8184
  outline-offset: -2px;
8185
+ box-shadow: inset 0 0 0 2px var(--color-base-content);
8186
+ }
8187
+
8188
+ .zx-tree-view__item.zx-f-pressed {
8189
+ background: var(--color-base-300);
8190
+ }
8191
+
8192
+ .zx-tree-view__item.zx-f-selected.zx-f-pressed {
8193
+ background: var(--tree-accent);
8090
8194
  }
8091
8195
 
8092
8196
  .zx-tree-view__branch {
@@ -8112,6 +8216,8 @@
8112
8216
  .zx-tree-view__branch-trigger.zx-f-selected {
8113
8217
  background: var(--tree-accent);
8114
8218
  color: var(--tree-on-accent);
8219
+ --tree-check: var(--tree-on-accent);
8220
+ --tree-on-check: var(--tree-accent);
8115
8221
  }
8116
8222
 
8117
8223
  .zx-tree-view__branch-trigger.zx-f-disabled {
@@ -8120,14 +8226,25 @@
8120
8226
  }
8121
8227
 
8122
8228
  .zx-tree-view__branch-trigger.zx-f-focus-visible {
8123
- outline: 2px solid var(--color-base-content);
8229
+ outline: none;
8124
8230
  outline-offset: -2px;
8231
+ box-shadow: inset 0 0 0 2px var(--color-base-content);
8232
+ }
8233
+
8234
+ .zx-tree-view__branch-trigger.zx-f-pressed {
8235
+ background: var(--color-base-300);
8236
+ }
8237
+
8238
+ .zx-tree-view__branch-trigger.zx-f-selected.zx-f-pressed {
8239
+ background: var(--tree-accent);
8125
8240
  }
8126
8241
 
8127
8242
  .zx-tree-view__branch-indicator {
8128
- display: inline-block;
8243
+ display: flex;
8129
8244
  opacity: 0.6;
8130
8245
  transition: transform var(--duration-fast) var(--ease-standard);
8246
+ width: 1em;
8247
+ text-align: center;
8131
8248
  }
8132
8249
 
8133
8250
  .zx-tree-view__branch-indicator.zx-s-open {
@@ -8139,7 +8256,7 @@
8139
8256
  }
8140
8257
 
8141
8258
  .zx-tree-view__node-checkbox {
8142
- display: inline-block;
8259
+ display: flex;
8143
8260
  position: relative;
8144
8261
  flex-shrink: 0;
8145
8262
  box-sizing: border-box;
@@ -8150,6 +8267,9 @@
8150
8267
  box-shadow: 0 1px var(--depth-shade) inset;
8151
8268
  cursor: pointer;
8152
8269
  transition: background-color var(--duration-normal) var(--ease-standard);
8270
+ align-items: center;
8271
+ justify-content: center;
8272
+ color: var(--tree-on-check);
8153
8273
  }
8154
8274
 
8155
8275
  .zx-tree-view__node-checkbox.zx-s-checked {
@@ -8765,9 +8885,8 @@
8765
8885
  align-items: center;
8766
8886
  justify-content: center;
8767
8887
  margin: 0;
8768
- inline-size: 100%;
8769
- object-fit: cover;
8770
8888
  width: 100%;
8889
+ object-fit: cover;
8771
8890
  overflow: hidden;
8772
8891
  }
8773
8892
 
@@ -8937,7 +9056,7 @@
8937
9056
  background: transparent;
8938
9057
  color: var(--color-base-content);
8939
9058
  border-radius: var(--radius-selector);
8940
- padding: var(--space-2xs);
9059
+ padding: 0;
8941
9060
  line-height: var(--leading-none);
8942
9061
  cursor: pointer;
8943
9062
  transition: background var(--duration-fast) var(--ease-standard);
@@ -8945,6 +9064,12 @@
8945
9064
  top: calc(var(--alert-pad-y) - var(--space-2xs));
8946
9065
  right: calc(var(--alert-pad-x) - var(--space-2xs));
8947
9066
  font-size: var(--text-md);
9067
+ display: flex;
9068
+ align-items: center;
9069
+ justify-content: center;
9070
+ box-sizing: border-box;
9071
+ width: calc(var(--text-md) + var(--space-2xs) * 2);
9072
+ height: calc(var(--text-md) + var(--space-2xs) * 2);
8948
9073
  }
8949
9074
 
8950
9075
  .zx-alert__close.zx-f-disabled {
@@ -9260,7 +9385,7 @@
9260
9385
  }
9261
9386
 
9262
9387
  .zx-empty-state__description {
9263
- max-inline-size: 100%;
9388
+ max-width: 100%;
9264
9389
  font-size: var(--text-sm);
9265
9390
  line-height: var(--leading-normal);
9266
9391
  text-align: center;
@@ -9609,14 +9734,12 @@
9609
9734
  .zx-badge__dot {
9610
9735
  display: flex;
9611
9736
  flex: none;
9612
- inline-size: 0.5em;
9613
- block-size: 0.5em;
9737
+ width: 0.5em;
9738
+ height: 0.5em;
9614
9739
  box-sizing: border-box;
9615
9740
  border-radius: 50%;
9616
9741
  background: var(--badge-dot);
9617
9742
  border: 0 solid transparent;
9618
- width: 0.5em;
9619
- height: 0.5em;
9620
9743
  flex-shrink: 0;
9621
9744
  border-top-width: 0.1em;
9622
9745
  border-right-width: 0.1em;
@@ -9910,30 +10033,30 @@
9910
10033
  }
9911
10034
 
9912
10035
  .zx-divider__root.zx-o-horizontal {
9913
- inline-size: 100%;
9914
- block-size: var(--border);
10036
+ width: 100%;
10037
+ height: var(--border);
9915
10038
  }
9916
10039
 
9917
10040
  .zx-divider__root.zx-o-horizontal.zx-a-size-lg {
9918
- block-size: calc(var(--border) * 2);
10041
+ height: calc(var(--border) * 2);
9919
10042
  }
9920
10043
 
9921
10044
  .zx-divider__root.zx-o-horizontal.zx-a-size-xl {
9922
- block-size: calc(var(--border) * 3);
10045
+ height: calc(var(--border) * 3);
9923
10046
  }
9924
10047
 
9925
10048
  .zx-divider__root.zx-o-vertical {
9926
10049
  flex-direction: column;
9927
- min-block-size: 1em;
9928
- inline-size: var(--border);
10050
+ min-height: 1em;
10051
+ width: var(--border);
9929
10052
  }
9930
10053
 
9931
10054
  .zx-divider__root.zx-o-vertical.zx-a-size-lg {
9932
- inline-size: calc(var(--border) * 2);
10055
+ width: calc(var(--border) * 2);
9933
10056
  }
9934
10057
 
9935
10058
  .zx-divider__root.zx-o-vertical.zx-a-size-xl {
9936
- inline-size: calc(var(--border) * 3);
10059
+ width: calc(var(--border) * 3);
9937
10060
  }
9938
10061
 
9939
10062
  .zx-divider__label {
@@ -10004,13 +10127,14 @@
10004
10127
  }
10005
10128
  .zx-divider__root.zx-m-labelled.zx-o-horizontal {
10006
10129
  flex-direction: row;
10007
- block-size: var(--divider-fit);
10130
+ height: var(--divider-fit);
10008
10131
  }
10009
10132
  .zx-divider__root.zx-m-labelled.zx-o-vertical {
10010
- inline-size: var(--divider-fit);
10133
+ width: var(--divider-fit);
10011
10134
  }
10012
10135
  .zx-divider__root.zx-m-segment {
10013
10136
  flex: 1 1 0;
10137
+ align-self: center;
10014
10138
  }
10015
10139
  .zx-divider__root.zx-m-segment.zx-o-horizontal {
10016
10140
  min-width: 0;
@@ -10221,16 +10345,14 @@
10221
10345
 
10222
10346
  .zx-spinner__root {
10223
10347
  display: flex;
10224
- inline-size: calc(var(--size-selector) * 6);
10225
- block-size: calc(var(--size-selector) * 6);
10348
+ width: calc(var(--size-selector) * 6);
10349
+ height: calc(var(--size-selector) * 6);
10226
10350
  box-sizing: border-box;
10227
10351
  border-radius: 50%;
10228
10352
  border: 0 solid transparent;
10229
10353
  border-block-start-color: var(--spinner-ink);
10230
10354
  animation: zero-daisyui-spin 0.7s linear infinite;
10231
10355
  flex-shrink: 0;
10232
- width: calc(var(--size-selector) * 6);
10233
- height: calc(var(--size-selector) * 6);
10234
10356
  border-style: solid;
10235
10357
  border-top-width: calc(var(--border) * 2);
10236
10358
  border-right-width: calc(var(--border) * 2);
@@ -10243,29 +10365,21 @@
10243
10365
  }
10244
10366
 
10245
10367
  .zx-spinner__root.zx-a-size-xs {
10246
- inline-size: calc(var(--size-selector) * 4);
10247
- block-size: calc(var(--size-selector) * 4);
10248
10368
  width: calc(var(--size-selector) * 4);
10249
10369
  height: calc(var(--size-selector) * 4);
10250
10370
  }
10251
10371
 
10252
10372
  .zx-spinner__root.zx-a-size-sm {
10253
- inline-size: calc(var(--size-selector) * 5);
10254
- block-size: calc(var(--size-selector) * 5);
10255
10373
  width: calc(var(--size-selector) * 5);
10256
10374
  height: calc(var(--size-selector) * 5);
10257
10375
  }
10258
10376
 
10259
10377
  .zx-spinner__root.zx-a-size-lg {
10260
- inline-size: calc(var(--size-selector) * 7);
10261
- block-size: calc(var(--size-selector) * 7);
10262
10378
  width: calc(var(--size-selector) * 7);
10263
10379
  height: calc(var(--size-selector) * 7);
10264
10380
  }
10265
10381
 
10266
10382
  .zx-spinner__root.zx-a-size-xl {
10267
- inline-size: calc(var(--size-selector) * 8);
10268
- block-size: calc(var(--size-selector) * 8);
10269
10383
  width: calc(var(--size-selector) * 8);
10270
10384
  height: calc(var(--size-selector) * 8);
10271
10385
  }
@@ -10314,7 +10428,7 @@
10314
10428
  display: flex;
10315
10429
  align-items: center;
10316
10430
  justify-content: center;
10317
- min-inline-size: 1.75em;
10431
+ min-width: 1.75em;
10318
10432
  padding: calc(var(--space-2xs) - var(--border)) calc(var(--space-md) - var(--border));
10319
10433
  background: var(--kbd-fill);
10320
10434
  color: var(--kbd-ink);
@@ -10329,7 +10443,6 @@
10329
10443
  flex-shrink: 0;
10330
10444
  flex-wrap: nowrap;
10331
10445
  flex-direction: row;
10332
- min-width: 1.75em;
10333
10446
  border-top-width: var(--border);
10334
10447
  border-right-width: var(--border);
10335
10448
  border-left-width: var(--border);
@@ -10338,6 +10451,7 @@
10338
10451
  border-right-color: var(--color-base-300);
10339
10452
  border-bottom-color: var(--color-base-300);
10340
10453
  border-left-color: var(--color-base-300);
10454
+ font-family: Menlo, monospace;
10341
10455
  }
10342
10456
 
10343
10457
  .zx-kbd__root.zx-a-color-primary {
@@ -10383,7 +10497,6 @@
10383
10497
  .zx-kbd__root.zx-a-size-xs {
10384
10498
  font-size: var(--text-xs);
10385
10499
  padding: 0 var(--space-xs);
10386
- min-inline-size: 1.5em;
10387
10500
  min-width: 1.5em;
10388
10501
  }
10389
10502
 
@@ -10428,8 +10541,8 @@
10428
10541
 
10429
10542
  .zx-status__root {
10430
10543
  display: flex;
10431
- inline-size: calc(var(--size-selector) * 2.5);
10432
- block-size: calc(var(--size-selector) * 2.5);
10544
+ width: calc(var(--size-selector) * 2.5);
10545
+ height: calc(var(--size-selector) * 2.5);
10433
10546
  box-sizing: border-box;
10434
10547
  vertical-align: middle;
10435
10548
  background: var(--status-ink);
@@ -10437,44 +10550,34 @@
10437
10550
  border-radius: 9999px;
10438
10551
  box-shadow: 0 0 0 calc((var(--size-selector) * 2.5) / 4) var(--status-halo);
10439
10552
  flex-shrink: 0;
10440
- width: calc(var(--size-selector) * 2.5);
10441
- height: calc(var(--size-selector) * 2.5);
10442
10553
  }
10443
10554
 
10444
10555
  .zx-status__root.zx-a-size-xs {
10445
- inline-size: calc(var(--size-selector) * 1.5);
10446
- block-size: calc(var(--size-selector) * 1.5);
10447
- border: calc((var(--size-selector) * 1.5) / 2) solid var(--status-ink);
10448
- box-shadow: 0 0 0 calc((var(--size-selector) * 1.5) / 4) var(--status-halo);
10449
10556
  width: calc(var(--size-selector) * 1.5);
10450
10557
  height: calc(var(--size-selector) * 1.5);
10558
+ border: calc((var(--size-selector) * 1.5) / 2) solid var(--status-ink);
10559
+ box-shadow: 0 0 0 calc((var(--size-selector) * 1.5) / 4) var(--status-halo);
10451
10560
  }
10452
10561
 
10453
10562
  .zx-status__root.zx-a-size-sm {
10454
- inline-size: calc(var(--size-selector) * 2);
10455
- block-size: calc(var(--size-selector) * 2);
10456
- border: calc((var(--size-selector) * 2) / 2) solid var(--status-ink);
10457
- box-shadow: 0 0 0 calc((var(--size-selector) * 2) / 4) var(--status-halo);
10458
10563
  width: calc(var(--size-selector) * 2);
10459
10564
  height: calc(var(--size-selector) * 2);
10565
+ border: calc((var(--size-selector) * 2) / 2) solid var(--status-ink);
10566
+ box-shadow: 0 0 0 calc((var(--size-selector) * 2) / 4) var(--status-halo);
10460
10567
  }
10461
10568
 
10462
10569
  .zx-status__root.zx-a-size-lg {
10463
- inline-size: calc(var(--size-selector) * 3);
10464
- block-size: calc(var(--size-selector) * 3);
10465
- border: calc((var(--size-selector) * 3) / 2) solid var(--status-ink);
10466
- box-shadow: 0 0 0 calc((var(--size-selector) * 3) / 4) var(--status-halo);
10467
10570
  width: calc(var(--size-selector) * 3);
10468
10571
  height: calc(var(--size-selector) * 3);
10572
+ border: calc((var(--size-selector) * 3) / 2) solid var(--status-ink);
10573
+ box-shadow: 0 0 0 calc((var(--size-selector) * 3) / 4) var(--status-halo);
10469
10574
  }
10470
10575
 
10471
10576
  .zx-status__root.zx-a-size-xl {
10472
- inline-size: calc(var(--size-selector) * 3.5);
10473
- block-size: calc(var(--size-selector) * 3.5);
10474
- border: calc((var(--size-selector) * 3.5) / 2) solid var(--status-ink);
10475
- box-shadow: 0 0 0 calc((var(--size-selector) * 3.5) / 4) var(--status-halo);
10476
10577
  width: calc(var(--size-selector) * 3.5);
10477
10578
  height: calc(var(--size-selector) * 3.5);
10579
+ border: calc((var(--size-selector) * 3.5) / 2) solid var(--status-ink);
10580
+ box-shadow: 0 0 0 calc((var(--size-selector) * 3.5) / 4) var(--status-halo);
10478
10581
  }
10479
10582
 
10480
10583
  .zx-status__root.zx-a-color-primary {
@@ -11118,8 +11221,8 @@
11118
11221
  }
11119
11222
 
11120
11223
  .zx-timeline__marker {
11121
- inline-size: calc(var(--size-selector) * 3);
11122
- block-size: calc(var(--size-selector) * 3);
11224
+ width: calc(var(--size-selector) * 3);
11225
+ height: calc(var(--size-selector) * 3);
11123
11226
  box-sizing: border-box;
11124
11227
  border-radius: 9999px;
11125
11228
  background: var(--timeline-accent);
@@ -11128,42 +11231,32 @@
11128
11231
  align-items: center;
11129
11232
  justify-content: center;
11130
11233
  font-size: 0;
11131
- width: calc(var(--size-selector) * 3);
11132
- height: calc(var(--size-selector) * 3);
11133
11234
  flex-grow: 0;
11134
11235
  flex-shrink: 0;
11135
11236
  }
11136
11237
 
11137
11238
  .zx-timeline__marker.zx-a-size-xs {
11138
- inline-size: calc(var(--size-selector) * 2);
11139
- block-size: calc(var(--size-selector) * 2);
11140
- border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
11141
11239
  width: calc(var(--size-selector) * 2);
11142
11240
  height: calc(var(--size-selector) * 2);
11241
+ border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
11143
11242
  }
11144
11243
 
11145
11244
  .zx-timeline__marker.zx-a-size-sm {
11146
- inline-size: calc(var(--size-selector) * 2.5);
11147
- block-size: calc(var(--size-selector) * 2.5);
11148
- border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
11149
11245
  width: calc(var(--size-selector) * 2.5);
11150
11246
  height: calc(var(--size-selector) * 2.5);
11247
+ border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
11151
11248
  }
11152
11249
 
11153
11250
  .zx-timeline__marker.zx-a-size-lg {
11154
- inline-size: calc(var(--size-selector) * 3.5);
11155
- block-size: calc(var(--size-selector) * 3.5);
11156
- border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
11157
11251
  width: calc(var(--size-selector) * 3.5);
11158
11252
  height: calc(var(--size-selector) * 3.5);
11253
+ border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
11159
11254
  }
11160
11255
 
11161
11256
  .zx-timeline__marker.zx-a-size-xl {
11162
- inline-size: calc(var(--size-selector) * 4);
11163
- block-size: calc(var(--size-selector) * 4);
11164
- border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
11165
11257
  width: calc(var(--size-selector) * 4);
11166
11258
  height: calc(var(--size-selector) * 4);
11259
+ border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
11167
11260
  }
11168
11261
 
11169
11262
  .zx-timeline__connector {
@@ -11174,13 +11267,12 @@
11174
11267
  grid-column: 2;
11175
11268
  grid-row: 2;
11176
11269
  justify-self: center;
11177
- inline-size: var(--border);
11178
- min-block-size: var(--space-lg);
11179
- block-size: 100%;
11270
+ width: var(--border);
11271
+ min-height: var(--space-lg);
11272
+ height: var(--space-lg);
11180
11273
  flex-grow: 0;
11181
11274
  flex-shrink: 1;
11182
11275
  flex-basis: 100%;
11183
- height: var(--space-lg);
11184
11276
  background: transparent;
11185
11277
  border-left-width: var(--border);
11186
11278
  border-left-style: solid;
@@ -11208,15 +11300,13 @@
11208
11300
  grid-row: 2;
11209
11301
  grid-column: 2;
11210
11302
  align-self: center;
11211
- block-size: var(--border);
11212
- min-inline-size: var(--space-lg);
11213
- inline-size: 100%;
11303
+ height: var(--border);
11304
+ min-width: var(--space-lg);
11305
+ width: 100%;
11214
11306
  order: 1;
11215
11307
  flex-grow: 1;
11216
11308
  flex-shrink: 1;
11217
11309
  flex-basis: 0;
11218
- height: var(--border);
11219
- min-width: var(--space-lg);
11220
11310
  }
11221
11311
 
11222
11312
  .zx-timeline__content {
@@ -11359,9 +11449,11 @@
11359
11449
  }
11360
11450
 
11361
11451
  .zx-chat__root {
11362
- display: grid;
11452
+ display: flex;
11363
11453
  column-gap: var(--space-sm);
11364
11454
  row-gap: var(--space-2xs);
11455
+ flex-direction: column;
11456
+ align-items: flex-start;
11365
11457
  padding-top: var(--space-2xs);
11366
11458
  padding-bottom: var(--space-2xs);
11367
11459
  }
@@ -11374,6 +11466,7 @@
11374
11466
  .zx-chat__root.zx-p-end {
11375
11467
  grid-template-columns: minmax(0, 1fr) auto;
11376
11468
  justify-items: end;
11469
+ align-items: flex-end;
11377
11470
  }
11378
11471
 
11379
11472
  .zx-chat__avatar {
@@ -11408,7 +11501,7 @@
11408
11501
  }
11409
11502
 
11410
11503
  .zx-chat__bubble {
11411
- max-inline-size: 90%;
11504
+ max-width: 90%;
11412
11505
  padding: var(--space-xs) var(--space-lg);
11413
11506
  font-size: var(--text-sm);
11414
11507
  background: var(--chat-fill);
@@ -11499,6 +11592,12 @@
11499
11592
  font-size: var(--text-lg);
11500
11593
  padding: var(--space-md) var(--space-xl);
11501
11594
  }
11595
+ .zx-chat__root.zx-p-start .zx-chat__bubble {
11596
+ border-bottom-left-radius: 0;
11597
+ }
11598
+ .zx-chat__root.zx-p-end .zx-chat__bubble {
11599
+ border-bottom-right-radius: 0;
11600
+ }
11502
11601
 
11503
11602
  .zx-chat-log__root {
11504
11603
  --chat-log-fill: var(--color-primary);
@@ -11514,25 +11613,32 @@
11514
11613
  background: var(--color-base-100);
11515
11614
  color: var(--color-base-content);
11516
11615
  border: var(--border) solid var(--color-base-300);
11517
- padding: var(--space-sm) var(--space-md);
11616
+ padding: 0;
11617
+ overflow: hidden;
11518
11618
  }
11519
11619
 
11520
11620
  .zx-chat-log__root.zx-f-focus-visible {
11521
- outline: 2px solid var(--color-base-content);
11621
+ outline: none;
11522
11622
  outline-offset: -2px;
11623
+ box-shadow: inset 0 0 0 2px var(--color-base-content);
11523
11624
  }
11524
11625
 
11525
11626
  .zx-chat-log__content {
11526
11627
  flex: none;
11527
- display: grid;
11628
+ display: flex;
11528
11629
  row-gap: var(--space-xs);
11630
+ flex-direction: column;
11631
+ padding-top: var(--space-sm);
11632
+ padding-bottom: var(--space-sm);
11633
+ padding-left: var(--space-md);
11634
+ padding-right: var(--space-md);
11529
11635
  }
11530
11636
 
11531
11637
  .zx-chat-log__jump-trigger {
11532
- position: sticky;
11638
+ position: relative;
11533
11639
  align-self: center;
11534
11640
  flex: none;
11535
- block-size: calc(var(--size-field) * 8);
11641
+ height: calc(var(--size-field) * 8);
11536
11642
  appearance: none;
11537
11643
  display: flex;
11538
11644
  align-items: center;
@@ -11548,27 +11654,51 @@
11548
11654
  line-height: var(--leading-none);
11549
11655
  cursor: pointer;
11550
11656
  transition: background var(--duration-fast) var(--ease-standard);
11657
+ flex-direction: row;
11658
+ padding-left: var(--space-md);
11659
+ padding-right: var(--space-md);
11551
11660
  }
11552
11661
 
11553
11662
  .zx-chat-log__jump-trigger.zx-a-size-xs {
11554
- block-size: calc(var(--size-field) * 6);
11663
+ height: calc(var(--size-field) * 6);
11555
11664
  }
11556
11665
 
11557
11666
  .zx-chat-log__jump-trigger.zx-a-size-sm {
11558
- block-size: calc(var(--size-field) * 7);
11667
+ height: calc(var(--size-field) * 7);
11559
11668
  }
11560
11669
 
11561
11670
  .zx-chat-log__jump-trigger.zx-a-size-lg {
11562
- block-size: calc(var(--size-field) * 9);
11671
+ height: calc(var(--size-field) * 9);
11563
11672
  }
11564
11673
 
11565
11674
  .zx-chat-log__jump-trigger.zx-a-size-xl {
11566
- block-size: calc(var(--size-field) * 10);
11675
+ height: calc(var(--size-field) * 10);
11567
11676
  }
11568
11677
 
11569
11678
  .zx-chat-log__jump-trigger.zx-f-focus-visible {
11570
- outline: 2px solid var(--color-base-content);
11679
+ outline: none;
11571
11680
  outline-offset: 2px;
11681
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
11682
+ }
11683
+
11684
+ .zx-root .zx-chat-log__jump-trigger.zx-f-pressed {
11685
+ background: #3823b9;
11686
+ }
11687
+
11688
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-f-pressed {
11689
+ background: #5250de;
11690
+ }
11691
+
11692
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-f-pressed {
11693
+ background: #8aca7a;
11694
+ }
11695
+
11696
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-f-pressed {
11697
+ background: #516f95;
11698
+ }
11699
+
11700
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-f-pressed {
11701
+ background: #de744e;
11572
11702
  }
11573
11703
 
11574
11704
  .zx-chat-log__jump-trigger.zx-f-pressed {
@@ -11581,41 +11711,201 @@
11581
11711
  --chat-log-on-fill: var(--color-primary-content);
11582
11712
  }
11583
11713
 
11584
- .zx-chat-log__jump-trigger.zx-a-color-secondary {
11585
- --chat-log-fill: var(--color-secondary);
11586
- --chat-log-on-fill: var(--color-secondary-content);
11714
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
11715
+ background: #3823b9;
11587
11716
  }
11588
11717
 
11589
- .zx-chat-log__jump-trigger.zx-a-color-accent {
11590
- --chat-log-fill: var(--color-accent);
11591
- --chat-log-on-fill: var(--color-accent-content);
11718
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
11719
+ background: #5250de;
11592
11720
  }
11593
11721
 
11594
- .zx-chat-log__jump-trigger.zx-a-color-neutral {
11595
- --chat-log-fill: var(--color-neutral);
11596
- --chat-log-on-fill: var(--color-neutral-content);
11722
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
11723
+ background: #8aca7a;
11597
11724
  }
11598
11725
 
11599
- .zx-chat-log__jump-trigger.zx-a-color-info {
11726
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
11727
+ background: #516f95;
11728
+ }
11729
+
11730
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
11731
+ background: #de744e;
11732
+ }
11733
+
11734
+ .zx-chat-log__jump-trigger.zx-a-color-secondary {
11735
+ --chat-log-fill: var(--color-secondary);
11736
+ --chat-log-on-fill: var(--color-secondary-content);
11737
+ }
11738
+
11739
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
11740
+ background: #d42884;
11741
+ }
11742
+
11743
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
11744
+ background: #d42884;
11745
+ }
11746
+
11747
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
11748
+ background: #de6c50;
11749
+ }
11750
+
11751
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
11752
+ background: #6f8ba7;
11753
+ }
11754
+
11755
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
11756
+ background: #dc6087;
11757
+ }
11758
+
11759
+ .zx-chat-log__jump-trigger.zx-a-color-accent {
11760
+ --chat-log-fill: var(--color-accent);
11761
+ --chat-log-on-fill: var(--color-accent-content);
11762
+ }
11763
+
11764
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
11765
+ background: #00b7a2;
11766
+ }
11767
+
11768
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
11769
+ background: #00b7a2;
11770
+ }
11771
+
11772
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
11773
+ background: #ad7ecb;
11774
+ }
11775
+
11776
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
11777
+ background: #75a7b5;
11778
+ }
11779
+
11780
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
11781
+ background: #9b75d9;
11782
+ }
11783
+
11784
+ .zx-chat-log__jump-trigger.zx-a-color-neutral {
11785
+ --chat-log-fill: var(--color-neutral);
11786
+ --chat-log-on-fill: var(--color-neutral-content);
11787
+ }
11788
+
11789
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
11790
+ background: #070708;
11791
+ }
11792
+
11793
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
11794
+ background: #070708;
11795
+ }
11796
+
11797
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
11798
+ background: #171b24;
11799
+ }
11800
+
11801
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
11802
+ background: #414a5b;
11803
+ }
11804
+
11805
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
11806
+ background: #162025;
11807
+ }
11808
+
11809
+ .zx-chat-log__jump-trigger.zx-a-color-info {
11600
11810
  --chat-log-fill: var(--color-info);
11601
11811
  --chat-log-on-fill: var(--color-info-content);
11602
11812
  }
11603
11813
 
11814
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
11815
+ background: #00a1dd;
11816
+ }
11817
+
11818
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
11819
+ background: #00a1dd;
11820
+ }
11821
+
11822
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
11823
+ background: #21ccde;
11824
+ }
11825
+
11826
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
11827
+ background: #9c7b96;
11828
+ }
11829
+
11830
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
11831
+ background: #76c3cc;
11832
+ }
11833
+
11604
11834
  .zx-chat-log__jump-trigger.zx-a-color-success {
11605
11835
  --chat-log-fill: var(--color-success);
11606
11836
  --chat-log-on-fill: var(--color-success-content);
11607
11837
  }
11608
11838
 
11839
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
11840
+ background: #00b77d;
11841
+ }
11842
+
11843
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
11844
+ background: #00b77d;
11845
+ }
11846
+
11847
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
11848
+ background: #54d0a4;
11849
+ }
11850
+
11851
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
11852
+ background: #8da57a;
11853
+ }
11854
+
11855
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
11856
+ background: #96c296;
11857
+ }
11858
+
11609
11859
  .zx-chat-log__jump-trigger.zx-a-color-warning {
11610
11860
  --chat-log-fill: var(--color-warning);
11611
11861
  --chat-log-on-fill: var(--color-warning-content);
11612
11862
  }
11613
11863
 
11864
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
11865
+ background: #db9f00;
11866
+ }
11867
+
11868
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
11869
+ background: #db9f00;
11870
+ }
11871
+
11872
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
11873
+ background: #d0b54b;
11874
+ }
11875
+
11876
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
11877
+ background: #ccb078;
11878
+ }
11879
+
11880
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
11881
+ background: #d2ae7e;
11882
+ }
11883
+
11614
11884
  .zx-chat-log__jump-trigger.zx-a-color-error {
11615
11885
  --chat-log-fill: var(--color-error);
11616
11886
  --chat-log-on-fill: var(--color-error-content);
11617
11887
  }
11618
11888
 
11889
+ .zx-root .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
11890
+ background: #de546c;
11891
+ }
11892
+
11893
+ .zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
11894
+ background: #de546c;
11895
+ }
11896
+
11897
+ .zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
11898
+ background: #de9786;
11899
+ }
11900
+
11901
+ .zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
11902
+ background: #a6535b;
11903
+ }
11904
+
11905
+ .zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
11906
+ background: #dea2a4;
11907
+ }
11908
+
11619
11909
  .zx-chat-log__content.zx-a-size-xs {
11620
11910
  row-gap: var(--space-2xs);
11621
11911
  }
@@ -11657,29 +11947,29 @@
11657
11947
  position: relative;
11658
11948
  display: inline-grid;
11659
11949
  place-items: center;
11660
- inline-size: calc(var(--size-selector) * 16);
11661
- block-size: calc(var(--size-selector) * 16);
11950
+ width: calc(var(--size-selector) * 16);
11951
+ height: calc(var(--size-selector) * 16);
11662
11952
  border-radius: 50%;
11663
11953
  }
11664
11954
 
11665
11955
  .zx-radial-progress__root.zx-a-size-xs {
11666
- inline-size: calc(var(--size-selector) * 10);
11667
- block-size: calc(var(--size-selector) * 10);
11956
+ width: calc(var(--size-selector) * 10);
11957
+ height: calc(var(--size-selector) * 10);
11668
11958
  }
11669
11959
 
11670
11960
  .zx-radial-progress__root.zx-a-size-sm {
11671
- inline-size: calc(var(--size-selector) * 13);
11672
- block-size: calc(var(--size-selector) * 13);
11961
+ width: calc(var(--size-selector) * 13);
11962
+ height: calc(var(--size-selector) * 13);
11673
11963
  }
11674
11964
 
11675
11965
  .zx-radial-progress__root.zx-a-size-lg {
11676
- inline-size: calc(var(--size-selector) * 20);
11677
- block-size: calc(var(--size-selector) * 20);
11966
+ width: calc(var(--size-selector) * 20);
11967
+ height: calc(var(--size-selector) * 20);
11678
11968
  }
11679
11969
 
11680
11970
  .zx-radial-progress__root.zx-a-size-xl {
11681
- inline-size: calc(var(--size-selector) * 24);
11682
- block-size: calc(var(--size-selector) * 24);
11971
+ width: calc(var(--size-selector) * 24);
11972
+ height: calc(var(--size-selector) * 24);
11683
11973
  }
11684
11974
 
11685
11975
  .zx-root .zx-radial-progress__root.zx-s-complete {
@@ -11833,10 +12123,11 @@
11833
12123
  display: flex;
11834
12124
  align-items: center;
11835
12125
  gap: var(--space-sm);
11836
- min-block-size: 64px;
12126
+ min-height: 64px;
11837
12127
  padding: var(--space-sm);
11838
12128
  background: var(--color-base-100);
11839
12129
  color: var(--color-base-content);
12130
+ flex-direction: row;
11840
12131
  }
11841
12132
 
11842
12133
  .zx-navbar__start {
@@ -11845,6 +12136,9 @@
11845
12136
  gap: var(--space-sm);
11846
12137
  flex: 1 1 0%;
11847
12138
  justify-content: flex-start;
12139
+ flex-direction: row;
12140
+ flex-basis: auto;
12141
+ flex-shrink: 0;
11848
12142
  }
11849
12143
 
11850
12144
  .zx-navbar__center {
@@ -11852,6 +12146,8 @@
11852
12146
  align-items: center;
11853
12147
  gap: var(--space-sm);
11854
12148
  justify-content: center;
12149
+ flex-direction: row;
12150
+ flex-shrink: 0;
11855
12151
  }
11856
12152
 
11857
12153
  .zx-navbar__end {
@@ -11860,6 +12156,9 @@
11860
12156
  gap: var(--space-sm);
11861
12157
  flex: 1 1 0%;
11862
12158
  justify-content: flex-end;
12159
+ flex-direction: row;
12160
+ flex-basis: auto;
12161
+ flex-shrink: 0;
11863
12162
  }
11864
12163
 
11865
12164
  .zx-navbar__root.zx-a-color-primary {
@@ -11903,21 +12202,21 @@
11903
12202
  }
11904
12203
 
11905
12204
  .zx-navbar__root.zx-a-size-xs {
11906
- min-block-size: 40px;
12205
+ min-height: 40px;
11907
12206
  font-size: var(--text-sm);
11908
12207
  }
11909
12208
 
11910
12209
  .zx-navbar__root.zx-a-size-sm {
11911
- min-block-size: 48px;
12210
+ min-height: 48px;
11912
12211
  font-size: var(--text-sm);
11913
12212
  }
11914
12213
 
11915
12214
  .zx-navbar__root.zx-a-size-lg {
11916
- min-block-size: 80px;
12215
+ min-height: 80px;
11917
12216
  }
11918
12217
 
11919
12218
  .zx-navbar__root.zx-a-size-xl {
11920
- min-block-size: 96px;
12219
+ min-height: 96px;
11921
12220
  font-size: var(--text-lg);
11922
12221
  }
11923
12222
 
@@ -11958,7 +12257,8 @@
11958
12257
  }
11959
12258
 
11960
12259
  .zx-nav-list__item {
11961
- display: block;
12260
+ display: flex;
12261
+ flex-direction: column;
11962
12262
  }
11963
12263
 
11964
12264
  .zx-nav-list__link {
@@ -11966,12 +12266,20 @@
11966
12266
  align-items: center;
11967
12267
  gap: var(--space-sm);
11968
12268
  text-decoration: none;
12269
+ appearance: none;
12270
+ background: none;
12271
+ border: 0;
12272
+ font: inherit;
12273
+ text-align: start;
12274
+ width: 100%;
12275
+ cursor: pointer;
11969
12276
  color: var(--nav-ink);
11970
12277
  padding: var(--space-sm) var(--space-lg);
11971
12278
  border-radius: var(--radius-field);
11972
12279
  font-weight: var(--weight-medium);
11973
12280
  line-height: var(--leading-tight);
11974
12281
  transition: background var(--duration-fast) var(--ease-standard);
12282
+ flex-direction: row;
11975
12283
  }
11976
12284
 
11977
12285
  .zx-nav-list__link.zx-s-active {
@@ -11986,10 +12294,12 @@
11986
12294
 
11987
12295
  .zx-nav-list__icon {
11988
12296
  display: flex;
11989
- inline-size: 1.25em;
12297
+ width: 1.25em;
11990
12298
  justify-content: center;
11991
12299
  flex: none;
11992
12300
  line-height: var(--leading-none);
12301
+ flex-direction: row;
12302
+ align-items: center;
11993
12303
  }
11994
12304
 
11995
12305
  .zx-nav-list__meta {
@@ -11998,6 +12308,8 @@
11998
12308
  font-size: var(--text-xs);
11999
12309
  font-variant-numeric: tabular-nums;
12000
12310
  opacity: 0.7;
12311
+ margin-left: auto;
12312
+ flex-direction: row;
12001
12313
  }
12002
12314
 
12003
12315
  .zx-nav-list__root.zx-a-color-primary {
@@ -12228,6 +12540,26 @@
12228
12540
  --bc-accent: var(--color-base-content);
12229
12541
  }
12230
12542
 
12543
+ .zx-root .zx-breadcrumbs__root {
12544
+ --bc-trigger-ink: #18181bbf;
12545
+ }
12546
+
12547
+ .zx-root.zx-theme-dark .zx-breadcrumbs__root {
12548
+ --bc-trigger-ink: #ecf9ffbf;
12549
+ }
12550
+
12551
+ .zx-root.zx-theme-dim .zx-breadcrumbs__root {
12552
+ --bc-trigger-ink: #b2ccd6bf;
12553
+ }
12554
+
12555
+ .zx-root.zx-theme-nord .zx-breadcrumbs__root {
12556
+ --bc-trigger-ink: #2e3440bf;
12557
+ }
12558
+
12559
+ .zx-root.zx-theme-sunset .zx-breadcrumbs__root {
12560
+ --bc-trigger-ink: #9fb9d0bf;
12561
+ }
12562
+
12231
12563
  .zx-breadcrumbs__root {
12232
12564
  font-size: var(--text-sm);
12233
12565
  color: var(--color-base-content);
@@ -12241,12 +12573,14 @@
12241
12573
  list-style: none;
12242
12574
  margin: 0;
12243
12575
  padding: var(--space-xs) 0;
12576
+ flex-direction: row;
12244
12577
  }
12245
12578
 
12246
12579
  .zx-breadcrumbs__item {
12247
12580
  display: flex;
12248
12581
  align-items: center;
12249
12582
  gap: var(--space-xs);
12583
+ flex-direction: row;
12250
12584
  }
12251
12585
 
12252
12586
  .zx-breadcrumbs__link {
@@ -12314,6 +12648,7 @@
12314
12648
  display: flex;
12315
12649
  align-items: center;
12316
12650
  gap: var(--space-xs);
12651
+ flex-direction: row;
12317
12652
  }
12318
12653
 
12319
12654
  .zx-breadcrumbs__ellipsis-trigger {
@@ -12324,34 +12659,20 @@
12324
12659
  margin: 0;
12325
12660
  font: inherit;
12326
12661
  line-height: inherit;
12662
+ color: var(--bc-trigger-ink);
12327
12663
  border-radius: var(--radius-selector);
12328
12664
  cursor: pointer;
12329
12665
  transition: color var(--duration-fast) var(--ease-standard);
12330
12666
  }
12331
12667
 
12332
- .zx-root .zx-breadcrumbs__ellipsis-trigger {
12333
- color: #18181bbf;
12334
- }
12335
-
12336
- .zx-root.zx-theme-dark .zx-breadcrumbs__ellipsis-trigger {
12337
- color: #ecf9ffbf;
12338
- }
12339
-
12340
- .zx-root.zx-theme-dim .zx-breadcrumbs__ellipsis-trigger {
12341
- color: #b2ccd6bf;
12342
- }
12343
-
12344
- .zx-root.zx-theme-nord .zx-breadcrumbs__ellipsis-trigger {
12345
- color: #2e3440bf;
12346
- }
12347
-
12348
- .zx-root.zx-theme-sunset .zx-breadcrumbs__ellipsis-trigger {
12349
- color: #9fb9d0bf;
12350
- }
12351
-
12352
12668
  .zx-breadcrumbs__ellipsis-trigger.zx-f-focus-visible {
12353
- outline: 2px solid var(--color-primary);
12669
+ outline: none;
12354
12670
  outline-offset: 2px;
12671
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-primary);
12672
+ }
12673
+
12674
+ .zx-breadcrumbs__ellipsis-trigger.zx-f-pressed {
12675
+ color: var(--color-base-content);
12355
12676
  }
12356
12677
 
12357
12678
  .zx-root .zx-breadcrumbs__root.zx-a-color-primary {
@@ -12544,14 +12865,15 @@
12544
12865
  overflow-x: auto;
12545
12866
  padding: var(--pg-ring-room);
12546
12867
  scroll-padding-inline: var(--pg-ring-room);
12868
+ flex-direction: row;
12547
12869
  }
12548
12870
 
12549
12871
  .zx-pagination__item {
12550
12872
  display: flex;
12551
12873
  align-items: center;
12552
12874
  justify-content: center;
12553
- min-inline-size: calc(var(--size-field) * 10);
12554
- block-size: calc(var(--size-field) * 10);
12875
+ min-width: calc(var(--size-field) * 10);
12876
+ height: calc(var(--size-field) * 10);
12555
12877
  background: var(--color-base-200);
12556
12878
  color: var(--color-base-content);
12557
12879
  border: none;
@@ -12563,28 +12885,29 @@
12563
12885
  text-decoration: none;
12564
12886
  cursor: pointer;
12565
12887
  transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
12888
+ flex-shrink: 0;
12566
12889
  padding-left: var(--space-2xs);
12567
12890
  padding-right: var(--space-2xs);
12568
12891
  }
12569
12892
 
12570
12893
  .zx-pagination__item.zx-a-size-xs {
12571
- min-inline-size: calc(var(--size-field) * 7);
12572
- block-size: calc(var(--size-field) * 7);
12894
+ min-width: calc(var(--size-field) * 7);
12895
+ height: calc(var(--size-field) * 7);
12573
12896
  }
12574
12897
 
12575
12898
  .zx-pagination__item.zx-a-size-sm {
12576
- min-inline-size: calc(var(--size-field) * 9);
12577
- block-size: calc(var(--size-field) * 9);
12899
+ min-width: calc(var(--size-field) * 9);
12900
+ height: calc(var(--size-field) * 9);
12578
12901
  }
12579
12902
 
12580
12903
  .zx-pagination__item.zx-a-size-lg {
12581
- min-inline-size: calc(var(--size-field) * 12);
12582
- block-size: calc(var(--size-field) * 12);
12904
+ min-width: calc(var(--size-field) * 12);
12905
+ height: calc(var(--size-field) * 12);
12583
12906
  }
12584
12907
 
12585
12908
  .zx-pagination__item.zx-a-size-xl {
12586
- min-inline-size: calc(var(--size-field) * 14);
12587
- block-size: calc(var(--size-field) * 14);
12909
+ min-width: calc(var(--size-field) * 14);
12910
+ height: calc(var(--size-field) * 14);
12588
12911
  }
12589
12912
 
12590
12913
  .zx-pagination__item.zx-s-active {
@@ -12598,42 +12921,48 @@
12598
12921
  }
12599
12922
 
12600
12923
  .zx-pagination__item.zx-f-focus-visible {
12601
- outline: 2px solid var(--color-base-content);
12924
+ outline: none;
12602
12925
  outline-offset: 2px;
12926
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
12603
12927
  }
12604
12928
 
12605
12929
  .zx-pagination__item.zx-f-pressed {
12606
12930
  transform: translateY(1px);
12607
12931
  }
12608
12932
 
12933
+ .zx-pagination__item.zx-f-pressed.zx-s-inactive {
12934
+ background: var(--color-base-300);
12935
+ }
12936
+
12609
12937
  .zx-pagination__ellipsis {
12610
12938
  display: flex;
12611
12939
  align-items: center;
12612
12940
  justify-content: center;
12613
- min-inline-size: calc(var(--size-field) * 10);
12614
- block-size: calc(var(--size-field) * 10);
12941
+ min-width: calc(var(--size-field) * 10);
12942
+ height: calc(var(--size-field) * 10);
12615
12943
  font-size: var(--pg-font);
12616
12944
  user-select: none;
12945
+ flex-shrink: 0;
12617
12946
  }
12618
12947
 
12619
12948
  .zx-pagination__ellipsis.zx-a-size-xs {
12620
- min-inline-size: calc(var(--size-field) * 7);
12621
- block-size: calc(var(--size-field) * 7);
12949
+ min-width: calc(var(--size-field) * 7);
12950
+ height: calc(var(--size-field) * 7);
12622
12951
  }
12623
12952
 
12624
12953
  .zx-pagination__ellipsis.zx-a-size-sm {
12625
- min-inline-size: calc(var(--size-field) * 9);
12626
- block-size: calc(var(--size-field) * 9);
12954
+ min-width: calc(var(--size-field) * 9);
12955
+ height: calc(var(--size-field) * 9);
12627
12956
  }
12628
12957
 
12629
12958
  .zx-pagination__ellipsis.zx-a-size-lg {
12630
- min-inline-size: calc(var(--size-field) * 12);
12631
- block-size: calc(var(--size-field) * 12);
12959
+ min-width: calc(var(--size-field) * 12);
12960
+ height: calc(var(--size-field) * 12);
12632
12961
  }
12633
12962
 
12634
12963
  .zx-pagination__ellipsis.zx-a-size-xl {
12635
- min-inline-size: calc(var(--size-field) * 14);
12636
- block-size: calc(var(--size-field) * 14);
12964
+ min-width: calc(var(--size-field) * 14);
12965
+ height: calc(var(--size-field) * 14);
12637
12966
  }
12638
12967
 
12639
12968
  .zx-root .zx-pagination__ellipsis {
@@ -12660,8 +12989,8 @@
12660
12989
  display: flex;
12661
12990
  align-items: center;
12662
12991
  justify-content: center;
12663
- min-inline-size: calc(var(--size-field) * 10);
12664
- block-size: calc(var(--size-field) * 10);
12992
+ min-width: calc(var(--size-field) * 10);
12993
+ height: calc(var(--size-field) * 10);
12665
12994
  background: var(--color-base-200);
12666
12995
  color: var(--color-base-content);
12667
12996
  border: none;
@@ -12672,26 +13001,27 @@
12672
13001
  text-decoration: none;
12673
13002
  cursor: pointer;
12674
13003
  transition: background var(--duration-fast) var(--ease-standard);
13004
+ flex-shrink: 0;
12675
13005
  }
12676
13006
 
12677
13007
  .zx-pagination__first-trigger.zx-a-size-xs {
12678
- min-inline-size: calc(var(--size-field) * 7);
12679
- block-size: calc(var(--size-field) * 7);
13008
+ min-width: calc(var(--size-field) * 7);
13009
+ height: calc(var(--size-field) * 7);
12680
13010
  }
12681
13011
 
12682
13012
  .zx-pagination__first-trigger.zx-a-size-sm {
12683
- min-inline-size: calc(var(--size-field) * 9);
12684
- block-size: calc(var(--size-field) * 9);
13013
+ min-width: calc(var(--size-field) * 9);
13014
+ height: calc(var(--size-field) * 9);
12685
13015
  }
12686
13016
 
12687
13017
  .zx-pagination__first-trigger.zx-a-size-lg {
12688
- min-inline-size: calc(var(--size-field) * 12);
12689
- block-size: calc(var(--size-field) * 12);
13018
+ min-width: calc(var(--size-field) * 12);
13019
+ height: calc(var(--size-field) * 12);
12690
13020
  }
12691
13021
 
12692
13022
  .zx-pagination__first-trigger.zx-a-size-xl {
12693
- min-inline-size: calc(var(--size-field) * 14);
12694
- block-size: calc(var(--size-field) * 14);
13023
+ min-width: calc(var(--size-field) * 14);
13024
+ height: calc(var(--size-field) * 14);
12695
13025
  }
12696
13026
 
12697
13027
  .zx-pagination__first-trigger.zx-f-disabled {
@@ -12700,8 +13030,13 @@
12700
13030
  }
12701
13031
 
12702
13032
  .zx-pagination__first-trigger.zx-f-focus-visible {
12703
- outline: 2px solid var(--color-base-content);
13033
+ outline: none;
12704
13034
  outline-offset: 2px;
13035
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13036
+ }
13037
+
13038
+ .zx-pagination__first-trigger.zx-f-pressed {
13039
+ background: var(--color-base-300);
12705
13040
  }
12706
13041
 
12707
13042
  .zx-pagination__first-trigger.zx-f-pressed {
@@ -12712,8 +13047,8 @@
12712
13047
  display: flex;
12713
13048
  align-items: center;
12714
13049
  justify-content: center;
12715
- min-inline-size: calc(var(--size-field) * 10);
12716
- block-size: calc(var(--size-field) * 10);
13050
+ min-width: calc(var(--size-field) * 10);
13051
+ height: calc(var(--size-field) * 10);
12717
13052
  background: var(--color-base-200);
12718
13053
  color: var(--color-base-content);
12719
13054
  border: none;
@@ -12724,26 +13059,27 @@
12724
13059
  text-decoration: none;
12725
13060
  cursor: pointer;
12726
13061
  transition: background var(--duration-fast) var(--ease-standard);
13062
+ flex-shrink: 0;
12727
13063
  }
12728
13064
 
12729
13065
  .zx-pagination__prev-trigger.zx-a-size-xs {
12730
- min-inline-size: calc(var(--size-field) * 7);
12731
- block-size: calc(var(--size-field) * 7);
13066
+ min-width: calc(var(--size-field) * 7);
13067
+ height: calc(var(--size-field) * 7);
12732
13068
  }
12733
13069
 
12734
13070
  .zx-pagination__prev-trigger.zx-a-size-sm {
12735
- min-inline-size: calc(var(--size-field) * 9);
12736
- block-size: calc(var(--size-field) * 9);
13071
+ min-width: calc(var(--size-field) * 9);
13072
+ height: calc(var(--size-field) * 9);
12737
13073
  }
12738
13074
 
12739
13075
  .zx-pagination__prev-trigger.zx-a-size-lg {
12740
- min-inline-size: calc(var(--size-field) * 12);
12741
- block-size: calc(var(--size-field) * 12);
13076
+ min-width: calc(var(--size-field) * 12);
13077
+ height: calc(var(--size-field) * 12);
12742
13078
  }
12743
13079
 
12744
13080
  .zx-pagination__prev-trigger.zx-a-size-xl {
12745
- min-inline-size: calc(var(--size-field) * 14);
12746
- block-size: calc(var(--size-field) * 14);
13081
+ min-width: calc(var(--size-field) * 14);
13082
+ height: calc(var(--size-field) * 14);
12747
13083
  }
12748
13084
 
12749
13085
  .zx-pagination__prev-trigger.zx-f-disabled {
@@ -12752,8 +13088,13 @@
12752
13088
  }
12753
13089
 
12754
13090
  .zx-pagination__prev-trigger.zx-f-focus-visible {
12755
- outline: 2px solid var(--color-base-content);
13091
+ outline: none;
12756
13092
  outline-offset: 2px;
13093
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13094
+ }
13095
+
13096
+ .zx-pagination__prev-trigger.zx-f-pressed {
13097
+ background: var(--color-base-300);
12757
13098
  }
12758
13099
 
12759
13100
  .zx-pagination__prev-trigger.zx-f-pressed {
@@ -12764,8 +13105,8 @@
12764
13105
  display: flex;
12765
13106
  align-items: center;
12766
13107
  justify-content: center;
12767
- min-inline-size: calc(var(--size-field) * 10);
12768
- block-size: calc(var(--size-field) * 10);
13108
+ min-width: calc(var(--size-field) * 10);
13109
+ height: calc(var(--size-field) * 10);
12769
13110
  background: var(--color-base-200);
12770
13111
  color: var(--color-base-content);
12771
13112
  border: none;
@@ -12776,26 +13117,27 @@
12776
13117
  text-decoration: none;
12777
13118
  cursor: pointer;
12778
13119
  transition: background var(--duration-fast) var(--ease-standard);
13120
+ flex-shrink: 0;
12779
13121
  }
12780
13122
 
12781
13123
  .zx-pagination__next-trigger.zx-a-size-xs {
12782
- min-inline-size: calc(var(--size-field) * 7);
12783
- block-size: calc(var(--size-field) * 7);
13124
+ min-width: calc(var(--size-field) * 7);
13125
+ height: calc(var(--size-field) * 7);
12784
13126
  }
12785
13127
 
12786
13128
  .zx-pagination__next-trigger.zx-a-size-sm {
12787
- min-inline-size: calc(var(--size-field) * 9);
12788
- block-size: calc(var(--size-field) * 9);
13129
+ min-width: calc(var(--size-field) * 9);
13130
+ height: calc(var(--size-field) * 9);
12789
13131
  }
12790
13132
 
12791
13133
  .zx-pagination__next-trigger.zx-a-size-lg {
12792
- min-inline-size: calc(var(--size-field) * 12);
12793
- block-size: calc(var(--size-field) * 12);
13134
+ min-width: calc(var(--size-field) * 12);
13135
+ height: calc(var(--size-field) * 12);
12794
13136
  }
12795
13137
 
12796
13138
  .zx-pagination__next-trigger.zx-a-size-xl {
12797
- min-inline-size: calc(var(--size-field) * 14);
12798
- block-size: calc(var(--size-field) * 14);
13139
+ min-width: calc(var(--size-field) * 14);
13140
+ height: calc(var(--size-field) * 14);
12799
13141
  }
12800
13142
 
12801
13143
  .zx-pagination__next-trigger.zx-f-disabled {
@@ -12804,8 +13146,13 @@
12804
13146
  }
12805
13147
 
12806
13148
  .zx-pagination__next-trigger.zx-f-focus-visible {
12807
- outline: 2px solid var(--color-base-content);
13149
+ outline: none;
12808
13150
  outline-offset: 2px;
13151
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13152
+ }
13153
+
13154
+ .zx-pagination__next-trigger.zx-f-pressed {
13155
+ background: var(--color-base-300);
12809
13156
  }
12810
13157
 
12811
13158
  .zx-pagination__next-trigger.zx-f-pressed {
@@ -12816,8 +13163,8 @@
12816
13163
  display: flex;
12817
13164
  align-items: center;
12818
13165
  justify-content: center;
12819
- min-inline-size: calc(var(--size-field) * 10);
12820
- block-size: calc(var(--size-field) * 10);
13166
+ min-width: calc(var(--size-field) * 10);
13167
+ height: calc(var(--size-field) * 10);
12821
13168
  background: var(--color-base-200);
12822
13169
  color: var(--color-base-content);
12823
13170
  border: none;
@@ -12828,26 +13175,27 @@
12828
13175
  text-decoration: none;
12829
13176
  cursor: pointer;
12830
13177
  transition: background var(--duration-fast) var(--ease-standard);
13178
+ flex-shrink: 0;
12831
13179
  }
12832
13180
 
12833
13181
  .zx-pagination__last-trigger.zx-a-size-xs {
12834
- min-inline-size: calc(var(--size-field) * 7);
12835
- block-size: calc(var(--size-field) * 7);
13182
+ min-width: calc(var(--size-field) * 7);
13183
+ height: calc(var(--size-field) * 7);
12836
13184
  }
12837
13185
 
12838
13186
  .zx-pagination__last-trigger.zx-a-size-sm {
12839
- min-inline-size: calc(var(--size-field) * 9);
12840
- block-size: calc(var(--size-field) * 9);
13187
+ min-width: calc(var(--size-field) * 9);
13188
+ height: calc(var(--size-field) * 9);
12841
13189
  }
12842
13190
 
12843
13191
  .zx-pagination__last-trigger.zx-a-size-lg {
12844
- min-inline-size: calc(var(--size-field) * 12);
12845
- block-size: calc(var(--size-field) * 12);
13192
+ min-width: calc(var(--size-field) * 12);
13193
+ height: calc(var(--size-field) * 12);
12846
13194
  }
12847
13195
 
12848
13196
  .zx-pagination__last-trigger.zx-a-size-xl {
12849
- min-inline-size: calc(var(--size-field) * 14);
12850
- block-size: calc(var(--size-field) * 14);
13197
+ min-width: calc(var(--size-field) * 14);
13198
+ height: calc(var(--size-field) * 14);
12851
13199
  }
12852
13200
 
12853
13201
  .zx-pagination__last-trigger.zx-f-disabled {
@@ -12856,8 +13204,13 @@
12856
13204
  }
12857
13205
 
12858
13206
  .zx-pagination__last-trigger.zx-f-focus-visible {
12859
- outline: 2px solid var(--color-base-content);
13207
+ outline: none;
12860
13208
  outline-offset: 2px;
13209
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13210
+ }
13211
+
13212
+ .zx-pagination__last-trigger.zx-f-pressed {
13213
+ background: var(--color-base-300);
12861
13214
  }
12862
13215
 
12863
13216
  .zx-pagination__last-trigger.zx-f-pressed {
@@ -12920,27 +13273,39 @@
12920
13273
 
12921
13274
  .zx-root .zx-steps__root {
12922
13275
  --steps-accent-ink: #3f2bcb;
13276
+ --steps-complete-ink: #322c99;
13277
+ --steps-complete-tint: #d2d9fb;
12923
13278
  }
12924
13279
 
12925
13280
  .zx-root.zx-theme-dark .zx-steps__root {
12926
13281
  --steps-accent-ink: #6567ff;
13282
+ --steps-complete-ink: #8391ff;
13283
+ --steps-complete-tint: #283050;
12927
13284
  }
12928
13285
 
12929
13286
  .zx-root.zx-theme-dim .zx-steps__root {
12930
13287
  --steps-accent-ink: #a0e791;
13288
+ --steps-complete-ink: #a5e0a6;
13289
+ --steps-complete-tint: #3f514d;
12931
13290
  }
12932
13291
 
12933
13292
  .zx-root.zx-theme-nord .zx-steps__root {
12934
13293
  --steps-accent-ink: #5c7da6;
13294
+ --steps-complete-ink: #4f698a;
13295
+ --steps-complete-tint: #ced8e6;
12935
13296
  }
12936
13297
 
12937
13298
  .zx-root.zx-theme-sunset .zx-steps__root {
12938
13299
  --steps-accent-ink: #fb8a62;
13300
+ --steps-complete-ink: #e79983;
13301
+ --steps-complete-tint: #3d312f;
12939
13302
  }
12940
13303
 
12941
13304
  .zx-steps__root {
12942
13305
  display: flex;
12943
13306
  align-items: stretch;
13307
+ flex-direction: row;
13308
+ overflow: visible;
12944
13309
  }
12945
13310
 
12946
13311
  .zx-steps__root.zx-o-vertical {
@@ -12960,6 +13325,7 @@
12960
13325
  font-size: var(--steps-font);
12961
13326
  cursor: pointer;
12962
13327
  text-align: center;
13328
+ overflow: visible;
12963
13329
  }
12964
13330
 
12965
13331
  .zx-steps__item.zx-s-active {
@@ -13017,8 +13383,9 @@
13017
13383
  }
13018
13384
 
13019
13385
  .zx-steps__item.zx-f-focus-visible {
13020
- outline: 2px solid var(--color-base-content);
13386
+ outline: none;
13021
13387
  outline-offset: 2px;
13388
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13022
13389
  }
13023
13390
 
13024
13391
  .zx-steps__item.zx-o-horizontal {
@@ -13042,8 +13409,8 @@
13042
13409
  display: flex;
13043
13410
  align-items: center;
13044
13411
  justify-content: center;
13045
- inline-size: calc(var(--size-selector) * 7);
13046
- block-size: calc(var(--size-selector) * 7);
13412
+ width: calc(var(--size-selector) * 7);
13413
+ height: calc(var(--size-selector) * 7);
13047
13414
  border-radius: 9999px;
13048
13415
  font-size: calc((var(--size-selector) * 7) * 0.45);
13049
13416
  font-weight: var(--weight-semibold);
@@ -13055,26 +13422,26 @@
13055
13422
  }
13056
13423
 
13057
13424
  .zx-steps__indicator.zx-a-size-xs {
13058
- inline-size: calc(var(--size-selector) * 5);
13059
- block-size: calc(var(--size-selector) * 5);
13425
+ width: calc(var(--size-selector) * 5);
13426
+ height: calc(var(--size-selector) * 5);
13060
13427
  font-size: calc((var(--size-selector) * 5) * 0.45);
13061
13428
  }
13062
13429
 
13063
13430
  .zx-steps__indicator.zx-a-size-sm {
13064
- inline-size: calc(var(--size-selector) * 6);
13065
- block-size: calc(var(--size-selector) * 6);
13431
+ width: calc(var(--size-selector) * 6);
13432
+ height: calc(var(--size-selector) * 6);
13066
13433
  font-size: calc((var(--size-selector) * 6) * 0.45);
13067
13434
  }
13068
13435
 
13069
13436
  .zx-steps__indicator.zx-a-size-lg {
13070
- inline-size: calc(var(--size-selector) * 8);
13071
- block-size: calc(var(--size-selector) * 8);
13437
+ width: calc(var(--size-selector) * 8);
13438
+ height: calc(var(--size-selector) * 8);
13072
13439
  font-size: calc((var(--size-selector) * 8) * 0.45);
13073
13440
  }
13074
13441
 
13075
13442
  .zx-steps__indicator.zx-a-size-xl {
13076
- inline-size: calc(var(--size-selector) * 9);
13077
- block-size: calc(var(--size-selector) * 9);
13443
+ width: calc(var(--size-selector) * 9);
13444
+ height: calc(var(--size-selector) * 9);
13078
13445
  font-size: calc((var(--size-selector) * 9) * 0.45);
13079
13446
  }
13080
13447
 
@@ -13084,6 +13451,7 @@
13084
13451
  }
13085
13452
 
13086
13453
  .zx-steps__indicator.zx-s-complete {
13454
+ background: var(--steps-complete-tint);
13087
13455
  color: var(--steps-complete-ink);
13088
13456
  }
13089
13457
 
@@ -13116,30 +13484,38 @@
13116
13484
  }
13117
13485
 
13118
13486
  .zx-steps__separator.zx-o-horizontal {
13119
- inline-size: 100%;
13120
- block-size: var(--border);
13121
- top: calc(var(--space-xs) + (var(--size-selector) * 7) / 2);
13122
- left: 50%;
13487
+ width: calc(100% - (var(--size-selector) * 7));
13488
+ height: var(--border);
13489
+ top: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
13490
+ left: calc(50% + (var(--size-selector) * 7) / 2);
13123
13491
  }
13124
13492
 
13125
13493
  .zx-steps__separator.zx-o-horizontal.zx-a-size-xs {
13126
- top: calc(var(--space-xs) + (var(--size-selector) * 5) / 2);
13494
+ width: calc(100% - (var(--size-selector) * 5));
13495
+ top: calc(var(--space-xs) + ((var(--size-selector) * 5) - var(--border)) / 2);
13496
+ left: calc(50% + (var(--size-selector) * 5) / 2);
13127
13497
  }
13128
13498
 
13129
13499
  .zx-steps__separator.zx-o-horizontal.zx-a-size-sm {
13130
- top: calc(var(--space-xs) + (var(--size-selector) * 6) / 2);
13500
+ width: calc(100% - (var(--size-selector) * 6));
13501
+ top: calc(var(--space-xs) + ((var(--size-selector) * 6) - var(--border)) / 2);
13502
+ left: calc(50% + (var(--size-selector) * 6) / 2);
13131
13503
  }
13132
13504
 
13133
13505
  .zx-steps__separator.zx-o-horizontal.zx-a-size-lg {
13134
- top: calc(var(--space-xs) + (var(--size-selector) * 8) / 2);
13506
+ width: calc(100% - (var(--size-selector) * 8));
13507
+ top: calc(var(--space-xs) + ((var(--size-selector) * 8) - var(--border)) / 2);
13508
+ left: calc(50% + (var(--size-selector) * 8) / 2);
13135
13509
  }
13136
13510
 
13137
13511
  .zx-steps__separator.zx-o-horizontal.zx-a-size-xl {
13138
- top: calc(var(--space-xs) + (var(--size-selector) * 9) / 2);
13512
+ width: calc(100% - (var(--size-selector) * 9));
13513
+ top: calc(var(--space-xs) + ((var(--size-selector) * 9) - var(--border)) / 2);
13514
+ left: calc(50% + (var(--size-selector) * 9) / 2);
13139
13515
  }
13140
13516
 
13141
13517
  .zx-steps__separator.zx-o-vertical {
13142
- inline-size: var(--border);
13518
+ width: var(--border);
13143
13519
  left: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
13144
13520
  top: calc(var(--space-xs) + (var(--size-selector) * 7));
13145
13521
  bottom: calc(var(--space-xs) * -1);
@@ -13218,6 +13594,11 @@
13218
13594
  transition: background var(--duration-normal) var(--ease-standard);
13219
13595
  flex: 0 0 auto;
13220
13596
  align-self: flex-start;
13597
+ padding-left: calc(var(--size-field) * 4);
13598
+ padding-right: calc(var(--size-field) * 4);
13599
+ width: max-content;
13600
+ flex-shrink: 0;
13601
+ flex-wrap: nowrap;
13221
13602
  }
13222
13603
 
13223
13604
  .zx-steps__prev-trigger.zx-f-disabled {
@@ -13226,8 +13607,15 @@
13226
13607
  }
13227
13608
 
13228
13609
  .zx-steps__prev-trigger.zx-f-focus-visible {
13229
- outline: 2px solid var(--color-base-content);
13610
+ outline: none;
13230
13611
  outline-offset: 2px;
13612
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13613
+ }
13614
+
13615
+ .zx-steps__prev-trigger.zx-f-pressed {
13616
+ background: var(--color-base-300);
13617
+ transform: translateY(1px);
13618
+ box-shadow: none;
13231
13619
  }
13232
13620
 
13233
13621
  .zx-steps__prev-trigger.zx-f-pressed {
@@ -13252,6 +13640,12 @@
13252
13640
  transition: background var(--duration-normal) var(--ease-standard);
13253
13641
  flex: 0 0 auto;
13254
13642
  align-self: flex-start;
13643
+ padding-left: calc(var(--size-field) * 4);
13644
+ padding-right: calc(var(--size-field) * 4);
13645
+ width: max-content;
13646
+ flex-shrink: 0;
13647
+ flex-wrap: nowrap;
13648
+ margin-left: auto;
13255
13649
  }
13256
13650
 
13257
13651
  .zx-steps__next-trigger.zx-f-disabled {
@@ -13260,42 +13654,54 @@
13260
13654
  }
13261
13655
 
13262
13656
  .zx-steps__next-trigger.zx-f-focus-visible {
13263
- outline: 2px solid var(--color-base-content);
13657
+ outline: none;
13264
13658
  outline-offset: 2px;
13659
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13265
13660
  }
13266
13661
 
13267
13662
  .zx-steps__next-trigger.zx-f-pressed {
13663
+ background: var(--color-base-300);
13268
13664
  transform: translateY(1px);
13665
+ box-shadow: none;
13269
13666
  }
13270
13667
 
13271
- .zx-steps__item.zx-a-color-primary {
13272
- --steps-accent: var(--color-primary);
13668
+ .zx-steps__next-trigger.zx-f-pressed {
13669
+ transform: translateY(1px);
13670
+ }
13671
+
13672
+ .zx-steps__item.zx-a-color-primary {
13673
+ --steps-accent: var(--color-primary);
13273
13674
  --steps-accent-content: var(--color-primary-content);
13274
13675
  }
13275
13676
 
13276
13677
  .zx-root .zx-steps__item.zx-a-color-primary {
13277
13678
  --steps-accent-ink: #3f2bcb;
13278
13679
  --steps-complete-ink: #322c99;
13680
+ --steps-complete-tint: #d2d9fb;
13279
13681
  }
13280
13682
 
13281
13683
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-primary {
13282
13684
  --steps-accent-ink: #6567ff;
13283
13685
  --steps-complete-ink: #8391ff;
13686
+ --steps-complete-tint: #283050;
13284
13687
  }
13285
13688
 
13286
13689
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-primary {
13287
13690
  --steps-accent-ink: #a0e791;
13288
13691
  --steps-complete-ink: #a5e0a6;
13692
+ --steps-complete-tint: #3f514d;
13289
13693
  }
13290
13694
 
13291
13695
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-primary {
13292
13696
  --steps-accent-ink: #5c7da6;
13293
13697
  --steps-complete-ink: #4f698a;
13698
+ --steps-complete-tint: #ced8e6;
13294
13699
  }
13295
13700
 
13296
13701
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-primary {
13297
13702
  --steps-accent-ink: #fb8a62;
13298
13703
  --steps-complete-ink: #e79983;
13704
+ --steps-complete-tint: #3d312f;
13299
13705
  }
13300
13706
 
13301
13707
  .zx-steps__item.zx-a-color-secondary {
@@ -13306,26 +13712,31 @@
13306
13712
  .zx-root .zx-steps__item.zx-a-color-secondary {
13307
13713
  --steps-accent-ink: #ad316f;
13308
13714
  --steps-complete-ink: #ad316f;
13715
+ --steps-complete-tint: #ffdbea;
13309
13716
  }
13310
13717
 
13311
13718
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-secondary {
13312
13719
  --steps-accent-ink: #fa7cb6;
13313
13720
  --steps-complete-ink: #fa7cb6;
13721
+ --steps-complete-tint: #462c3e;
13314
13722
  }
13315
13723
 
13316
13724
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-secondary {
13317
13725
  --steps-accent-ink: #ed9984;
13318
13726
  --steps-complete-ink: #ed9984;
13727
+ --steps-complete-tint: #524145;
13319
13728
  }
13320
13729
 
13321
13730
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-secondary {
13322
13731
  --steps-accent-ink: #677e98;
13323
13732
  --steps-complete-ink: #677e98;
13733
+ --steps-complete-tint: #d6dfea;
13324
13734
  }
13325
13735
 
13326
13736
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-secondary {
13327
13737
  --steps-accent-ink: #e68aac;
13328
13738
  --steps-complete-ink: #e68aac;
13739
+ --steps-complete-tint: #3d2d38;
13329
13740
  }
13330
13741
 
13331
13742
  .zx-steps__item.zx-a-color-accent {
@@ -13336,26 +13747,31 @@
13336
13747
  .zx-root .zx-steps__item.zx-a-color-accent {
13337
13748
  --steps-accent-ink: #2b786d;
13338
13749
  --steps-complete-ink: #2b786d;
13750
+ --steps-complete-tint: #ddf7f1;
13339
13751
  }
13340
13752
 
13341
13753
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-accent {
13342
13754
  --steps-accent-ink: #93e5d9;
13343
13755
  --steps-complete-ink: #93e5d9;
13756
+ --steps-complete-tint: #264244;
13344
13757
  }
13345
13758
 
13346
13759
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-accent {
13347
13760
  --steps-accent-ink: #bfade1;
13348
13761
  --steps-complete-ink: #bfade1;
13762
+ --steps-complete-tint: #47425b;
13349
13763
  }
13350
13764
 
13351
13765
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-accent {
13352
13766
  --steps-accent-ink: #5e7d8c;
13353
13767
  --steps-complete-ink: #5e7d8c;
13768
+ --steps-complete-tint: #d8e6ed;
13354
13769
  }
13355
13770
 
13356
13771
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-accent {
13357
13772
  --steps-accent-ink: #ab9fe8;
13358
13773
  --steps-complete-ink: #ab9fe8;
13774
+ --steps-complete-tint: #2e3047;
13359
13775
  }
13360
13776
 
13361
13777
  .zx-steps__item.zx-a-color-neutral {
@@ -13366,26 +13782,31 @@
13366
13782
  .zx-root .zx-steps__item.zx-a-color-neutral {
13367
13783
  --steps-accent-ink: #121214;
13368
13784
  --steps-complete-ink: #121214;
13785
+ --steps-complete-tint: #c6c6c7;
13369
13786
  }
13370
13787
 
13371
13788
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-neutral {
13372
13789
  --steps-accent-ink: #878e92;
13373
13790
  --steps-complete-ink: #878e92;
13791
+ --steps-complete-tint: #191e23;
13374
13792
  }
13375
13793
 
13376
13794
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-neutral {
13377
13795
  --steps-accent-ink: #71828c;
13378
13796
  --steps-complete-ink: #71828c;
13797
+ --steps-complete-tint: #272d39;
13379
13798
  }
13380
13799
 
13381
13800
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-neutral {
13382
13801
  --steps-accent-ink: #3a4150;
13383
13802
  --steps-complete-ink: #3a4150;
13803
+ --steps-complete-tint: #caced7;
13384
13804
  }
13385
13805
 
13386
13806
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-neutral {
13387
13807
  --steps-accent-ink: #667a8a;
13388
13808
  --steps-complete-ink: #667a8a;
13809
+ --steps-complete-tint: #141e24;
13389
13810
  }
13390
13811
 
13391
13812
  .zx-steps__item.zx-a-color-info {
@@ -13396,26 +13817,31 @@
13396
13817
  .zx-root .zx-steps__item.zx-a-color-info {
13397
13818
  --steps-accent-ink: #2685b3;
13398
13819
  --steps-complete-ink: #2685b3;
13820
+ --steps-complete-tint: #dbf2ff;
13399
13821
  }
13400
13822
 
13401
13823
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-info {
13402
13824
  --steps-accent-ink: #70ceff;
13403
13825
  --steps-complete-ink: #70ceff;
13826
+ --steps-complete-tint: #253e4f;
13404
13827
  }
13405
13828
 
13406
13829
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-info {
13407
13830
  --steps-accent-ink: #6ce2f3;
13408
13831
  --steps-complete-ink: #6ce2f3;
13832
+ --steps-complete-tint: #34515f;
13409
13833
  }
13410
13834
 
13411
13835
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-info {
13412
13836
  --steps-accent-ink: #89728a;
13413
13837
  --steps-complete-ink: #89728a;
13838
+ --steps-complete-tint: #e1dbe6;
13414
13839
  }
13415
13840
 
13416
13841
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-info {
13417
13842
  --steps-accent-ink: #91d4e3;
13418
13843
  --steps-complete-ink: #91d4e3;
13844
+ --steps-complete-tint: #273e45;
13419
13845
  }
13420
13846
 
13421
13847
  .zx-steps__item.zx-a-color-success {
@@ -13426,26 +13852,31 @@
13426
13852
  .zx-root .zx-steps__item.zx-a-color-success {
13427
13853
  --steps-accent-ink: #2a7858;
13428
13854
  --steps-complete-ink: #2a7858;
13855
+ --steps-complete-tint: #ddf7e8;
13429
13856
  }
13430
13857
 
13431
13858
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-success {
13432
13859
  --steps-accent-ink: #92e5c2;
13433
13860
  --steps-complete-ink: #92e5c2;
13861
+ --steps-complete-tint: #26423d;
13434
13862
  }
13435
13863
 
13436
13864
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-success {
13437
13865
  --steps-accent-ink: #8ee0c9;
13438
13866
  --steps-complete-ink: #8ee0c9;
13867
+ --steps-complete-tint: #385254;
13439
13868
  }
13440
13869
 
13441
13870
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-success {
13442
13871
  --steps-accent-ink: #6b7d6a;
13443
13872
  --steps-complete-ink: #6b7d6a;
13873
+ --steps-complete-tint: #dde5df;
13444
13874
  }
13445
13875
 
13446
13876
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-success {
13447
13877
  --steps-accent-ink: #a6cebe;
13448
13878
  --steps-complete-ink: #a6cebe;
13879
+ --steps-complete-tint: #2c3e3b;
13449
13880
  }
13450
13881
 
13451
13882
  .zx-steps__item.zx-a-color-warning {
@@ -13456,26 +13887,31 @@
13456
13887
  .zx-root .zx-steps__item.zx-a-color-warning {
13457
13888
  --steps-accent-ink: #755a2b;
13458
13889
  --steps-complete-ink: #755a2b;
13890
+ --steps-complete-tint: #fff2da;
13459
13891
  }
13460
13892
 
13461
13893
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-warning {
13462
13894
  --steps-accent-ink: #f5ddac;
13463
13895
  --steps-complete-ink: #f5ddac;
13896
+ --steps-complete-tint: #443e32;
13464
13897
  }
13465
13898
 
13466
13899
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-warning {
13467
13900
  --steps-accent-ink: #cecfa6;
13468
13901
  --steps-complete-ink: #cecfa6;
13902
+ --steps-complete-tint: #4d4e47;
13469
13903
  }
13470
13904
 
13471
13905
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-warning {
13472
13906
  --steps-accent-ink: #7d7463;
13473
13907
  --steps-complete-ink: #7d7463;
13908
+ --steps-complete-tint: #ece8e0;
13474
13909
  }
13475
13910
 
13476
13911
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-warning {
13477
13912
  --steps-accent-ink: #c5c1b7;
13478
13913
  --steps-complete-ink: #c5c1b7;
13914
+ --steps-complete-tint: #383a37;
13479
13915
  }
13480
13916
 
13481
13917
  .zx-steps__item.zx-a-color-error {
@@ -13486,26 +13922,31 @@
13486
13922
  .zx-root .zx-steps__item.zx-a-color-error {
13487
13923
  --steps-accent-ink: #d9576d;
13488
13924
  --steps-complete-ink: #b34d5e;
13925
+ --steps-complete-tint: #ffe2e4;
13489
13926
  }
13490
13927
 
13491
13928
  .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-error {
13492
13929
  --steps-accent-ink: #ff7d90;
13493
13930
  --steps-complete-ink: #ff95a3;
13931
+ --steps-complete-tint: #47323a;
13494
13932
  }
13495
13933
 
13496
13934
  .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-error {
13497
13935
  --steps-accent-ink: #f5b3a4;
13498
13936
  --steps-complete-ink: #eab8ad;
13937
+ --steps-complete-tint: #51484f;
13499
13938
  }
13500
13939
 
13501
13940
  .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-error {
13502
13941
  --steps-accent-ink: #a85b64;
13503
13942
  --steps-complete-ink: #92555e;
13943
+ --steps-complete-tint: #e6d2d7;
13504
13944
  }
13505
13945
 
13506
13946
  .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-error {
13507
13947
  --steps-accent-ink: #f2bbc0;
13508
13948
  --steps-complete-ink: #e4bbc3;
13949
+ --steps-complete-tint: #3b383e;
13509
13950
  }
13510
13951
 
13511
13952
  .zx-steps__root.zx-a-size-xs {
@@ -13515,6 +13956,10 @@
13515
13956
  .zx-steps__root.zx-a-size-xl {
13516
13957
  --steps-font: var(--text-md);
13517
13958
  }
13959
+ .zx-steps__root.zx-m-wizard {
13960
+ flex-wrap: wrap;
13961
+ row-gap: var(--space-md);
13962
+ }
13518
13963
 
13519
13964
  .zx-drawer__trigger {
13520
13965
  appearance: none;
@@ -13534,6 +13979,9 @@
13534
13979
  transition: background var(--duration-normal) var(--ease-standard);
13535
13980
  padding-left: calc(var(--size-field) * 4);
13536
13981
  padding-right: calc(var(--size-field) * 4);
13982
+ width: max-content;
13983
+ flex-shrink: 0;
13984
+ flex-wrap: nowrap;
13537
13985
  }
13538
13986
 
13539
13987
  .zx-drawer__trigger.zx-f-disabled {
@@ -13542,8 +13990,15 @@
13542
13990
  }
13543
13991
 
13544
13992
  .zx-drawer__trigger.zx-f-focus-visible {
13545
- outline: 2px solid var(--color-base-content);
13993
+ outline: none;
13546
13994
  outline-offset: 2px;
13995
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
13996
+ }
13997
+
13998
+ .zx-drawer__trigger.zx-f-pressed {
13999
+ background: var(--color-base-300);
14000
+ transform: translateY(1px);
14001
+ box-shadow: none;
13547
14002
  }
13548
14003
 
13549
14004
  .zx-drawer__panel {
@@ -13558,8 +14013,9 @@
13558
14013
  border-radius: var(--radius-box);
13559
14014
  box-shadow: var(--shadow-xl);
13560
14015
  box-sizing: border-box;
13561
- inline-size: 100%;
13562
- max-inline-size: var(--l-measure);
14016
+ --l-measure: 320px;
14017
+ width: 100%;
14018
+ max-width: var(--l-measure);
13563
14019
  }
13564
14020
 
13565
14021
  .zx-drawer__panel.zx-s-open {
@@ -13573,18 +14029,20 @@
13573
14029
 
13574
14030
  .zx-drawer__panel.zx-p-top {
13575
14031
  --drawer-travel: 0 -100%;
14032
+ --l-measure: none;
13576
14033
  }
13577
14034
 
13578
14035
  .zx-drawer__panel.zx-p-bottom {
13579
14036
  --drawer-travel: 0 100%;
14037
+ --l-measure: none;
13580
14038
  }
13581
14039
 
13582
14040
  .zx-drawer__panel.zx-l-dock-sheet {
13583
14041
  opacity: 1;
13584
14042
  transition: translate var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
13585
- position: fixed;
13586
- block-size: 100dvh;
13587
- max-block-size: 100dvh;
14043
+ position: relative;
14044
+ height: auto;
14045
+ max-height: none;
13588
14046
  margin: 0;
13589
14047
  border-radius: 0;
13590
14048
  }
@@ -13594,17 +14052,37 @@
13594
14052
  }
13595
14053
 
13596
14054
  .zx-drawer__panel.zx-p-top.zx-l-dock-sheet {
13597
- block-size: auto;
13598
- max-block-size: 85dvh;
14055
+ height: auto;
14056
+ max-height: 85%;
13599
14057
  border-end-start-radius: var(--radius-box);
13600
14058
  border-end-end-radius: var(--radius-box);
14059
+ border-bottom-left-radius: var(--radius-box);
14060
+ border-bottom-right-radius: var(--radius-box);
13601
14061
  }
13602
14062
 
13603
14063
  .zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet {
13604
- block-size: auto;
13605
- max-block-size: 85dvh;
14064
+ height: auto;
14065
+ max-height: 85%;
13606
14066
  border-start-start-radius: var(--radius-box);
13607
14067
  border-start-end-radius: var(--radius-box);
14068
+ border-top-left-radius: var(--radius-box);
14069
+ border-top-right-radius: var(--radius-box);
14070
+ }
14071
+
14072
+ .zx-drawer__panel.zx-p-start.zx-l-dock-sheet.zx-s-open {
14073
+ animation: zero-daisy-drawer-in-start var(--duration-slow) var(--ease-standard);
14074
+ }
14075
+
14076
+ .zx-drawer__panel.zx-p-end.zx-l-dock-sheet.zx-s-open {
14077
+ animation: zero-daisy-drawer-in-end var(--duration-slow) var(--ease-standard);
14078
+ }
14079
+
14080
+ .zx-drawer__panel.zx-p-top.zx-l-dock-sheet.zx-s-open {
14081
+ animation: zero-daisy-drawer-in-top var(--duration-slow) var(--ease-standard);
14082
+ }
14083
+
14084
+ .zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet.zx-s-open {
14085
+ animation: zero-daisy-drawer-in-bottom var(--duration-slow) var(--ease-standard);
13608
14086
  }
13609
14087
 
13610
14088
  .zx-drawer__backdrop {
@@ -13635,6 +14113,9 @@
13635
14113
  transition: background var(--duration-normal) var(--ease-standard);
13636
14114
  padding-left: calc(var(--size-field) * 4);
13637
14115
  padding-right: calc(var(--size-field) * 4);
14116
+ width: max-content;
14117
+ flex-shrink: 0;
14118
+ flex-wrap: nowrap;
13638
14119
  }
13639
14120
 
13640
14121
  .zx-drawer__close.zx-f-disabled {
@@ -13642,8 +14123,15 @@
13642
14123
  }
13643
14124
 
13644
14125
  .zx-drawer__close.zx-f-focus-visible {
13645
- outline: 2px solid var(--color-base-content);
14126
+ outline: none;
13646
14127
  outline-offset: 2px;
14128
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
14129
+ }
14130
+
14131
+ .zx-drawer__close.zx-f-pressed {
14132
+ background: var(--color-base-300);
14133
+ transform: translateY(1px);
14134
+ box-shadow: none;
13647
14135
  }
13648
14136
 
13649
14137
  .zx-drawer__trigger.zx-a-color-primary {
@@ -13761,6 +14249,18 @@
13761
14249
  padding-left: calc(var(--size-field) * 6);
13762
14250
  padding-right: calc(var(--size-field) * 6);
13763
14251
  }
14252
+ @keyframes zero-daisy-drawer-in-start {
14253
+ from { transform: translateX(-100%); } to { transform: translateX(0); }
14254
+ }
14255
+ @keyframes zero-daisy-drawer-in-end {
14256
+ from { transform: translateX(100%); } to { transform: translateX(0); }
14257
+ }
14258
+ @keyframes zero-daisy-drawer-in-top {
14259
+ from { transform: translateY(-100%); } to { transform: translateY(0); }
14260
+ }
14261
+ @keyframes zero-daisy-drawer-in-bottom {
14262
+ from { transform: translateY(100%); } to { transform: translateY(0); }
14263
+ }
13764
14264
 
13765
14265
  .zx-table__root {
13766
14266
  --table-cell-align: start;
@@ -13774,16 +14274,18 @@
13774
14274
  border: var(--border) solid var(--color-base-200);
13775
14275
  border-radius: var(--radius-box);
13776
14276
  background: var(--color-base-100);
14277
+ overflow: hidden;
13777
14278
  }
13778
14279
 
13779
14280
  .zx-table__root.zx-f-focus-visible {
13780
- outline: 2px solid var(--color-base-content);
14281
+ outline: none;
13781
14282
  outline-offset: -2px;
14283
+ box-shadow: inset 0 0 0 2px var(--color-base-content);
13782
14284
  }
13783
14285
 
13784
14286
  .zx-table__table {
13785
14287
  border-collapse: collapse;
13786
- inline-size: 100%;
14288
+ width: 100%;
13787
14289
  font-size: var(--table-font);
13788
14290
  color: var(--color-base-content);
13789
14291
  }
@@ -13886,6 +14388,26 @@
13886
14388
  padding: var(--space-lg) var(--table-pad-inline);
13887
14389
  }
13888
14390
 
14391
+ .zx-root .zx-table__header-cell {
14392
+ color: #18181b99;
14393
+ }
14394
+
14395
+ .zx-root.zx-theme-dark .zx-table__header-cell {
14396
+ color: #ecf9ff99;
14397
+ }
14398
+
14399
+ .zx-root.zx-theme-dim .zx-table__header-cell {
14400
+ color: #b2ccd699;
14401
+ }
14402
+
14403
+ .zx-root.zx-theme-nord .zx-table__header-cell {
14404
+ color: #2e344099;
14405
+ }
14406
+
14407
+ .zx-root.zx-theme-sunset .zx-table__header-cell {
14408
+ color: #9fb9d099;
14409
+ }
14410
+
13889
14411
  .zx-table__sort-trigger {
13890
14412
  appearance: none;
13891
14413
  display: flex;
@@ -13903,6 +14425,7 @@
13903
14425
  background: transparent;
13904
14426
  color: inherit;
13905
14427
  transition: color var(--duration-fast) var(--ease-standard);
14428
+ flex-direction: row;
13906
14429
  }
13907
14430
 
13908
14431
  .zx-table__sort-trigger.zx-s-ascending {
@@ -13919,8 +14442,13 @@
13919
14442
  }
13920
14443
 
13921
14444
  .zx-table__sort-trigger.zx-f-focus-visible {
13922
- outline: 2px solid var(--color-base-content);
14445
+ outline: none;
13923
14446
  outline-offset: 2px;
14447
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
14448
+ }
14449
+
14450
+ .zx-table__sort-trigger.zx-f-pressed {
14451
+ color: var(--table-accent);
13924
14452
  }
13925
14453
 
13926
14454
  .zx-table__sort-indicator {
@@ -13964,6 +14492,26 @@
13964
14492
  font-size: var(--text-xs);
13965
14493
  }
13966
14494
 
14495
+ .zx-root .zx-table__cell-label {
14496
+ color: #18181b99;
14497
+ }
14498
+
14499
+ .zx-root.zx-theme-dark .zx-table__cell-label {
14500
+ color: #ecf9ff99;
14501
+ }
14502
+
14503
+ .zx-root.zx-theme-dim .zx-table__cell-label {
14504
+ color: #b2ccd699;
14505
+ }
14506
+
14507
+ .zx-root.zx-theme-nord .zx-table__cell-label {
14508
+ color: #2e344099;
14509
+ }
14510
+
14511
+ .zx-root.zx-theme-sunset .zx-table__cell-label {
14512
+ color: #9fb9d099;
14513
+ }
14514
+
13967
14515
  .zx-root .zx-table__root.zx-a-color-primary {
13968
14516
  --table-accent: #3f2bcb;
13969
14517
  }
@@ -13984,6 +14532,46 @@
13984
14532
  --table-accent: #fb8a62;
13985
14533
  }
13986
14534
 
14535
+ .zx-root .zx-table__header-cell.zx-a-color-primary {
14536
+ color: #3f2bcb99;
14537
+ }
14538
+
14539
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-primary {
14540
+ color: #6567ff99;
14541
+ }
14542
+
14543
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-primary {
14544
+ color: #a0e79199;
14545
+ }
14546
+
14547
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-primary {
14548
+ color: #5c7da699;
14549
+ }
14550
+
14551
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-primary {
14552
+ color: #fb8a6299;
14553
+ }
14554
+
14555
+ .zx-root .zx-table__cell-label.zx-a-color-primary {
14556
+ color: #3f2bcb99;
14557
+ }
14558
+
14559
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-primary {
14560
+ color: #6567ff99;
14561
+ }
14562
+
14563
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-primary {
14564
+ color: #a0e79199;
14565
+ }
14566
+
14567
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-primary {
14568
+ color: #5c7da699;
14569
+ }
14570
+
14571
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-primary {
14572
+ color: #fb8a6299;
14573
+ }
14574
+
13987
14575
  .zx-root .zx-table__root.zx-a-color-secondary {
13988
14576
  --table-accent: #ad316f;
13989
14577
  }
@@ -14004,6 +14592,46 @@
14004
14592
  --table-accent: #e68aac;
14005
14593
  }
14006
14594
 
14595
+ .zx-root .zx-table__header-cell.zx-a-color-secondary {
14596
+ color: #ad316f99;
14597
+ }
14598
+
14599
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-secondary {
14600
+ color: #fa7cb699;
14601
+ }
14602
+
14603
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-secondary {
14604
+ color: #ed998499;
14605
+ }
14606
+
14607
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-secondary {
14608
+ color: #677e9899;
14609
+ }
14610
+
14611
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-secondary {
14612
+ color: #e68aac99;
14613
+ }
14614
+
14615
+ .zx-root .zx-table__cell-label.zx-a-color-secondary {
14616
+ color: #ad316f99;
14617
+ }
14618
+
14619
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-secondary {
14620
+ color: #fa7cb699;
14621
+ }
14622
+
14623
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-secondary {
14624
+ color: #ed998499;
14625
+ }
14626
+
14627
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-secondary {
14628
+ color: #677e9899;
14629
+ }
14630
+
14631
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-secondary {
14632
+ color: #e68aac99;
14633
+ }
14634
+
14007
14635
  .zx-root .zx-table__root.zx-a-color-accent {
14008
14636
  --table-accent: #2b786d;
14009
14637
  }
@@ -14024,6 +14652,46 @@
14024
14652
  --table-accent: #ab9fe8;
14025
14653
  }
14026
14654
 
14655
+ .zx-root .zx-table__header-cell.zx-a-color-accent {
14656
+ color: #2b786d99;
14657
+ }
14658
+
14659
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-accent {
14660
+ color: #93e5d999;
14661
+ }
14662
+
14663
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-accent {
14664
+ color: #bfade199;
14665
+ }
14666
+
14667
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-accent {
14668
+ color: #5e7d8c99;
14669
+ }
14670
+
14671
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-accent {
14672
+ color: #ab9fe899;
14673
+ }
14674
+
14675
+ .zx-root .zx-table__cell-label.zx-a-color-accent {
14676
+ color: #2b786d99;
14677
+ }
14678
+
14679
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-accent {
14680
+ color: #93e5d999;
14681
+ }
14682
+
14683
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-accent {
14684
+ color: #bfade199;
14685
+ }
14686
+
14687
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-accent {
14688
+ color: #5e7d8c99;
14689
+ }
14690
+
14691
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-accent {
14692
+ color: #ab9fe899;
14693
+ }
14694
+
14027
14695
  .zx-root .zx-table__root.zx-a-color-neutral {
14028
14696
  --table-accent: #121214;
14029
14697
  }
@@ -14044,6 +14712,46 @@
14044
14712
  --table-accent: #667a8a;
14045
14713
  }
14046
14714
 
14715
+ .zx-root .zx-table__header-cell.zx-a-color-neutral {
14716
+ color: #12121499;
14717
+ }
14718
+
14719
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-neutral {
14720
+ color: #878e9299;
14721
+ }
14722
+
14723
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-neutral {
14724
+ color: #71828c99;
14725
+ }
14726
+
14727
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-neutral {
14728
+ color: #3a415099;
14729
+ }
14730
+
14731
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-neutral {
14732
+ color: #667a8a99;
14733
+ }
14734
+
14735
+ .zx-root .zx-table__cell-label.zx-a-color-neutral {
14736
+ color: #12121499;
14737
+ }
14738
+
14739
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-neutral {
14740
+ color: #878e9299;
14741
+ }
14742
+
14743
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-neutral {
14744
+ color: #71828c99;
14745
+ }
14746
+
14747
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-neutral {
14748
+ color: #3a415099;
14749
+ }
14750
+
14751
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-neutral {
14752
+ color: #667a8a99;
14753
+ }
14754
+
14047
14755
  .zx-root .zx-table__root.zx-a-color-info {
14048
14756
  --table-accent: #2685b3;
14049
14757
  }
@@ -14064,6 +14772,46 @@
14064
14772
  --table-accent: #91d4e3;
14065
14773
  }
14066
14774
 
14775
+ .zx-root .zx-table__header-cell.zx-a-color-info {
14776
+ color: #2685b399;
14777
+ }
14778
+
14779
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-info {
14780
+ color: #70ceff99;
14781
+ }
14782
+
14783
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-info {
14784
+ color: #6ce2f399;
14785
+ }
14786
+
14787
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-info {
14788
+ color: #89728a99;
14789
+ }
14790
+
14791
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-info {
14792
+ color: #91d4e399;
14793
+ }
14794
+
14795
+ .zx-root .zx-table__cell-label.zx-a-color-info {
14796
+ color: #2685b399;
14797
+ }
14798
+
14799
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-info {
14800
+ color: #70ceff99;
14801
+ }
14802
+
14803
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-info {
14804
+ color: #6ce2f399;
14805
+ }
14806
+
14807
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-info {
14808
+ color: #89728a99;
14809
+ }
14810
+
14811
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-info {
14812
+ color: #91d4e399;
14813
+ }
14814
+
14067
14815
  .zx-root .zx-table__root.zx-a-color-success {
14068
14816
  --table-accent: #2a7858;
14069
14817
  }
@@ -14084,6 +14832,46 @@
14084
14832
  --table-accent: #a6cebe;
14085
14833
  }
14086
14834
 
14835
+ .zx-root .zx-table__header-cell.zx-a-color-success {
14836
+ color: #2a785899;
14837
+ }
14838
+
14839
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-success {
14840
+ color: #92e5c299;
14841
+ }
14842
+
14843
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-success {
14844
+ color: #8ee0c999;
14845
+ }
14846
+
14847
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-success {
14848
+ color: #6b7d6a99;
14849
+ }
14850
+
14851
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-success {
14852
+ color: #a6cebe99;
14853
+ }
14854
+
14855
+ .zx-root .zx-table__cell-label.zx-a-color-success {
14856
+ color: #2a785899;
14857
+ }
14858
+
14859
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-success {
14860
+ color: #92e5c299;
14861
+ }
14862
+
14863
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-success {
14864
+ color: #8ee0c999;
14865
+ }
14866
+
14867
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-success {
14868
+ color: #6b7d6a99;
14869
+ }
14870
+
14871
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-success {
14872
+ color: #a6cebe99;
14873
+ }
14874
+
14087
14875
  .zx-root .zx-table__root.zx-a-color-warning {
14088
14876
  --table-accent: #755a2b;
14089
14877
  }
@@ -14104,6 +14892,46 @@
14104
14892
  --table-accent: #c5c1b7;
14105
14893
  }
14106
14894
 
14895
+ .zx-root .zx-table__header-cell.zx-a-color-warning {
14896
+ color: #755a2b99;
14897
+ }
14898
+
14899
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-warning {
14900
+ color: #f5ddac99;
14901
+ }
14902
+
14903
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-warning {
14904
+ color: #cecfa699;
14905
+ }
14906
+
14907
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-warning {
14908
+ color: #7d746399;
14909
+ }
14910
+
14911
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-warning {
14912
+ color: #c5c1b799;
14913
+ }
14914
+
14915
+ .zx-root .zx-table__cell-label.zx-a-color-warning {
14916
+ color: #755a2b99;
14917
+ }
14918
+
14919
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-warning {
14920
+ color: #f5ddac99;
14921
+ }
14922
+
14923
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-warning {
14924
+ color: #cecfa699;
14925
+ }
14926
+
14927
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-warning {
14928
+ color: #7d746399;
14929
+ }
14930
+
14931
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-warning {
14932
+ color: #c5c1b799;
14933
+ }
14934
+
14107
14935
  .zx-root .zx-table__root.zx-a-color-error {
14108
14936
  --table-accent: #d9576d;
14109
14937
  }
@@ -14124,6 +14952,46 @@
14124
14952
  --table-accent: #f2bbc0;
14125
14953
  }
14126
14954
 
14955
+ .zx-root .zx-table__header-cell.zx-a-color-error {
14956
+ color: #d9576d99;
14957
+ }
14958
+
14959
+ .zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-error {
14960
+ color: #ff7d9099;
14961
+ }
14962
+
14963
+ .zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-error {
14964
+ color: #f5b3a499;
14965
+ }
14966
+
14967
+ .zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-error {
14968
+ color: #a85b6499;
14969
+ }
14970
+
14971
+ .zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-error {
14972
+ color: #f2bbc099;
14973
+ }
14974
+
14975
+ .zx-root .zx-table__cell-label.zx-a-color-error {
14976
+ color: #d9576d99;
14977
+ }
14978
+
14979
+ .zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-error {
14980
+ color: #ff7d9099;
14981
+ }
14982
+
14983
+ .zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-error {
14984
+ color: #f5b3a499;
14985
+ }
14986
+
14987
+ .zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-error {
14988
+ color: #a85b6499;
14989
+ }
14990
+
14991
+ .zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-error {
14992
+ color: #f2bbc099;
14993
+ }
14994
+
14127
14995
  .zx-table__root.zx-a-size-xs {
14128
14996
  --table-pad-inline: var(--space-xs);
14129
14997
  --table-font: var(--text-xs);
@@ -14143,6 +15011,36 @@
14143
15011
  --table-pad-inline: var(--space-xl);
14144
15012
  --table-font: var(--text-md);
14145
15013
  }
15014
+ .zx-table__root.zx-m-stacked {
15015
+ border-width: calc(var(--border) * 0);
15016
+ border-radius: calc(var(--radius-box) * 0);
15017
+ }
15018
+ .zx-table__caption.zx-m-stacked {
15019
+ padding-left: calc(var(--table-pad-inline) * 0);
15020
+ padding-right: calc(var(--table-pad-inline) * 0);
15021
+ }
15022
+ .zx-table__row.zx-m-stacked {
15023
+ border: var(--border) solid var(--color-base-200);
15024
+ border-radius: var(--radius-box);
15025
+ background: var(--color-base-100);
15026
+ padding: var(--space-sm) var(--table-pad-inline);
15027
+ margin-bottom: var(--space-md);
15028
+ }
15029
+ .zx-table__row.zx-m-stacked.zx-f-selected {
15030
+ background: var(--color-base-300);
15031
+ }
15032
+ .zx-table__cell.zx-m-stacked {
15033
+ padding-left: calc(var(--table-pad-inline) * 0);
15034
+ padding-right: calc(var(--table-pad-inline) * 0);
15035
+ padding-top: var(--space-xs);
15036
+ padding-bottom: var(--space-xs);
15037
+ }
15038
+ .zx-table__row.zx-m-stripe {
15039
+ background: var(--color-base-200);
15040
+ }
15041
+ .zx-table__sort-indicator.zx-m-held.zx-s-none {
15042
+ opacity: 0.6;
15043
+ }
14146
15044
 
14147
15045
  .zx-file-upload__root {
14148
15046
  --fu-accent: var(--color-primary);
@@ -14150,9 +15048,11 @@
14150
15048
  }
14151
15049
 
14152
15050
  .zx-file-upload__root {
14153
- display: grid;
15051
+ display: flex;
14154
15052
  gap: var(--space-sm);
14155
15053
  justify-items: start;
15054
+ flex-direction: column;
15055
+ align-items: flex-start;
14156
15056
  }
14157
15057
 
14158
15058
  .zx-file-upload__label {
@@ -14178,6 +15078,7 @@
14178
15078
  border: var(--border) solid var(--color-base-300);
14179
15079
  border-radius: var(--radius-field);
14180
15080
  cursor: pointer;
15081
+ flex-direction: row;
14181
15082
  }
14182
15083
 
14183
15084
  .zx-file-upload__trigger.zx-f-disabled {
@@ -14190,8 +15091,15 @@
14190
15091
  }
14191
15092
 
14192
15093
  .zx-file-upload__trigger.zx-f-focus-visible {
14193
- outline: 2px solid var(--color-base-content);
15094
+ outline: none;
14194
15095
  outline-offset: 2px;
15096
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
15097
+ }
15098
+
15099
+ .zx-file-upload__trigger.zx-f-pressed {
15100
+ background: var(--color-base-300);
15101
+ transform: translateY(1px);
15102
+ box-shadow: none;
14195
15103
  }
14196
15104
 
14197
15105
  .zx-file-upload__dropzone {
@@ -14203,6 +15111,10 @@
14203
15111
  border-radius: var(--radius-box);
14204
15112
  background: var(--color-base-100);
14205
15113
  cursor: pointer;
15114
+ align-self: stretch;
15115
+ display: flex;
15116
+ flex-direction: column;
15117
+ align-items: center;
14206
15118
  }
14207
15119
 
14208
15120
  .zx-file-upload__dropzone.zx-a-size-xs {
@@ -14246,6 +15158,26 @@
14246
15158
  color: var(--color-base-content);
14247
15159
  }
14248
15160
 
15161
+ .zx-root .zx-file-upload__dropzone.zx-f-highlighted {
15162
+ background: #edf0fe;
15163
+ }
15164
+
15165
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-f-highlighted {
15166
+ background: #212839;
15167
+ }
15168
+
15169
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-f-highlighted {
15170
+ background: #323d43;
15171
+ }
15172
+
15173
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-f-highlighted {
15174
+ background: #e0e6ee;
15175
+ }
15176
+
15177
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-f-highlighted {
15178
+ background: #232427;
15179
+ }
15180
+
14249
15181
  .zx-file-upload__dropzone.zx-f-disabled {
14250
15182
  opacity: var(--disabled-opacity);
14251
15183
  cursor: not-allowed;
@@ -14256,8 +15188,10 @@
14256
15188
  list-style: none;
14257
15189
  margin: 0;
14258
15190
  padding: 0;
14259
- display: grid;
15191
+ display: flex;
14260
15192
  gap: var(--space-xs);
15193
+ align-self: stretch;
15194
+ flex-direction: column;
14261
15195
  }
14262
15196
 
14263
15197
  .zx-file-upload__item {
@@ -14268,6 +15202,7 @@
14268
15202
  border: var(--border) solid var(--color-base-200);
14269
15203
  border-radius: var(--radius-field);
14270
15204
  background: var(--color-base-100);
15205
+ flex-direction: row;
14271
15206
  }
14272
15207
 
14273
15208
  .zx-file-upload__item.zx-f-disabled {
@@ -14349,8 +15284,13 @@
14349
15284
  }
14350
15285
 
14351
15286
  .zx-file-upload__item-remove.zx-f-focus-visible {
14352
- outline: 2px solid var(--color-base-content);
15287
+ outline: none;
14353
15288
  outline-offset: 2px;
15289
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
15290
+ }
15291
+
15292
+ .zx-file-upload__item-remove.zx-f-pressed {
15293
+ background: var(--color-base-200);
14354
15294
  }
14355
15295
 
14356
15296
  .zx-file-upload__clear-trigger {
@@ -14372,8 +15312,13 @@
14372
15312
  }
14373
15313
 
14374
15314
  .zx-file-upload__clear-trigger.zx-f-focus-visible {
14375
- outline: 2px solid var(--color-base-content);
15315
+ outline: none;
14376
15316
  outline-offset: 2px;
15317
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
15318
+ }
15319
+
15320
+ .zx-file-upload__clear-trigger.zx-f-pressed {
15321
+ background: var(--color-base-200);
14377
15322
  }
14378
15323
 
14379
15324
  .zx-root .zx-file-upload__root.zx-a-color-primary {
@@ -14396,6 +15341,26 @@
14396
15341
  --fu-accent: #fb8a62;
14397
15342
  }
14398
15343
 
15344
+ .zx-root .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
15345
+ background: #edf0fe;
15346
+ }
15347
+
15348
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
15349
+ background: #212839;
15350
+ }
15351
+
15352
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
15353
+ background: #323d43;
15354
+ }
15355
+
15356
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
15357
+ background: #e0e6ee;
15358
+ }
15359
+
15360
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
15361
+ background: #232427;
15362
+ }
15363
+
14399
15364
  .zx-root .zx-file-upload__root.zx-a-color-secondary {
14400
15365
  --fu-accent: #ad316f;
14401
15366
  }
@@ -14416,6 +15381,26 @@
14416
15381
  --fu-accent: #e68aac;
14417
15382
  }
14418
15383
 
15384
+ .zx-root .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
15385
+ background: #fff1f6;
15386
+ }
15387
+
15388
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
15389
+ background: #2e2732;
15390
+ }
15391
+
15392
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
15393
+ background: #3a3740;
15394
+ }
15395
+
15396
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
15397
+ background: #e3e9f0;
15398
+ }
15399
+
15400
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
15401
+ background: #24232b;
15402
+ }
15403
+
14419
15404
  .zx-root .zx-file-upload__root.zx-a-color-accent {
14420
15405
  --fu-accent: #2b786d;
14421
15406
  }
@@ -14436,6 +15421,26 @@
14436
15421
  --fu-accent: #ab9fe8;
14437
15422
  }
14438
15423
 
15424
+ .zx-root .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
15425
+ background: #f2fcf9;
15426
+ }
15427
+
15428
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
15429
+ background: #212f34;
15430
+ }
15431
+
15432
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
15433
+ background: #353748;
15434
+ }
15435
+
15436
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
15437
+ background: #e4ebf1;
15438
+ }
15439
+
15440
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
15441
+ background: #1d2431;
15442
+ }
15443
+
14439
15444
  .zx-root .zx-file-upload__root.zx-a-color-neutral {
14440
15445
  --fu-accent: #121214;
14441
15446
  }
@@ -14456,6 +15461,26 @@
14456
15461
  --fu-accent: #667a8a;
14457
15462
  }
14458
15463
 
15464
+ .zx-root .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
15465
+ background: #e8e8e8;
15466
+ }
15467
+
15468
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
15469
+ background: #1b2127;
15470
+ }
15471
+
15472
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
15473
+ background: #292f3b;
15474
+ }
15475
+
15476
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
15477
+ background: #dee2e8;
15478
+ }
15479
+
15480
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
15481
+ background: #131d23;
15482
+ }
15483
+
14459
15484
  .zx-root .zx-file-upload__root.zx-a-color-info {
14460
15485
  --fu-accent: #2685b3;
14461
15486
  }
@@ -14476,6 +15501,26 @@
14476
15501
  --fu-accent: #91d4e3;
14477
15502
  }
14478
15503
 
15504
+ .zx-root .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
15505
+ background: #f1faff;
15506
+ }
15507
+
15508
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
15509
+ background: #202e38;
15510
+ }
15511
+
15512
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
15513
+ background: #2f3d4a;
15514
+ }
15515
+
15516
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
15517
+ background: #e8e7ee;
15518
+ }
15519
+
15520
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
15521
+ background: #1a292f;
15522
+ }
15523
+
14479
15524
  .zx-root .zx-file-upload__root.zx-a-color-success {
14480
15525
  --fu-accent: #2a7858;
14481
15526
  }
@@ -14496,6 +15541,26 @@
14496
15541
  --fu-accent: #a6cebe;
14497
15542
  }
14498
15543
 
15544
+ .zx-root .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
15545
+ background: #f1fcf6;
15546
+ }
15547
+
15548
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
15549
+ background: #212f32;
15550
+ }
15551
+
15552
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
15553
+ background: #303d46;
15554
+ }
15555
+
15556
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
15557
+ background: #e6ebec;
15558
+ }
15559
+
15560
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
15561
+ background: #1c292c;
15562
+ }
15563
+
14499
15564
  .zx-root .zx-file-upload__root.zx-a-color-warning {
14500
15565
  --fu-accent: #755a2b;
14501
15566
  }
@@ -14516,6 +15581,26 @@
14516
15581
  --fu-accent: #c5c1b7;
14517
15582
  }
14518
15583
 
15584
+ .zx-root .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
15585
+ background: #fffaf0;
15586
+ }
15587
+
15588
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
15589
+ background: #2c2e2e;
15590
+ }
15591
+
15592
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
15593
+ background: #373c41;
15594
+ }
15595
+
15596
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
15597
+ background: #ececec;
15598
+ }
15599
+
15600
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
15601
+ background: #21282b;
15602
+ }
15603
+
14519
15604
  .zx-root .zx-file-upload__root.zx-a-color-error {
14520
15605
  --fu-accent: #d9576d;
14521
15606
  }
@@ -14536,6 +15621,26 @@
14536
15621
  --fu-accent: #f2bbc0;
14537
15622
  }
14538
15623
 
15624
+ .zx-root .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
15625
+ background: #fff3f4;
15626
+ }
15627
+
15628
+ .zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
15629
+ background: #2e2930;
15630
+ }
15631
+
15632
+ .zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
15633
+ background: #393943;
15634
+ }
15635
+
15636
+ .zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
15637
+ background: #eae4e8;
15638
+ }
15639
+
15640
+ .zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
15641
+ background: #22272d;
15642
+ }
15643
+
14539
15644
  .zx-file-upload__root.zx-a-size-xs {
14540
15645
  --fu-font: var(--text-xs);
14541
15646
  }
@@ -14560,8 +15665,9 @@
14560
15665
 
14561
15666
  .zx-carousel__root {
14562
15667
  position: relative;
14563
- display: grid;
15668
+ display: flex;
14564
15669
  gap: var(--space-sm);
15670
+ flex-direction: column;
14565
15671
  }
14566
15672
 
14567
15673
  .zx-carousel__viewport {
@@ -14581,9 +15687,9 @@
14581
15687
  .zx-carousel__prev-trigger {
14582
15688
  appearance: none;
14583
15689
  position: absolute;
14584
- inline-size: var(--carousel-nav);
14585
- block-size: var(--carousel-nav);
14586
- display: grid;
15690
+ width: var(--carousel-nav);
15691
+ height: var(--carousel-nav);
15692
+ display: flex;
14587
15693
  place-items: center;
14588
15694
  font-size: var(--text-sm);
14589
15695
  line-height: var(--leading-none);
@@ -14595,6 +15701,8 @@
14595
15701
  z-index: 1;
14596
15702
  top: calc(50% - var(--carousel-nav) / 2);
14597
15703
  left: var(--space-sm);
15704
+ align-items: center;
15705
+ justify-content: center;
14598
15706
  }
14599
15707
 
14600
15708
  .zx-carousel__prev-trigger.zx-f-disabled {
@@ -14603,16 +15711,22 @@
14603
15711
  }
14604
15712
 
14605
15713
  .zx-carousel__prev-trigger.zx-f-focus-visible {
14606
- outline: 2px solid var(--color-base-content);
15714
+ outline: none;
14607
15715
  outline-offset: 2px;
15716
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
15717
+ }
15718
+
15719
+ .zx-carousel__prev-trigger.zx-f-pressed {
15720
+ background: var(--color-base-300);
15721
+ transform: translateY(1px);
14608
15722
  }
14609
15723
 
14610
15724
  .zx-carousel__next-trigger {
14611
15725
  appearance: none;
14612
15726
  position: absolute;
14613
- inline-size: var(--carousel-nav);
14614
- block-size: var(--carousel-nav);
14615
- display: grid;
15727
+ width: var(--carousel-nav);
15728
+ height: var(--carousel-nav);
15729
+ display: flex;
14616
15730
  place-items: center;
14617
15731
  font-size: var(--text-sm);
14618
15732
  line-height: var(--leading-none);
@@ -14624,6 +15738,8 @@
14624
15738
  z-index: 1;
14625
15739
  top: calc(50% - var(--carousel-nav) / 2);
14626
15740
  right: var(--space-sm);
15741
+ align-items: center;
15742
+ justify-content: center;
14627
15743
  }
14628
15744
 
14629
15745
  .zx-carousel__next-trigger.zx-f-disabled {
@@ -14632,29 +15748,69 @@
14632
15748
  }
14633
15749
 
14634
15750
  .zx-carousel__next-trigger.zx-f-focus-visible {
14635
- outline: 2px solid var(--color-base-content);
15751
+ outline: none;
14636
15752
  outline-offset: 2px;
15753
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
15754
+ }
15755
+
15756
+ .zx-carousel__next-trigger.zx-f-pressed {
15757
+ background: var(--color-base-300);
15758
+ transform: translateY(1px);
14637
15759
  }
14638
15760
 
14639
15761
  .zx-carousel__indicator-group {
14640
15762
  display: flex;
14641
15763
  gap: var(--space-xs);
14642
15764
  justify-content: center;
15765
+ flex-direction: row;
15766
+ align-items: center;
14643
15767
  }
14644
15768
 
14645
15769
  .zx-carousel__indicator {
14646
15770
  appearance: none;
14647
15771
  padding: 0;
14648
- display: grid;
15772
+ display: flex;
14649
15773
  place-items: center;
14650
15774
  background: transparent;
14651
15775
  border: none;
14652
15776
  cursor: pointer;
15777
+ width: var(--carousel-dot);
15778
+ height: var(--carousel-dot);
15779
+ flex-shrink: 0;
15780
+ border-width: calc(var(--border) * 2);
15781
+ border-style: solid;
15782
+ border-radius: 9999px;
15783
+ }
15784
+
15785
+ .zx-root .zx-carousel__indicator {
15786
+ border-color: #18181bb3;
15787
+ }
15788
+
15789
+ .zx-root.zx-theme-dark .zx-carousel__indicator {
15790
+ border-color: #ecf9ffb3;
15791
+ }
15792
+
15793
+ .zx-root.zx-theme-dim .zx-carousel__indicator {
15794
+ border-color: #b2ccd6b3;
15795
+ }
15796
+
15797
+ .zx-root.zx-theme-nord .zx-carousel__indicator {
15798
+ border-color: #2e3440b3;
15799
+ }
15800
+
15801
+ .zx-root.zx-theme-sunset .zx-carousel__indicator {
15802
+ border-color: #9fb9d0b3;
15803
+ }
15804
+
15805
+ .zx-carousel__indicator.zx-s-active {
15806
+ background: var(--carousel-accent);
15807
+ border-color: var(--carousel-accent);
14653
15808
  }
14654
15809
 
14655
15810
  .zx-carousel__indicator.zx-f-focus-visible {
14656
- outline: 2px solid var(--color-base-content);
15811
+ outline: none;
14657
15812
  outline-offset: 2px;
15813
+ box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
14658
15814
  }
14659
15815
 
14660
15816
  .zx-root .zx-carousel__root.zx-a-color-primary {
@@ -15294,7 +16450,7 @@
15294
16450
  }
15295
16451
 
15296
16452
  .zx-diff__handle {
15297
- inline-size: var(--diff-hit);
16453
+ width: var(--diff-hit);
15298
16454
  display: grid;
15299
16455
  place-items: center;
15300
16456
  cursor: ew-resize;