@sigx/zero-daisyui 0.4.0 → 0.6.0

package/dist/lynx/index.css

@@ -17,7 +17,7 @@
     --color-primary: #422ad5;
     --color-primary-content: #e0e7ff;
     --color-secondary: #f43098;
-    --color-secondary-content: #f9e4f0;
+    --color-secondary-content: #291a23;
     --color-accent: #00d3bb;
     --color-accent-content: #084d49;
     --color-neutral: #09090b;
@@ -94,7 +94,7 @@
     --color-primary: #422ad5;
     --color-primary-content: #e0e7ff;
     --color-secondary: #f43098;
-    --color-secondary-content: #f9e4f0;
+    --color-secondary-content: #291a23;
     --color-accent: #00d3bb;
     --color-accent-content: #084d49;
     --color-neutral: #09090b;
@@ -169,9 +169,9 @@
 
 .zx-root.zx-theme-dark {
     --color-primary: #605dff;
-    --color-primary-content: #edf1fe;
+    --color-primary-content: #fafbff;
     --color-secondary: #f43098;
-    --color-secondary-content: #f9e4f0;
+    --color-secondary-content: #291a23;
     --color-accent: #00d3bb;
     --color-accent-content: #084d49;
     --color-neutral: #09090b;
@@ -633,6 +633,10 @@
     max-inline-size: var(--l-measure);
 }
 
+.zx-tabs__root {
+    --tabs-ring-room: 4px;
+}
+
 .zx-tabs__root {
     display: flex;
     flex-direction: column;
@@ -642,6 +646,11 @@
 .zx-tabs__list {
     display: flex;
     align-self: flex-start;
+    box-sizing: border-box;
+    max-inline-size: 100%;
+    overflow-x: auto;
+    padding: var(--tabs-ring-room);
+    scroll-padding-inline: var(--tabs-ring-room);
 }
 
 .zx-tabs__tab {
@@ -693,6 +702,10 @@
     outline-offset: 2px;
 }
 
+.zx-tabs__indicator {
+    display: none;
+}
+
 .zx-tabs__panel {
     font-size: var(--text-md);
 }
@@ -1394,6 +1407,10 @@
     flex-direction: row;
 }
 
+.zx-switch__root.zx-f-readonly {
+    cursor: default;
+}
+
 .zx-switch__root.zx-f-disabled {
     opacity: var(--disabled-opacity);
     cursor: not-allowed;
@@ -2738,6 +2755,10 @@
     cursor: pointer;
 }
 
+.zx-checkbox__root.zx-f-readonly {
+    cursor: default;
+}
+
 .zx-checkbox__root.zx-f-disabled {
     opacity: var(--disabled-opacity);
     cursor: not-allowed;
@@ -2800,6 +2821,10 @@
     border-color: var(--color-error);
 }
 
+.zx-checkbox__control.zx-f-readonly {
+    cursor: default;
+}
+
 .zx-checkbox__indicator {
     display: block;
     width: 100%;
@@ -2910,6 +2935,216 @@
     font-size: var(--text-lg);
 }
 
