@sigx/zero-daisyui 0.13.0 → 0.14.0

package/dist/lynx/index.css

@@ -5968,7 +5968,7 @@
 
 .zx-avatar__root {
     position: relative;
-    display: inline-grid;
+    display: flex;
     width: calc(var(--size-selector) * 10);
     height: calc(var(--size-selector) * 10);
     border-radius: 9999px;
@@ -5976,6 +5976,10 @@
     vertical-align: middle;
     background: var(--color-base-200);
     box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--avatar-ring);
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
 }
 
 .zx-avatar__root.zx-a-size-xs {
@@ -6003,6 +6007,10 @@
     width: 100%;
     height: 100%;
     object-fit: cover;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 9999px;
 }
 
 .zx-avatar__fallback {
@@ -6015,20 +6023,52 @@
     font-size: var(--avatar-text);
     font-weight: var(--weight-semibold);
     user-select: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 9999px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
 }
 
 .zx-avatar__root.zx-a-shape-circle {
     border-radius: 9999px;
 }
 
+.zx-avatar__image.zx-a-shape-circle {
+    border-radius: 9999px;
+}
+
+.zx-avatar__fallback.zx-a-shape-circle {
+    border-radius: 9999px;
+}
+
 .zx-avatar__root.zx-a-shape-square {
     border-radius: 0;
 }
 
+.zx-avatar__image.zx-a-shape-square {
+    border-radius: 0;
+}
+
+.zx-avatar__fallback.zx-a-shape-square {
+    border-radius: 0;
+}
+
 .zx-avatar__root.zx-a-shape-rounded {
     border-radius: var(--radius-selector);
 }
 
+.zx-avatar__image.zx-a-shape-rounded {
+    border-radius: var(--radius-selector);
+}
+
+.zx-avatar__fallback.zx-a-shape-rounded {
+    border-radius: var(--radius-selector);
+}
+
 .zx-avatar__root.zx-a-color-primary {
     --avatar-ring: var(--color-primary);
 }
@@ -6076,6 +6116,21 @@
 .zx-avatar__root.zx-a-size-xl {
     --avatar-text: var(--text-lg);
 }
