@sigx/zero-daisyui 0.6.0 → 0.7.0

package/dist/lynx/index.css

@@ -651,6 +651,7 @@
     overflow-x: auto;
     padding: var(--tabs-ring-room);
     scroll-padding-inline: var(--tabs-ring-room);
+    position: relative;
 }
 
 .zx-tabs__tab {
@@ -665,7 +666,6 @@
     cursor: pointer;
     position: relative;
     transition: background var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);
-    --tab-active-ink: var(--color-base-content);
 }
 
 .zx-root .zx-tabs__tab {
@@ -702,8 +702,13 @@
     outline-offset: 2px;
 }
 
+.zx-tabs__tab.zx-f-pressed {
+    color: var(--color-base-content);
+}
+
 .zx-tabs__indicator {
     display: none;
+    --tab-active-ink: var(--color-base-content);
 }
 
 .zx-tabs__panel {
@@ -734,26 +739,6 @@
     --tab-px: var(--space-2xl);
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-primary {
-    --tab-active-ink: #3f2bcb;
-}
-
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-primary {
-    --tab-active-ink: #6567ff;
-}
-
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-primary {
-    --tab-active-ink: #a0e791;
-}
-
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-primary {
-    --tab-active-ink: #5c7da6;
-}
-
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-primary {
-    --tab-active-ink: #fb8a62;
-}
-
 .zx-root .zx-tabs__tab.zx-a-color-primary.zx-s-active {
     color: #3f2bcb;
 }
@@ -774,24 +759,24 @@
     color: #fb8a62;
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-secondary {
-    --tab-active-ink: #ad316f;
+.zx-root .zx-tabs__indicator.zx-a-color-primary {
+    --tab-active-ink: #3f2bcb;
 }
 
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-secondary {
-    --tab-active-ink: #fa7cb6;
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-primary {
+    --tab-active-ink: #6567ff;
 }
 
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-secondary {
-    --tab-active-ink: #ed9984;
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-primary {
+    --tab-active-ink: #a0e791;
 }
 
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-secondary {
-    --tab-active-ink: #677e98;
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-primary {
+    --tab-active-ink: #5c7da6;
 }
 
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-secondary {
-    --tab-active-ink: #e68aac;
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-primary {
+    --tab-active-ink: #fb8a62;
 }
 
 .zx-root .zx-tabs__tab.zx-a-color-secondary.zx-s-active {
@@ -814,24 +799,24 @@
     color: #e68aac;
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-accent {
-    --tab-active-ink: #2b786d;
+.zx-root .zx-tabs__indicator.zx-a-color-secondary {
+    --tab-active-ink: #ad316f;
 }
 
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-accent {
-    --tab-active-ink: #93e5d9;
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-secondary {
+    --tab-active-ink: #fa7cb6;
 }
 
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-accent {
-    --tab-active-ink: #bfade1;
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-secondary {
+    --tab-active-ink: #ed9984;
 }
 
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-accent {
-    --tab-active-ink: #5e7d8c;
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-secondary {
+    --tab-active-ink: #677e98;
 }
 
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-accent {
-    --tab-active-ink: #ab9fe8;
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-secondary {
+    --tab-active-ink: #e68aac;
 }
 
 .zx-root .zx-tabs__tab.zx-a-color-accent.zx-s-active {
@@ -854,24 +839,24 @@
     color: #ab9fe8;
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-neutral {
-    --tab-active-ink: #121214;
+.zx-root .zx-tabs__indicator.zx-a-color-accent {
+    --tab-active-ink: #2b786d;
 }
 
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-neutral {
-    --tab-active-ink: #878e92;
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-accent {
+    --tab-active-ink: #93e5d9;
 }
 
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-neutral {
-    --tab-active-ink: #71828c;
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-accent {
+    --tab-active-ink: #bfade1;
 }
 
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-neutral {
-    --tab-active-ink: #3a4150;
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-accent {
+    --tab-active-ink: #5e7d8c;
 }
 
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-neutral {
-    --tab-active-ink: #667a8a;
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-accent {
+    --tab-active-ink: #ab9fe8;
 }
 
 .zx-root .zx-tabs__tab.zx-a-color-neutral.zx-s-active {
@@ -894,24 +879,24 @@
     color: #667a8a;
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-info {
-    --tab-active-ink: #2685b3;
+.zx-root .zx-tabs__indicator.zx-a-color-neutral {
+    --tab-active-ink: #121214;
 }
 
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-info {
-    --tab-active-ink: #70ceff;
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-neutral {
+    --tab-active-ink: #878e92;
 }
 
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-info {
-    --tab-active-ink: #6ce2f3;
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-neutral {
+    --tab-active-ink: #71828c;
 }
 
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-info {
-    --tab-active-ink: #89728a;
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-neutral {
+    --tab-active-ink: #3a4150;
 }
 
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-info {
-    --tab-active-ink: #91d4e3;
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-neutral {
+    --tab-active-ink: #667a8a;
 }
 
 .zx-root .zx-tabs__tab.zx-a-color-info.zx-s-active {
@@ -934,24 +919,24 @@
     color: #91d4e3;
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-success {
-    --tab-active-ink: #2a7858;
+.zx-root .zx-tabs__indicator.zx-a-color-info {
+    --tab-active-ink: #2685b3;
 }
 
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-success {
-    --tab-active-ink: #92e5c2;
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-info {
+    --tab-active-ink: #70ceff;
 }
 
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-success {
-    --tab-active-ink: #8ee0c9;
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-info {
+    --tab-active-ink: #6ce2f3;
 }
 
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-success {
-    --tab-active-ink: #6b7d6a;
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-info {
+    --tab-active-ink: #89728a;
 }
 
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-success {
-    --tab-active-ink: #a6cebe;
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-info {
+    --tab-active-ink: #91d4e3;
 }
 
 .zx-root .zx-tabs__tab.zx-a-color-success.zx-s-active {
@@ -974,24 +959,24 @@
     color: #a6cebe;
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-warning {
-    --tab-active-ink: #755a2b;
+.zx-root .zx-tabs__indicator.zx-a-color-success {
+    --tab-active-ink: #2a7858;
 }
 
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-warning {
-    --tab-active-ink: #f5ddac;
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-success {
+    --tab-active-ink: #92e5c2;
 }
 
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-warning {
-    --tab-active-ink: #cecfa6;
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-success {
+    --tab-active-ink: #8ee0c9;
 }
 
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-warning {
-    --tab-active-ink: #7d7463;
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-success {
+    --tab-active-ink: #6b7d6a;
 }
 
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-warning {
-    --tab-active-ink: #c5c1b7;
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-success {
+    --tab-active-ink: #a6cebe;
 }
 
 .zx-root .zx-tabs__tab.zx-a-color-warning.zx-s-active {
@@ -1014,24 +999,24 @@
     color: #c5c1b7;
 }
 
-.zx-root .zx-tabs__tab.zx-a-color-error {
-    --tab-active-ink: #d9576d;
+.zx-root .zx-tabs__indicator.zx-a-color-warning {
+    --tab-active-ink: #755a2b;
 }
 
-.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-error {
-    --tab-active-ink: #ff7d90;
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-warning {
+    --tab-active-ink: #f5ddac;
 }
 
-.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-error {
-    --tab-active-ink: #f5b3a4;
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-warning {
+    --tab-active-ink: #cecfa6;
 }
 
-.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-error {
-    --tab-active-ink: #a85b64;
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-warning {
+    --tab-active-ink: #7d7463;
 }
 
-.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-error {
-    --tab-active-ink: #f2bbc0;
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-warning {
+    --tab-active-ink: #c5c1b7;
 }
 
 .zx-root .zx-tabs__tab.zx-a-color-error.zx-s-active {
@@ -1054,13 +1039,37 @@
     color: #f2bbc0;
 }
 
+.zx-root .zx-tabs__indicator.zx-a-color-error {
+    --tab-active-ink: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__indicator.zx-a-color-error {
+    --tab-active-ink: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__indicator.zx-a-color-error {
+    --tab-active-ink: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__indicator.zx-a-color-error {
+    --tab-active-ink: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__indicator.zx-a-color-error {
+    --tab-active-ink: #f2bbc0;
+}
+
 .zx-tabs__tab.zx-a-variant-border {
     border-radius: var(--radius-field);
-    border-bottom: 3px solid transparent;
 }
 
-.zx-tabs__tab.zx-a-variant-border.zx-s-active {
+.zx-tabs__indicator.zx-a-variant-border {
+    display: flex;
+    box-sizing: border-box;
+    border-bottom-width: 3px;
+    border-bottom-style: solid;
     border-bottom-color: var(--tab-active-ink);
+    transform: scaleX(0.8);
 }
 
 .zx-tabs__tab.zx-a-variant-lift {
@@ -1426,6 +1435,7 @@
     padding: calc((var(--size-selector) * 6) * 0.125);
     border-radius: calc(var(--radius-selector) + ((var(--size-selector) * 6) * 0.125) + var(--border));
     border: var(--border) solid var(--switch-ink);
+    box-shadow: 0 1px var(--depth-shade) inset;
     user-select: none;
     transition: border-color var(--duration-slow) var(--ease-standard), background-color var(--duration-normal) var(--ease-standard);
 }
@@ -1477,6 +1487,7 @@
     height: calc((var(--size-selector) * 6) - (var(--border) + ((var(--size-selector) * 6) * 0.125)) * 2);
     border-radius: var(--radius-selector);
     background-color: var(--switch-ink);
+    box-shadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
     transition: transform var(--duration-normal) var(--ease-standard), background-color var(--duration-instant) var(--ease-standard);
 }
 
@@ -1588,6 +1599,12 @@
     outline-offset: 2px;
 }
 
+.zx-dialog__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-dialog__popup {
     opacity: 0;
     transform: translateY(8px) scale(0.97);
@@ -1649,6 +1666,7 @@
     justify-content: flex-end;
     gap: var(--space-md);
     margin-top: var(--space-2xl);
+    flex-direction: row;
 }
 
 .zx-dialog__close {
@@ -1680,6 +1698,12 @@
     outline-offset: 2px;
 }
 
+.zx-dialog__close.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-dialog__cancel {
     appearance: none;
     display: flex;
@@ -1709,6 +1733,12 @@
     outline-offset: 2px;
 }
 
+.zx-dialog__cancel.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-dialog__trigger.zx-a-color-primary {
     background: var(--color-primary);
     color: var(--color-primary-content);
@@ -1862,6 +1892,12 @@
     outline-offset: 2px;
 }
 
+.zx-popover__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-popover__popup {
     opacity: 0;
     transform: translateY(-4px);
@@ -1886,6 +1922,31 @@
     font-weight: var(--weight-bold);
 }
 
+.zx-popover__description {
+    margin: 0 0 var(--space-lg);
+    font-size: var(--text-sm);
+}
+
+.zx-root .zx-popover__description {
+    color: #18181bbf;
+}
+
+.zx-root.zx-theme-dark .zx-popover__description {
+    color: #ecf9ffbf;
+}
+
+.zx-root.zx-theme-dim .zx-popover__description {
+    color: #b2ccd6bf;
+}
+
+.zx-root.zx-theme-nord .zx-popover__description {
+    color: #2e3440bf;
+}
+
+.zx-root.zx-theme-sunset .zx-popover__description {
+    color: #9fb9d0bf;
+}
+
 .zx-popover__close {
     appearance: none;
     display: flex;
@@ -1915,6 +1976,12 @@
     outline-offset: 2px;
 }
 
+.zx-popover__close.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
 .zx-popover__trigger.zx-a-color-primary {
     background: var(--color-primary);
     color: var(--color-primary-content);
@@ -2742,6 +2809,226 @@
     font-size: var(--text-md);
 }
 
+.zx-fieldset__root {
+    --fieldset-accent: var(--color-base-content);
+}
+
+.zx-fieldset__root {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-auto-rows: max-content;
+    gap: var(--space-sm);
+    min-inline-size: 0;
+    margin: 0;
+    border: none;
+}
+
+.zx-fieldset__legend {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    color: var(--fieldset-accent);
+}
+
+.zx-fieldset__legend.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-root .zx-fieldset__legend.zx-f-invalid {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__legend.zx-f-invalid {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__legend.zx-f-invalid {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__legend.zx-f-invalid {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__legend.zx-f-invalid {
+    color: #f2bbc0;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-primary {
+    --fieldset-accent: #fb8a62;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-secondary {
+    --fieldset-accent: #e68aac;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-accent {
+    --fieldset-accent: #ab9fe8;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-neutral {
+    --fieldset-accent: #667a8a;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-info {
+    --fieldset-accent: #91d4e3;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-success {
+    --fieldset-accent: #a6cebe;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-warning {
+    --fieldset-accent: #c5c1b7;
+}
+
+.zx-root .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-fieldset__root.zx-a-color-error {
+    --fieldset-accent: #f2bbc0;
+}
+
+.zx-fieldset__legend.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-fieldset__legend.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-fieldset__legend.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-fieldset__legend.zx-a-size-xl {
+    font-size: var(--text-lg);
+}
+
 .zx-checkbox__root {
     --checkbox-pad: 0.25rem;
     --checkbox-accent: var(--color-primary);
@@ -3391,26 +3678,6 @@
     transition: width var(--duration-slow) var(--ease-standard);
 }
 
-.zx-root .zx-progress__range.zx-s-complete {
-    background: #009367;
-}
-
-.zx-root.zx-theme-dark .zx-progress__range.zx-s-complete {
-    background: #009367;
-}
-
-.zx-root.zx-theme-dim .zx-progress__range.zx-s-complete {
-    background: #328366;
-}
-
-.zx-root.zx-theme-nord .zx-progress__range.zx-s-complete {
-    background: #58674b;
-}
-
-.zx-root.zx-theme-sunset .zx-progress__range.zx-s-complete {
-    background: #5d7a5d;
-}
-
 .zx-progress__range.zx-s-indeterminate {
     width: 40%;
     animation: zero-daisy-indeterminate 1.2s ease-in-out infinite;
@@ -3588,6 +3855,26 @@
     --slider-accent: var(--color-primary);
 }
 
+.zx-root .zx-slider__root {
+    --slider-fill: #3c2cc0;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root {
+    --slider-fill: #6b70ff;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root {
+    --slider-fill: #a1e596;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root {
+    --slider-fill: #5979a0;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root {
+    --slider-fill: #f78d69;
+}
+
 .zx-slider__root {
     display: flex;
     flex-direction: column;
@@ -3599,6 +3886,11 @@
     opacity: var(--disabled-opacity);
 }
 
+.zx-slider__root.zx-o-vertical {
+    width: auto;
+    align-items: center;
+}
+
 .zx-slider__label {
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
@@ -3644,13 +3936,57 @@
     outline-offset: 2px;
 }
 
-.zx-slider__control.zx-f-invalid {
-    --slider-accent: var(--color-error);
+.zx-slider__control.zx-f-invalid {
+    --slider-accent: var(--color-error);
+}
+
+.zx-root .zx-slider__control.zx-f-invalid {
+    --slider-fill: #e55b72;
+}
+
+.zx-root.zx-theme-dark .zx-slider__control.zx-f-invalid {
+    --slider-fill: #ff748a;
+}
+
+.zx-root.zx-theme-dim .zx-slider__control.zx-f-invalid {
+    --slider-fill: #f8b2a1;
+}
+
+.zx-root.zx-theme-nord .zx-slider__control.zx-f-invalid {
+    --slider-fill: #b05d66;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__control.zx-f-invalid {
+    --slider-fill: #f6bbbf;
+}
+
+.zx-slider__control.zx-o-vertical {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    width: calc(var(--size-selector) * 6);
+    height: calc(var(--size-selector) * 40);
+}
+
+.zx-slider__control.zx-o-vertical.zx-a-size-xs {
+    width: calc(var(--size-selector) * 4);
+}
+
+.zx-slider__control.zx-o-vertical.zx-a-size-sm {
+    width: calc(var(--size-selector) * 5);
+}
+
+.zx-slider__control.zx-o-vertical.zx-a-size-lg {
+    width: calc(var(--size-selector) * 7);
+}
+
+.zx-slider__control.zx-o-vertical.zx-a-size-xl {
+    width: calc(var(--size-selector) * 8);
 }
 
 .zx-slider__track {
     height: calc(var(--size-selector) * 3);
-    border-radius: 9999px;
+    border-radius: var(--radius-selector);
     background: var(--color-base-300);
     cursor: pointer;
     margin-top: calc(((var(--size-selector) * 6) - (var(--size-selector) * 3)) / 2);
@@ -3689,22 +4025,46 @@
     cursor: not-allowed;
 }
 
+.zx-slider__track.zx-o-vertical {
+    width: calc(var(--size-selector) * 3);
+    height: 100%;
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.zx-slider__track.zx-o-vertical.zx-a-size-xs {
+    width: calc(var(--size-selector) * 2);
+}
+
+.zx-slider__track.zx-o-vertical.zx-a-size-sm {
+    width: calc(var(--size-selector) * 2.5);
+}
+
+.zx-slider__track.zx-o-vertical.zx-a-size-lg {
+    width: calc(var(--size-selector) * 3.5);
+}
+
+.zx-slider__track.zx-o-vertical.zx-a-size-xl {
+    width: calc(var(--size-selector) * 4);
+}
+
 .zx-slider__range {
     height: 100%;
-    border-radius: 9999px;
-    background: var(--slider-accent);
+    border-radius: var(--radius-selector);
+    background: var(--slider-fill);
 }
 
 .zx-slider__thumb {
     box-sizing: border-box;
     width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
-    border-radius: 9999px;
+    border-radius: calc(var(--radius-selector) + 0.25rem);
     background: var(--color-base-100);
     cursor: pointer;
     outline: none;
     touch-action: none;
-    border: 0.25rem solid var(--slider-accent);
+    border: 0.25rem solid var(--slider-fill);
+    box-shadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
     top: 50%;
     transform: translateY(-50%);
     margin-left: calc((var(--size-selector) * 6) / -2);
@@ -3752,23 +4112,52 @@
     line-height: 1;
     white-space: nowrap;
     opacity: 0.6;
-    padding-top: calc((var(--size-selector) * 3) + var(--space-2xs));
+    top: 0;
+    width: 2px;
+    height: calc(var(--size-selector) * 3);
+    margin-left: -1px;
+    padding-top: 0;
+    background-color: var(--color-base-content);
 }
 
 .zx-slider__mark.zx-a-size-xs {
-    padding-top: calc((var(--size-selector) * 2) + var(--space-2xs));
+    height: calc(var(--size-selector) * 2);
 }
 
 .zx-slider__mark.zx-a-size-sm {
-    padding-top: calc((var(--size-selector) * 2.5) + var(--space-2xs));
+    height: calc(var(--size-selector) * 2.5);
 }
 
 .zx-slider__mark.zx-a-size-lg {
-    padding-top: calc((var(--size-selector) * 3.5) + var(--space-2xs));
+    height: calc(var(--size-selector) * 3.5);
 }
 
 .zx-slider__mark.zx-a-size-xl {
-    padding-top: calc((var(--size-selector) * 4) + var(--space-2xs));
+    height: calc(var(--size-selector) * 4);
+}
+
+.zx-slider__mark.zx-o-vertical {
+    left: 0;
+    width: calc(var(--size-selector) * 3);
+    height: 2px;
+    margin-left: 0;
+    margin-top: -1px;
+}
+
+.zx-slider__mark.zx-o-vertical.zx-a-size-xs {
+    width: calc(var(--size-selector) * 2);
+}
+
+.zx-slider__mark.zx-o-vertical.zx-a-size-sm {
+    width: calc(var(--size-selector) * 2.5);
+}
+
+.zx-slider__mark.zx-o-vertical.zx-a-size-lg {
+    width: calc(var(--size-selector) * 3.5);
+}
+
+.zx-slider__mark.zx-o-vertical.zx-a-size-xl {
+    width: calc(var(--size-selector) * 4);
 }
 
 .zx-slider__value-text {
@@ -3780,34 +4169,194 @@
     --slider-accent: var(--color-primary);
 }
 
+.zx-root .zx-slider__root.zx-a-color-primary {
+    --slider-fill: #3c2cc0;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-primary {
+    --slider-fill: #6b70ff;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-primary {
+    --slider-fill: #a1e596;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-primary {
+    --slider-fill: #5979a0;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-primary {
+    --slider-fill: #f78d69;
+}
+
 .zx-slider__root.zx-a-color-secondary {
     --slider-accent: var(--color-secondary);
 }
 
+.zx-root .zx-slider__root.zx-a-color-secondary {
+    --slider-fill: #dc318a;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-secondary {
+    --slider-fill: #f74fa2;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-secondary {
+    --slider-fill: #f9876b;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-secondary {
+    --slider-fill: #7895b3;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-secondary {
+    --slider-fill: #f679a1;
+}
+
 .zx-slider__root.zx-a-color-accent {
     --slider-accent: var(--color-accent);
 }
 
+.zx-root .zx-slider__root.zx-a-color-accent {
+    --slider-fill: #1abea9;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-accent {
+    --slider-fill: #41d7c2;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-accent {
+    --slider-fill: #c598e7;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-accent {
+    --slider-fill: #7eb1c0;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-accent {
+    --slider-fill: #b18df6;
+}
+
 .zx-slider__root.zx-a-color-neutral {
     --slider-accent: var(--color-neutral);
 }
 
+.zx-root .zx-slider__root.zx-a-color-neutral {
+    --slider-fill: #0a0a0d;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-neutral {
+    --slider-fill: #1b1b1e;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-neutral {
+    --slider-fill: #29303a;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-neutral {
+    --slider-fill: #495266;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-neutral {
+    --slider-fill: #26333a;
+}
+
 .zx-slider__root.zx-a-color-info {
     --slider-accent: var(--color-info);
 }
 
+.zx-root .zx-slider__root.zx-a-color-info {
+    --slider-fill: #17a8e4;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-info {
+    --slider-fill: #3dc1ff;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-info {
+    --slider-fill: #48e8fb;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-info {
+    --slider-fill: #a684a1;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-info {
+    --slider-fill: #8cdce8;
+}
+
 .zx-slider__root.zx-a-color-success {
     --slider-accent: var(--color-success);
 }
 
+.zx-root .zx-slider__root.zx-a-color-success {
+    --slider-fill: #19be83;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-success {
+    --slider-fill: #41d79b;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-success {
+    --slider-fill: #6eecc0;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-success {
+    --slider-fill: #96af85;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-success {
+    --slider-fill: #acdbb1;
+}
+
 .zx-slider__root.zx-a-color-warning {
     --slider-accent: var(--color-warning);
 }
 
+.zx-root .zx-slider__root.zx-a-color-warning {
+    --slider-fill: #e2a519;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-warning {
+    --slider-fill: #fbbe41;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-warning {
+    --slider-fill: #e9d069;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-warning {
+    --slider-fill: #d6bb84;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-warning {
+    --slider-fill: #e9c799;
+}
+
 .zx-slider__root.zx-a-color-error {
     --slider-accent: var(--color-error);
 }
 
+.zx-root .zx-slider__root.zx-a-color-error {
+    --slider-fill: #e55b72;
+}
+
+.zx-root.zx-theme-dark .zx-slider__root.zx-a-color-error {
+    --slider-fill: #ff748a;
+}
+
+.zx-root.zx-theme-dim .zx-slider__root.zx-a-color-error {
+    --slider-fill: #f8b2a1;
+}
+
+.zx-root.zx-theme-nord .zx-slider__root.zx-a-color-error {
+    --slider-fill: #b05d66;
+}
+
+.zx-root.zx-theme-sunset .zx-slider__root.zx-a-color-error {
+    --slider-fill: #f6bbbf;
+}
+
 .zx-slider__label.zx-a-size-xs {
     font-size: var(--text-xs);
 }
@@ -3876,6 +4425,10 @@
     outline-offset: 2px;
 }
 
+.zx-accordion__trigger.zx-f-pressed {
+    background: var(--color-base-200);
+}
+
 .zx-accordion__panel {
     padding: 0 var(--space-2xl) var(--space-xl);
     font-size: var(--text-md);
@@ -4089,6 +4642,7 @@
     display: flex;
     flex-direction: column;
     position: relative;
+    max-width: 100%;
 }
 
 .zx-select__trigger {
@@ -4108,9 +4662,11 @@
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
     box-sizing: border-box;
-    min-width: 13rem;
+    min-width: 3rem;
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
+    width: 20rem;
+    max-width: 100%;
 }
 
 .zx-select__trigger.zx-f-readonly {
@@ -4135,6 +4691,10 @@
     outline-offset: 2px;
 }
 
+.zx-select__trigger.zx-f-pressed {
+    background: var(--color-base-200);
+}
+
 .zx-root .zx-select__value.zx-f-placeholder {
     color: #18181b99;
 }
@@ -4270,6 +4830,10 @@
     cursor: not-allowed;
 }
 
+.zx-select__item.zx-f-pressed {
+    background: var(--color-base-200);
+}
+
 .zx-select__item-indicator {
     font-size: var(--text-xs);
     color: var(--select-accent);
@@ -4380,8 +4944,12 @@
     block-size: 1em;
     flex: none;
     border-radius: 9999px;
+    border: calc(var(--border) * 2) solid var(--btn-ink);
     border-block-start-color: transparent;
     animation: zero-daisyui-btn-spin 0.7s linear infinite;
+    width: 1em;
+    height: 1em;
+    border-top-color: transparent;
 }
 
 .zx-button__root {
@@ -4406,8 +4974,35 @@
 }
 
 .zx-button__root.zx-f-disabled {
-    opacity: var(--disabled-opacity);
+    opacity: 1;
     cursor: not-allowed;
+    border-color: transparent;
+    box-shadow: none;
+}
+
+.zx-root .zx-button__root.zx-f-disabled {
+    background: #18181b19;
+    color: #18181b80;
+}
+
+.zx-root.zx-theme-dark .zx-button__root.zx-f-disabled {
+    background: #ecf9ff19;
+    color: #ecf9ff80;
+}
+
+.zx-root.zx-theme-dim .zx-button__root.zx-f-disabled {
+    background: #b2ccd619;
+    color: #b2ccd680;
+}
+
+.zx-root.zx-theme-nord .zx-button__root.zx-f-disabled {
+    background: #2e344019;
+    color: #2e344080;
+}
+
+.zx-root.zx-theme-sunset .zx-button__root.zx-f-disabled {
+    background: #9fb9d019;
+    color: #9fb9d080;
 }
 
 .zx-button__root.zx-f-focus-visible {
@@ -4633,12 +5228,21 @@
     color: var(--btn-on-accent);
 }
 
+.zx-button__spinner.zx-a-variant-solid {
+    border-color: var(--btn-on-accent);
+    border-top-color: transparent;
+}
+
 .zx-button__root.zx-a-variant-outline {
     background: transparent;
     color: var(--btn-ink);
     border-color: var(--btn-ink);
 }
 
+.zx-button__root.zx-a-variant-outline.zx-f-disabled {
+    border-color: transparent;
+}
+
 .zx-button__root.zx-a-variant-soft {
     background: var(--btn-soft);
     color: var(--btn-ink);
@@ -4649,6 +5253,10 @@
     color: var(--btn-ink);
 }
 
+.zx-button__root.zx-a-variant-ghost.zx-f-disabled {
+    background: transparent;
+}
+
 .zx-button__root.zx-a-variant-dash {
     background: transparent;
     color: var(--btn-ink);
@@ -4656,6 +5264,10 @@
     border-style: dashed;
 }
 
+.zx-button__root.zx-a-variant-dash.zx-f-disabled {
+    border-color: transparent;
+}
+
 .zx-button__root.zx-a-variant-link {
     background: transparent;
     color: var(--btn-ink);
@@ -4664,6 +5276,10 @@
     box-shadow: none;
 }
 
+.zx-button__root.zx-a-variant-link.zx-f-disabled {
+    background: transparent;
+}
+
 .zx-button__root.zx-a-size-xs {
     height: calc(var(--size-field) * 6);
     padding: var(--space-2xs) var(--space-xs);
@@ -4855,52 +5471,62 @@
     border: none;
     background: transparent;
     overflow: visible;
+    width: auto;
     list-style: none;
     flex-direction: column;
     gap: var(--space-sm);
     pointer-events: none;
+    display: flex;
 }
 
 .zx-toast__viewport.zx-p-top-start {
     top: 0;
     left: 0;
+    align-items: flex-start;
 }
 
 .zx-toast__viewport.zx-p-top {
     top: 0;
-    left: 50%;
-    transform: translateX(-50%);
+    left: 0;
+    transform: none;
+    right: 0;
+    align-items: center;
 }
 
 .zx-toast__viewport.zx-p-top-end {
     top: 0;
     right: 0;
+    align-items: flex-end;
 }
 
 .zx-toast__viewport.zx-p-bottom-start {
     bottom: 0;
     flex-direction: column-reverse;
     left: 0;
+    align-items: flex-start;
 }
 
 .zx-toast__viewport.zx-p-bottom {
     bottom: 0;
-    left: 50%;
-    transform: translateX(-50%);
+    left: 0;
+    transform: none;
     flex-direction: column-reverse;
+    right: 0;
+    align-items: center;
 }
 
 .zx-toast__viewport.zx-p-bottom-end {
     bottom: 0;
     flex-direction: column-reverse;
     right: 0;
+    align-items: flex-end;
 }
 
 .zx-toast__root {
     pointer-events: auto;
-    display: grid;
+    display: flex;
     grid-template-columns: 1fr auto auto;
-    align-items: center;
+    align-items: flex-start;
     column-gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     background: var(--toast-bg);
@@ -4911,6 +5537,11 @@
     opacity: 0;
     transform: translateY(var(--toast-from));
     transition: opacity var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 24rem;
 }
 
 .zx-toast__root.zx-s-open {
@@ -4918,20 +5549,36 @@
     transform: none;
 }
 
+.zx-toast__root.zx-p-top-start {
+    --toast-from: -8px;
+}
+
+.zx-toast__root.zx-p-top {
+    --toast-from: -8px;
+}
+
+.zx-toast__root.zx-p-top-end {
+    --toast-from: -8px;
+}
+
 .zx-toast__title {
     grid-column: 1;
     font-weight: var(--weight-semibold);
+    padding-right: 1.75em;
 }
 
 .zx-toast__description {
     grid-column: 1;
     font-size: var(--text-xs);
+    color: var(--toast-ink);
+    opacity: 0.75;
 }
 
 .zx-toast__action {
     grid-column: 2;
     grid-row: 1;
     appearance: none;
+    border: var(--border) solid var(--toast-ink);
     background: transparent;
     color: var(--toast-ink);
     border-radius: 9999px;
@@ -4939,6 +5586,7 @@
     font-size: var(--text-xs);
     font-weight: var(--weight-semibold);
     cursor: pointer;
+    margin-top: var(--space-xs);
 }
 
 .zx-toast__action.zx-f-disabled {
@@ -4962,6 +5610,9 @@
     padding: var(--space-2xs) var(--space-xs);
     font-size: var(--text-xs);
     cursor: pointer;
+    position: absolute;
+    top: var(--space-xs);
+    right: var(--space-xs);
 }
 
 .zx-toast__close.zx-f-disabled {
@@ -8486,8 +9137,11 @@
 }
 
 .zx-timeline__item {
-    display: grid;
+    display: flex;
     position: relative;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
 }
 
 .zx-timeline__item.zx-o-vertical {
@@ -8512,30 +9166,42 @@
     align-items: center;
     justify-content: center;
     font-size: 0;
+    width: calc(var(--size-selector) * 3);
+    height: calc(var(--size-selector) * 3);
+    flex-grow: 0;
+    flex-shrink: 0;
 }
 
 .zx-timeline__marker.zx-a-size-xs {
     inline-size: calc(var(--size-selector) * 2);
     block-size: calc(var(--size-selector) * 2);
     border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
+    width: calc(var(--size-selector) * 2);
+    height: calc(var(--size-selector) * 2);
 }
 
 .zx-timeline__marker.zx-a-size-sm {
     inline-size: calc(var(--size-selector) * 2.5);
     block-size: calc(var(--size-selector) * 2.5);
     border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
+    width: calc(var(--size-selector) * 2.5);
+    height: calc(var(--size-selector) * 2.5);
 }
 
 .zx-timeline__marker.zx-a-size-lg {
     inline-size: calc(var(--size-selector) * 3.5);
     block-size: calc(var(--size-selector) * 3.5);
     border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
+    width: calc(var(--size-selector) * 3.5);
+    height: calc(var(--size-selector) * 3.5);
 }
 
 .zx-timeline__marker.zx-a-size-xl {
     inline-size: calc(var(--size-selector) * 4);
     block-size: calc(var(--size-selector) * 4);
     border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
+    width: calc(var(--size-selector) * 4);
+    height: calc(var(--size-selector) * 4);
 }
 
 .zx-timeline__connector {
@@ -8549,6 +9215,31 @@
     inline-size: var(--border);
     min-block-size: var(--space-lg);
     block-size: 100%;
+    flex-grow: 0;
+    flex-shrink: 1;
+    flex-basis: 100%;
+    height: var(--space-lg);
+    background: transparent;
+    border-left-width: var(--border);
+    border-left-style: solid;
+    border-left-color: var(--color-base-300);
+    margin-left: calc((var(--size-selector) * 3) / 2 - var(--border) / 2);
+}
+
+.zx-timeline__connector.zx-o-vertical.zx-a-size-xs {
+    margin-left: calc((var(--size-selector) * 2) / 2 - var(--border) / 2);
+}
+
+.zx-timeline__connector.zx-o-vertical.zx-a-size-sm {
+    margin-left: calc((var(--size-selector) * 2.5) / 2 - var(--border) / 2);
+}
+
+.zx-timeline__connector.zx-o-vertical.zx-a-size-lg {
+    margin-left: calc((var(--size-selector) * 3.5) / 2 - var(--border) / 2);
+}
+
+.zx-timeline__connector.zx-o-vertical.zx-a-size-xl {
+    margin-left: calc((var(--size-selector) * 4) / 2 - var(--border) / 2);
 }
 
 .zx-timeline__connector.zx-o-horizontal {
@@ -8558,6 +9249,12 @@
     block-size: var(--border);
     min-inline-size: var(--space-lg);
     inline-size: 100%;
+    order: 1;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: 0;
+    height: var(--border);
+    min-width: var(--space-lg);
 }
 
 .zx-timeline__content {
@@ -8575,24 +9272,35 @@
     grid-row: 1;
     justify-self: end;
     text-align: end;
+    order: -1;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: 0;
 }
 
 .zx-timeline__content.zx-o-vertical.zx-p-end {
     grid-column: 3;
     grid-row: 1;
     justify-self: start;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: 0;
 }
 
 .zx-timeline__content.zx-o-horizontal.zx-p-start {
     grid-row: 1;
     grid-column: 1;
     align-self: end;
+    order: -1;
+    flex-basis: 100%;
 }
 
 .zx-timeline__content.zx-o-horizontal.zx-p-end {
     grid-row: 3;
     grid-column: 1;
     align-self: start;
+    order: 2;
+    flex-basis: 100%;
 }
 
 .zx-timeline__marker.zx-a-color-primary {
@@ -10760,6 +11468,58 @@
     padding: var(--space-lg) var(--table-pad-inline);
 }
 
+.zx-table__sort-trigger {
+    appearance: none;
+    display: flex;
+    align-items: center;
+    margin: 0;
+    border: 0;
+    font: inherit;
+    letter-spacing: inherit;
+    text-transform: inherit;
+    text-align: inherit;
+    cursor: pointer;
+    gap: var(--space-2xs);
+    padding: 0;
+    border-radius: var(--radius-selector);
+    background: transparent;
+    color: inherit;
+    transition: color var(--duration-fast) var(--ease-standard);
+}
+
+.zx-table__sort-trigger.zx-s-ascending {
+    color: var(--table-accent);
+}
+
+.zx-table__sort-trigger.zx-s-descending {
+    color: var(--table-accent);
+}
+
+.zx-table__sort-trigger.zx-f-disabled {
+    cursor: not-allowed;
+    opacity: var(--disabled-opacity);
+}
+
+.zx-table__sort-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-table__sort-indicator {
+    display: inline-block;
+    font-size: 0.75em;
+    line-height: 1;
+    transition: transform var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);
+}
+
+.zx-table__sort-indicator.zx-s-descending {
+    transform: rotate(180deg);
+}
+
+.zx-table__sort-indicator.zx-s-none {
+    opacity: 0;
+}
+
 .zx-table__cell {
     padding: var(--space-sm) var(--table-pad-inline);
     text-align: var(--table-cell-align);