+.zx-checkbox-group__root {
+    --checkbox-group-accent: var(--color-base-content);
+}
+
+.zx-checkbox-group__root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-md);
+}
+
+.zx-checkbox-group__root.zx-o-horizontal {
+    flex-direction: row;
+    flex-wrap: wrap;
+    column-gap: var(--space-lg);
+}
+
+.zx-checkbox-group__label {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    color: var(--checkbox-group-accent);
+}
+
+.zx-checkbox-group__label.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-primary {
+    --checkbox-group-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-primary {
+    --checkbox-group-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-primary {
+    --checkbox-group-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-primary {
+    --checkbox-group-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-primary {
+    --checkbox-group-accent: #fb8a62;
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-secondary {
+    --checkbox-group-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-secondary {
+    --checkbox-group-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-secondary {
+    --checkbox-group-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-secondary {
+    --checkbox-group-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-secondary {
+    --checkbox-group-accent: #e68aac;
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-accent {
+    --checkbox-group-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-accent {
+    --checkbox-group-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-accent {
+    --checkbox-group-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-accent {
+    --checkbox-group-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-accent {
+    --checkbox-group-accent: #ab9fe8;
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-neutral {
+    --checkbox-group-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-neutral {
+    --checkbox-group-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-neutral {
+    --checkbox-group-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-neutral {
+    --checkbox-group-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-neutral {
+    --checkbox-group-accent: #667a8a;
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-info {
+    --checkbox-group-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-info {
+    --checkbox-group-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-info {
+    --checkbox-group-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-info {
+    --checkbox-group-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-info {
+    --checkbox-group-accent: #91d4e3;
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-success {
+    --checkbox-group-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-success {
+    --checkbox-group-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-success {
+    --checkbox-group-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-success {
+    --checkbox-group-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-success {
+    --checkbox-group-accent: #a6cebe;
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-warning {
+    --checkbox-group-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-warning {
+    --checkbox-group-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-warning {
+    --checkbox-group-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-warning {
+    --checkbox-group-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-warning {
+    --checkbox-group-accent: #c5c1b7;
+}
+
+.zx-root .zx-checkbox-group__root.zx-a-color-error {
+    --checkbox-group-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-checkbox-group__root.zx-a-color-error {
+    --checkbox-group-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-checkbox-group__root.zx-a-color-error {
+    --checkbox-group-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-checkbox-group__root.zx-a-color-error {
+    --checkbox-group-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-checkbox-group__root.zx-a-color-error {
+    --checkbox-group-accent: #f2bbc0;
+}
+
+.zx-checkbox-group__root.zx-a-size-xs {
+    gap: var(--space-sm);
+}
+
+.zx-checkbox-group__label.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-checkbox-group__label.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-checkbox-group__label.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-checkbox-group__root.zx-a-size-xl {
+    gap: var(--space-lg);
+}
+
+.zx-checkbox-group__label.zx-a-size-xl {
+    font-size: var(--text-lg);
+}
+
 .zx-radio-group__root {
     --radio-pad: 0.25rem;
     --radio-accent: var(--color-primary);
@@ -2937,6 +3172,10 @@
     cursor: pointer;
 }
 
+.zx-radio-group__item.zx-f-readonly {
+    cursor: default;
+}
+
 .zx-radio-group__item.zx-f-disabled {
     opacity: var(--disabled-opacity);
     cursor: not-allowed;
@@ -2984,6 +3223,10 @@
     animation: var(--duration-fast) var(--ease-standard) zero-daisy-radio;
 }
 
+.zx-radio-group__item-control.zx-f-invalid {
+    border-color: var(--color-error);
+}
+
 .zx-radio-group__item-control.zx-f-focus-visible {
     outline: 2px solid var(--radio-accent);
     outline-offset: 2px;
@@ -3090,7 +3333,7 @@
 }
 
 .zx-root.zx-theme-dark .zx-progress__root {
-    --progress-accent: #6b6fff;
+    --progress-accent: #6c70ff;
 }
 
 .zx-root.zx-theme-dim .zx-progress__root {
@@ -3183,7 +3426,7 @@
 }
 
 .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-primary {
-    --progress-accent: #6b6fff;
+    --progress-accent: #6c70ff;
 }
 
 .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-primary {
@@ -3199,11 +3442,11 @@
 }
 
 .zx-root .zx-progress__root.zx-a-color-secondary {
-    --progress-accent: #f74ca0;
+    --progress-accent: #de318b;
 }
 
 .zx-root.zx-theme-dark .zx-progress__root.zx-a-color-secondary {
-    --progress-accent: #f74ca0;
+    --progress-accent: #de318b;
 }
 
 .zx-root.zx-theme-dim .zx-progress__root.zx-a-color-secondary {
@@ -3362,9 +3605,34 @@
 }
 
 .zx-slider__control {
+    appearance: none;
     width: 100%;
-    accent-color: var(--slider-accent);
+    height: calc(var(--size-selector) * 6);
+    margin: 0;
+    background: transparent;
     cursor: pointer;
+    outline: none;
+    accent-color: var(--slider-accent);
+}
+
+.zx-slider__control.zx-a-size-xs {
+    height: calc(var(--size-selector) * 4);
+}
+
+.zx-slider__control.zx-a-size-sm {
+    height: calc(var(--size-selector) * 5);
+}
+
+.zx-slider__control.zx-a-size-lg {
+    height: calc(var(--size-selector) * 7);
+}
+
+.zx-slider__control.zx-a-size-xl {
+    height: calc(var(--size-selector) * 8);
+}
+
+.zx-slider__control.zx-f-readonly {
+    cursor: default;
 }
 
 .zx-slider__control.zx-f-disabled {
@@ -3377,16 +3645,44 @@
 }
 
 .zx-slider__control.zx-f-invalid {
-    accent-color: var(--color-error);
+    --slider-accent: var(--color-error);
 }
 
 .zx-slider__track {
-    height: calc(var(--size-selector) * 2);
+    height: calc(var(--size-selector) * 3);
     border-radius: 9999px;
     background: var(--color-base-300);
     cursor: pointer;
-    margin-top: calc(var(--size-selector) * 1.5);
-    margin-bottom: calc(var(--size-selector) * 1.5);
+    margin-top: calc(((var(--size-selector) * 6) - (var(--size-selector) * 3)) / 2);
+    margin-bottom: calc(((var(--size-selector) * 6) - (var(--size-selector) * 3)) / 2);
+}
+
+.zx-slider__track.zx-a-size-xs {
+    height: calc(var(--size-selector) * 2);
+    margin-top: calc(((var(--size-selector) * 4) - (var(--size-selector) * 2)) / 2);
+    margin-bottom: calc(((var(--size-selector) * 4) - (var(--size-selector) * 2)) / 2);
+}
+
+.zx-slider__track.zx-a-size-sm {
+    height: calc(var(--size-selector) * 2.5);
+    margin-top: calc(((var(--size-selector) * 5) - (var(--size-selector) * 2.5)) / 2);
+    margin-bottom: calc(((var(--size-selector) * 5) - (var(--size-selector) * 2.5)) / 2);
+}
+
+.zx-slider__track.zx-a-size-lg {
+    height: calc(var(--size-selector) * 3.5);
+    margin-top: calc(((var(--size-selector) * 7) - (var(--size-selector) * 3.5)) / 2);
+    margin-bottom: calc(((var(--size-selector) * 7) - (var(--size-selector) * 3.5)) / 2);
+}
+
+.zx-slider__track.zx-a-size-xl {
+    height: calc(var(--size-selector) * 4);
+    margin-top: calc(((var(--size-selector) * 8) - (var(--size-selector) * 4)) / 2);
+    margin-bottom: calc(((var(--size-selector) * 8) - (var(--size-selector) * 4)) / 2);
+}
+
+.zx-slider__track.zx-f-readonly {
+    cursor: default;
 }
 
 .zx-slider__track.zx-f-disabled {
@@ -3401,8 +3697,8 @@
 
 .zx-slider__thumb {
     box-sizing: border-box;
-    width: calc(var(--size-selector) * 5);
-    height: calc(var(--size-selector) * 5);
+    width: calc(var(--size-selector) * 6);
+    height: calc(var(--size-selector) * 6);
     border-radius: 9999px;
     background: var(--color-base-100);
     cursor: pointer;
@@ -3411,7 +3707,31 @@
     border: 0.25rem solid var(--slider-accent);
     top: 50%;
     transform: translateY(-50%);
-    margin-left: calc(var(--size-selector) * -2.5);
+    margin-left: calc((var(--size-selector) * 6) / -2);
+}
+
+.zx-slider__thumb.zx-a-size-xs {
+    width: calc(var(--size-selector) * 4);
+    height: calc(var(--size-selector) * 4);
+    margin-left: calc((var(--size-selector) * 4) / -2);
+}
+
+.zx-slider__thumb.zx-a-size-sm {
+    width: calc(var(--size-selector) * 5);
+    height: calc(var(--size-selector) * 5);
+    margin-left: calc((var(--size-selector) * 5) / -2);
+}
+
+.zx-slider__thumb.zx-a-size-lg {
+    width: calc(var(--size-selector) * 7);
+    height: calc(var(--size-selector) * 7);
+    margin-left: calc((var(--size-selector) * 7) / -2);
+}
+
+.zx-slider__thumb.zx-a-size-xl {
+    width: calc(var(--size-selector) * 8);
+    height: calc(var(--size-selector) * 8);
+    margin-left: calc((var(--size-selector) * 8) / -2);
 }
 
 .zx-slider__thumb.zx-f-focus-visible {
@@ -3419,6 +3739,10 @@
     outline-offset: 2px;
 }
 
+.zx-slider__thumb.zx-f-readonly {
+    cursor: default;
+}
+
 .zx-slider__thumb.zx-f-disabled {
     cursor: not-allowed;
 }
@@ -3428,7 +3752,23 @@
     line-height: 1;
     white-space: nowrap;
     opacity: 0.6;
-    padding-top: calc(var(--size-selector) * 2 + var(--space-2xs));
+    padding-top: calc((var(--size-selector) * 3) + var(--space-2xs));
+}
+
+.zx-slider__mark.zx-a-size-xs {
+    padding-top: calc((var(--size-selector) * 2) + var(--space-2xs));
+}
+
+.zx-slider__mark.zx-a-size-sm {
+    padding-top: calc((var(--size-selector) * 2.5) + var(--space-2xs));
+}
+
+.zx-slider__mark.zx-a-size-lg {
+    padding-top: calc((var(--size-selector) * 3.5) + var(--space-2xs));
+}
+
+.zx-slider__mark.zx-a-size-xl {
+    padding-top: calc((var(--size-selector) * 4) + var(--space-2xs));
 }
 
 .zx-slider__value-text {
@@ -3468,18 +3808,10 @@
     --slider-accent: var(--color-error);
 }
 
-.zx-slider__control.zx-a-size-xs {
-    height: calc(var(--size-selector) * 3);
-}
-
 .zx-slider__label.zx-a-size-xs {
     font-size: var(--text-xs);
 }
 
-.zx-slider__control.zx-a-size-sm {
-    height: calc(var(--size-selector) * 4);
-}
-
 .zx-slider__label.zx-a-size-sm {
     font-size: var(--text-sm);
 }
@@ -3488,18 +3820,10 @@
     font-size: var(--text-sm);
 }
 
-.zx-slider__control.zx-a-size-lg {
-    height: calc(var(--size-selector) * 7);
-}
-
 .zx-slider__label.zx-a-size-lg {
     font-size: var(--text-md);
 }
 
-.zx-slider__control.zx-a-size-xl {
-    height: calc(var(--size-selector) * 8);
-}
-
 .zx-slider__label.zx-a-size-xl {
     font-size: var(--text-lg);
 }
@@ -3514,6 +3838,11 @@
     gap: var(--space-md);
 }
 
+.zx-accordion__root.zx-o-horizontal {
+    flex-direction: row;
+    align-items: start;
+}
+
 .zx-accordion__item {
     interpolate-size: allow-keywords;
     border: var(--border) solid var(--color-base-300);
@@ -3759,6 +4088,7 @@
 .zx-select__root {
     display: flex;
     flex-direction: column;
+    position: relative;
 }
 
 .zx-select__trigger {
@@ -3783,6 +4113,10 @@
     padding-right: calc(var(--size-field) * 4);
 }
 
+.zx-select__trigger.zx-f-readonly {
+    cursor: default;
+}
+
 .zx-select__trigger.zx-f-disabled {
     opacity: var(--disabled-opacity);
     cursor: not-allowed;
@@ -3830,6 +4164,53 @@
     transform: rotate(180deg);
 }
 
+.zx-select__clear-trigger {
+    appearance: none;
+    position: absolute;
+    min-inline-size: 1.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--space-xs);
+    border: none;
+    background: transparent;
+    font: inherit;
+    font-size: var(--text-sm);
+    line-height: var(--leading-none);
+    border-radius: var(--radius-field);
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+    top: var(--space-xs);
+    bottom: var(--space-xs);
+    right: calc(var(--size-field) * 4 + 1em + var(--space-xs));
+    min-width: 1.5rem;
+}
+
+.zx-root .zx-select__clear-trigger {
+    color: #18181bb3;
+}
+
+.zx-root.zx-theme-dark .zx-select__clear-trigger {
+    color: #ecf9ffb3;
+}
+
+.zx-root.zx-theme-dim .zx-select__clear-trigger {
+    color: #b2ccd6b3;
+}
+
+.zx-root.zx-theme-nord .zx-select__clear-trigger {
+    color: #2e3440b3;
+}
+
+.zx-root.zx-theme-sunset .zx-select__clear-trigger {
+    color: #9fb9d0b3;
+}
+
+.zx-select__clear-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
 .zx-select__popup {
     opacity: 0;
     transform: translateY(-4px);
@@ -3855,6 +4236,13 @@
     opacity: 0.6;
 }
 
+.zx-select__group-heading {
+    padding: var(--space-md) var(--space-lg) var(--space-xs);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-bold);
+    opacity: 0.6;
+}
+
 .zx-select__item {
     display: flex;
     align-items: center;
@@ -3887,6 +4275,12 @@
     color: var(--select-accent);
 }
 
+.zx-select__separator {
+    height: var(--border);
+    margin: var(--space-sm) var(--space-md);
+    background: var(--color-base-300);
+}
+
 .zx-select__root.zx-a-color-primary {
     --select-accent: var(--color-primary);
 }
@@ -4021,6 +4415,11 @@
     outline-offset: 2px;
 }
 
+.zx-button__root.zx-f-pressed {
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-button__root.zx-a-color-primary {
     --btn-accent: var(--color-primary);
     --btn-on-accent: var(--color-primary-content);
@@ -4744,6 +5143,26 @@
     outline-offset: 2px;
 }
 
+.zx-root .zx-combobox__tag-remove.zx-f-pressed {
+    background: #18181b2e;
+}
+
+.zx-root.zx-theme-dark .zx-combobox__tag-remove.zx-f-pressed {
+    background: #ecf9ff2e;
+}
+
+.zx-root.zx-theme-dim .zx-combobox__tag-remove.zx-f-pressed {
+    background: #b2ccd62e;
+}
+
+.zx-root.zx-theme-nord .zx-combobox__tag-remove.zx-f-pressed {
+    background: #2e34402e;
+}
+
+.zx-root.zx-theme-sunset .zx-combobox__tag-remove.zx-f-pressed {
+    background: #9fb9d02e;
+}
+
 .zx-combobox__trigger {
     appearance: none;
     border: none;
@@ -4763,6 +5182,19 @@
     cursor: not-allowed;
 }
 
+.zx-combobox__clear-trigger {
+    appearance: none;
+    border: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    opacity: 0.6;
+    padding: 0 var(--space-xs);
+    line-height: var(--leading-none);
+    cursor: pointer;
+    transition: opacity var(--duration-fast) var(--ease-standard);
+}
+
 .zx-combobox__popup {
     opacity: 0;
     transform: translateY(-4px);
@@ -4788,6 +5220,13 @@
     opacity: 0.6;
 }
 
+.zx-combobox__group-heading {
+    padding: var(--space-md) var(--space-lg) var(--space-xs);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-bold);
+    opacity: 0.6;
+}
+
 .zx-combobox__item {
     display: flex;
     align-items: center;
@@ -4825,6 +5264,19 @@
     opacity: 0.6;
 }
 
+.zx-combobox__loading {
+    padding: var(--space-lg);
+    font-size: var(--text-sm);
+    text-align: center;
+    opacity: 0.6;
+}
+
+.zx-combobox__separator {
+    height: var(--border);
+    margin: var(--space-sm) var(--space-md);
+    background: var(--color-base-300);
+}
+
 .zx-combobox__root.zx-a-color-primary {
     --combobox-accent: var(--color-primary);
 }
@@ -4942,6 +5394,11 @@
     outline-offset: 2px;
 }
 
+.zx-toggle__root.zx-f-pressed {
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-toggle__root.zx-a-color-primary {
     --toggle-accent: var(--color-primary);
     --toggle-on-accent: var(--color-primary-content);
@@ -5236,6 +5693,10 @@
     cursor: not-allowed;
 }
 
+.zx-number-input__increment-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+}
+
 .zx-number-input__decrement-trigger {
     appearance: none;
     border: none;
@@ -5258,6 +5719,10 @@
     cursor: not-allowed;
 }
 
+.zx-number-input__decrement-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+}
+
 .zx-number-input__root.zx-a-color-primary {
     --number-input-accent: var(--color-primary);
 }
@@ -5477,7 +5942,7 @@
 }
 
 .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-primary {
-    --rating-fill: #848fff;
+    --rating-fill: #8792ff;
 }
 
 .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-primary {
@@ -5493,11 +5958,11 @@
 }
 
 .zx-root .zx-rating-group__root.zx-a-color-secondary {
-    --rating-fill: #fb74b2;
+    --rating-fill: #b23072;
 }
 
 .zx-root.zx-theme-dark .zx-rating-group__root.zx-a-color-secondary {
-    --rating-fill: #fb74b2;
+    --rating-fill: #b23072;
 }
 
 .zx-root.zx-theme-dim .zx-rating-group__root.zx-a-color-secondary {
@@ -5732,6 +6197,10 @@
     transform: rotate(90deg);
 }
 
+.zx-tree-view__branch-indicator.zx-s-loading {
+    transform: rotate(45deg);
+}
+
 .zx-tree-view__branch-content {
     display: flex;
     flex-direction: column;
@@ -5809,73 +6278,203 @@
     font-weight: var(--weight-semibold);
 }
 
-.zx-input__label.zx-f-disabled {
-    opacity: var(--disabled-opacity);
+.zx-input__label.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-root .zx-input__label.zx-f-invalid {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-input__label.zx-f-invalid {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-input__label.zx-f-invalid {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-input__label.zx-f-invalid {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-input__label.zx-f-invalid {
+    color: #f2bbc0;
+}
+
+.zx-input__control {
+    display: flex;
+    align-items: stretch;
+    gap: var(--space-2xs);
+    box-sizing: border-box;
+    height: calc(var(--size-field) * 12);
+    background: var(--color-base-100);
+    border: var(--border) solid var(--color-base-300);
+    border-radius: var(--radius-field);
+    box-shadow: var(--shadow-xs);
+    overflow: hidden;
+    transition: border-color var(--duration-fast) var(--ease-standard);
+}
+
+.zx-input__control.zx-f-invalid {
+    border-color: var(--color-error);
+}
+
+.zx-input__control.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-input__control.zx-f-focus-visible {
+    outline: 2px solid var(--input-accent);
+    outline-offset: 2px;
+}
+
+.zx-input__input {
+    width: 100%;
+    min-width: 0;
+    appearance: none;
+    border: none;
+    outline: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    font-size: var(--text-sm);
+    padding: var(--space-sm) var(--space-md);
+}
+
+.zx-input__input.zx-f-disabled {
+    cursor: not-allowed;
+}
+
+.zx-input__adornment {
+    display: flex;
+    align-items: center;
+    flex: none;
+    font-size: var(--text-sm);
+    line-height: var(--leading-none);
+}
+
+.zx-root .zx-input__adornment {
+    color: #18181bb3;
+}
+
+.zx-root.zx-theme-dark .zx-input__adornment {
+    color: #ecf9ffb3;
+}
+
+.zx-root.zx-theme-dim .zx-input__adornment {
+    color: #b2ccd6b3;
+}
+
+.zx-root.zx-theme-nord .zx-input__adornment {
+    color: #2e3440b3;
+}
+
+.zx-root.zx-theme-sunset .zx-input__adornment {
+    color: #9fb9d0b3;
+}
+
+.zx-input__adornment.zx-p-start {
+    order: -1;
+}
+
+.zx-input__adornment.zx-p-end {
+    order: 1;
+}
+
+.zx-input__clear-trigger {
+    appearance: none;
+    border: none;
+    background: transparent;
+    border-radius: 9999px;
+    align-self: center;
+    flex: none;
+    order: 1;
+    padding: var(--space-2xs) var(--space-xs);
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-none);
+    cursor: pointer;
+}
+
+.zx-root .zx-input__clear-trigger {
+    color: #18181bb3;
+}
+
+.zx-root.zx-theme-dark .zx-input__clear-trigger {
+    color: #ecf9ffb3;
+}
+
+.zx-root.zx-theme-dim .zx-input__clear-trigger {
+    color: #b2ccd6b3;
+}
+
+.zx-root.zx-theme-nord .zx-input__clear-trigger {
+    color: #2e3440b3;
 }
 
-.zx-root .zx-input__label.zx-f-invalid {
-    color: #d9576d;
+.zx-root.zx-theme-sunset .zx-input__clear-trigger {
+    color: #9fb9d0b3;
 }
 
-.zx-root.zx-theme-dark .zx-input__label.zx-f-invalid {
-    color: #ff7d90;
+.zx-input__clear-trigger.zx-f-disabled {
+    cursor: not-allowed;
 }
 
-.zx-root.zx-theme-dim .zx-input__label.zx-f-invalid {
-    color: #f5b3a4;
+.zx-input__clear-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
 }
 
-.zx-root.zx-theme-nord .zx-input__label.zx-f-invalid {
-    color: #a85b64;
+.zx-input__visibility-trigger {
+    appearance: none;
+    border: none;
+    background: transparent;
+    border-radius: 9999px;
+    align-self: center;
+    flex: none;
+    order: 1;
+    padding: var(--space-2xs) var(--space-xs);
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-none);
+    cursor: pointer;
 }
 
-.zx-root.zx-theme-sunset .zx-input__label.zx-f-invalid {
-    color: #f2bbc0;
+.zx-root .zx-input__visibility-trigger {
+    color: #18181bb3;
 }
 
-.zx-input__control {
-    display: flex;
-    align-items: stretch;
-    box-sizing: border-box;
-    height: calc(var(--size-field) * 12);
-    background: var(--color-base-100);
-    border: var(--border) solid var(--color-base-300);
-    border-radius: var(--radius-field);
-    box-shadow: var(--shadow-xs);
-    overflow: hidden;
-    transition: border-color var(--duration-fast) var(--ease-standard);
+.zx-root.zx-theme-dark .zx-input__visibility-trigger {
+    color: #ecf9ffb3;
 }
 
-.zx-input__control.zx-f-invalid {
-    border-color: var(--color-error);
+.zx-root.zx-theme-dim .zx-input__visibility-trigger {
+    color: #b2ccd6b3;
 }
 
-.zx-input__control.zx-f-disabled {
-    opacity: var(--disabled-opacity);
+.zx-root.zx-theme-nord .zx-input__visibility-trigger {
+    color: #2e3440b3;
 }
 
-.zx-input__control.zx-f-focus-visible {
-    outline: 2px solid var(--input-accent);
-    outline-offset: 2px;
+.zx-root.zx-theme-sunset .zx-input__visibility-trigger {
+    color: #9fb9d0b3;
 }
 
-.zx-input__input {
-    width: 100%;
-    min-width: 0;
-    appearance: none;
-    border: none;
-    outline: none;
-    background: transparent;
-    color: inherit;
-    font: inherit;
-    font-size: var(--text-sm);
-    padding: var(--space-sm) var(--space-md);
+.zx-input__visibility-trigger.zx-s-on {
+    color: var(--color-base-content);
+    background: var(--color-base-200);
 }
 
-.zx-input__input.zx-f-disabled {
+.zx-input__visibility-trigger.zx-f-disabled {
     cursor: not-allowed;
 }
 
+.zx-input__visibility-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
 .zx-input__root.zx-a-color-primary {
     --input-accent: var(--color-primary);
 }
@@ -5917,6 +6516,18 @@
     padding: var(--space-2xs) var(--space-xs);
 }
 
+.zx-input__adornment.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-input__clear-trigger.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-input__visibility-trigger.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
 .zx-input__control.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
 }
@@ -5926,6 +6537,18 @@
     padding: var(--space-xs) var(--space-sm);
 }
 
+.zx-input__adornment.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-input__clear-trigger.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-input__visibility-trigger.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
 .zx-input__control.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
 }
@@ -5935,6 +6558,18 @@
     padding: var(--space-md) var(--space-lg);
 }
 
+.zx-input__adornment.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-input__clear-trigger.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-input__visibility-trigger.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
 .zx-input__control.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
 }
@@ -5944,6 +6579,18 @@
     padding: var(--space-lg) var(--space-xl);
 }
 
+.zx-input__adornment.zx-a-size-xl {
+    font-size: var(--text-lg);
+}
+
+.zx-input__clear-trigger.zx-a-size-xl {
+    font-size: var(--text-lg);
+}
+
+.zx-input__visibility-trigger.zx-a-size-xl {
+    font-size: var(--text-lg);
+}
+
 .zx-textarea__root {
     --textarea-accent: var(--color-base-content);
 }
@@ -6250,6 +6897,26 @@
     outline-offset: 2px;
 }
 
+.zx-root .zx-alert__close.zx-f-pressed {
+    background: #18181b2e;
+}
+
+.zx-root.zx-theme-dark .zx-alert__close.zx-f-pressed {
+    background: #ecf9ff2e;
+}
+
+.zx-root.zx-theme-dim .zx-alert__close.zx-f-pressed {
+    background: #b2ccd62e;
+}
+
+.zx-root.zx-theme-nord .zx-alert__close.zx-f-pressed {
+    background: #2e34402e;
+}
+
+.zx-root.zx-theme-sunset .zx-alert__close.zx-f-pressed {
+    background: #9fb9d02e;
+}
+
 .zx-alert__root.zx-a-color-primary {
     --alert-tint: var(--color-primary-soft);
 }
@@ -7540,6 +8207,7 @@
 
 .zx-stats__root {
     display: flex;
+    overflow-x: auto;
     border: var(--border) solid var(--color-base-200);
     border-radius: var(--radius-box);
     background: var(--color-base-100);
@@ -7585,6 +8253,7 @@
 
 .zx-stats__value {
     grid-column: 1;
+    white-space: nowrap;
     font-size: var(--text-2xl);
     font-weight: var(--weight-bold);
     font-variant-numeric: tabular-nums;
@@ -7622,36 +8291,164 @@
     align-self: center;
 }
 
-.zx-stats__root.zx-a-color-primary {
-    --stats-accent: var(--color-primary);
+.zx-root .zx-stats__item.zx-a-color-primary {
+    --stats-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-primary {
+    --stats-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-primary {
+    --stats-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-primary {
+    --stats-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-primary {
+    --stats-accent: #fb8a62;
+}
+
+.zx-root .zx-stats__item.zx-a-color-secondary {
+    --stats-accent: #ad316f;
 }
 
-.zx-stats__root.zx-a-color-secondary {
-    --stats-accent: var(--color-secondary);
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-secondary {
+    --stats-accent: #fa7cb6;
 }
 
-.zx-stats__root.zx-a-color-accent {
-    --stats-accent: var(--color-accent);
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-secondary {
+    --stats-accent: #ed9984;
 }
 
-.zx-stats__root.zx-a-color-neutral {
-    --stats-accent: var(--color-neutral);
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-secondary {
+    --stats-accent: #677e98;
 }
 
-.zx-stats__root.zx-a-color-info {
-    --stats-accent: var(--color-info);
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-secondary {
+    --stats-accent: #e68aac;
 }
 
-.zx-stats__root.zx-a-color-success {
-    --stats-accent: var(--color-success);
+.zx-root .zx-stats__item.zx-a-color-accent {
+    --stats-accent: #2b786d;
 }
 
-.zx-stats__root.zx-a-color-warning {
-    --stats-accent: var(--color-warning);
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-accent {
+    --stats-accent: #93e5d9;
 }
 
-.zx-stats__root.zx-a-color-error {
-    --stats-accent: var(--color-error);
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-accent {
+    --stats-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-accent {
+    --stats-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-accent {
+    --stats-accent: #ab9fe8;
+}
+
+.zx-root .zx-stats__item.zx-a-color-neutral {
+    --stats-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-neutral {
+    --stats-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-neutral {
+    --stats-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-neutral {
+    --stats-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-neutral {
+    --stats-accent: #667a8a;
+}
+
+.zx-root .zx-stats__item.zx-a-color-info {
+    --stats-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-info {
+    --stats-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-info {
+    --stats-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-info {
+    --stats-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-info {
+    --stats-accent: #91d4e3;
+}
+
+.zx-root .zx-stats__item.zx-a-color-success {
+    --stats-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-success {
+    --stats-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-success {
+    --stats-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-success {
+    --stats-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-success {
+    --stats-accent: #a6cebe;
+}
+
+.zx-root .zx-stats__item.zx-a-color-warning {
+    --stats-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-warning {
+    --stats-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-warning {
+    --stats-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-warning {
+    --stats-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-warning {
+    --stats-accent: #c5c1b7;
+}
+
+.zx-root .zx-stats__item.zx-a-color-error {
+    --stats-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-stats__item.zx-a-color-error {
+    --stats-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-stats__item.zx-a-color-error {
+    --stats-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-stats__item.zx-a-color-error {
+    --stats-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-stats__item.zx-a-color-error {
+    --stats-accent: #f2bbc0;
 }
 
 .zx-stats__value.zx-a-size-xs {
@@ -7685,6 +8482,7 @@
 
 .zx-timeline__root.zx-o-horizontal {
     flex-direction: row;
+    overflow-x: auto;
 }
 
 .zx-timeline__item {
@@ -7772,6 +8570,31 @@
     color: var(--color-base-content);
 }
 
+.zx-timeline__content.zx-o-vertical.zx-p-start {
+    grid-column: 1;
+    grid-row: 1;
+    justify-self: end;
+    text-align: end;
+}
+
+.zx-timeline__content.zx-o-vertical.zx-p-end {
+    grid-column: 3;
+    grid-row: 1;
+    justify-self: start;
+}
+
+.zx-timeline__content.zx-o-horizontal.zx-p-start {
+    grid-row: 1;
+    grid-column: 1;
+    align-self: end;
+}
+
+.zx-timeline__content.zx-o-horizontal.zx-p-end {
+    grid-row: 3;
+    grid-column: 1;
+    align-self: start;
+}
+
 .zx-timeline__marker.zx-a-color-primary {
     --timeline-accent: var(--color-primary);
     --timeline-ring: var(--color-primary-content);
@@ -8817,12 +9640,16 @@
     --pg-accent: var(--color-primary);
     --pg-accent-content: var(--color-primary-content);
     --pg-font: var(--text-sm);
+    --pg-ring-room: 4px;
 }
 
 .zx-pagination__root {
     display: flex;
     align-items: center;
     gap: var(--space-2xs);
+    overflow-x: auto;
+    padding: var(--pg-ring-room);
+    scroll-padding-inline: var(--pg-ring-room);
 }
 
 .zx-pagination__item {
@@ -8880,6 +9707,10 @@
     outline-offset: 2px;
 }
 
+.zx-pagination__item.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-pagination__ellipsis {
     display: flex;
     align-items: center;
@@ -8977,6 +9808,10 @@
     outline-offset: 2px;
 }
 
+.zx-pagination__prev-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-pagination__next-trigger {
     display: flex;
     align-items: center;
@@ -9024,6 +9859,10 @@
     outline-offset: 2px;
 }
 
+.zx-pagination__next-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-pagination__root.zx-a-color-primary {
     --pg-accent: var(--color-primary);
     --pg-accent-content: var(--color-primary-content);
@@ -9174,6 +10013,10 @@
     padding-bottom: var(--space-lg);
 }
 
+.zx-steps__item.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-steps__indicator {
     display: flex;
     align-items: center;
@@ -9634,6 +10477,10 @@
     border-radius: 0;
 }
 
+.zx-drawer__panel.zx-l-dock-sheet.zx-s-open {
+    transition: translate var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
+}
+
 .zx-drawer__backdrop {
     background: #00000066;
 }
@@ -9803,6 +10650,11 @@
     background: var(--color-base-100);
 }
 
+.zx-table__root.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: -2px;
+}
+
 .zx-table__table {
     border-collapse: collapse;
     inline-size: 100%;
@@ -10244,6 +11096,30 @@
     opacity: var(--disabled-opacity);
 }
 
+.zx-file-upload__item.zx-f-invalid {
+    border-color: var(--color-error);
+}
+
+.zx-root .zx-file-upload__item.zx-f-invalid {
+    background: #fff3f4;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__item.zx-f-invalid {
+    background: #2e2930;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__item.zx-f-invalid {
+    background: #393943;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__item.zx-f-invalid {
+    background: #eae4e8;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__item.zx-f-invalid {
+    background: #22272d;
+}
+
 .zx-file-upload__item-name {
     flex: 1 1 auto;
     min-width: 0;
@@ -10299,6 +11175,29 @@
     outline-offset: 2px;
 }
 
+.zx-file-upload__clear-trigger {
+    appearance: none;
+    border: none;
+    background: transparent;
+    color: inherit;
+    border-radius: 9999px;
+    padding: var(--space-2xs) var(--space-sm);
+    font-size: var(--fu-font);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-none);
+    cursor: pointer;
+}
+
+.zx-file-upload__clear-trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-file-upload__clear-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-primary {
     --fu-accent: #3f2bcb;
 }
@@ -11233,6 +12132,11 @@
     outline-offset: 2px;
 }
 
+.zx-diff__handle.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
 .zx-root .zx-diff__handle.zx-f-pressed {
     --diff-accent: #353538;
 }