+.zx-avatar__root.zx-m-stacked {
+    margin-left: calc(var(--size-selector) * -2.5);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-xs {
+    margin-left: calc(var(--size-selector) * -1.5);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-sm {
+    margin-left: calc(var(--size-selector) * -2);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-lg {
+    margin-left: calc(var(--size-selector) * -3);
+}
+.zx-avatar__root.zx-m-stacked.zx-a-size-xl {
+    margin-left: calc(var(--size-selector) * -4);
+}
 
 .zx-avatar-group__root {
     --avatar-group-text: var(--text-sm);
@@ -6087,11 +6142,13 @@
     align-items: center;
     vertical-align: middle;
     isolation: isolate;
+    flex-direction: row;
+    width: max-content;
 }
 
 .zx-avatar-group__overflow {
     position: relative;
-    display: inline-grid;
+    display: flex;
     place-items: center;
     box-sizing: border-box;
     min-width: calc(var(--size-selector) * 10);
@@ -6105,26 +6162,36 @@
     font-variant-numeric: tabular-nums;
     white-space: nowrap;
     user-select: none;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    padding-left: var(--space-2xs);
+    padding-right: var(--space-2xs);
+    margin-left: calc((var(--size-selector) * 10) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-xs {
     min-width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
+    margin-left: calc((var(--size-selector) * 6) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-sm {
     min-width: calc(var(--size-selector) * 8);
     height: calc(var(--size-selector) * 8);
+    margin-left: calc((var(--size-selector) * 8) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-lg {
     min-width: calc(var(--size-selector) * 12);
     height: calc(var(--size-selector) * 12);
+    margin-left: calc((var(--size-selector) * 12) * -0.25);
 }
 
 .zx-avatar-group__overflow.zx-a-size-xl {
     min-width: calc(var(--size-selector) * 16);
     height: calc(var(--size-selector) * 16);
+    margin-left: calc((var(--size-selector) * 16) * -0.25);
 }
 
 .zx-avatar-group__root.zx-a-color-primary {
@@ -6286,52 +6353,108 @@
     inline-size: var(--toast-mark);
     block-size: 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 {
     border-radius: 50%;
+    border: 0 solid transparent;
     border-block-start-color: var(--toast-ink);
     animation: zero-daisyui-toast-spin 0.75s linear infinite;
+    border-style: solid;
+    border-top-width: calc(var(--border) * 2);
+    border-right-width: calc(var(--border) * 2);
+    border-bottom-width: calc(var(--border) * 2);
+    border-left-width: calc(var(--border) * 2);
+    border-top-color: var(--toast-ink);
+}
+
+.zx-root .zx-toast__indicator.zx-s-loading {
+    border-right-color: #18181b40;
+    border-bottom-color: #18181b40;
+    border-left-color: #18181b40;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-s-loading {
+    border-right-color: #ecf9ff40;
+    border-bottom-color: #ecf9ff40;
+    border-left-color: #ecf9ff40;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-s-loading {
+    border-right-color: #b2ccd640;
+    border-bottom-color: #b2ccd640;
+    border-left-color: #b2ccd640;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-s-loading {
+    border-right-color: #2e344040;
+    border-bottom-color: #2e344040;
+    border-left-color: #2e344040;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-loading {
+    border-right-color: #9fb9d040;
+    border-bottom-color: #9fb9d040;
+    border-left-color: #9fb9d040;
+}
+
+.zx-toast__indicator.zx-s-complete {
+    background: transparent;
+    box-sizing: border-box;
+    width: calc(var(--toast-mark) * 0.375);
+    height: calc(var(--toast-mark) * 0.75);
+    margin-left: calc(var(--toast-mark) * 0.3125);
+    border-style: solid;
+    border-top-width: 0;
+    border-left-width: 0;
+    border-right-width: calc(var(--border) * 2);
+    border-bottom-width: calc(var(--border) * 2);
+    transform: rotate(45deg);
 }
 
 .zx-root .zx-toast__indicator.zx-s-complete {
-    background: #2a7858;
+    border-color: #2a7858;
 }
 
 .zx-root.zx-theme-dark .zx-toast__indicator.zx-s-complete {
-    background: #92e5c2;
+    border-color: #92e5c2;
 }
 
 .zx-root.zx-theme-dim .zx-toast__indicator.zx-s-complete {
-    background: #8ee0c9;
+    border-color: #8ee0c9;
 }
 
 .zx-root.zx-theme-nord .zx-toast__indicator.zx-s-complete {
-    background: #6b7d6a;
+    border-color: #6b7d6a;
 }
 
 .zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-complete {
-    background: #a6cebe;
+    border-color: #a6cebe;
 }
 
 .zx-root .zx-toast__indicator.zx-s-error {
-    background: #8f424e;
+    background: linear-gradient(45deg, transparent 41%, #8f424e 41%, #8f424e 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #8f424e 41%, #8f424e 59%, transparent 59%);
 }
 
 .zx-root.zx-theme-dark .zx-toast__indicator.zx-s-error {
-    background: #ffabb6;
+    background: linear-gradient(45deg, transparent 41%, #ffabb6 41%, #ffabb6 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #ffabb6 41%, #ffabb6 59%, transparent 59%);
 }
 
 .zx-root.zx-theme-dim .zx-toast__indicator.zx-s-error {
-    background: #e0bdb6;
+    background: linear-gradient(45deg, transparent 41%, #e0bdb6 41%, #e0bdb6 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #e0bdb6 41%, #e0bdb6 59%, transparent 59%);
 }
 
 .zx-root.zx-theme-nord .zx-toast__indicator.zx-s-error {
-    background: #7c4e57;
+    background: linear-gradient(45deg, transparent 41%, #7c4e57 41%, #7c4e57 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #7c4e57 41%, #7c4e57 59%, transparent 59%);
 }
 
 .zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-error {
-    background: #d6bbc6;
+    background: linear-gradient(45deg, transparent 41%, #d6bbc6 41%, #d6bbc6 59%, transparent 59%), linear-gradient(-45deg, transparent 41%, #d6bbc6 41%, #d6bbc6 59%, transparent 59%);
 }
 
 .zx-toast__title {
@@ -6404,51 +6527,301 @@
     --toast-ink: var(--color-primary);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
+    border-right-color: #422ad540;
+    border-bottom-color: #422ad540;
+    border-left-color: #422ad540;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
+    border-right-color: #605dff40;
+    border-bottom-color: #605dff40;
+    border-left-color: #605dff40;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
+    border-right-color: #9fe88d40;
+    border-bottom-color: #9fe88d40;
+    border-left-color: #9fe88d40;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
+    border-right-color: #5e81ac40;
+    border-bottom-color: #5e81ac40;
+    border-left-color: #5e81ac40;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-primary.zx-s-loading {
+    border-right-color: #ff865b40;
+    border-bottom-color: #ff865b40;
+    border-left-color: #ff865b40;
+}
+
 .zx-toast__root.zx-a-color-secondary {
     --toast-bg: var(--color-secondary-soft);
     --toast-ink: var(--color-secondary);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
+    border-right-color: #f4309840;
+    border-bottom-color: #f4309840;
+    border-left-color: #f4309840;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
+    border-right-color: #f4309840;
+    border-bottom-color: #f4309840;
+    border-left-color: #f4309840;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
+    border-right-color: #ff7d5d40;
+    border-bottom-color: #ff7d5d40;
+    border-left-color: #ff7d5d40;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
+    border-right-color: #81a1c140;
+    border-bottom-color: #81a1c140;
+    border-left-color: #81a1c140;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-secondary.zx-s-loading {
+    border-right-color: #fd6f9c40;
+    border-bottom-color: #fd6f9c40;
+    border-left-color: #fd6f9c40;
+}
+
 .zx-toast__root.zx-a-color-accent {
     --toast-bg: var(--color-accent-soft);
     --toast-ink: var(--color-accent);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
+    border-right-color: #00d3bb40;
+    border-bottom-color: #00d3bb40;
+    border-left-color: #00d3bb40;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
+    border-right-color: #00d3bb40;
+    border-bottom-color: #00d3bb40;
+    border-left-color: #00d3bb40;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
+    border-right-color: #c792e940;
+    border-bottom-color: #c792e940;
+    border-left-color: #c792e940;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
+    border-right-color: #88c0d040;
+    border-bottom-color: #88c0d040;
+    border-left-color: #88c0d040;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-accent.zx-s-loading {
+    border-right-color: #b387fa40;
+    border-bottom-color: #b387fa40;
+    border-left-color: #b387fa40;
+}
+
 .zx-toast__root.zx-a-color-neutral {
     --toast-bg: var(--color-neutral-soft);
     --toast-ink: var(--color-neutral);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
+    border-right-color: #09090b40;
+    border-bottom-color: #09090b40;
+    border-left-color: #09090b40;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
+    border-right-color: #09090b40;
+    border-bottom-color: #09090b40;
+    border-left-color: #09090b40;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
+    border-right-color: #1c212b40;
+    border-bottom-color: #1c212b40;
+    border-left-color: #1c212b40;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
+    border-right-color: #4c566a40;
+    border-bottom-color: #4c566a40;
+    border-left-color: #4c566a40;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-neutral.zx-s-loading {
+    border-right-color: #1b262c40;
+    border-bottom-color: #1b262c40;
+    border-left-color: #1b262c40;
+}
+
 .zx-toast__root.zx-a-color-info {
     --toast-bg: var(--color-info-soft);
     --toast-ink: var(--color-info);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-info.zx-s-loading {
+    border-right-color: #00bafe40;
+    border-bottom-color: #00bafe40;
+    border-left-color: #00bafe40;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-info.zx-s-loading {
+    border-right-color: #00bafe40;
+    border-bottom-color: #00bafe40;
+    border-left-color: #00bafe40;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-info.zx-s-loading {
+    border-right-color: #28ebff40;
+    border-bottom-color: #28ebff40;
+    border-left-color: #28ebff40;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-info.zx-s-loading {
+    border-right-color: #b48ead40;
+    border-bottom-color: #b48ead40;
+    border-left-color: #b48ead40;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-info.zx-s-loading {
+    border-right-color: #89e0eb40;
+    border-bottom-color: #89e0eb40;
+    border-left-color: #89e0eb40;
+}
+
 .zx-toast__root.zx-a-color-success {
     --toast-bg: var(--color-success-soft);
     --toast-ink: var(--color-success);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-success.zx-s-loading {
+    border-right-color: #00d39040;
+    border-bottom-color: #00d39040;
+    border-left-color: #00d39040;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-success.zx-s-loading {
+    border-right-color: #00d39040;
+    border-bottom-color: #00d39040;
+    border-left-color: #00d39040;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-success.zx-s-loading {
+    border-right-color: #62efbd40;
+    border-bottom-color: #62efbd40;
+    border-left-color: #62efbd40;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-success.zx-s-loading {
+    border-right-color: #a3be8d40;
+    border-bottom-color: #a3be8d40;
+    border-left-color: #a3be8d40;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-success.zx-s-loading {
+    border-right-color: #addfad40;
+    border-bottom-color: #addfad40;
+    border-left-color: #addfad40;
+}
+
 .zx-toast__root.zx-a-color-warning {
     --toast-bg: var(--color-warning-soft);
     --toast-ink: var(--color-warning);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
+    border-right-color: #fcb70040;
+    border-bottom-color: #fcb70040;
+    border-left-color: #fcb70040;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
+    border-right-color: #fcb70040;
+    border-bottom-color: #fcb70040;
+    border-left-color: #fcb70040;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
+    border-right-color: #efd05740;
+    border-bottom-color: #efd05740;
+    border-left-color: #efd05740;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
+    border-right-color: #ebcb8b40;
+    border-bottom-color: #ebcb8b40;
+    border-left-color: #ebcb8b40;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-warning.zx-s-loading {
+    border-right-color: #f1c89240;
+    border-bottom-color: #f1c89240;
+    border-left-color: #f1c89240;
+}
+
 .zx-toast__root.zx-a-color-error {
     --toast-bg: var(--color-error-soft);
     --toast-ink: var(--color-error);
 }
 
+.zx-root .zx-toast__indicator.zx-a-color-error.zx-s-loading {
+    border-right-color: #ff627d40;
+    border-bottom-color: #ff627d40;
+    border-left-color: #ff627d40;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-a-color-error.zx-s-loading {
+    border-right-color: #ff627d40;
+    border-bottom-color: #ff627d40;
+    border-left-color: #ff627d40;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-a-color-error.zx-s-loading {
+    border-right-color: #ffae9b40;
+    border-bottom-color: #ffae9b40;
+    border-left-color: #ffae9b40;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-a-color-error.zx-s-loading {
+    border-right-color: #bf616a40;
+    border-bottom-color: #bf616a40;
+    border-left-color: #bf616a40;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-a-color-error.zx-s-loading {
+    border-right-color: #ffbbbd40;
+    border-bottom-color: #ffbbbd40;
+    border-left-color: #ffbbbd40;
+}
+
 .zx-toast__root.zx-a-size-xs {
     padding: var(--space-xs) var(--space-md);
     font-size: var(--text-xs);
 }
 
+.zx-toast__indicator.zx-a-size-xs {
+    left: var(--space-md);
+    top: var(--space-xs);
+}
+
 .zx-toast__root.zx-a-size-sm {
     padding: var(--space-sm) var(--space-md);
     font-size: var(--text-sm);
 }
 
+.zx-toast__indicator.zx-a-size-sm {
+    left: var(--space-md);
+    top: var(--space-sm);
+}
+
 .zx-toast__root.zx-a-size-lg {
     padding: var(--space-lg) var(--space-xl);
     font-size: var(--text-md);
@@ -6458,6 +6831,11 @@
     font-size: var(--text-sm);
 }
 
+.zx-toast__indicator.zx-a-size-lg {
+    left: var(--space-xl);
+    top: var(--space-lg);
+}
+
 .zx-toast__root.zx-a-size-xl {
     padding: var(--space-xl) var(--space-2xl);
     font-size: var(--text-lg);
@@ -6466,6 +6844,16 @@
 .zx-toast__description.zx-a-size-xl {
     font-size: var(--text-md);
 }
+
+.zx-toast__indicator.zx-a-size-xl {
+    left: var(--space-2xl);
+    top: var(--space-xl);
+}
+.zx-toast__title.zx-m-marked,
+.zx-toast__description.zx-m-marked,
+.zx-toast__action.zx-m-marked {
+    margin-left: calc(var(--toast-mark) + var(--space-md));
+}
 @keyframes zero-daisyui-toast-spin {
     to { transform: rotate(360deg); }
 }
@@ -6546,6 +6934,11 @@
     line-height: var(--leading-none);
 }
 
+.zx-combobox__tag.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
 .zx-combobox__tag-label {
     white-space: nowrap;
 }
@@ -8294,7 +8687,7 @@
     outline: none;
     outline-offset: 2px;
     border-color: var(--color-base-100);
-    box-shadow: 0 0 0 2px var(--textarea-accent), inset 0 0 0 2px var(--textarea-edge);
+    box-shadow: 0 0 0 2px var(--textarea-accent), inset 0 0 0 1px var(--color-base-100), inset 0 0 0 2px var(--textarea-edge);
 }
 
 .zx-textarea__root.zx-a-color-primary {
@@ -8364,7 +8757,7 @@
     color: var(--color-base-content);
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-md);
-    overflow: hidden;
+    overflow: visible;
 }
 
 .zx-card__media {
@@ -8374,6 +8767,8 @@
     margin: 0;
     inline-size: 100%;
     object-fit: cover;
+    width: 100%;
+    overflow: hidden;
 }
 
 .zx-card__header {
@@ -8427,6 +8822,7 @@
     justify-content: flex-end;
     gap: var(--space-md);
     padding: 0 var(--card-pad) var(--card-pad);
+    flex-direction: row;
 }
 
 .zx-card__root.zx-a-color-primary {
@@ -8476,21 +8872,34 @@
 .zx-card__root.zx-a-size-xl {
     --card-pad: var(--space-2xl);
 }
+.zx-card__media.zx-m-first {
+    border-top-left-radius: var(--radius-box);
+    border-top-right-radius: var(--radius-box);
+}
+.zx-card__media.zx-m-last {
+    border-bottom-left-radius: var(--radius-box);
+    border-bottom-right-radius: var(--radius-box);
+}
 
 .zx-alert__root {
     --alert-tint: var(--color-info-soft);
     --alert-ink: var(--color-base-content);
+    --alert-pad-y: var(--space-md);
+    --alert-pad-x: var(--space-lg);
 }
 
 .zx-alert__root {
-    display: grid;
+    display: flex;
     grid-template-columns: auto 1fr auto;
-    align-items: center;
-    gap: var(--space-sm) var(--space-md);
+    align-items: stretch;
+    gap: var(--space-sm);
     background: var(--alert-tint);
     color: var(--color-base-content);
     border-radius: var(--radius-box);
-    padding: var(--space-md) var(--space-lg);
+    padding: var(--alert-pad-y) var(--alert-pad-x);
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
 }
 
 .zx-alert__icon {
@@ -8500,6 +8909,12 @@
     color: var(--alert-ink);
     font-size: var(--text-lg);
     line-height: var(--leading-none);
+    position: absolute;
+    left: var(--alert-pad-x);
+    top: 0;
+    bottom: 0;
+    width: var(--text-xl);
+    justify-content: center;
 }
 
 .zx-alert__title {
@@ -8520,12 +8935,16 @@
     appearance: none;
     border: none;
     background: transparent;
-    color: inherit;
+    color: var(--color-base-content);
     border-radius: var(--radius-selector);
     padding: var(--space-2xs);
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    position: absolute;
+    top: calc(var(--alert-pad-y) - var(--space-2xs));
+    right: calc(var(--alert-pad-x) - var(--space-2xs));
+    font-size: var(--text-md);
 }
 
 .zx-alert__close.zx-f-disabled {
@@ -8534,8 +8953,9 @@
 }
 
 .zx-alert__close.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--alert-tint), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-root .zx-alert__close.zx-f-pressed {
@@ -8752,18 +9172,38 @@
 
 .zx-alert__root.zx-a-size-xs {
     padding: var(--space-2xs) var(--space-sm);
+    --alert-pad-y: var(--space-2xs);
+    --alert-pad-x: var(--space-sm);
 }
 
 .zx-alert__root.zx-a-size-sm {
     padding: var(--space-xs) var(--space-md);
+    --alert-pad-y: var(--space-xs);
+    --alert-pad-x: var(--space-md);
 }
 
 .zx-alert__root.zx-a-size-lg {
     padding: var(--space-lg) var(--space-xl);
+    --alert-pad-y: var(--space-lg);
+    --alert-pad-x: var(--space-xl);
 }
 
 .zx-alert__root.zx-a-size-xl {
     padding: var(--space-xl) var(--space-2xl);
+    --alert-pad-y: var(--space-xl);
+    --alert-pad-x: var(--space-2xl);
+}
+.zx-alert__title.zx-m-with-icon {
+    margin-left: calc(var(--text-xl) + var(--space-md));
+}
+.zx-alert__description.zx-m-with-icon {
+    margin-left: calc(var(--text-xl) + var(--space-md));
+}
+.zx-alert__title.zx-m-with-close {
+    margin-right: calc(var(--text-md) + var(--space-md));
+}
+.zx-alert__description.zx-m-with-close {
+    margin-right: calc(var(--text-md) + var(--space-md));
 }
 
 .zx-empty-state__root {
@@ -8807,6 +9247,7 @@
     color: var(--empty-accent);
     font-size: var(--text-2xl);
     line-height: var(--leading-none);
+    margin-bottom: var(--space-xs);
 }
 
 .zx-empty-state__title {
@@ -8814,12 +9255,15 @@
     font-size: var(--text-lg);
     font-weight: var(--weight-bold);
     line-height: var(--leading-tight);
+    color: var(--color-base-content);
+    text-align: center;
 }
 
 .zx-empty-state__description {
-    max-inline-size: 36ch;
+    max-inline-size: 100%;
     font-size: var(--text-sm);
     line-height: var(--leading-normal);
+    text-align: center;
 }
 
 .zx-root .zx-empty-state__description {
@@ -8847,6 +9291,8 @@
     flex-wrap: wrap;
     justify-content: center;
     gap: var(--space-sm);
+    flex-direction: row;
+    margin-top: var(--space-sm);
 }
 
 .zx-empty-state__root.zx-a-color-primary {
@@ -9110,17 +9556,39 @@
 }
 
 .zx-badge__root {
+    --badge-dot: var(--badge-ink);
+    --badge-dot-ring: var(--badge-ink);
     --badge-fill: var(--color-base-200);
     --badge-ink: var(--color-base-content);
 }
 
+.zx-root .zx-badge__root {
+    --badge-dot-halo: #18181b59;
+}
+
+.zx-root.zx-theme-dark .zx-badge__root {
+    --badge-dot-halo: #ecf9ff59;
+}
+
+.zx-root.zx-theme-dim .zx-badge__root {
+    --badge-dot-halo: #b2ccd659;
+}
+
+.zx-root.zx-theme-nord .zx-badge__root {
+    --badge-dot-halo: #2e344059;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__root {
+    --badge-dot-halo: #9fb9d059;
+}
+
 .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: 0 solid transparent;
     border-radius: var(--radius-selector);
     padding: var(--space-2xs) var(--space-lg);
     font-size: var(--text-xs);
@@ -9128,21 +9596,41 @@
     line-height: var(--leading-normal);
     white-space: nowrap;
     text-decoration: none;
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    border-top-width: var(--border);
+    border-right-width: var(--border);
+    border-bottom-width: var(--border);
+    border-left-width: var(--border);
 }
 
 .zx-badge__dot {
-    display: inline-block;
+    display: flex;
     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);
+    border: 0 solid transparent;
+    width: 0.5em;
+    height: 0.5em;
+    flex-shrink: 0;
+    border-top-width: 0.1em;
+    border-right-width: 0.1em;
+    border-bottom-width: 0.1em;
+    border-left-width: 0.1em;
+    border-top-color: var(--badge-dot-ring);
+    border-right-color: var(--badge-dot-ring);
+    border-bottom-color: var(--badge-dot-ring);
+    border-left-color: var(--badge-dot-ring);
 }
 
 .zx-badge__dot.zx-s-running {
-    animation: zero-daisy-badge-pulse 1.6s ease-out infinite;
+    box-shadow: 0 0 0 0.2em var(--badge-dot-halo);
+    animation: zero-daisy-badge-pulse 1.6s ease-in-out infinite;
 }
 
 .zx-badge__root.zx-a-color-primary {
@@ -9155,6 +9643,26 @@
     --badge-dot-ring: var(--color-primary-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-primary {
+    --badge-dot-halo: #422ad559;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-primary {
+    --badge-dot-halo: #605dff59;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-primary {
+    --badge-dot-halo: #9fe88d59;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-primary {
+    --badge-dot-halo: #5e81ac59;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-primary {
+    --badge-dot-halo: #ff865b59;
+}
+
 .zx-badge__root.zx-a-color-secondary {
     --badge-fill: var(--color-secondary);
     --badge-ink: var(--color-secondary-content);
@@ -9165,6 +9673,26 @@
     --badge-dot-ring: var(--color-secondary-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-secondary {
+    --badge-dot-halo: #f4309859;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-secondary {
+    --badge-dot-halo: #f4309859;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-secondary {
+    --badge-dot-halo: #ff7d5d59;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-secondary {
+    --badge-dot-halo: #81a1c159;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-secondary {
+    --badge-dot-halo: #fd6f9c59;
+}
+
 .zx-badge__root.zx-a-color-accent {
     --badge-fill: var(--color-accent);
     --badge-ink: var(--color-accent-content);
@@ -9175,6 +9703,26 @@
     --badge-dot-ring: var(--color-accent-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-accent {
+    --badge-dot-halo: #00d3bb59;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-accent {
+    --badge-dot-halo: #00d3bb59;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-accent {
+    --badge-dot-halo: #c792e959;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-accent {
+    --badge-dot-halo: #88c0d059;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-accent {
+    --badge-dot-halo: #b387fa59;
+}
+
 .zx-badge__root.zx-a-color-neutral {
     --badge-fill: var(--color-neutral);
     --badge-ink: var(--color-neutral-content);
@@ -9185,6 +9733,26 @@
     --badge-dot-ring: var(--color-neutral-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-neutral {
+    --badge-dot-halo: #09090b59;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-neutral {
+    --badge-dot-halo: #09090b59;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-neutral {
+    --badge-dot-halo: #1c212b59;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-neutral {
+    --badge-dot-halo: #4c566a59;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-neutral {
+    --badge-dot-halo: #1b262c59;
+}
+
 .zx-badge__root.zx-a-color-info {
     --badge-fill: var(--color-info);
     --badge-ink: var(--color-info-content);
@@ -9195,6 +9763,26 @@
     --badge-dot-ring: var(--color-info-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-info {
+    --badge-dot-halo: #00bafe59;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-info {
+    --badge-dot-halo: #00bafe59;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-info {
+    --badge-dot-halo: #28ebff59;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-info {
+    --badge-dot-halo: #b48ead59;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-info {
+    --badge-dot-halo: #89e0eb59;
+}
+
 .zx-badge__root.zx-a-color-success {
     --badge-fill: var(--color-success);
     --badge-ink: var(--color-success-content);
@@ -9205,6 +9793,26 @@
     --badge-dot-ring: var(--color-success-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-success {
+    --badge-dot-halo: #00d39059;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-success {
+    --badge-dot-halo: #00d39059;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-success {
+    --badge-dot-halo: #62efbd59;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-success {
+    --badge-dot-halo: #a3be8d59;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-success {
+    --badge-dot-halo: #addfad59;
+}
+
 .zx-badge__root.zx-a-color-warning {
     --badge-fill: var(--color-warning);
     --badge-ink: var(--color-warning-content);
@@ -9215,6 +9823,26 @@
     --badge-dot-ring: var(--color-warning-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-warning {
+    --badge-dot-halo: #fcb70059;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-warning {
+    --badge-dot-halo: #fcb70059;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-warning {
+    --badge-dot-halo: #efd05759;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-warning {
+    --badge-dot-halo: #ebcb8b59;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-warning {
+    --badge-dot-halo: #f1c89259;
+}
+
 .zx-badge__root.zx-a-color-error {
     --badge-fill: var(--color-error);
     --badge-ink: var(--color-error-content);
@@ -9225,6 +9853,26 @@
     --badge-dot-ring: var(--color-error-content);
 }
 
+.zx-root .zx-badge__dot.zx-a-color-error {
+    --badge-dot-halo: #ff627d59;
+}
+
+.zx-root.zx-theme-dark .zx-badge__dot.zx-a-color-error {
+    --badge-dot-halo: #ff627d59;
+}
+
+.zx-root.zx-theme-dim .zx-badge__dot.zx-a-color-error {
+    --badge-dot-halo: #ffae9b59;
+}
+
+.zx-root.zx-theme-nord .zx-badge__dot.zx-a-color-error {
+    --badge-dot-halo: #bf616a59;
+}
+
+.zx-root.zx-theme-sunset .zx-badge__dot.zx-a-color-error {
+    --badge-dot-halo: #ffbbbd59;
+}
+
 .zx-badge__root.zx-a-size-xs {
     font-size: var(--text-xs);
     padding: 0 var(--space-sm);
@@ -9244,9 +9892,13 @@
     font-size: var(--text-md);
     padding: var(--space-xs) var(--space-xl);
 }
+@keyframes zero-daisy-badge-pulse {
+    from, to { opacity: 1; } 50% { opacity: 0.45; }
+}
 
 .zx-divider__root {
     --divider-ink: var(--color-base-300);
+    --divider-fit: auto;
 }
 
 .zx-divider__root {
@@ -9289,6 +9941,31 @@
     font-size: var(--text-sm);
     white-space: nowrap;
     color: var(--color-base-content);
+    padding-left: var(--space-md);
+    padding-right: var(--space-md);
+}
+
+.zx-divider__label.zx-p-start {
+    padding-left: calc(var(--space-md) * 0);
+}
+
+.zx-divider__label.zx-p-end {
+    padding-right: calc(var(--space-md) * 0);
+}
+
+.zx-divider__label.zx-o-vertical {
+    padding-left: calc(var(--space-md) * 0);
+    padding-right: calc(var(--space-md) * 0);
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+}
+
+.zx-divider__label.zx-o-vertical.zx-p-start {
+    padding-top: calc(var(--space-sm) * 0);
+}
+
+.zx-divider__label.zx-o-vertical.zx-p-end {
+    padding-bottom: calc(var(--space-sm) * 0);
 }
 
 .zx-divider__root.zx-a-color-primary {
@@ -9322,6 +9999,25 @@
 .zx-divider__root.zx-a-color-error {
     --divider-ink: var(--color-error);
 }
+.zx-divider__root.zx-m-labelled {
+    --divider-ink: transparent;
+}
+.zx-divider__root.zx-m-labelled.zx-o-horizontal {
+    flex-direction: row;
+    block-size: var(--divider-fit);
+}
+.zx-divider__root.zx-m-labelled.zx-o-vertical {
+    inline-size: var(--divider-fit);
+}
+.zx-divider__root.zx-m-segment {
+    flex: 1 1 0;
+}
+.zx-divider__root.zx-m-segment.zx-o-horizontal {
+    min-width: 0;
+}
+.zx-divider__root.zx-m-segment.zx-o-vertical {
+    min-height: 0;
+}
 
 .zx-skeleton__root {
     --skeleton-fill: var(--color-base-300);
@@ -9515,7 +10211,7 @@
     border-radius: var(--radius-box);
 }
 @keyframes zero-daisyui-skeleton {
-    from, to { opacity: 1; } 50% { opacity: 0.55; }
+    0% { opacity: 1; } 50% { opacity: 0.55; } 100% { opacity: 1; }
 }
 
 .zx-spinner__root {
@@ -9524,34 +10220,54 @@
 }
 
 .zx-spinner__root {
-    display: inline-block;
-    inline-size: calc(var(--size-field) * 0.5);
-    block-size: calc(var(--size-field) * 0.5);
+    display: flex;
+    inline-size: calc(var(--size-selector) * 6);
+    block-size: calc(var(--size-selector) * 6);
     box-sizing: border-box;
     border-radius: 50%;
-    border: calc(var(--border) * 2) solid var(--spinner-track);
+    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);
+    border-bottom-width: calc(var(--border) * 2);
+    border-left-width: calc(var(--border) * 2);
+    border-right-color: var(--spinner-track);
+    border-bottom-color: var(--spinner-track);
+    border-left-color: var(--spinner-track);
+    border-top-color: var(--spinner-ink);
 }
 
 .zx-spinner__root.zx-a-size-xs {
-    inline-size: calc(var(--size-field) * 0.35);
-    block-size: calc(var(--size-field) * 0.35);
+    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-field) * 0.42);
-    block-size: calc(var(--size-field) * 0.42);
+    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-field) * 0.7);
-    block-size: calc(var(--size-field) * 0.7);
+    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-field) * 0.9);
-    block-size: calc(var(--size-field) * 0.9);
+    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);
 }
 
 .zx-spinner__root.zx-a-color-primary {
@@ -9602,13 +10318,26 @@
     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);
+    border: 0 solid transparent;
     border-block-end-width: calc(var(--border) * 2);
     border-radius: var(--radius-field);
     font-size: var(--text-xs);
     font-weight: var(--weight-semibold);
     line-height: var(--leading-normal);
     white-space: nowrap;
+    width: max-content;
+    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);
+    border-bottom-width: calc(var(--border) * 2);
+    border-top-color: var(--color-base-300);
+    border-right-color: var(--color-base-300);
+    border-bottom-color: var(--color-base-300);
+    border-left-color: var(--color-base-300);
 }
 
 .zx-kbd__root.zx-a-color-primary {
@@ -9655,6 +10384,7 @@
     font-size: var(--text-xs);
     padding: 0 var(--space-xs);
     min-inline-size: 1.5em;
+    min-width: 1.5em;
 }
 
 .zx-kbd__root.zx-a-size-sm {
@@ -9676,8 +10406,28 @@
     --status-ink: var(--color-base-content);
 }
 
+.zx-root .zx-status__root {
+    --status-halo: #18181b40;
+}
+
+.zx-root.zx-theme-dark .zx-status__root {
+    --status-halo: #ecf9ff40;
+}
+
+.zx-root.zx-theme-dim .zx-status__root {
+    --status-halo: #b2ccd640;
+}
+
+.zx-root.zx-theme-nord .zx-status__root {
+    --status-halo: #2e344040;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root {
+    --status-halo: #9fb9d040;
+}
+
 .zx-status__root {
-    display: inline-block;
+    display: flex;
     inline-size: calc(var(--size-selector) * 2.5);
     block-size: calc(var(--size-selector) * 2.5);
     box-sizing: border-box;
@@ -9685,64 +10435,240 @@
     background: var(--status-ink);
     border: calc((var(--size-selector) * 2.5) / 2) solid var(--status-ink);
     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);
 }
 
 .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);
 }
 
 .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);
 }
 
 .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);
 }
 
 .zx-status__root.zx-a-color-primary {
     --status-ink: var(--color-primary);
 }
 
+.zx-root .zx-status__root.zx-a-color-primary {
+    --status-halo: #422ad540;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-primary {
+    --status-halo: #605dff40;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-primary {
+    --status-halo: #9fe88d40;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-primary {
+    --status-halo: #5e81ac40;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-primary {
+    --status-halo: #ff865b40;
+}
+
 .zx-status__root.zx-a-color-secondary {
     --status-ink: var(--color-secondary);
 }
 
+.zx-root .zx-status__root.zx-a-color-secondary {
+    --status-halo: #f4309840;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-secondary {
+    --status-halo: #f4309840;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-secondary {
+    --status-halo: #ff7d5d40;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-secondary {
+    --status-halo: #81a1c140;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-secondary {
+    --status-halo: #fd6f9c40;
+}
+
 .zx-status__root.zx-a-color-accent {
     --status-ink: var(--color-accent);
 }
 
+.zx-root .zx-status__root.zx-a-color-accent {
+    --status-halo: #00d3bb40;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-accent {
+    --status-halo: #00d3bb40;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-accent {
+    --status-halo: #c792e940;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-accent {
+    --status-halo: #88c0d040;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-accent {
+    --status-halo: #b387fa40;
+}
+
 .zx-status__root.zx-a-color-neutral {
     --status-ink: var(--color-neutral);
 }
 
+.zx-root .zx-status__root.zx-a-color-neutral {
+    --status-halo: #09090b40;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-neutral {
+    --status-halo: #09090b40;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-neutral {
+    --status-halo: #1c212b40;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-neutral {
+    --status-halo: #4c566a40;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-neutral {
+    --status-halo: #1b262c40;
+}
+
 .zx-status__root.zx-a-color-info {
     --status-ink: var(--color-info);
 }
 
+.zx-root .zx-status__root.zx-a-color-info {
+    --status-halo: #00bafe40;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-info {
+    --status-halo: #00bafe40;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-info {
+    --status-halo: #28ebff40;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-info {
+    --status-halo: #b48ead40;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-info {
+    --status-halo: #89e0eb40;
+}
+
 .zx-status__root.zx-a-color-success {
     --status-ink: var(--color-success);
 }
 
+.zx-root .zx-status__root.zx-a-color-success {
+    --status-halo: #00d39040;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-success {
+    --status-halo: #00d39040;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-success {
+    --status-halo: #62efbd40;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-success {
+    --status-halo: #a3be8d40;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-success {
+    --status-halo: #addfad40;
+}
+
 .zx-status__root.zx-a-color-warning {
     --status-ink: var(--color-warning);
 }
 
+.zx-root .zx-status__root.zx-a-color-warning {
+    --status-halo: #fcb70040;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-warning {
+    --status-halo: #fcb70040;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-warning {
+    --status-halo: #efd05740;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-warning {
+    --status-halo: #ebcb8b40;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-warning {
+    --status-halo: #f1c89240;
+}
+
 .zx-status__root.zx-a-color-error {
     --status-ink: var(--color-error);
 }
 
+.zx-root .zx-status__root.zx-a-color-error {
+    --status-halo: #ff627d40;
+}
+
+.zx-root.zx-theme-dark .zx-status__root.zx-a-color-error {
+    --status-halo: #ff627d40;
+}
+
+.zx-root.zx-theme-dim .zx-status__root.zx-a-color-error {
+    --status-halo: #ffae9b40;
+}
+
+.zx-root.zx-theme-nord .zx-status__root.zx-a-color-error {
+    --status-halo: #bf616a40;
+}
+
+.zx-root.zx-theme-sunset .zx-status__root.zx-a-color-error {
+    --status-halo: #ffbbbd40;
+}
+
 .zx-indicator__root {
     position: relative;
     display: flex;
@@ -9862,6 +10788,7 @@
     border: var(--border) solid var(--color-base-200);
     border-radius: var(--radius-box);
     background: var(--color-base-100);
+    flex-direction: row;
 }
 
 .zx-stats__root.zx-o-vertical {
@@ -9869,12 +10796,31 @@
 }
 
 .zx-stats__item {
-    display: grid;
+    display: flex;
     grid-template-columns: 1fr auto;
     column-gap: var(--space-md);
     align-content: center;
     flex: 1 1 0%;
-    padding: var(--space-lg) var(--space-xl);
+    padding: 0;
+    flex-direction: column;
+    justify-content: center;
+    position: relative;
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+    padding-left: var(--space-xl);
+    padding-right: var(--space-xl);
+}
+
+.zx-stats__item.zx-o-horizontal {
+    border-left-width: var(--border);
+    border-left-style: solid;
+    border-left-color: var(--color-base-200);
+}
+
+.zx-stats__item.zx-o-vertical {
+    border-top-width: var(--border);
+    border-top-style: solid;
+    border-top-color: var(--color-base-200);
 }
 
 .zx-stats__title {
@@ -9939,7 +10885,14 @@
 .zx-stats__figure {
     grid-column: 2;
     grid-row: 1 / span 3;
-    align-self: center;
+    align-self: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: var(--space-xl);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 }
 
 .zx-root .zx-stats__item.zx-a-color-primary {
@@ -10117,6 +11070,15 @@
 .zx-stats__value.zx-a-size-xl {
     font-size: var(--text-3xl);
 }
+.zx-stats__item.zx-m-first.zx-o-horizontal {
+    border-left-width: calc(var(--border) * 0);
+}
+.zx-stats__item.zx-m-first.zx-o-vertical {
+    border-top-width: calc(var(--border) * 0);
+}
+.zx-stats__item.zx-m-figure {
+    padding-right: calc(var(--space-xl) + var(--space-md) + 32px);
+}
 
 .zx-timeline__root {
     --timeline-accent: var(--color-base-content);