@sigx/zero-daisyui 0.14.0 → 0.15.0

package/dist/lynx/index.css

@@ -483,7 +483,7 @@
 
 .zx-stack__root {
     display: flex;
-    min-inline-size: 0;
+    min-width: 0;
     column-gap: var(--l-gap-x);
     row-gap: var(--l-gap-y);
     align-items: var(--l-align);
@@ -502,7 +502,7 @@
 .zx-stack__item {
     --l-grow: 0;
     flex-grow: var(--l-grow);
-    min-inline-size: 0;
+    min-width: 0;
 }
 
 .zx-spacer__root {
@@ -532,7 +532,7 @@
 
 .zx-grid__root {
     display: grid;
-    min-inline-size: 0;
+    min-width: 0;
     grid-template-columns: var(--l-cols);
     column-gap: var(--l-gap-x);
     row-gap: var(--l-gap-y);
@@ -543,7 +543,7 @@
 .zx-grid__cell {
     --l-span: auto;
     grid-column: var(--l-span);
-    min-inline-size: 0;
+    min-width: 0;
 }
 
 .zx-center__root {
@@ -623,8 +623,9 @@
 }
 
 .zx-container__root {
-    inline-size: 100%;
-    max-inline-size: var(--l-measure);
+    box-sizing: border-box;
+    width: 100%;
+    max-width: var(--l-measure);
 }
 
 .zx-tabs__root {
@@ -641,7 +642,7 @@
     display: flex;
     align-self: flex-start;
     box-sizing: border-box;
-    max-inline-size: 100%;
+    max-width: 100%;
     overflow-x: auto;
     padding: var(--tabs-ring-room);
     scroll-padding-inline: var(--tabs-ring-room);
@@ -2509,6 +2510,10 @@
     transition: background var(--duration-normal) var(--ease-standard);
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    flex-direction: row;
 }
 
 .zx-menu__trigger.zx-f-disabled {
@@ -2521,8 +2526,15 @@
 }
 
 .zx-menu__trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-menu__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-menu__popup {
@@ -2536,6 +2548,8 @@
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
     min-width: 208px;
+    display: flex;
+    flex-direction: column;
 }
 
 .zx-menu__popup.zx-s-open {
@@ -2554,6 +2568,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__item.zx-f-highlighted {
@@ -2576,6 +2591,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__checkbox-item.zx-f-highlighted {
@@ -2598,6 +2614,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__radio-item.zx-f-highlighted {
@@ -2627,6 +2644,7 @@
     cursor: pointer;
     outline: none;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-menu__sub-trigger.zx-f-highlighted {
@@ -2653,6 +2671,8 @@
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
     min-width: 208px;
+    display: flex;
+    flex-direction: column;
 }
 
 .zx-menu__sub-popup.zx-s-open {
@@ -3249,7 +3269,7 @@
     grid-template-columns: 1fr;
     grid-auto-rows: max-content;
     gap: var(--space-sm);
-    min-inline-size: 0;
+    min-width: 0;
     margin: 0;
     border: none;
     flex-direction: column;
@@ -5227,7 +5247,7 @@
 .zx-select__clear-trigger {
     appearance: none;
     position: absolute;
-    min-inline-size: 24px;
+    min-width: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -5244,7 +5264,6 @@
     right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
     width: 24px;
     height: 24px;
-    min-width: 24px;
     box-sizing: border-box;
 }
 
@@ -5501,15 +5520,13 @@
 
 .zx-button__spinner {
     box-sizing: border-box;
-    inline-size: 1em;
-    block-size: 1em;
+    width: 1em;
+    height: 1em;
     flex: none;
     border-radius: 9999px;
     border: 0 solid transparent;
     border-block-start-color: transparent;
     animation: zero-daisyui-btn-spin 0.7s linear infinite;
-    width: 1em;
-    height: 1em;
     border-top-width: calc(var(--border) * 2);
     border-right-width: calc(var(--border) * 2);
     border-bottom-width: calc(var(--border) * 2);
@@ -5921,14 +5938,11 @@
 }
 
 .zx-button__root.zx-m-wide {
-    inline-size: 100%;
-    max-inline-size: 256px;
     width: 100%;
     max-width: 256px;
 }
 
 .zx-button__root.zx-m-block {
-    inline-size: 100%;
     width: 100%;
 }
 
@@ -6350,14 +6364,12 @@
 .zx-toast__indicator {
     grid-column: 1;
     grid-row: 1 / span 2;
-    inline-size: var(--toast-mark);
-    block-size: var(--toast-mark);
+    width: var(--toast-mark);
+    height: var(--toast-mark);
     box-sizing: border-box;
     position: absolute;
     left: var(--space-lg);
     top: var(--space-md);
-    width: var(--toast-mark);
-    height: var(--toast-mark);
 }
 
 .zx-toast__indicator.zx-s-loading {
@@ -8077,6 +8089,8 @@
 .zx-tree-view__item.zx-f-selected {
     background: var(--tree-accent);
     color: var(--tree-on-accent);
+    --tree-check: var(--tree-on-accent);
+    --tree-on-check: var(--tree-accent);
 }
 
 .zx-tree-view__item.zx-f-disabled {
@@ -8085,8 +8099,17 @@
 }
 
 .zx-tree-view__item.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
+}
+
+.zx-tree-view__item.zx-f-pressed {
+    background: var(--color-base-300);
+}
+
+.zx-tree-view__item.zx-f-selected.zx-f-pressed {
+    background: var(--tree-accent);
 }
 
 .zx-tree-view__branch {
@@ -8112,6 +8135,8 @@
 .zx-tree-view__branch-trigger.zx-f-selected {
     background: var(--tree-accent);
     color: var(--tree-on-accent);
+    --tree-check: var(--tree-on-accent);
+    --tree-on-check: var(--tree-accent);
 }
 
 .zx-tree-view__branch-trigger.zx-f-disabled {
@@ -8120,14 +8145,25 @@
 }
 
 .zx-tree-view__branch-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
+}
+
+.zx-tree-view__branch-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+}
+
+.zx-tree-view__branch-trigger.zx-f-selected.zx-f-pressed {
+    background: var(--tree-accent);
 }
 
 .zx-tree-view__branch-indicator {
-    display: inline-block;
+    display: flex;
     opacity: 0.6;
     transition: transform var(--duration-fast) var(--ease-standard);
+    width: 1em;
+    text-align: center;
 }
 
 .zx-tree-view__branch-indicator.zx-s-open {
@@ -8139,7 +8175,7 @@
 }
 
 .zx-tree-view__node-checkbox {
-    display: inline-block;
+    display: flex;
     position: relative;
     flex-shrink: 0;
     box-sizing: border-box;
@@ -8150,6 +8186,9 @@
     box-shadow: 0 1px var(--depth-shade) inset;
     cursor: pointer;
     transition: background-color var(--duration-normal) var(--ease-standard);
+    align-items: center;
+    justify-content: center;
+    color: var(--tree-on-check);
 }
 
 .zx-tree-view__node-checkbox.zx-s-checked {
@@ -8765,9 +8804,8 @@
     align-items: center;
     justify-content: center;
     margin: 0;
-    inline-size: 100%;
-    object-fit: cover;
     width: 100%;
+    object-fit: cover;
     overflow: hidden;
 }
 
@@ -8937,7 +8975,7 @@
     background: transparent;
     color: var(--color-base-content);
     border-radius: var(--radius-selector);
-    padding: var(--space-2xs);
+    padding: 0;
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
@@ -8945,6 +8983,12 @@
     top: calc(var(--alert-pad-y) - var(--space-2xs));
     right: calc(var(--alert-pad-x) - var(--space-2xs));
     font-size: var(--text-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    width: calc(var(--text-md) + var(--space-2xs) * 2);
+    height: calc(var(--text-md) + var(--space-2xs) * 2);
 }
 
 .zx-alert__close.zx-f-disabled {
@@ -9260,7 +9304,7 @@
 }
 
 .zx-empty-state__description {
-    max-inline-size: 100%;
+    max-width: 100%;
     font-size: var(--text-sm);
     line-height: var(--leading-normal);
     text-align: center;
@@ -9609,14 +9653,12 @@
 .zx-badge__dot {
     display: flex;
     flex: none;
-    inline-size: 0.5em;
-    block-size: 0.5em;
+    width: 0.5em;
+    height: 0.5em;
     box-sizing: border-box;
     border-radius: 50%;
     background: var(--badge-dot);
     border: 0 solid transparent;
-    width: 0.5em;
-    height: 0.5em;
     flex-shrink: 0;
     border-top-width: 0.1em;
     border-right-width: 0.1em;
@@ -9910,30 +9952,30 @@
 }
 
 .zx-divider__root.zx-o-horizontal {
-    inline-size: 100%;
-    block-size: var(--border);
+    width: 100%;
+    height: var(--border);
 }
 
 .zx-divider__root.zx-o-horizontal.zx-a-size-lg {
-    block-size: calc(var(--border) * 2);
+    height: calc(var(--border) * 2);
 }
 
 .zx-divider__root.zx-o-horizontal.zx-a-size-xl {
-    block-size: calc(var(--border) * 3);
+    height: calc(var(--border) * 3);
 }
 
 .zx-divider__root.zx-o-vertical {
     flex-direction: column;
-    min-block-size: 1em;
-    inline-size: var(--border);
+    min-height: 1em;
+    width: var(--border);
 }
 
 .zx-divider__root.zx-o-vertical.zx-a-size-lg {
-    inline-size: calc(var(--border) * 2);
+    width: calc(var(--border) * 2);
 }
 
 .zx-divider__root.zx-o-vertical.zx-a-size-xl {
-    inline-size: calc(var(--border) * 3);
+    width: calc(var(--border) * 3);
 }
 
 .zx-divider__label {
@@ -10004,10 +10046,10 @@
 }
 .zx-divider__root.zx-m-labelled.zx-o-horizontal {
     flex-direction: row;
-    block-size: var(--divider-fit);
+    height: var(--divider-fit);
 }
 .zx-divider__root.zx-m-labelled.zx-o-vertical {
-    inline-size: var(--divider-fit);
+    width: var(--divider-fit);
 }
 .zx-divider__root.zx-m-segment {
     flex: 1 1 0;
@@ -10221,16 +10263,14 @@
 
 .zx-spinner__root {
     display: flex;
-    inline-size: calc(var(--size-selector) * 6);
-    block-size: calc(var(--size-selector) * 6);
+    width: calc(var(--size-selector) * 6);
+    height: calc(var(--size-selector) * 6);
     box-sizing: border-box;
     border-radius: 50%;
     border: 0 solid transparent;
     border-block-start-color: var(--spinner-ink);
     animation: zero-daisyui-spin 0.7s linear infinite;
     flex-shrink: 0;
-    width: calc(var(--size-selector) * 6);
-    height: calc(var(--size-selector) * 6);
     border-style: solid;
     border-top-width: calc(var(--border) * 2);
     border-right-width: calc(var(--border) * 2);
@@ -10243,29 +10283,21 @@
 }
 
 .zx-spinner__root.zx-a-size-xs {
-    inline-size: calc(var(--size-selector) * 4);
-    block-size: calc(var(--size-selector) * 4);
     width: calc(var(--size-selector) * 4);
     height: calc(var(--size-selector) * 4);
 }
 
 .zx-spinner__root.zx-a-size-sm {
-    inline-size: calc(var(--size-selector) * 5);
-    block-size: calc(var(--size-selector) * 5);
     width: calc(var(--size-selector) * 5);
     height: calc(var(--size-selector) * 5);
 }
 
 .zx-spinner__root.zx-a-size-lg {
-    inline-size: calc(var(--size-selector) * 7);
-    block-size: calc(var(--size-selector) * 7);
     width: calc(var(--size-selector) * 7);
     height: calc(var(--size-selector) * 7);
 }
 
 .zx-spinner__root.zx-a-size-xl {
-    inline-size: calc(var(--size-selector) * 8);
-    block-size: calc(var(--size-selector) * 8);
     width: calc(var(--size-selector) * 8);
     height: calc(var(--size-selector) * 8);
 }
@@ -10314,7 +10346,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: 1.75em;
+    min-width: 1.75em;
     padding: calc(var(--space-2xs) - var(--border)) calc(var(--space-md) - var(--border));
     background: var(--kbd-fill);
     color: var(--kbd-ink);
@@ -10329,7 +10361,6 @@
     flex-shrink: 0;
     flex-wrap: nowrap;
     flex-direction: row;
-    min-width: 1.75em;
     border-top-width: var(--border);
     border-right-width: var(--border);
     border-left-width: var(--border);
@@ -10338,6 +10369,7 @@
     border-right-color: var(--color-base-300);
     border-bottom-color: var(--color-base-300);
     border-left-color: var(--color-base-300);
+    font-family: Menlo, monospace;
 }
 
 .zx-kbd__root.zx-a-color-primary {
@@ -10383,7 +10415,6 @@
 .zx-kbd__root.zx-a-size-xs {
     font-size: var(--text-xs);
     padding: 0 var(--space-xs);
-    min-inline-size: 1.5em;
     min-width: 1.5em;
 }
 
@@ -10428,8 +10459,8 @@
 
 .zx-status__root {
     display: flex;
-    inline-size: calc(var(--size-selector) * 2.5);
-    block-size: calc(var(--size-selector) * 2.5);
+    width: calc(var(--size-selector) * 2.5);
+    height: calc(var(--size-selector) * 2.5);
     box-sizing: border-box;
     vertical-align: middle;
     background: var(--status-ink);
@@ -10437,44 +10468,34 @@
     border-radius: 9999px;
     box-shadow: 0 0 0 calc((var(--size-selector) * 2.5) / 4) var(--status-halo);
     flex-shrink: 0;
-    width: calc(var(--size-selector) * 2.5);
-    height: calc(var(--size-selector) * 2.5);
 }
 
 .zx-status__root.zx-a-size-xs {
-    inline-size: calc(var(--size-selector) * 1.5);
-    block-size: calc(var(--size-selector) * 1.5);
-    border: calc((var(--size-selector) * 1.5) / 2) solid var(--status-ink);
-    box-shadow: 0 0 0 calc((var(--size-selector) * 1.5) / 4) var(--status-halo);
     width: calc(var(--size-selector) * 1.5);
     height: calc(var(--size-selector) * 1.5);
+    border: calc((var(--size-selector) * 1.5) / 2) solid var(--status-ink);
+    box-shadow: 0 0 0 calc((var(--size-selector) * 1.5) / 4) var(--status-halo);
 }
 
 .zx-status__root.zx-a-size-sm {
-    inline-size: calc(var(--size-selector) * 2);
-    block-size: calc(var(--size-selector) * 2);
-    border: calc((var(--size-selector) * 2) / 2) solid var(--status-ink);
-    box-shadow: 0 0 0 calc((var(--size-selector) * 2) / 4) var(--status-halo);
     width: calc(var(--size-selector) * 2);
     height: calc(var(--size-selector) * 2);
+    border: calc((var(--size-selector) * 2) / 2) solid var(--status-ink);
+    box-shadow: 0 0 0 calc((var(--size-selector) * 2) / 4) var(--status-halo);
 }
 
 .zx-status__root.zx-a-size-lg {
-    inline-size: calc(var(--size-selector) * 3);
-    block-size: calc(var(--size-selector) * 3);
-    border: calc((var(--size-selector) * 3) / 2) solid var(--status-ink);
-    box-shadow: 0 0 0 calc((var(--size-selector) * 3) / 4) var(--status-halo);
     width: calc(var(--size-selector) * 3);
     height: calc(var(--size-selector) * 3);
+    border: calc((var(--size-selector) * 3) / 2) solid var(--status-ink);
+    box-shadow: 0 0 0 calc((var(--size-selector) * 3) / 4) var(--status-halo);
 }
 
 .zx-status__root.zx-a-size-xl {
-    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(--status-ink);
-    box-shadow: 0 0 0 calc((var(--size-selector) * 3.5) / 4) var(--status-halo);
     width: calc(var(--size-selector) * 3.5);
     height: calc(var(--size-selector) * 3.5);
+    border: calc((var(--size-selector) * 3.5) / 2) solid var(--status-ink);
+    box-shadow: 0 0 0 calc((var(--size-selector) * 3.5) / 4) var(--status-halo);
 }
 
 .zx-status__root.zx-a-color-primary {
@@ -11118,8 +11139,8 @@
 }
 
 .zx-timeline__marker {
-    inline-size: calc(var(--size-selector) * 3);
-    block-size: calc(var(--size-selector) * 3);
+    width: calc(var(--size-selector) * 3);
+    height: calc(var(--size-selector) * 3);
     box-sizing: border-box;
     border-radius: 9999px;
     background: var(--timeline-accent);
@@ -11128,42 +11149,32 @@
     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);
+    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) / 6) solid var(--timeline-ring);
     width: calc(var(--size-selector) * 2.5);
     height: calc(var(--size-selector) * 2.5);
+    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) / 6) solid var(--timeline-ring);
     width: calc(var(--size-selector) * 3.5);
     height: calc(var(--size-selector) * 3.5);
+    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) / 6) solid var(--timeline-ring);
     width: calc(var(--size-selector) * 4);
     height: calc(var(--size-selector) * 4);
+    border: calc((var(--size-selector) * 4) / 6) solid var(--timeline-ring);
 }
 
 .zx-timeline__connector {
@@ -11174,13 +11185,12 @@
     grid-column: 2;
     grid-row: 2;
     justify-self: center;
-    inline-size: var(--border);
-    min-block-size: var(--space-lg);
-    block-size: 100%;
+    width: var(--border);
+    min-height: var(--space-lg);
+    height: var(--space-lg);
     flex-grow: 0;
     flex-shrink: 1;
     flex-basis: 100%;
-    height: var(--space-lg);
     background: transparent;
     border-left-width: var(--border);
     border-left-style: solid;
@@ -11208,15 +11218,13 @@
     grid-row: 2;
     grid-column: 2;
     align-self: center;
-    block-size: var(--border);
-    min-inline-size: var(--space-lg);
-    inline-size: 100%;
+    height: var(--border);
+    min-width: var(--space-lg);
+    width: 100%;
     order: 1;
     flex-grow: 1;
     flex-shrink: 1;
     flex-basis: 0;
-    height: var(--border);
-    min-width: var(--space-lg);
 }
 
 .zx-timeline__content {
@@ -11408,7 +11416,7 @@
 }
 
 .zx-chat__bubble {
-    max-inline-size: 90%;
+    max-width: 90%;
     padding: var(--space-xs) var(--space-lg);
     font-size: var(--text-sm);
     background: var(--chat-fill);
@@ -11532,7 +11540,7 @@
     position: sticky;
     align-self: center;
     flex: none;
-    block-size: calc(var(--size-field) * 8);
+    height: calc(var(--size-field) * 8);
     appearance: none;
     display: flex;
     align-items: center;
@@ -11551,19 +11559,19 @@
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-xs {
-    block-size: calc(var(--size-field) * 6);
+    height: calc(var(--size-field) * 6);
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-sm {
-    block-size: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-lg {
-    block-size: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-xl {
-    block-size: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
 }
 
 .zx-chat-log__jump-trigger.zx-f-focus-visible {
@@ -11657,29 +11665,29 @@
     position: relative;
     display: inline-grid;
     place-items: center;
-    inline-size: calc(var(--size-selector) * 16);
-    block-size: calc(var(--size-selector) * 16);
+    width: calc(var(--size-selector) * 16);
+    height: calc(var(--size-selector) * 16);
     border-radius: 50%;
 }
 
 .zx-radial-progress__root.zx-a-size-xs {
-    inline-size: calc(var(--size-selector) * 10);
-    block-size: calc(var(--size-selector) * 10);
+    width: calc(var(--size-selector) * 10);
+    height: calc(var(--size-selector) * 10);
 }
 
 .zx-radial-progress__root.zx-a-size-sm {
-    inline-size: calc(var(--size-selector) * 13);
-    block-size: calc(var(--size-selector) * 13);
+    width: calc(var(--size-selector) * 13);
+    height: calc(var(--size-selector) * 13);
 }
 
 .zx-radial-progress__root.zx-a-size-lg {
-    inline-size: calc(var(--size-selector) * 20);
-    block-size: calc(var(--size-selector) * 20);
+    width: calc(var(--size-selector) * 20);
+    height: calc(var(--size-selector) * 20);
 }
 
 .zx-radial-progress__root.zx-a-size-xl {
-    inline-size: calc(var(--size-selector) * 24);
-    block-size: calc(var(--size-selector) * 24);
+    width: calc(var(--size-selector) * 24);
+    height: calc(var(--size-selector) * 24);
 }
 
 .zx-root .zx-radial-progress__root.zx-s-complete {
@@ -11833,10 +11841,11 @@
     display: flex;
     align-items: center;
     gap: var(--space-sm);
-    min-block-size: 64px;
+    min-height: 64px;
     padding: var(--space-sm);
     background: var(--color-base-100);
     color: var(--color-base-content);
+    flex-direction: row;
 }
 
 .zx-navbar__start {
@@ -11845,6 +11854,7 @@
     gap: var(--space-sm);
     flex: 1 1 0%;
     justify-content: flex-start;
+    flex-direction: row;
 }
 
 .zx-navbar__center {
@@ -11852,6 +11862,7 @@
     align-items: center;
     gap: var(--space-sm);
     justify-content: center;
+    flex-direction: row;
 }
 
 .zx-navbar__end {
@@ -11860,6 +11871,7 @@
     gap: var(--space-sm);
     flex: 1 1 0%;
     justify-content: flex-end;
+    flex-direction: row;
 }
 
 .zx-navbar__root.zx-a-color-primary {
@@ -11903,21 +11915,21 @@
 }
 
 .zx-navbar__root.zx-a-size-xs {
-    min-block-size: 40px;
+    min-height: 40px;
     font-size: var(--text-sm);
 }
 
 .zx-navbar__root.zx-a-size-sm {
-    min-block-size: 48px;
+    min-height: 48px;
     font-size: var(--text-sm);
 }
 
 .zx-navbar__root.zx-a-size-lg {
-    min-block-size: 80px;
+    min-height: 80px;
 }
 
 .zx-navbar__root.zx-a-size-xl {
-    min-block-size: 96px;
+    min-height: 96px;
     font-size: var(--text-lg);
 }
 
@@ -11958,7 +11970,8 @@
 }
 
 .zx-nav-list__item {
-    display: block;
+    display: flex;
+    flex-direction: column;
 }
 
 .zx-nav-list__link {
@@ -11966,12 +11979,20 @@
     align-items: center;
     gap: var(--space-sm);
     text-decoration: none;
+    appearance: none;
+    background: none;
+    border: 0;
+    font: inherit;
+    text-align: start;
+    width: 100%;
+    cursor: pointer;
     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);
+    flex-direction: row;
 }
 
 .zx-nav-list__link.zx-s-active {
@@ -11986,10 +12007,12 @@
 
 .zx-nav-list__icon {
     display: flex;
-    inline-size: 1.25em;
+    width: 1.25em;
     justify-content: center;
     flex: none;
     line-height: var(--leading-none);
+    flex-direction: row;
+    align-items: center;
 }
 
 .zx-nav-list__meta {
@@ -11998,6 +12021,8 @@
     font-size: var(--text-xs);
     font-variant-numeric: tabular-nums;
     opacity: 0.7;
+    margin-left: auto;
+    flex-direction: row;
 }
 
 .zx-nav-list__root.zx-a-color-primary {
@@ -12228,6 +12253,26 @@
     --bc-accent: var(--color-base-content);
 }
 
+.zx-root .zx-breadcrumbs__root {
+    --bc-trigger-ink: #18181bbf;
+}
+
+.zx-root.zx-theme-dark .zx-breadcrumbs__root {
+    --bc-trigger-ink: #ecf9ffbf;
+}
+
+.zx-root.zx-theme-dim .zx-breadcrumbs__root {
+    --bc-trigger-ink: #b2ccd6bf;
+}
+
+.zx-root.zx-theme-nord .zx-breadcrumbs__root {
+    --bc-trigger-ink: #2e3440bf;
+}
+
+.zx-root.zx-theme-sunset .zx-breadcrumbs__root {
+    --bc-trigger-ink: #9fb9d0bf;
+}
+
 .zx-breadcrumbs__root {
     font-size: var(--text-sm);
     color: var(--color-base-content);
@@ -12241,12 +12286,14 @@
     list-style: none;
     margin: 0;
     padding: var(--space-xs) 0;
+    flex-direction: row;
 }
 
 .zx-breadcrumbs__item {
     display: flex;
     align-items: center;
     gap: var(--space-xs);
+    flex-direction: row;
 }
 
 .zx-breadcrumbs__link {
@@ -12314,6 +12361,7 @@
     display: flex;
     align-items: center;
     gap: var(--space-xs);
+    flex-direction: row;
 }
 
 .zx-breadcrumbs__ellipsis-trigger {
@@ -12324,34 +12372,20 @@
     margin: 0;
     font: inherit;
     line-height: inherit;
+    color: var(--bc-trigger-ink);
     border-radius: var(--radius-selector);
     cursor: pointer;
     transition: color var(--duration-fast) var(--ease-standard);
 }
 
-.zx-root .zx-breadcrumbs__ellipsis-trigger {
-    color: #18181bbf;
-}
-
-.zx-root.zx-theme-dark .zx-breadcrumbs__ellipsis-trigger {
-    color: #ecf9ffbf;
-}
-
-.zx-root.zx-theme-dim .zx-breadcrumbs__ellipsis-trigger {
-    color: #b2ccd6bf;
-}
-
-.zx-root.zx-theme-nord .zx-breadcrumbs__ellipsis-trigger {
-    color: #2e3440bf;
-}
-
-.zx-root.zx-theme-sunset .zx-breadcrumbs__ellipsis-trigger {
-    color: #9fb9d0bf;
-}
-
 .zx-breadcrumbs__ellipsis-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-primary);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-primary);
+}
+
+.zx-breadcrumbs__ellipsis-trigger.zx-f-pressed {
+    color: var(--color-base-content);
 }
 
 .zx-root .zx-breadcrumbs__root.zx-a-color-primary {
@@ -12544,14 +12578,15 @@
     overflow-x: auto;
     padding: var(--pg-ring-room);
     scroll-padding-inline: var(--pg-ring-room);
+    flex-direction: row;
 }
 
 .zx-pagination__item {
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: calc(var(--size-field) * 10);
-    block-size: calc(var(--size-field) * 10);
+    min-width: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
     background: var(--color-base-200);
     color: var(--color-base-content);
     border: none;
@@ -12563,28 +12598,29 @@
     text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
+    flex-shrink: 0;
     padding-left: var(--space-2xs);
     padding-right: var(--space-2xs);
 }
 
 .zx-pagination__item.zx-a-size-xs {
-    min-inline-size: calc(var(--size-field) * 7);
-    block-size: calc(var(--size-field) * 7);
+    min-width: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-pagination__item.zx-a-size-sm {
-    min-inline-size: calc(var(--size-field) * 9);
-    block-size: calc(var(--size-field) * 9);
+    min-width: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-pagination__item.zx-a-size-lg {
-    min-inline-size: calc(var(--size-field) * 12);
-    block-size: calc(var(--size-field) * 12);
+    min-width: calc(var(--size-field) * 12);
+    height: calc(var(--size-field) * 12);
 }
 
 .zx-pagination__item.zx-a-size-xl {
-    min-inline-size: calc(var(--size-field) * 14);
-    block-size: calc(var(--size-field) * 14);
+    min-width: calc(var(--size-field) * 14);
+    height: calc(var(--size-field) * 14);
 }
 
 .zx-pagination__item.zx-s-active {
@@ -12598,42 +12634,48 @@
 }
 
 .zx-pagination__item.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-pagination__item.zx-f-pressed {
     transform: translateY(1px);
 }
 
+.zx-pagination__item.zx-f-pressed.zx-s-inactive {
+    background: var(--color-base-300);
+}
+
 .zx-pagination__ellipsis {
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: calc(var(--size-field) * 10);
-    block-size: calc(var(--size-field) * 10);
+    min-width: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
     font-size: var(--pg-font);
     user-select: none;
+    flex-shrink: 0;
 }
 
 .zx-pagination__ellipsis.zx-a-size-xs {
-    min-inline-size: calc(var(--size-field) * 7);
-    block-size: calc(var(--size-field) * 7);
+    min-width: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-pagination__ellipsis.zx-a-size-sm {
-    min-inline-size: calc(var(--size-field) * 9);
-    block-size: calc(var(--size-field) * 9);
+    min-width: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-pagination__ellipsis.zx-a-size-lg {
-    min-inline-size: calc(var(--size-field) * 12);
-    block-size: calc(var(--size-field) * 12);
+    min-width: calc(var(--size-field) * 12);
+    height: calc(var(--size-field) * 12);
 }
 
 .zx-pagination__ellipsis.zx-a-size-xl {
-    min-inline-size: calc(var(--size-field) * 14);
-    block-size: calc(var(--size-field) * 14);
+    min-width: calc(var(--size-field) * 14);
+    height: calc(var(--size-field) * 14);
 }
 
 .zx-root .zx-pagination__ellipsis {
@@ -12660,8 +12702,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: calc(var(--size-field) * 10);
-    block-size: calc(var(--size-field) * 10);
+    min-width: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
     background: var(--color-base-200);
     color: var(--color-base-content);
     border: none;
@@ -12672,26 +12714,27 @@
     text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-shrink: 0;
 }
 
 .zx-pagination__first-trigger.zx-a-size-xs {
-    min-inline-size: calc(var(--size-field) * 7);
-    block-size: calc(var(--size-field) * 7);
+    min-width: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-pagination__first-trigger.zx-a-size-sm {
-    min-inline-size: calc(var(--size-field) * 9);
-    block-size: calc(var(--size-field) * 9);
+    min-width: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-pagination__first-trigger.zx-a-size-lg {
-    min-inline-size: calc(var(--size-field) * 12);
-    block-size: calc(var(--size-field) * 12);
+    min-width: calc(var(--size-field) * 12);
+    height: calc(var(--size-field) * 12);
 }
 
 .zx-pagination__first-trigger.zx-a-size-xl {
-    min-inline-size: calc(var(--size-field) * 14);
-    block-size: calc(var(--size-field) * 14);
+    min-width: calc(var(--size-field) * 14);
+    height: calc(var(--size-field) * 14);
 }
 
 .zx-pagination__first-trigger.zx-f-disabled {
@@ -12700,8 +12743,13 @@
 }
 
 .zx-pagination__first-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-pagination__first-trigger.zx-f-pressed {
+    background: var(--color-base-300);
 }
 
 .zx-pagination__first-trigger.zx-f-pressed {
@@ -12712,8 +12760,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: calc(var(--size-field) * 10);
-    block-size: calc(var(--size-field) * 10);
+    min-width: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
     background: var(--color-base-200);
     color: var(--color-base-content);
     border: none;
@@ -12724,26 +12772,27 @@
     text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-shrink: 0;
 }
 
 .zx-pagination__prev-trigger.zx-a-size-xs {
-    min-inline-size: calc(var(--size-field) * 7);
-    block-size: calc(var(--size-field) * 7);
+    min-width: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-pagination__prev-trigger.zx-a-size-sm {
-    min-inline-size: calc(var(--size-field) * 9);
-    block-size: calc(var(--size-field) * 9);
+    min-width: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-pagination__prev-trigger.zx-a-size-lg {
-    min-inline-size: calc(var(--size-field) * 12);
-    block-size: calc(var(--size-field) * 12);
+    min-width: calc(var(--size-field) * 12);
+    height: calc(var(--size-field) * 12);
 }
 
 .zx-pagination__prev-trigger.zx-a-size-xl {
-    min-inline-size: calc(var(--size-field) * 14);
-    block-size: calc(var(--size-field) * 14);
+    min-width: calc(var(--size-field) * 14);
+    height: calc(var(--size-field) * 14);
 }
 
 .zx-pagination__prev-trigger.zx-f-disabled {
@@ -12752,8 +12801,13 @@
 }
 
 .zx-pagination__prev-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-pagination__prev-trigger.zx-f-pressed {
+    background: var(--color-base-300);
 }
 
 .zx-pagination__prev-trigger.zx-f-pressed {
@@ -12764,8 +12818,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: calc(var(--size-field) * 10);
-    block-size: calc(var(--size-field) * 10);
+    min-width: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
     background: var(--color-base-200);
     color: var(--color-base-content);
     border: none;
@@ -12776,26 +12830,27 @@
     text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-shrink: 0;
 }
 
 .zx-pagination__next-trigger.zx-a-size-xs {
-    min-inline-size: calc(var(--size-field) * 7);
-    block-size: calc(var(--size-field) * 7);
+    min-width: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-pagination__next-trigger.zx-a-size-sm {
-    min-inline-size: calc(var(--size-field) * 9);
-    block-size: calc(var(--size-field) * 9);
+    min-width: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-pagination__next-trigger.zx-a-size-lg {
-    min-inline-size: calc(var(--size-field) * 12);
-    block-size: calc(var(--size-field) * 12);
+    min-width: calc(var(--size-field) * 12);
+    height: calc(var(--size-field) * 12);
 }
 
 .zx-pagination__next-trigger.zx-a-size-xl {
-    min-inline-size: calc(var(--size-field) * 14);
-    block-size: calc(var(--size-field) * 14);
+    min-width: calc(var(--size-field) * 14);
+    height: calc(var(--size-field) * 14);
 }
 
 .zx-pagination__next-trigger.zx-f-disabled {
@@ -12804,8 +12859,13 @@
 }
 
 .zx-pagination__next-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-pagination__next-trigger.zx-f-pressed {
+    background: var(--color-base-300);
 }
 
 .zx-pagination__next-trigger.zx-f-pressed {
@@ -12816,8 +12876,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    min-inline-size: calc(var(--size-field) * 10);
-    block-size: calc(var(--size-field) * 10);
+    min-width: calc(var(--size-field) * 10);
+    height: calc(var(--size-field) * 10);
     background: var(--color-base-200);
     color: var(--color-base-content);
     border: none;
@@ -12828,26 +12888,27 @@
     text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-shrink: 0;
 }
 
 .zx-pagination__last-trigger.zx-a-size-xs {
-    min-inline-size: calc(var(--size-field) * 7);
-    block-size: calc(var(--size-field) * 7);
+    min-width: calc(var(--size-field) * 7);
+    height: calc(var(--size-field) * 7);
 }
 
 .zx-pagination__last-trigger.zx-a-size-sm {
-    min-inline-size: calc(var(--size-field) * 9);
-    block-size: calc(var(--size-field) * 9);
+    min-width: calc(var(--size-field) * 9);
+    height: calc(var(--size-field) * 9);
 }
 
 .zx-pagination__last-trigger.zx-a-size-lg {
-    min-inline-size: calc(var(--size-field) * 12);
-    block-size: calc(var(--size-field) * 12);
+    min-width: calc(var(--size-field) * 12);
+    height: calc(var(--size-field) * 12);
 }
 
 .zx-pagination__last-trigger.zx-a-size-xl {
-    min-inline-size: calc(var(--size-field) * 14);
-    block-size: calc(var(--size-field) * 14);
+    min-width: calc(var(--size-field) * 14);
+    height: calc(var(--size-field) * 14);
 }
 
 .zx-pagination__last-trigger.zx-f-disabled {
@@ -12856,8 +12917,13 @@
 }
 
 .zx-pagination__last-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-pagination__last-trigger.zx-f-pressed {
+    background: var(--color-base-300);
 }
 
 .zx-pagination__last-trigger.zx-f-pressed {
@@ -12920,27 +12986,39 @@
 
 .zx-root .zx-steps__root {
     --steps-accent-ink: #3f2bcb;
+    --steps-complete-ink: #322c99;
+    --steps-complete-tint: #d2d9fb;
 }
 
 .zx-root.zx-theme-dark .zx-steps__root {
     --steps-accent-ink: #6567ff;
+    --steps-complete-ink: #8391ff;
+    --steps-complete-tint: #283050;
 }
 
 .zx-root.zx-theme-dim .zx-steps__root {
     --steps-accent-ink: #a0e791;
+    --steps-complete-ink: #a5e0a6;
+    --steps-complete-tint: #3f514d;
 }
 
 .zx-root.zx-theme-nord .zx-steps__root {
     --steps-accent-ink: #5c7da6;
+    --steps-complete-ink: #4f698a;
+    --steps-complete-tint: #ced8e6;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__root {
     --steps-accent-ink: #fb8a62;
+    --steps-complete-ink: #e79983;
+    --steps-complete-tint: #3d312f;
 }
 
 .zx-steps__root {
     display: flex;
     align-items: stretch;
+    flex-direction: row;
+    overflow: visible;
 }
 
 .zx-steps__root.zx-o-vertical {
@@ -12960,6 +13038,7 @@
     font-size: var(--steps-font);
     cursor: pointer;
     text-align: center;
+    overflow: visible;
 }
 
 .zx-steps__item.zx-s-active {
@@ -13017,8 +13096,9 @@
 }
 
 .zx-steps__item.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-steps__item.zx-o-horizontal {
@@ -13042,8 +13122,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    inline-size: calc(var(--size-selector) * 7);
-    block-size: calc(var(--size-selector) * 7);
+    width: calc(var(--size-selector) * 7);
+    height: calc(var(--size-selector) * 7);
     border-radius: 9999px;
     font-size: calc((var(--size-selector) * 7) * 0.45);
     font-weight: var(--weight-semibold);
@@ -13055,26 +13135,26 @@
 }
 
 .zx-steps__indicator.zx-a-size-xs {
-    inline-size: calc(var(--size-selector) * 5);
-    block-size: calc(var(--size-selector) * 5);
+    width: calc(var(--size-selector) * 5);
+    height: calc(var(--size-selector) * 5);
     font-size: calc((var(--size-selector) * 5) * 0.45);
 }
 
 .zx-steps__indicator.zx-a-size-sm {
-    inline-size: calc(var(--size-selector) * 6);
-    block-size: calc(var(--size-selector) * 6);
+    width: calc(var(--size-selector) * 6);
+    height: calc(var(--size-selector) * 6);
     font-size: calc((var(--size-selector) * 6) * 0.45);
 }
 
 .zx-steps__indicator.zx-a-size-lg {
-    inline-size: calc(var(--size-selector) * 8);
-    block-size: calc(var(--size-selector) * 8);
+    width: calc(var(--size-selector) * 8);
+    height: calc(var(--size-selector) * 8);
     font-size: calc((var(--size-selector) * 8) * 0.45);
 }
 
 .zx-steps__indicator.zx-a-size-xl {
-    inline-size: calc(var(--size-selector) * 9);
-    block-size: calc(var(--size-selector) * 9);
+    width: calc(var(--size-selector) * 9);
+    height: calc(var(--size-selector) * 9);
     font-size: calc((var(--size-selector) * 9) * 0.45);
 }
 
@@ -13084,6 +13164,7 @@
 }
 
 .zx-steps__indicator.zx-s-complete {
+    background: var(--steps-complete-tint);
     color: var(--steps-complete-ink);
 }
 
@@ -13116,30 +13197,38 @@
 }
 
 .zx-steps__separator.zx-o-horizontal {
-    inline-size: 100%;
-    block-size: var(--border);
-    top: calc(var(--space-xs) + (var(--size-selector) * 7) / 2);
-    left: 50%;
+    width: calc(100% - (var(--size-selector) * 7));
+    height: var(--border);
+    top: calc(var(--space-xs) + ((var(--size-selector) * 7) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 7) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-xs {
-    top: calc(var(--space-xs) + (var(--size-selector) * 5) / 2);
+    width: calc(100% - (var(--size-selector) * 5));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 5) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 5) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-sm {
-    top: calc(var(--space-xs) + (var(--size-selector) * 6) / 2);
+    width: calc(100% - (var(--size-selector) * 6));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 6) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 6) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-lg {
-    top: calc(var(--space-xs) + (var(--size-selector) * 8) / 2);
+    width: calc(100% - (var(--size-selector) * 8));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 8) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 8) / 2);
 }
 
 .zx-steps__separator.zx-o-horizontal.zx-a-size-xl {
-    top: calc(var(--space-xs) + (var(--size-selector) * 9) / 2);
+    width: calc(100% - (var(--size-selector) * 9));
+    top: calc(var(--space-xs) + ((var(--size-selector) * 9) - var(--border)) / 2);
+    left: calc(50% + (var(--size-selector) * 9) / 2);
 }
 
 .zx-steps__separator.zx-o-vertical {
-    inline-size: var(--border);
+    width: 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);
@@ -13218,6 +13307,11 @@
     transition: background var(--duration-normal) var(--ease-standard);
     flex: 0 0 auto;
     align-self: flex-start;
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
 }
 
 .zx-steps__prev-trigger.zx-f-disabled {
@@ -13226,8 +13320,15 @@
 }
 
 .zx-steps__prev-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-steps__prev-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-steps__prev-trigger.zx-f-pressed {
@@ -13252,6 +13353,12 @@
     transition: background var(--duration-normal) var(--ease-standard);
     flex: 0 0 auto;
     align-self: flex-start;
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    margin-left: auto;
 }
 
 .zx-steps__next-trigger.zx-f-disabled {
@@ -13260,8 +13367,15 @@
 }
 
 .zx-steps__next-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-steps__next-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-steps__next-trigger.zx-f-pressed {
@@ -13276,26 +13390,31 @@
 .zx-root .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #3f2bcb;
     --steps-complete-ink: #322c99;
+    --steps-complete-tint: #d2d9fb;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #6567ff;
     --steps-complete-ink: #8391ff;
+    --steps-complete-tint: #283050;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #a0e791;
     --steps-complete-ink: #a5e0a6;
+    --steps-complete-tint: #3f514d;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #5c7da6;
     --steps-complete-ink: #4f698a;
+    --steps-complete-tint: #ced8e6;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-primary {
     --steps-accent-ink: #fb8a62;
     --steps-complete-ink: #e79983;
+    --steps-complete-tint: #3d312f;
 }
 
 .zx-steps__item.zx-a-color-secondary {
@@ -13306,26 +13425,31 @@
 .zx-root .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #ad316f;
     --steps-complete-ink: #ad316f;
+    --steps-complete-tint: #ffdbea;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #fa7cb6;
     --steps-complete-ink: #fa7cb6;
+    --steps-complete-tint: #462c3e;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #ed9984;
     --steps-complete-ink: #ed9984;
+    --steps-complete-tint: #524145;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #677e98;
     --steps-complete-ink: #677e98;
+    --steps-complete-tint: #d6dfea;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-secondary {
     --steps-accent-ink: #e68aac;
     --steps-complete-ink: #e68aac;
+    --steps-complete-tint: #3d2d38;
 }
 
 .zx-steps__item.zx-a-color-accent {
@@ -13336,26 +13460,31 @@
 .zx-root .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #2b786d;
     --steps-complete-ink: #2b786d;
+    --steps-complete-tint: #ddf7f1;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #93e5d9;
     --steps-complete-ink: #93e5d9;
+    --steps-complete-tint: #264244;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #bfade1;
     --steps-complete-ink: #bfade1;
+    --steps-complete-tint: #47425b;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #5e7d8c;
     --steps-complete-ink: #5e7d8c;
+    --steps-complete-tint: #d8e6ed;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-accent {
     --steps-accent-ink: #ab9fe8;
     --steps-complete-ink: #ab9fe8;
+    --steps-complete-tint: #2e3047;
 }
 
 .zx-steps__item.zx-a-color-neutral {
@@ -13366,26 +13495,31 @@
 .zx-root .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #121214;
     --steps-complete-ink: #121214;
+    --steps-complete-tint: #c6c6c7;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #878e92;
     --steps-complete-ink: #878e92;
+    --steps-complete-tint: #191e23;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #71828c;
     --steps-complete-ink: #71828c;
+    --steps-complete-tint: #272d39;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #3a4150;
     --steps-complete-ink: #3a4150;
+    --steps-complete-tint: #caced7;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-neutral {
     --steps-accent-ink: #667a8a;
     --steps-complete-ink: #667a8a;
+    --steps-complete-tint: #141e24;
 }
 
 .zx-steps__item.zx-a-color-info {
@@ -13396,26 +13530,31 @@
 .zx-root .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #2685b3;
     --steps-complete-ink: #2685b3;
+    --steps-complete-tint: #dbf2ff;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #70ceff;
     --steps-complete-ink: #70ceff;
+    --steps-complete-tint: #253e4f;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #6ce2f3;
     --steps-complete-ink: #6ce2f3;
+    --steps-complete-tint: #34515f;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #89728a;
     --steps-complete-ink: #89728a;
+    --steps-complete-tint: #e1dbe6;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-info {
     --steps-accent-ink: #91d4e3;
     --steps-complete-ink: #91d4e3;
+    --steps-complete-tint: #273e45;
 }
 
 .zx-steps__item.zx-a-color-success {
@@ -13426,26 +13565,31 @@
 .zx-root .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #2a7858;
     --steps-complete-ink: #2a7858;
+    --steps-complete-tint: #ddf7e8;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #92e5c2;
     --steps-complete-ink: #92e5c2;
+    --steps-complete-tint: #26423d;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #8ee0c9;
     --steps-complete-ink: #8ee0c9;
+    --steps-complete-tint: #385254;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #6b7d6a;
     --steps-complete-ink: #6b7d6a;
+    --steps-complete-tint: #dde5df;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-success {
     --steps-accent-ink: #a6cebe;
     --steps-complete-ink: #a6cebe;
+    --steps-complete-tint: #2c3e3b;
 }
 
 .zx-steps__item.zx-a-color-warning {
@@ -13456,26 +13600,31 @@
 .zx-root .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #755a2b;
     --steps-complete-ink: #755a2b;
+    --steps-complete-tint: #fff2da;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #f5ddac;
     --steps-complete-ink: #f5ddac;
+    --steps-complete-tint: #443e32;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #cecfa6;
     --steps-complete-ink: #cecfa6;
+    --steps-complete-tint: #4d4e47;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #7d7463;
     --steps-complete-ink: #7d7463;
+    --steps-complete-tint: #ece8e0;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-warning {
     --steps-accent-ink: #c5c1b7;
     --steps-complete-ink: #c5c1b7;
+    --steps-complete-tint: #383a37;
 }
 
 .zx-steps__item.zx-a-color-error {
@@ -13486,26 +13635,31 @@
 .zx-root .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #d9576d;
     --steps-complete-ink: #b34d5e;
+    --steps-complete-tint: #ffe2e4;
 }
 
 .zx-root.zx-theme-dark .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #ff7d90;
     --steps-complete-ink: #ff95a3;
+    --steps-complete-tint: #47323a;
 }
 
 .zx-root.zx-theme-dim .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #f5b3a4;
     --steps-complete-ink: #eab8ad;
+    --steps-complete-tint: #51484f;
 }
 
 .zx-root.zx-theme-nord .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #a85b64;
     --steps-complete-ink: #92555e;
+    --steps-complete-tint: #e6d2d7;
 }
 
 .zx-root.zx-theme-sunset .zx-steps__item.zx-a-color-error {
     --steps-accent-ink: #f2bbc0;
     --steps-complete-ink: #e4bbc3;
+    --steps-complete-tint: #3b383e;
 }
 
 .zx-steps__root.zx-a-size-xs {
@@ -13515,6 +13669,10 @@
 .zx-steps__root.zx-a-size-xl {
     --steps-font: var(--text-md);
 }
+.zx-steps__root.zx-m-wizard {
+    flex-wrap: wrap;
+    row-gap: var(--space-md);
+}
 
 .zx-drawer__trigger {
     appearance: none;
@@ -13558,8 +13716,8 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-xl);
     box-sizing: border-box;
-    inline-size: 100%;
-    max-inline-size: var(--l-measure);
+    width: 100%;
+    max-width: var(--l-measure);
 }
 
 .zx-drawer__panel.zx-s-open {
@@ -13583,8 +13741,8 @@
     opacity: 1;
     transition: translate var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
     position: fixed;
-    block-size: 100dvh;
-    max-block-size: 100dvh;
+    height: 100dvh;
+    max-height: 100dvh;
     margin: 0;
     border-radius: 0;
 }
@@ -13594,15 +13752,15 @@
 }
 
 .zx-drawer__panel.zx-p-top.zx-l-dock-sheet {
-    block-size: auto;
-    max-block-size: 85dvh;
+    height: auto;
+    max-height: 85dvh;
     border-end-start-radius: var(--radius-box);
     border-end-end-radius: var(--radius-box);
 }
 
 .zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet {
-    block-size: auto;
-    max-block-size: 85dvh;
+    height: auto;
+    max-height: 85dvh;
     border-start-start-radius: var(--radius-box);
     border-start-end-radius: var(--radius-box);
 }
@@ -13783,7 +13941,7 @@
 
 .zx-table__table {
     border-collapse: collapse;
-    inline-size: 100%;
+    width: 100%;
     font-size: var(--table-font);
     color: var(--color-base-content);
 }
@@ -14581,8 +14739,8 @@
 .zx-carousel__prev-trigger {
     appearance: none;
     position: absolute;
-    inline-size: var(--carousel-nav);
-    block-size: var(--carousel-nav);
+    width: var(--carousel-nav);
+    height: var(--carousel-nav);
     display: grid;
     place-items: center;
     font-size: var(--text-sm);
@@ -14610,8 +14768,8 @@
 .zx-carousel__next-trigger {
     appearance: none;
     position: absolute;
-    inline-size: var(--carousel-nav);
-    block-size: var(--carousel-nav);
+    width: var(--carousel-nav);
+    height: var(--carousel-nav);
     display: grid;
     place-items: center;
     font-size: var(--text-sm);
@@ -15294,7 +15452,7 @@
 }
 
 .zx-diff__handle {
-    inline-size: var(--diff-hit);
+    width: var(--diff-hit);
     display: grid;
     place-items: center;
     cursor: ew-resize;