@sigx/zero-daisyui 0.2.0-beta.5 → 0.3.0-beta.1

package/dist/lynx/index.css

@@ -65,6 +65,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -136,6 +142,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -207,6 +219,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -278,6 +296,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -349,6 +373,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -420,6 +450,12 @@
     --space-lg: 0.75rem;
     --space-xl: 1rem;
     --space-2xl: 1.25rem;
+    --measure-xs: 20rem;
+    --measure-sm: 24rem;
+    --measure-md: 28rem;
+    --measure-lg: 32rem;
+    --measure-xl: 36rem;
+    --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
     --shadow-md: 0 1px 2px #00000033;
@@ -439,6 +475,164 @@
     --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
 }
 
+.zx-stack__root {
+    --l-gap: 0;
+    --l-gap-x: var(--l-gap);
+    --l-gap-y: var(--l-gap);
+    --l-pad: 0;
+    --l-pad-x: var(--l-pad);
+    --l-pad-y: var(--l-pad);
+    --l-align: stretch;
+    --l-justify: flex-start;
+    --l-wrap: nowrap;
+}
+
+.zx-stack__root {
+    display: flex;
+    min-inline-size: 0;
+    column-gap: var(--l-gap-x);
+    row-gap: var(--l-gap-y);
+    align-items: var(--l-align);
+    justify-content: var(--l-justify);
+    flex-wrap: var(--l-wrap);
+}
+
+.zx-stack__root.zx-o-horizontal {
+    flex-direction: row;
+}
+
+.zx-stack__root.zx-o-vertical {
+    flex-direction: column;
+}
+
+.zx-stack__item {
+    --l-grow: 0;
+    flex-grow: var(--l-grow);
+    min-inline-size: 0;
+}
+
+.zx-spacer__root {
+    --l-space: 0;
+    --l-space-grow: 1;
+}
+
+.zx-spacer__root {
+    flex-grow: var(--l-space-grow);
+    flex-shrink: 0;
+    flex-basis: var(--l-space);
+    align-self: stretch;
+}
+
+.zx-grid__root {
+    --l-cols: none;
+    --l-track: 16rem;
+    --l-gap: 0;
+    --l-gap-x: var(--l-gap);
+    --l-gap-y: var(--l-gap);
+    --l-pad: 0;
+    --l-pad-x: var(--l-pad);
+    --l-pad-y: var(--l-pad);
+    --l-align: stretch;
+    --l-justify: stretch;
+}
+
+.zx-grid__root {
+    display: grid;
+    min-inline-size: 0;
+    grid-template-columns: var(--l-cols);
+    column-gap: var(--l-gap-x);
+    row-gap: var(--l-gap-y);
+    align-items: var(--l-align);
+    justify-items: var(--l-justify);
+}
+
+.zx-grid__cell {
+    --l-span: auto;
+    grid-column: var(--l-span);
+    min-inline-size: 0;
+}
+
+.zx-center__root {
+    --l-axis: center;
+    --l-gap: 0;
+    --l-pad: 0;
+    --l-pad-x: var(--l-pad);
+    --l-pad-y: var(--l-pad);
+}
+
+.zx-center__root {
+    display: grid;
+    place-items: var(--l-axis);
+    gap: var(--l-gap);
+}
+
+.zx-box__root {
+    --box-surface: var(--color-base-100);
+    --box-ink: var(--color-base-content);
+    --l-pad: 0;
+    --l-pad-x: var(--l-pad);
+    --l-pad-y: var(--l-pad);
+}
+
+.zx-box__root {
+    display: flow-root;
+    background: var(--box-surface);
+    color: var(--box-ink);
+    border-radius: var(--radius-box);
+}
+
+.zx-box__root.zx-a-color-primary {
+    --box-surface: var(--color-primary-soft);
+    --box-ink: var(--color-primary);
+}
+
+.zx-box__root.zx-a-color-secondary {
+    --box-surface: var(--color-secondary-soft);
+    --box-ink: var(--color-secondary);
+}
+
+.zx-box__root.zx-a-color-accent {
+    --box-surface: var(--color-accent-soft);
+    --box-ink: var(--color-accent);
+}
+
+.zx-box__root.zx-a-color-neutral {
+    --box-surface: var(--color-neutral-soft);
+    --box-ink: var(--color-neutral);
+}
+
+.zx-box__root.zx-a-color-info {
+    --box-surface: var(--color-info-soft);
+    --box-ink: var(--color-info);
+}
+
+.zx-box__root.zx-a-color-success {
+    --box-surface: var(--color-success-soft);
+    --box-ink: var(--color-success);
+}
+
+.zx-box__root.zx-a-color-warning {
+    --box-surface: var(--color-warning-soft);
+    --box-ink: var(--color-warning);
+}
+
+.zx-box__root.zx-a-color-error {
+    --box-surface: var(--color-error-soft);
+    --box-ink: var(--color-error);
+}
+
+.zx-container__root {
+    --l-measure: none;
+    --l-pad: 0;
+    --l-pad-x: var(--l-pad);
+    --l-pad-y: var(--l-pad);
+}
+
+.zx-container__root {
+    inline-size: 100%;
+    max-inline-size: var(--l-measure);
+}
+
 .zx-tabs__root {
     display: flex;
     flex-direction: column;
@@ -466,23 +660,23 @@
 }
 
 .zx-root .zx-tabs__tab {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-tabs__tab {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-tabs__tab {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-tabs__tab {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-tabs__tab {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-tabs__tab.zx-s-active {
@@ -1173,23 +1367,23 @@
 }
 
 .zx-root .zx-switch__root {
-    --switch-ink: #07070899;
+    --switch-ink: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-switch__root {
-    --switch-ink: #767d8099;
+    --switch-ink: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-switch__root {
-    --switch-ink: #57656a99;
+    --switch-ink: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-switch__root {
-    --switch-ink: #12151b99;
+    --switch-ink: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-switch__root {
-    --switch-ink: #4d5b6799;
+    --switch-ink: #9fb9d099;
 }
 
 .zx-switch__root {
@@ -1354,7 +1548,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -1364,6 +1557,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-dialog__trigger.zx-f-disabled {
@@ -1380,7 +1575,8 @@
     opacity: 0;
     transform: translateY(8px) scale(0.97);
     transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;
-    padding: 1.5rem;
+    box-sizing: border-box;
+    padding: var(--space-2xl);
     max-width: 32rem;
     width: calc(100% - 2rem);
     background: var(--color-base-100);
@@ -1412,30 +1608,30 @@
 }
 
 .zx-root .zx-dialog__description {
-    color: #0d0d0fbf;
+    color: #18181bbf;
 }
 
 .zx-root.zx-theme-dark .zx-dialog__description {
-    color: #a0aaaebf;
+    color: #ecf9ffbf;
 }
 
 .zx-root.zx-theme-dim .zx-dialog__description {
-    color: #788a91bf;
+    color: #b2ccd6bf;
 }
 
 .zx-root.zx-theme-nord .zx-dialog__description {
-    color: #1c2028bf;
+    color: #2e3440bf;
 }
 
 .zx-root.zx-theme-sunset .zx-dialog__description {
-    color: #6b7d8dbf;
+    color: #9fb9d0bf;
 }
 
 .zx-dialog__footer {
     display: flex;
     justify-content: flex-end;
     gap: var(--space-md);
-    margin-block-start: 1.5rem;
+    margin-top: var(--space-2xl);
 }
 
 .zx-dialog__close {
@@ -1445,7 +1641,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -1455,6 +1650,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-dialog__close.zx-f-disabled {
@@ -1473,7 +1670,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -1483,6 +1679,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-dialog__cancel.zx-f-disabled {
@@ -1584,26 +1782,30 @@
 
 .zx-dialog__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-dialog__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-dialog__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-dialog__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }
 @keyframes zero-daisy-pop {
     from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); }
@@ -1616,7 +1818,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -1626,6 +1827,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-popover__trigger.zx-f-disabled {
@@ -1673,7 +1876,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-xs);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -1683,6 +1885,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-popover__close.zx-f-disabled {
@@ -1784,26 +1988,30 @@
 
 .zx-popover__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-popover__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-popover__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-popover__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }
 
 .zx-tooltip__trigger {
@@ -1813,7 +2021,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -1823,6 +2030,8 @@
     box-shadow: var(--shadow-xs);
     cursor: help;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-tooltip__trigger.zx-f-disabled {
@@ -1948,26 +2157,30 @@
 
 .zx-tooltip__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-tooltip__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-tooltip__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-tooltip__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }
 
 .zx-menu__trigger {
@@ -1977,7 +2190,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -1987,6 +2199,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-menu__trigger.zx-f-disabled {
@@ -2024,7 +2238,7 @@
 .zx-menu__item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -2046,7 +2260,7 @@
 .zx-menu__checkbox-item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -2068,7 +2282,7 @@
 .zx-menu__radio-item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -2097,7 +2311,7 @@
 .zx-menu__sub-trigger {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -2241,26 +2455,30 @@
 
 .zx-menu__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-menu__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-menu__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-menu__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }
 
 .zx-field__root {
@@ -2516,7 +2734,7 @@
 .zx-checkbox__root {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     cursor: pointer;
 }
 
@@ -2587,13 +2805,13 @@
     width: 100%;
     height: 100%;
     opacity: 0;
-    rotate: 45deg;
     background-color: var(--checkbox-on-accent);
     clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
     box-shadow: 0 3px 0 0 var(--depth-sheen) inset;
     font-size: 1rem;
     line-height: 0.75;
-    transition: clip-path var(--duration-slow) var(--ease-standard) var(--duration-instant), opacity var(--duration-instant) var(--ease-standard) var(--duration-instant), rotate var(--duration-slow) var(--ease-standard) var(--duration-instant), translate var(--duration-slow) var(--ease-standard) var(--duration-instant);
+    transition: clip-path var(--duration-slow) var(--ease-standard) var(--duration-instant), opacity var(--duration-instant) var(--ease-standard) var(--duration-instant), transform var(--duration-slow) var(--ease-standard) var(--duration-instant);
+    transform: rotate(45deg);
 }
 
 .zx-checkbox__indicator.zx-s-checked {
@@ -2604,8 +2822,7 @@
 .zx-checkbox__indicator.zx-s-indeterminate {
     clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
     opacity: 1;
-    translate: 0 -35%;
-    rotate: 0deg;
+    transform: translateY(-35%) rotate(0deg);
 }
 
 .zx-checkbox__label {
@@ -2701,7 +2918,7 @@
 .zx-radio-group__root {
     display: flex;
     flex-direction: column;
-    gap: 0.625rem;
+    gap: var(--space-md);
 }
 
 .zx-radio-group__label {
@@ -2716,7 +2933,7 @@
 .zx-radio-group__item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     cursor: pointer;
 }
 
@@ -3121,7 +3338,7 @@
     --progress-accent: #e4a7a9;
 }
 @keyframes zero-daisy-indeterminate {
-    from { margin-inline-start: -40%; } to { margin-inline-start: 100%; }
+    from { margin-left: -40%; } to { margin-left: 100%; }
 }
 
 .zx-slider__root {
@@ -3165,10 +3382,11 @@
 
 .zx-slider__track {
     height: calc(var(--size-selector) * 2);
-    margin-block: calc(var(--size-selector) * 1.5);
     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);
 }
 
 .zx-slider__track.zx-f-disabled {
@@ -3185,15 +3403,15 @@
     box-sizing: border-box;
     width: calc(var(--size-selector) * 5);
     height: calc(var(--size-selector) * 5);
-    inset-block-start: 50%;
-    translate: 0 -50%;
-    margin-inline-start: calc(var(--size-selector) * -2.5);
     border-radius: 9999px;
     background: var(--color-base-100);
     cursor: pointer;
     outline: none;
     touch-action: none;
     border: 0.25rem solid var(--slider-accent);
+    top: 50%;
+    transform: translateY(-50%);
+    margin-left: calc(var(--size-selector) * -2.5);
 }
 
 .zx-slider__thumb.zx-f-focus-visible {
@@ -3206,11 +3424,11 @@
 }
 
 .zx-slider__mark {
-    padding-block-start: calc(var(--size-selector) * 2 + var(--space-2xs));
     font-size: var(--text-xs);
     line-height: 1;
     white-space: nowrap;
     opacity: 0.6;
+    padding-top: calc(var(--size-selector) * 2 + var(--space-2xs));
 }
 
 .zx-slider__value-text {
@@ -3550,7 +3768,6 @@
     justify-content: space-between;
     gap: var(--space-lg);
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
     color: var(--color-base-content);
@@ -3562,6 +3779,8 @@
     transition: background var(--duration-normal) var(--ease-standard);
     box-sizing: border-box;
     min-width: 13rem;
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-select__trigger.zx-f-disabled {
@@ -3583,23 +3802,23 @@
 }
 
 .zx-root .zx-select__value.zx-f-placeholder {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-select__value.zx-f-placeholder {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-select__value.zx-f-placeholder {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-select__value.zx-f-placeholder {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-select__value.zx-f-placeholder {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-select__indicator {
@@ -3640,7 +3859,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -3702,32 +3921,37 @@
 
 .zx-select__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-select__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-select__trigger.zx-a-size-md {
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-select__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-select__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }
 
 .zx-button__root {
@@ -3756,8 +3980,19 @@
     --btn-ink: #fb8a62;
 }
 
+.zx-button__spinner {
+    box-sizing: border-box;
+    inline-size: 1em;
+    block-size: 1em;
+    flex: none;
+    border-radius: 9999px;
+    border-block-start-color: transparent;
+    animation: zero-daisyui-btn-spin 0.7s linear infinite;
+}
+
 .zx-button__root {
     appearance: none;
+    text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -3772,6 +4007,10 @@
     transition: background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);
 }
 
+.zx-button__root.zx-s-loading {
+    cursor: progress;
+}
+
 .zx-button__root.zx-f-disabled {
     opacity: var(--disabled-opacity);
     cursor: not-allowed;
@@ -4066,14 +4305,16 @@
 }
 
 .zx-button__root.zx-m-square {
-    padding-inline: 0;
     aspect-ratio: 1;
+    padding-left: 0;
+    padding-right: 0;
 }
 
 .zx-button__root.zx-m-circle {
-    padding-inline: 0;
     aspect-ratio: 1;
     border-radius: 9999px;
+    padding-left: 0;
+    padding-right: 0;
 }
 
 .zx-button__root.zx-m-active {
@@ -4081,10 +4322,6 @@
     box-shadow: none;
     filter: brightness(0.92);
 }
-
-.zx-button__root.zx-m-loading {
-    cursor: progress;
-}
 @keyframes zero-daisyui-btn-spin {
     to { transform: rotate(360deg) }
 }
@@ -4145,6 +4382,18 @@
     user-select: none;
 }
 
+.zx-avatar__root.zx-a-shape-circle {
+    border-radius: 9999px;
+}
+
+.zx-avatar__root.zx-a-shape-square {
+    border-radius: 0;
+}
+
+.zx-avatar__root.zx-a-shape-rounded {
+    border-radius: var(--radius-selector);
+}
+
 .zx-avatar__root.zx-a-color-primary {
     --avatar-ring: var(--color-primary);
 }
@@ -4215,7 +4464,7 @@
 
 .zx-toast__viewport.zx-p-top-start {
     top: 0;
-    inset-inline-start: 0;
+    left: 0;
 }
 
 .zx-toast__viewport.zx-p-top {
@@ -4226,13 +4475,13 @@
 
 .zx-toast__viewport.zx-p-top-end {
     top: 0;
-    inset-inline-end: 0;
+    right: 0;
 }
 
 .zx-toast__viewport.zx-p-bottom-start {
     bottom: 0;
-    inset-inline-start: 0;
     flex-direction: column-reverse;
+    left: 0;
 }
 
 .zx-toast__viewport.zx-p-bottom {
@@ -4244,8 +4493,8 @@
 
 .zx-toast__viewport.zx-p-bottom-end {
     bottom: 0;
-    inset-inline-end: 0;
     flex-direction: column-reverse;
+    right: 0;
 }
 
 .zx-toast__root {
@@ -4405,6 +4654,7 @@
 .zx-combobox__control {
     display: flex;
     align-items: stretch;
+    flex-wrap: wrap;
     min-width: 13rem;
     box-sizing: border-box;
     height: calc(var(--size-field) * 12);
@@ -4452,6 +4702,48 @@
     cursor: not-allowed;
 }
 
+.zx-combobox__tag {
+    display: flex;
+    align-items: center;
+    align-self: center;
+    gap: var(--space-2xs);
+    margin: var(--space-2xs);
+    padding: var(--space-2xs) var(--space-sm);
+    background: var(--color-base-200);
+    color: var(--color-base-content);
+    border-radius: var(--radius-selector);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-medium);
+    line-height: var(--leading-none);
+}
+
+.zx-combobox__tag-label {
+    white-space: nowrap;
+}
+
+.zx-combobox__tag-remove {
+    appearance: none;
+    border: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    border-radius: var(--radius-selector);
+    padding: 0 var(--space-2xs);
+    line-height: var(--leading-none);
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-combobox__tag-remove.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-combobox__tag-remove.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
 .zx-combobox__trigger {
     appearance: none;
     border: none;
@@ -4500,7 +4792,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -4566,7 +4858,7 @@
 }
 
 .zx-combobox__control.zx-a-size-xs {
-    height: calc(var(--size-field) * 8);
+    min-height: calc(var(--size-field) * 8);
 }
 
 .zx-combobox__input.zx-a-size-xs {
@@ -4575,7 +4867,7 @@
 }
 
 .zx-combobox__control.zx-a-size-sm {
-    height: calc(var(--size-field) * 10);
+    min-height: calc(var(--size-field) * 10);
 }
 
 .zx-combobox__input.zx-a-size-sm {
@@ -4584,7 +4876,7 @@
 }
 
 .zx-combobox__control.zx-a-size-md {
-    height: calc(var(--size-field) * 12);
+    min-height: calc(var(--size-field) * 12);
 }
 
 .zx-combobox__input.zx-a-size-md {
@@ -4593,7 +4885,7 @@
 }
 
 .zx-combobox__control.zx-a-size-lg {
-    height: calc(var(--size-field) * 14);
+    min-height: calc(var(--size-field) * 14);
 }
 
 .zx-combobox__input.zx-a-size-lg {
@@ -4602,7 +4894,7 @@
 }
 
 .zx-combobox__control.zx-a-size-xl {
-    height: calc(var(--size-field) * 16);
+    min-height: calc(var(--size-field) * 16);
 }
 
 .zx-combobox__input.zx-a-size-xl {
@@ -4931,11 +5223,12 @@
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     line-height: var(--leading-none);
-    padding-inline: var(--space-lg);
     cursor: pointer;
     user-select: none;
     border-inline-start: var(--border) solid var(--color-base-300);
     transition: background var(--duration-fast) var(--ease-standard);
+    padding-left: var(--space-lg);
+    padding-right: var(--space-lg);
 }
 
 .zx-number-input__increment-trigger.zx-f-disabled {
@@ -4952,11 +5245,12 @@
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     line-height: var(--leading-none);
-    padding-inline: var(--space-lg);
     cursor: pointer;
     user-select: none;
     border-inline-end: var(--border) solid var(--color-base-300);
     transition: background var(--duration-fast) var(--ease-standard);
+    padding-left: var(--space-lg);
+    padding-right: var(--space-lg);
 }
 
 .zx-number-input__decrement-trigger.zx-f-disabled {
@@ -5131,23 +5425,23 @@
 }
 
 .zx-root .zx-rating-group__item {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-rating-group__item {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-rating-group__item {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-rating-group__item {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-rating-group__item {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-rating-group__item.zx-s-full {
@@ -5368,7 +5662,7 @@
 .zx-tree-view__item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-sm) var(--space-md);
     font-size: var(--tree-text);
     font-weight: var(--weight-medium);
@@ -5402,7 +5696,7 @@
 .zx-tree-view__branch-trigger {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-sm) var(--space-md);
     font-size: var(--tree-text);
     font-weight: var(--weight-medium);
@@ -5441,7 +5735,7 @@
 .zx-tree-view__branch-content {
     display: flex;
     flex-direction: column;
-    padding-inline-start: var(--space-lg);
+    padding-left: var(--space-lg);
 }
 
 .zx-tree-view__root.zx-a-color-primary {
@@ -5780,137 +6074,6 @@
     padding: var(--space-lg) var(--space-xl);
 }
 
-.zx-native-select__root {
-    --native-select-accent: var(--color-base-content);
-}
-
-.zx-native-select__root {
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-
-.zx-native-select__control {
-    appearance: none;
-    width: 100%;
-    min-width: 12rem;
-    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);
-    color: var(--color-base-content);
-    font: inherit;
-    font-size: var(--text-sm);
-    padding: var(--space-sm) var(--space-md);
-    padding-inline-end: calc(var(--space-md) + 1.25em);
-    cursor: pointer;
-    transition: border-color var(--duration-fast) var(--ease-standard);
-}
-
-.zx-native-select__control.zx-f-invalid {
-    border-color: var(--color-error);
-}
-
-.zx-native-select__control.zx-f-disabled {
-    opacity: var(--disabled-opacity);
-    cursor: not-allowed;
-}
-
-.zx-root .zx-native-select__control.zx-f-placeholder {
-    color: #07070899;
-}
-
-.zx-root.zx-theme-dark .zx-native-select__control.zx-f-placeholder {
-    color: #767d8099;
-}
-
-.zx-root.zx-theme-dim .zx-native-select__control.zx-f-placeholder {
-    color: #57656a99;
-}
-
-.zx-root.zx-theme-nord .zx-native-select__control.zx-f-placeholder {
-    color: #12151b99;
-}
-
-.zx-root.zx-theme-sunset .zx-native-select__control.zx-f-placeholder {
-    color: #4d5b6799;
-}
-
-.zx-native-select__control.zx-f-focus-visible {
-    outline: 2px solid var(--native-select-accent);
-    outline-offset: 2px;
-}
-
-.zx-native-select__indicator {
-    position: absolute;
-    inset-inline-end: var(--space-md);
-    pointer-events: none;
-    opacity: 0.6;
-    font-size: var(--text-sm);
-}
-
-.zx-native-select__root.zx-a-color-primary {
-    --native-select-accent: var(--color-primary);
-}
-
-.zx-native-select__root.zx-a-color-secondary {
-    --native-select-accent: var(--color-secondary);
-}
-
-.zx-native-select__root.zx-a-color-accent {
-    --native-select-accent: var(--color-accent);
-}
-
-.zx-native-select__root.zx-a-color-neutral {
-    --native-select-accent: var(--color-neutral);
-}
-
-.zx-native-select__root.zx-a-color-info {
-    --native-select-accent: var(--color-info);
-}
-
-.zx-native-select__root.zx-a-color-success {
-    --native-select-accent: var(--color-success);
-}
-
-.zx-native-select__root.zx-a-color-warning {
-    --native-select-accent: var(--color-warning);
-}
-
-.zx-native-select__root.zx-a-color-error {
-    --native-select-accent: var(--color-error);
-}
-
-.zx-native-select__control.zx-a-size-xs {
-    height: calc(var(--size-field) * 8);
-    font-size: var(--text-xs);
-    padding: var(--space-2xs) var(--space-xs);
-    padding-inline-end: calc(var(--space-xs) + 1.25em);
-}
-
-.zx-native-select__control.zx-a-size-sm {
-    height: calc(var(--size-field) * 10);
-    font-size: var(--text-xs);
-    padding: var(--space-xs) var(--space-sm);
-    padding-inline-end: calc(var(--space-sm) + 1.25em);
-}
-
-.zx-native-select__control.zx-a-size-lg {
-    height: calc(var(--size-field) * 14);
-    font-size: var(--text-md);
-    padding: var(--space-md) var(--space-lg);
-    padding-inline-end: calc(var(--space-lg) + 1.25em);
-}
-
-.zx-native-select__control.zx-a-size-xl {
-    height: calc(var(--size-field) * 16);
-    font-size: var(--text-lg);
-    padding: var(--space-lg) var(--space-xl);
-    padding-inline-end: calc(var(--space-xl) + 1.25em);
-}
-
 .zx-card__root {
     --card-pad: var(--space-xl);
 }
@@ -5945,23 +6108,23 @@
 }
 
 .zx-root .zx-card__description {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-card__description {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-card__description {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-card__description {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-card__description {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
 .zx-card__body {
@@ -6295,67 +6458,465 @@
     padding: var(--space-xl) var(--space-2xl);
 }
 
-.zx-badge__root {
-    --badge-fill: var(--color-base-200);
-    --badge-ink: var(--color-base-content);
+.zx-empty-state__root {
+    --empty-tint: var(--color-base-200);
 }
 
-.zx-badge__root {
-    display: flex;
-    align-items: center;
-    gap: 0.375em;
-    background: var(--badge-fill);
-    color: var(--badge-ink);
-    border: var(--border) solid transparent;
-    border-radius: var(--radius-selector);
-    padding: 0.125rem 0.625rem;
-    font-size: var(--text-xs);
-    font-weight: var(--weight-semibold);
-    line-height: var(--leading-normal);
-    white-space: nowrap;
-    text-decoration: none;
+.zx-root .zx-empty-state__root {
+    --empty-accent: #18181b99;
 }
 
-.zx-badge__root.zx-a-color-primary {
-    --badge-fill: var(--color-primary);
-    --badge-ink: var(--color-primary-content);
+.zx-root.zx-theme-dark .zx-empty-state__root {
+    --empty-accent: #ecf9ff99;
 }
 
-.zx-badge__root.zx-a-color-secondary {
-    --badge-fill: var(--color-secondary);
-    --badge-ink: var(--color-secondary-content);
+.zx-root.zx-theme-dim .zx-empty-state__root {
+    --empty-accent: #b2ccd699;
 }
 
-.zx-badge__root.zx-a-color-accent {
-    --badge-fill: var(--color-accent);
-    --badge-ink: var(--color-accent-content);
+.zx-root.zx-theme-nord .zx-empty-state__root {
+    --empty-accent: #2e344099;
 }
 
-.zx-badge__root.zx-a-color-neutral {
-    --badge-fill: var(--color-neutral);
-    --badge-ink: var(--color-neutral-content);
+.zx-root.zx-theme-sunset .zx-empty-state__root {
+    --empty-accent: #9fb9d099;
 }
 
-.zx-badge__root.zx-a-color-info {
-    --badge-fill: var(--color-info);
-    --badge-ink: var(--color-info-content);
+.zx-empty-state__root {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    gap: var(--space-sm);
+    padding: var(--space-2xl) var(--space-xl);
+    background: var(--empty-tint);
+    color: var(--color-base-content);
+    border-radius: var(--radius-box);
 }
 
-.zx-badge__root.zx-a-color-success {
-    --badge-fill: var(--color-success);
+.zx-empty-state__icon {
+    display: flex;
+    color: var(--empty-accent);
+    font-size: var(--text-2xl);
+    line-height: var(--leading-none);
+}
+
+.zx-empty-state__title {
+    margin: 0;
+    font-size: var(--text-lg);
+    font-weight: var(--weight-bold);
+    line-height: var(--leading-tight);
+}
+
+.zx-empty-state__description {
+    max-inline-size: 36ch;
+    font-size: var(--text-sm);
+    line-height: var(--leading-normal);
+}
+
+.zx-root .zx-empty-state__description {
+    color: #18181bb3;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__description {
+    color: #ecf9ffb3;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__description {
+    color: #b2ccd6b3;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__description {
+    color: #2e3440b3;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__description {
+    color: #9fb9d0b3;
+}
+
+.zx-empty-state__actions {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: var(--space-sm);
+}
+
+.zx-empty-state__root.zx-a-color-primary {
+    --empty-tint: var(--color-primary-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-primary {
+    --empty-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-primary {
+    --empty-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-primary {
+    --empty-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-primary {
+    --empty-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-primary {
+    --empty-accent: #fb8a62;
+}
+
+.zx-empty-state__root.zx-a-color-secondary {
+    --empty-tint: var(--color-secondary-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-secondary {
+    --empty-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-secondary {
+    --empty-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-secondary {
+    --empty-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-secondary {
+    --empty-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-secondary {
+    --empty-accent: #e68aac;
+}
+
+.zx-empty-state__root.zx-a-color-accent {
+    --empty-tint: var(--color-accent-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-accent {
+    --empty-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-accent {
+    --empty-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-accent {
+    --empty-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-accent {
+    --empty-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-accent {
+    --empty-accent: #ab9fe8;
+}
+
+.zx-empty-state__root.zx-a-color-neutral {
+    --empty-tint: var(--color-neutral-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-neutral {
+    --empty-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-neutral {
+    --empty-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-neutral {
+    --empty-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-neutral {
+    --empty-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-neutral {
+    --empty-accent: #667a8a;
+}
+
+.zx-empty-state__root.zx-a-color-info {
+    --empty-tint: var(--color-info-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-info {
+    --empty-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-info {
+    --empty-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-info {
+    --empty-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-info {
+    --empty-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-info {
+    --empty-accent: #91d4e3;
+}
+
+.zx-empty-state__root.zx-a-color-success {
+    --empty-tint: var(--color-success-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-success {
+    --empty-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-success {
+    --empty-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-success {
+    --empty-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-success {
+    --empty-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-success {
+    --empty-accent: #a6cebe;
+}
+
+.zx-empty-state__root.zx-a-color-warning {
+    --empty-tint: var(--color-warning-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-warning {
+    --empty-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-warning {
+    --empty-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-warning {
+    --empty-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-warning {
+    --empty-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-warning {
+    --empty-accent: #c5c1b7;
+}
+
+.zx-empty-state__root.zx-a-color-error {
+    --empty-tint: var(--color-error-soft);
+}
+
+.zx-root .zx-empty-state__root.zx-a-color-error {
+    --empty-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-empty-state__root.zx-a-color-error {
+    --empty-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-empty-state__root.zx-a-color-error {
+    --empty-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-empty-state__root.zx-a-color-error {
+    --empty-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-empty-state__root.zx-a-color-error {
+    --empty-accent: #f2bbc0;
+}
+
+.zx-empty-state__root.zx-a-size-xs {
+    padding: var(--space-md);
+    gap: var(--space-2xs);
+}
+
+.zx-empty-state__icon.zx-a-size-xs {
+    font-size: var(--text-xl);
+}
+
+.zx-empty-state__title.zx-a-size-xs {
+    font-size: var(--text-sm);
+}
+
+.zx-empty-state__description.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-empty-state__root.zx-a-size-sm {
+    padding: var(--space-lg);
+    gap: var(--space-xs);
+}
+
+.zx-empty-state__icon.zx-a-size-sm {
+    font-size: var(--text-2xl);
+}
+
+.zx-empty-state__title.zx-a-size-sm {
+    font-size: var(--text-md);
+}
+
+.zx-empty-state__description.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-empty-state__root.zx-a-size-lg {
+    padding: calc(var(--space-2xl) * 1.5) var(--space-2xl);
+    gap: var(--space-md);
+}
+
+.zx-empty-state__icon.zx-a-size-lg {
+    font-size: var(--text-2xl);
+}
+
+.zx-empty-state__title.zx-a-size-lg {
+    font-size: var(--text-xl);
+}
+
+.zx-empty-state__description.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-empty-state__root.zx-a-size-xl {
+    padding: calc(var(--space-2xl) * 2) var(--space-2xl);
+    gap: var(--space-lg);
+}
+
+.zx-empty-state__icon.zx-a-size-xl {
+    font-size: var(--text-2xl);
+}
+
+.zx-empty-state__title.zx-a-size-xl {
+    font-size: var(--text-2xl);
+}
+
+.zx-empty-state__description.zx-a-size-xl {
+    font-size: var(--text-md);
+}
+
+.zx-badge__root {
+    --badge-fill: var(--color-base-200);
+    --badge-ink: var(--color-base-content);
+}
+
+.zx-badge__root {
+    display: flex;
+    align-items: center;
+    gap: 0.375em;
+    background: var(--badge-fill);
+    color: var(--badge-ink);
+    border: var(--border) solid transparent;
+    border-radius: var(--radius-selector);
+    padding: var(--space-2xs) var(--space-lg);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-normal);
+    white-space: nowrap;
+    text-decoration: none;
+}
+
+.zx-badge__dot {
+    display: inline-block;
+    flex: none;
+    inline-size: 0.5em;
+    block-size: 0.5em;
+    box-sizing: border-box;
+    border-radius: 50%;
+    background: var(--badge-dot);
+    border: 0.1em solid var(--badge-dot-ring);
+}
+
+.zx-badge__dot.zx-s-running {
+    animation: zero-daisy-badge-pulse 1.6s ease-out infinite;
+}
+
+.zx-badge__root.zx-a-color-primary {
+    --badge-fill: var(--color-primary);
+    --badge-ink: var(--color-primary-content);
+}
+
+.zx-badge__dot.zx-a-color-primary {
+    --badge-dot: var(--color-primary);
+    --badge-dot-ring: var(--color-primary-content);
+}
+
+.zx-badge__root.zx-a-color-secondary {
+    --badge-fill: var(--color-secondary);
+    --badge-ink: var(--color-secondary-content);
+}
+
+.zx-badge__dot.zx-a-color-secondary {
+    --badge-dot: var(--color-secondary);
+    --badge-dot-ring: var(--color-secondary-content);
+}
+
+.zx-badge__root.zx-a-color-accent {
+    --badge-fill: var(--color-accent);
+    --badge-ink: var(--color-accent-content);
+}
+
+.zx-badge__dot.zx-a-color-accent {
+    --badge-dot: var(--color-accent);
+    --badge-dot-ring: var(--color-accent-content);
+}
+
+.zx-badge__root.zx-a-color-neutral {
+    --badge-fill: var(--color-neutral);
+    --badge-ink: var(--color-neutral-content);
+}
+
+.zx-badge__dot.zx-a-color-neutral {
+    --badge-dot: var(--color-neutral);
+    --badge-dot-ring: var(--color-neutral-content);
+}
+
+.zx-badge__root.zx-a-color-info {
+    --badge-fill: var(--color-info);
+    --badge-ink: var(--color-info-content);
+}
+
+.zx-badge__dot.zx-a-color-info {
+    --badge-dot: var(--color-info);
+    --badge-dot-ring: var(--color-info-content);
+}
+
+.zx-badge__root.zx-a-color-success {
+    --badge-fill: var(--color-success);
     --badge-ink: var(--color-success-content);
 }
 
+.zx-badge__dot.zx-a-color-success {
+    --badge-dot: var(--color-success);
+    --badge-dot-ring: var(--color-success-content);
+}
+
 .zx-badge__root.zx-a-color-warning {
     --badge-fill: var(--color-warning);
     --badge-ink: var(--color-warning-content);
 }
 
+.zx-badge__dot.zx-a-color-warning {
+    --badge-dot: var(--color-warning);
+    --badge-dot-ring: var(--color-warning-content);
+}
+
 .zx-badge__root.zx-a-color-error {
     --badge-fill: var(--color-error);
     --badge-ink: var(--color-error-content);
 }
 
+.zx-badge__dot.zx-a-color-error {
+    --badge-dot: var(--color-error);
+    --badge-dot-ring: var(--color-error-content);
+}
+
 .zx-badge__root.zx-a-size-xs {
     font-size: var(--text-xs);
     padding: 0 var(--space-sm);
@@ -6720,7 +7281,7 @@
     align-items: center;
     justify-content: center;
     min-inline-size: 1.75em;
-    padding: 0.0625rem 0.4375rem;
+    padding: calc(var(--space-2xs) - var(--border)) calc(var(--space-md) - var(--border));
     background: var(--kbd-fill);
     color: var(--kbd-ink);
     border: var(--border) solid var(--color-base-300);
@@ -6878,51 +7439,51 @@
 }
 
 .zx-indicator__item.zx-p-top-start {
-    inset-block-start: 0;
-    inset-inline-start: 0;
-    translate: -50% -50%;
+    top: 0;
+    left: 0;
+    transform: translate(-50%, -50%);
 }
 
 .zx-indicator__item.zx-p-top {
-    inset-block-start: 0;
-    inset-inline-start: 50%;
-    translate: -50% -50%;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 .zx-indicator__item.zx-p-top-end {
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    translate: 50% -50%;
+    top: 0;
+    right: 0;
+    transform: translate(50%, -50%);
 }
 
 .zx-indicator__item.zx-p-start {
-    inset-block-start: 50%;
-    inset-inline-start: 0;
-    translate: -50% -50%;
+    top: 50%;
+    left: 0;
+    transform: translate(-50%, -50%);
 }
 
 .zx-indicator__item.zx-p-end {
-    inset-block-start: 50%;
-    inset-inline-end: 0;
-    translate: 50% -50%;
+    top: 50%;
+    right: 0;
+    transform: translate(50%, -50%);
 }
 
 .zx-indicator__item.zx-p-bottom-start {
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    translate: -50% 50%;
+    bottom: 0;
+    left: 0;
+    transform: translate(-50%, 50%);
 }
 
 .zx-indicator__item.zx-p-bottom {
-    inset-block-end: 0;
-    inset-inline-start: 50%;
-    translate: -50% 50%;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, 50%);
 }
 
 .zx-indicator__item.zx-p-bottom-end {
-    inset-block-end: 0;
-    inset-inline-end: 0;
-    translate: 50% 50%;
+    bottom: 0;
+    right: 0;
+    transform: translate(50%, 50%);
 }
 
 .zx-indicator__item.zx-a-color-primary {
@@ -7003,23 +7564,23 @@
 }
 
 .zx-root .zx-stats__title {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-stats__title {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-stats__title {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-stats__title {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-stats__title {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
 .zx-stats__value {
@@ -7036,23 +7597,23 @@
 }
 
 .zx-root .zx-stats__desc {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-stats__desc {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-stats__desc {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-stats__desc {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-stats__desc {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
 .zx-stats__figure {
@@ -7111,6 +7672,7 @@
 
 .zx-timeline__root {
     --timeline-accent: var(--color-base-content);
+    --timeline-ring: var(--timeline-accent);
 }
 
 .zx-timeline__root {
@@ -7147,7 +7709,7 @@
     box-sizing: border-box;
     border-radius: 9999px;
     background: var(--timeline-accent);
-    border: calc((var(--size-selector) * 3) / 2) solid var(--timeline-accent);
+    border: calc((var(--size-selector) * 3) / 6) solid var(--timeline-ring);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -7157,25 +7719,25 @@
 .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) / 2) solid var(--timeline-accent);
+    border: calc((var(--size-selector) * 2) / 6) solid var(--timeline-ring);
 }
 
 .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) / 2) solid var(--timeline-accent);
+    border: calc((var(--size-selector) * 2.5) / 6) solid var(--timeline-ring);
 }
 
 .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) / 2) solid var(--timeline-accent);
+    border: calc((var(--size-selector) * 3.5) / 6) solid var(--timeline-ring);
 }
 
 .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) / 2) solid var(--timeline-accent);
+    border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
 }
 
 .zx-timeline__connector {
@@ -7212,34 +7774,42 @@
 
 .zx-timeline__marker.zx-a-color-primary {
     --timeline-accent: var(--color-primary);
+    --timeline-ring: var(--color-primary-content);
 }
 
 .zx-timeline__marker.zx-a-color-secondary {
     --timeline-accent: var(--color-secondary);
+    --timeline-ring: var(--color-secondary-content);
 }
 
 .zx-timeline__marker.zx-a-color-accent {
     --timeline-accent: var(--color-accent);
+    --timeline-ring: var(--color-accent-content);
 }
 
 .zx-timeline__marker.zx-a-color-neutral {
     --timeline-accent: var(--color-neutral);
+    --timeline-ring: var(--color-neutral-content);
 }
 
 .zx-timeline__marker.zx-a-color-info {
     --timeline-accent: var(--color-info);
+    --timeline-ring: var(--color-info-content);
 }
 
 .zx-timeline__marker.zx-a-color-success {
     --timeline-accent: var(--color-success);
+    --timeline-ring: var(--color-success-content);
 }
 
 .zx-timeline__marker.zx-a-color-warning {
     --timeline-accent: var(--color-warning);
+    --timeline-ring: var(--color-warning-content);
 }
 
 .zx-timeline__marker.zx-a-color-error {
     --timeline-accent: var(--color-error);
+    --timeline-ring: var(--color-error-content);
 }
 
 .zx-timeline__content.zx-a-size-xs {
@@ -7267,7 +7837,8 @@
     display: grid;
     column-gap: var(--space-sm);
     row-gap: var(--space-2xs);
-    padding-block: var(--space-2xs);
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
 }
 
 .zx-chat__root.zx-p-start {
@@ -7292,23 +7863,23 @@
 }
 
 .zx-root .zx-chat__header {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-chat__header {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-chat__header {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-chat__header {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-chat__header {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
 .zx-chat__bubble {
@@ -7325,23 +7896,23 @@
 }
 
 .zx-root .zx-chat__footer {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-chat__footer {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-chat__footer {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-chat__footer {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-chat__footer {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
 .zx-chat__bubble.zx-a-color-primary {
@@ -7463,23 +8034,23 @@
 }
 
 .zx-root .zx-radial-progress__label {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-radial-progress__label {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-radial-progress__label {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-radial-progress__label {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-radial-progress__label {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
 .zx-radial-progress__value-text {
@@ -7677,6 +8248,309 @@
     font-size: var(--text-lg);
 }
 
+.zx-nav-list__root {
+    --nav-accent: var(--color-base-content);
+    --nav-tint: var(--color-base-300);
+    --nav-ink: var(--color-base-content);
+}
+
+.zx-nav-list__root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+    font-size: var(--text-sm);
+    color: var(--color-base-content);
+}
+
+.zx-nav-list__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+}
+
+.zx-nav-list__heading {
+    padding: 0 var(--space-lg);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-bold);
+    opacity: 0.6;
+}
+
+.zx-nav-list__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xs);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.zx-nav-list__item {
+    display: block;
+}
+
+.zx-nav-list__link {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    text-decoration: none;
+    color: var(--nav-ink);
+    padding: var(--space-sm) var(--space-lg);
+    border-radius: var(--radius-field);
+    font-weight: var(--weight-medium);
+    line-height: var(--leading-tight);
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-nav-list__link.zx-s-active {
+    background: var(--nav-tint);
+    color: var(--nav-accent);
+}
+
+.zx-nav-list__link.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-nav-list__icon {
+    display: flex;
+    inline-size: 1.25em;
+    justify-content: center;
+    flex: none;
+    line-height: var(--leading-none);
+}
+
+.zx-nav-list__meta {
+    display: flex;
+    align-items: center;
+    font-size: var(--text-xs);
+    font-variant-numeric: tabular-nums;
+    opacity: 0.7;
+}
+
+.zx-nav-list__root.zx-a-color-primary {
+    --nav-tint: var(--color-primary-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #fb8a62;
+}
+
+.zx-nav-list__root.zx-a-color-secondary {
+    --nav-tint: var(--color-secondary-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #e68aac;
+}
+
+.zx-nav-list__root.zx-a-color-accent {
+    --nav-tint: var(--color-accent-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #ab9fe8;
+}
+
+.zx-nav-list__root.zx-a-color-neutral {
+    --nav-tint: var(--color-neutral-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #667a8a;
+}
+
+.zx-nav-list__root.zx-a-color-info {
+    --nav-tint: var(--color-info-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #91d4e3;
+}
+
+.zx-nav-list__root.zx-a-color-success {
+    --nav-tint: var(--color-success-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #a6cebe;
+}
+
+.zx-nav-list__root.zx-a-color-warning {
+    --nav-tint: var(--color-warning-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #c5c1b7;
+}
+
+.zx-nav-list__root.zx-a-color-error {
+    --nav-tint: var(--color-error-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #f2bbc0;
+}
+
+.zx-nav-list__root.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-nav-list__link.zx-a-size-xs {
+    padding: var(--space-2xs) var(--space-md);
+}
+
+.zx-nav-list__root.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-nav-list__link.zx-a-size-sm {
+    padding: var(--space-xs) var(--space-md);
+}
+
+.zx-nav-list__root.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-nav-list__link.zx-a-size-lg {
+    padding: var(--space-md) var(--space-lg);
+}
+
+.zx-nav-list__root.zx-a-size-xl {
+    font-size: var(--text-lg);
+}
+
+.zx-nav-list__link.zx-a-size-xl {
+    padding: var(--space-lg) var(--space-xl);
+}
+
 .zx-breadcrumbs__root {
     --bc-accent: var(--color-base-content);
 }
@@ -7709,23 +8583,23 @@
 }
 
 .zx-root .zx-breadcrumbs__link {
-    color: #0d0d0fbf;
+    color: #18181bbf;
 }
 
 .zx-root.zx-theme-dark .zx-breadcrumbs__link {
-    color: #a0aaaebf;
+    color: #ecf9ffbf;
 }
 
 .zx-root.zx-theme-dim .zx-breadcrumbs__link {
-    color: #788a91bf;
+    color: #b2ccd6bf;
 }
 
 .zx-root.zx-theme-nord .zx-breadcrumbs__link {
-    color: #1c2028bf;
+    color: #2e3440bf;
 }
 
 .zx-root.zx-theme-sunset .zx-breadcrumbs__link {
-    color: #6b7d8dbf;
+    color: #9fb9d0bf;
 }
 
 .zx-breadcrumbs__link.zx-s-active {
@@ -7744,23 +8618,23 @@
 }
 
 .zx-root .zx-breadcrumbs__separator {
-    color: #02020266;
+    color: #18181b66;
 }
 
 .zx-root.zx-theme-dark .zx-breadcrumbs__separator {
-    color: #42464866;
+    color: #ecf9ff66;
 }
 
 .zx-root.zx-theme-dim .zx-breadcrumbs__separator {
-    color: #2f373b66;
+    color: #b2ccd666;
 }
 
 .zx-root.zx-theme-nord .zx-breadcrumbs__separator {
-    color: #06070b66;
+    color: #2e344066;
 }
 
 .zx-root.zx-theme-sunset .zx-breadcrumbs__separator {
-    color: #29313966;
+    color: #9fb9d066;
 }
 
 .zx-root .zx-breadcrumbs__root.zx-a-color-primary {
@@ -7957,7 +8831,6 @@
     justify-content: center;
     min-inline-size: calc(var(--size-field) * 10);
     block-size: calc(var(--size-field) * 10);
-    padding-inline: var(--space-2xs);
     background: var(--color-base-200);
     color: var(--color-base-content);
     border: none;
@@ -7968,6 +8841,8 @@
     appearance: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
+    padding-left: var(--space-2xs);
+    padding-right: var(--space-2xs);
 }
 
 .zx-pagination__item.zx-a-size-xs {
@@ -8036,23 +8911,23 @@
 }
 
 .zx-root .zx-pagination__ellipsis {
-    color: #08080aa6;
+    color: #18181ba6;
 }
 
 .zx-root.zx-theme-dark .zx-pagination__ellipsis {
-    color: #848b8fa6;
+    color: #ecf9ffa6;
 }
 
 .zx-root.zx-theme-dim .zx-pagination__ellipsis {
-    color: #627177a6;
+    color: #b2ccd6a6;
 }
 
 .zx-root.zx-theme-nord .zx-pagination__ellipsis {
-    color: #151920a6;
+    color: #2e3440a6;
 }
 
 .zx-root.zx-theme-sunset .zx-pagination__ellipsis {
-    color: #576674a6;
+    color: #9fb9d0a6;
 }
 
 .zx-pagination__prev-trigger {
@@ -8257,23 +9132,23 @@
 }
 
 .zx-root .zx-steps__item.zx-s-inactive {
-    color: #08080aa6;
+    color: #18181ba6;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-s-inactive {
-    color: #848b8fa6;
+    color: #ecf9ffa6;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-s-inactive {
-    color: #627177a6;
+    color: #b2ccd6a6;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-s-inactive {
-    color: #151920a6;
+    color: #2e3440a6;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-s-inactive {
-    color: #576674a6;
+    color: #9fb9d0a6;
 }
 
 .zx-steps__item.zx-f-disabled {
@@ -8296,7 +9171,7 @@
     align-items: flex-start;
     text-align: start;
     column-gap: var(--space-sm);
-    padding-block-end: var(--space-lg);
+    padding-bottom: var(--space-lg);
 }
 
 .zx-steps__indicator {
@@ -8345,7 +9220,7 @@
 }
 
 .zx-steps__indicator.zx-s-complete {
-    color: var(--steps-accent-ink);
+    color: var(--steps-complete-ink);
 }
 
 .zx-steps__indicator.zx-s-inactive {
@@ -8368,53 +9243,53 @@
 }
 
 .zx-steps__separator.zx-o-horizontal {
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 7) / 2);
-    inset-inline-start: 50%;
     inline-size: 100%;
     block-size: var(--border);
+    top: calc(var(--space-xs) + (var(--size-selector) * 7) / 2);
+    left: 50%;
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-xs {
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 5) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 5) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-sm {
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 6) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 6) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-lg {
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 8) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 8) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-xl {
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 9) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 9) / 2);
 }
 
 .zx-steps__separator.zx-o-vertical {
-    inset-inline-start: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 7));
-    inset-block-end: calc(var(--space-xs) * -1);
     inline-size: var(--border);
+    left: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 7));
+    bottom: calc(var(--space-xs) * -1);
 }
 
 .zx-steps__separator.zx-o-vertical.zx-a-size-xs {
-    inset-inline-start: calc(var(--space-xs) + ((var(--size-selector) * 5) - var(--border)) / 2);
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 5));
+    left: calc(var(--space-xs) + ((var(--size-selector) * 5) - var(--border)) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 5));
 }
 
 .zx-steps__separator.zx-o-vertical.zx-a-size-sm {
-    inset-inline-start: calc(var(--space-xs) + ((var(--size-selector) * 6) - var(--border)) / 2);
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 6));
+    left: calc(var(--space-xs) + ((var(--size-selector) * 6) - var(--border)) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 6));
 }
 
 .zx-steps__separator.zx-o-vertical.zx-a-size-lg {
-    inset-inline-start: calc(var(--space-xs) + ((var(--size-selector) * 8) - var(--border)) / 2);
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 8));
+    left: calc(var(--space-xs) + ((var(--size-selector) * 8) - var(--border)) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 8));
 }
 
 .zx-steps__separator.zx-o-vertical.zx-a-size-xl {
-    inset-inline-start: calc(var(--space-xs) + ((var(--size-selector) * 9) - var(--border)) / 2);
-    inset-block-start: calc(var(--space-xs) + (var(--size-selector) * 9));
+    left: calc(var(--space-xs) + ((var(--size-selector) * 9) - var(--border)) / 2);
+    top: calc(var(--space-xs) + (var(--size-selector) * 9));
 }
 
 .zx-steps__title {
@@ -8427,223 +9302,263 @@
 }
 
 .zx-root .zx-steps__description {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-steps__description {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-steps__description {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-steps__description {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__description {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
-.zx-steps__root.zx-a-color-primary {
+.zx-steps__item.zx-a-color-primary {
     --steps-accent: var(--color-primary);
     --steps-accent-content: var(--color-primary-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-primary {
+.zx-root .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #3f2bcb;
+    --steps-complete-ink: #322c99;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-primary {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #6567ff;
+    --steps-complete-ink: #8391ff;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-primary {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #a0e791;
+    --steps-complete-ink: #a5e0a6;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-primary {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #5c7da6;
+    --steps-complete-ink: #4f698a;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-primary {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #fb8a62;
+    --steps-complete-ink: #e79983;
 }
 
-.zx-steps__root.zx-a-color-secondary {
+.zx-steps__item.zx-a-color-secondary {
     --steps-accent: var(--color-secondary);
     --steps-accent-content: var(--color-secondary-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-secondary {
+.zx-root .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #ad316f;
+    --steps-complete-ink: #ad316f;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-secondary {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #fa7cb6;
+    --steps-complete-ink: #fa7cb6;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-secondary {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #ed9984;
+    --steps-complete-ink: #ed9984;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-secondary {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #677e98;
+    --steps-complete-ink: #677e98;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-secondary {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #e68aac;
+    --steps-complete-ink: #e68aac;
 }
 
-.zx-steps__root.zx-a-color-accent {
+.zx-steps__item.zx-a-color-accent {
     --steps-accent: var(--color-accent);
     --steps-accent-content: var(--color-accent-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-accent {
+.zx-root .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #2b786d;
+    --steps-complete-ink: #2b786d;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-accent {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #93e5d9;
+    --steps-complete-ink: #93e5d9;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-accent {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #bfade1;
+    --steps-complete-ink: #bfade1;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-accent {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #5e7d8c;
+    --steps-complete-ink: #5e7d8c;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-accent {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #ab9fe8;
+    --steps-complete-ink: #ab9fe8;
 }
 
-.zx-steps__root.zx-a-color-neutral {
+.zx-steps__item.zx-a-color-neutral {
     --steps-accent: var(--color-neutral);
     --steps-accent-content: var(--color-neutral-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-neutral {
+.zx-root .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #121214;
+    --steps-complete-ink: #121214;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-neutral {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #878e92;
+    --steps-complete-ink: #878e92;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-neutral {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #71828c;
+    --steps-complete-ink: #71828c;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-neutral {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #3a4150;
+    --steps-complete-ink: #3a4150;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-neutral {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #667a8a;
+    --steps-complete-ink: #667a8a;
 }
 
-.zx-steps__root.zx-a-color-info {
+.zx-steps__item.zx-a-color-info {
     --steps-accent: var(--color-info);
     --steps-accent-content: var(--color-info-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-info {
+.zx-root .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #2685b3;
+    --steps-complete-ink: #2685b3;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-info {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #70ceff;
+    --steps-complete-ink: #70ceff;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-info {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #6ce2f3;
+    --steps-complete-ink: #6ce2f3;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-info {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #89728a;
+    --steps-complete-ink: #89728a;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-info {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #91d4e3;
+    --steps-complete-ink: #91d4e3;
 }
 
-.zx-steps__root.zx-a-color-success {
+.zx-steps__item.zx-a-color-success {
     --steps-accent: var(--color-success);
     --steps-accent-content: var(--color-success-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-success {
+.zx-root .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #2a7858;
+    --steps-complete-ink: #2a7858;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-success {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #92e5c2;
+    --steps-complete-ink: #92e5c2;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-success {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #8ee0c9;
+    --steps-complete-ink: #8ee0c9;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-success {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #6b7d6a;
+    --steps-complete-ink: #6b7d6a;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-success {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #a6cebe;
+    --steps-complete-ink: #a6cebe;
 }
 
-.zx-steps__root.zx-a-color-warning {
+.zx-steps__item.zx-a-color-warning {
     --steps-accent: var(--color-warning);
     --steps-accent-content: var(--color-warning-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-warning {
+.zx-root .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #755a2b;
+    --steps-complete-ink: #755a2b;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-warning {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #f5ddac;
+    --steps-complete-ink: #f5ddac;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-warning {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #cecfa6;
+    --steps-complete-ink: #cecfa6;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-warning {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #7d7463;
+    --steps-complete-ink: #7d7463;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-warning {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #c5c1b7;
+    --steps-complete-ink: #c5c1b7;
 }
 
-.zx-steps__root.zx-a-color-error {
+.zx-steps__item.zx-a-color-error {
     --steps-accent: var(--color-error);
     --steps-accent-content: var(--color-error-content);
 }
 
-.zx-root .zx-steps__root.zx-a-color-error {
+.zx-root .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #d9576d;
+    --steps-complete-ink: #b34d5e;
 }
 
-.zx-root.zx-theme-dark .zx-steps__root.zx-a-color-error {
+.zx-root.zx-theme-dark .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #ff7d90;
+    --steps-complete-ink: #ff95a3;
 }
 
-.zx-root.zx-theme-dim .zx-steps__root.zx-a-color-error {
+.zx-root.zx-theme-dim .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #f5b3a4;
+    --steps-complete-ink: #eab8ad;
 }
 
-.zx-root.zx-theme-nord .zx-steps__root.zx-a-color-error {
+.zx-root.zx-theme-nord .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #a85b64;
+    --steps-complete-ink: #92555e;
 }
 
-.zx-root.zx-theme-sunset .zx-steps__root.zx-a-color-error {
+.zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #f2bbc0;
+    --steps-complete-ink: #e4bbc3;
 }
 
 .zx-steps__root.zx-a-size-xs {
@@ -8661,7 +9576,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -8671,6 +9585,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-drawer__trigger.zx-f-disabled {
@@ -8687,12 +9603,16 @@
     opacity: 0;
     transform: none;
     transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;
+    --drawer-travel: -100%;
     padding: var(--space-lg);
     background: var(--color-base-100);
     color: var(--color-base-content);
     border: none;
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-xl);
+    box-sizing: border-box;
+    inline-size: 100%;
+    max-inline-size: var(--l-measure);
 }
 
 .zx-drawer__panel.zx-s-open {
@@ -8700,6 +9620,20 @@
     transform: none;
 }
 
+.zx-drawer__panel.zx-p-end {
+    --drawer-travel: 100%;
+}
+
+.zx-drawer__panel.zx-l-dock-sheet {
+    opacity: 1;
+    transition: translate var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
+    position: fixed;
+    block-size: 100dvh;
+    max-block-size: 100dvh;
+    margin: 0;
+    border-radius: 0;
+}
+
 .zx-drawer__backdrop {
     background: #00000066;
 }
@@ -8717,7 +9651,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -8727,6 +9660,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-drawer__close.zx-f-disabled {
@@ -8828,29 +9763,34 @@
 
 .zx-drawer__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-drawer__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-drawer__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-drawer__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }
 
 .zx-table__root {
+    --table-cell-align: start;
     --table-accent: var(--color-base-content);
     --table-pad-inline: var(--space-md);
     --table-font: var(--text-sm);
@@ -8894,23 +9834,23 @@
 }
 
 .zx-root .zx-table__caption {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-table__caption {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-table__caption {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-table__caption {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-table__caption {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-table__foot {
@@ -8918,23 +9858,23 @@
 }
 
 .zx-root .zx-table__foot {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-table__foot {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-table__foot {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-table__foot {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-table__foot {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-table__row {
@@ -8947,7 +9887,7 @@
 
 .zx-table__header-cell {
     padding: var(--space-sm) var(--table-pad-inline);
-    text-align: start;
+    text-align: var(--table-cell-align);
     font-weight: var(--weight-semibold);
     font-size: var(--text-xs);
 }
@@ -8970,7 +9910,7 @@
 
 .zx-table__cell {
     padding: var(--space-sm) var(--table-pad-inline);
-    text-align: start;
+    text-align: var(--table-cell-align);
 }
 
 .zx-table__cell.zx-a-size-xs {
@@ -8989,6 +9929,11 @@
     padding: var(--space-lg) var(--table-pad-inline);
 }
 
+.zx-table__cell-label {
+    font-weight: var(--weight-semibold);
+    font-size: var(--text-xs);
+}
+
 .zx-root .zx-table__root.zx-a-color-primary {
     --table-accent: #3f2bcb;
 }
@@ -9247,23 +10192,23 @@
 }
 
 .zx-root .zx-file-upload__dropzone {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-file-upload__dropzone {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-file-upload__dropzone {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-file-upload__dropzone {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-file-upload__dropzone {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-file-upload__dropzone.zx-f-highlighted {
@@ -9314,23 +10259,23 @@
 }
 
 .zx-root .zx-file-upload__item-size {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-file-upload__item-size {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-file-upload__item-size {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-file-upload__item-size {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-file-upload__item-size {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-file-upload__item-remove {
@@ -9559,8 +10504,6 @@
 .zx-carousel__prev-trigger {
     appearance: none;
     position: absolute;
-    inset-block-start: calc(50% - var(--carousel-nav) / 2);
-    inset-inline-start: var(--space-sm);
     inline-size: var(--carousel-nav);
     block-size: var(--carousel-nav);
     display: grid;
@@ -9573,6 +10516,8 @@
     border-radius: 9999px;
     cursor: pointer;
     z-index: 1;
+    top: calc(50% - var(--carousel-nav) / 2);
+    left: var(--space-sm);
 }
 
 .zx-carousel__prev-trigger.zx-f-disabled {
@@ -9588,8 +10533,6 @@
 .zx-carousel__next-trigger {
     appearance: none;
     position: absolute;
-    inset-block-start: calc(50% - var(--carousel-nav) / 2);
-    inset-inline-end: var(--space-sm);
     inline-size: var(--carousel-nav);
     block-size: var(--carousel-nav);
     display: grid;
@@ -9602,6 +10545,8 @@
     border-radius: 9999px;
     cursor: pointer;
     z-index: 1;
+    top: calc(50% - var(--carousel-nav) / 2);
+    right: var(--space-sm);
 }
 
 .zx-carousel__next-trigger.zx-f-disabled {
@@ -10236,6 +11181,11 @@
 .zx-countdown__root.zx-a-size-xl {
     --countdown-font: var(--text-3xl);
 }
+
+.zx-countdown__root.zx-m-inline {
+    font-size: inherit;
+    font-weight: inherit;
+}
 @keyframes zero-daisyui-countdown-in {
     from { transform: translateY(0.6em); opacity: 0; }
 }
@@ -10261,19 +11211,21 @@
 .zx-diff__after {
     grid-area: 1 / 1;
     position: absolute;
-    inset-block: 0;
-    inset-inline-start: 0;
+    top: 0;
+    bottom: 0;
+    left: 0;
 }
 
 .zx-diff__handle {
-    inset-block: 0;
     inline-size: var(--diff-hit);
-    margin-inline-start: calc(var(--diff-hit) / -2);
     display: grid;
     place-items: center;
     cursor: ew-resize;
     touch-action: none;
     z-index: 1;
+    top: 0;
+    bottom: 0;
+    margin-left: calc(var(--diff-hit) / -2);
 }
 
 .zx-diff__handle.zx-f-focus-visible {