@sigx/zero-daisyui 0.7.0 → 0.8.0

package/dist/lynx/index.css

@@ -698,8 +698,9 @@
 }
 
 .zx-tabs__tab.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-tabs__tab.zx-f-pressed {
@@ -1104,6 +1105,11 @@
     box-shadow: var(--shadow-sm);
 }
 
+.zx-tabs__tab.zx-a-variant-box.zx-f-focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px var(--color-base-200), 0 0 0 4px var(--color-base-content);
+}
+
 .zx-tabs__tab.zx-a-variant-box.zx-a-color-primary.zx-s-active {
     background: var(--color-primary);
     color: var(--color-primary-content);
@@ -1478,8 +1484,9 @@
 }
 
 .zx-switch__control.zx-f-focus-visible {
-    outline: 2px solid var(--switch-accent);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--switch-accent), 0 1px var(--depth-shade) inset;
 }
 
 .zx-switch__thumb {
@@ -1587,6 +1594,9 @@
     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;
 }
 
 .zx-dialog__trigger.zx-f-disabled {
@@ -1595,8 +1605,9 @@
 }
 
 .zx-dialog__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-dialog__trigger.zx-f-pressed {
@@ -1694,8 +1705,9 @@
 }
 
 .zx-dialog__close.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-dialog__close.zx-f-pressed {
@@ -1729,8 +1741,9 @@
 }
 
 .zx-dialog__cancel.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-dialog__cancel.zx-f-pressed {
@@ -1876,6 +1889,9 @@
     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;
 }
 
 .zx-popover__trigger.zx-f-disabled {
@@ -1888,8 +1904,9 @@
 }
 
 .zx-popover__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-popover__trigger.zx-f-pressed {
@@ -1972,8 +1989,9 @@
 }
 
 .zx-popover__close.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-popover__close.zx-f-pressed {
@@ -2267,6 +2285,218 @@
     padding-right: calc(var(--size-field) * 6);
 }
 
+.zx-hover-card__trigger {
+    color: inherit;
+    text-decoration-line: underline;
+    text-underline-offset: 2px;
+    cursor: pointer;
+    border-radius: var(--radius-selector);
+}
+
+.zx-hover-card__trigger.zx-s-open {
+    text-decoration-thickness: 2px;
+}
+
+.zx-hover-card__trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-hover-card__popup {
+    opacity: 0;
+    transform: translateY(-4px);
+    transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;
+    background: var(--color-base-100);
+    color: var(--color-base-content);
+    border: var(--border) solid var(--color-base-300);
+    border-radius: var(--radius-box);
+    box-shadow: var(--shadow-lg);
+    padding: var(--space-xl);
+    max-width: 20rem;
+    font-size: var(--text-sm);
+}
+
+.zx-hover-card__popup.zx-s-open {
+    opacity: 1;
+    transform: none;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-primary {
+    color: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-primary {
+    color: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-primary {
+    color: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-primary {
+    color: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-primary {
+    color: #fb8a62;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-secondary {
+    color: #e68aac;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-accent {
+    color: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-accent {
+    color: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-accent {
+    color: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-accent {
+    color: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-accent {
+    color: #ab9fe8;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-neutral {
+    color: #667a8a;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-info {
+    color: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-info {
+    color: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-info {
+    color: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-info {
+    color: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-info {
+    color: #91d4e3;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-success {
+    color: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-success {
+    color: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-success {
+    color: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-success {
+    color: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-success {
+    color: #a6cebe;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-warning {
+    color: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-warning {
+    color: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-warning {
+    color: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-warning {
+    color: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-warning {
+    color: #c5c1b7;
+}
+
+.zx-root .zx-hover-card__trigger.zx-a-color-error {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-hover-card__trigger.zx-a-color-error {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-hover-card__trigger.zx-a-color-error {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-hover-card__trigger.zx-a-color-error {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-hover-card__trigger.zx-a-color-error {
+    color: #f2bbc0;
+}
+
+.zx-hover-card__trigger.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-hover-card__trigger.zx-a-size-sm {
+    font-size: var(--text-sm);
+}
+
+.zx-hover-card__trigger.zx-a-size-lg {
+    font-size: var(--text-lg);
+}
+
+.zx-hover-card__trigger.zx-a-size-xl {
+    font-size: var(--text-xl);
+}
+
 .zx-menu__trigger {
     appearance: none;
     display: flex;
@@ -2443,6 +2673,13 @@
     opacity: 0.6;
 }
 
+.zx-menu__shortcut {
+    font-size: var(--text-xs);
+    opacity: 0.75;
+    margin-left: auto;
+    padding-left: var(--space-lg);
+}
+
 .zx-menu__separator {
     height: var(--border);
     margin: var(--space-sm) var(--space-md);
@@ -2565,128 +2802,328 @@
     padding-right: calc(var(--size-field) * 6);
 }
 
-.zx-field__root {
-    --field-accent: var(--color-base-content);
+.zx-menubar__root {
+    --menubar-surface: var(--color-base-200);
 }
 
-.zx-field__root {
+.zx-menubar__root {
     display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+    padding: var(--space-xs);
+    width: max-content;
+    max-width: 100%;
+    flex-wrap: wrap;
+    background: var(--menubar-surface);
+    border-radius: var(--radius-box);
+}
+
+.zx-menubar__root.zx-o-vertical {
     flex-direction: column;
-    gap: var(--space-sm);
+    align-items: stretch;
 }
 
-.zx-field__label {
-    font-size: var(--text-sm);
-    font-weight: var(--weight-semibold);
-    color: var(--field-accent);
+.zx-root .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #dee2f7;
 }
 
-.zx-field__label.zx-f-disabled {
-    opacity: var(--disabled-opacity);
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #1a283b;
 }
 
-.zx-field__description {
-    margin: 0;
-    font-size: var(--text-xs);
-    opacity: 0.6;
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #2d3c4c;
 }
 
-.zx-field__error {
-    margin: 0;
-    font-size: var(--text-xs);
-    font-weight: var(--weight-medium);
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #d5dce8;
 }
 
-.zx-root .zx-field__error {
-    color: #d9576d;
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-primary {
+    --menubar-surface: #1b2537;
 }
 
-.zx-root.zx-theme-dark .zx-field__error {
-    color: #ff7d90;
+.zx-root .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #fce4ec;
 }
 
-.zx-root.zx-theme-dim .zx-field__error {
-    color: #f5b3a4;
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #20293e;
 }
 
-.zx-root.zx-theme-nord .zx-field__error {
-    color: #a85b64;
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #33354a;
 }
 
-.zx-root.zx-theme-sunset .zx-field__error {
-    color: #f2bbc0;
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #d9e0eb;
 }
 
-.zx-root .zx-field__root.zx-a-color-primary {
-    --field-accent: #3f2bcb;
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-secondary {
+    --menubar-surface: #182537;
 }
 
-.zx-root.zx-theme-dark .zx-field__root.zx-a-color-primary {
-    --field-accent: #6567ff;
+.zx-root .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #e5f4f1;
 }
 
-.zx-root.zx-theme-dim .zx-field__root.zx-a-color-primary {
-    --field-accent: #a0e791;
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #212f3b;
 }
 
-.zx-root.zx-theme-nord .zx-field__root.zx-a-color-primary {
-    --field-accent: #5c7da6;
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #303648;
 }
 
-.zx-root.zx-theme-sunset .zx-field__root.zx-a-color-primary {
-    --field-accent: #fb8a62;
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #dce3ee;
 }
 
-.zx-root .zx-field__root.zx-a-color-secondary {
-    --field-accent: #ad316f;
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-accent {
+    --menubar-surface: #162636;
 }
 
-.zx-root.zx-theme-dark .zx-field__root.zx-a-color-secondary {
-    --field-accent: #fa7cb6;
+.zx-root .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #d7d7d7;
 }
 
-.zx-root.zx-theme-dim .zx-field__root.zx-a-color-secondary {
-    --field-accent: #ed9984;
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #171b21;
 }
 
-.zx-root.zx-theme-nord .zx-field__root.zx-a-color-secondary {
-    --field-accent: #677e98;
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #232832;
 }
 
-.zx-root.zx-theme-sunset .zx-field__root.zx-a-color-secondary {
-    --field-accent: #e68aac;
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #d1d6df;
 }
 
-.zx-root .zx-field__root.zx-a-color-accent {
-    --field-accent: #2b786d;
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-neutral {
+    --menubar-surface: #0f1920;
 }
 
-.zx-root.zx-theme-dark .zx-field__root.zx-a-color-accent {
-    --field-accent: #93e5d9;
+.zx-root .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #e3f1fa;
 }
 
-.zx-root.zx-theme-dim .zx-field__root.zx-a-color-accent {
-    --field-accent: #bfade1;
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #212e3b;
 }
 
-.zx-root.zx-theme-nord .zx-field__root.zx-a-color-accent {
-    --field-accent: #5e7d8c;
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #2f3b4d;
 }
 
-.zx-root.zx-theme-sunset .zx-field__root.zx-a-color-accent {
-    --field-accent: #ab9fe8;
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #dbdfeb;
 }
 
-.zx-root .zx-field__root.zx-a-color-neutral {
-    --field-accent: #121214;
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-info {
+    --menubar-surface: #1b2a34;
 }
 
-.zx-root.zx-theme-dark .zx-field__root.zx-a-color-neutral {
-    --field-accent: #878e92;
+.zx-root .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #e4f4eb;
 }
 
-.zx-root.zx-theme-dim .zx-field__root.zx-a-color-neutral {
-    --field-accent: #71828c;
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #1e2f3c;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #2e3c4c;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #d9e4ee;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-success {
+    --menubar-surface: #1a2b33;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #f9f1e3;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #1d323c;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #2b3d4b;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #dbe8f2;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-warning {
+    --menubar-surface: #192c32;
+}
+
+.zx-root .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #fce7e9;
+}
+
+.zx-root.zx-theme-dark .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #232b3d;
+}
+
+.zx-root.zx-theme-dim .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #363849;
+}
+
+.zx-root.zx-theme-nord .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #d7dbec;
+}
+
+.zx-root.zx-theme-sunset .zx-menubar__root.zx-a-color-error {
+    --menubar-surface: #202936;
+}
+
+.zx-menubar__root.zx-a-size-xs {
+    gap: 0;
+    padding: 0;
+}
+
+.zx-menubar__root.zx-a-size-sm {
+    padding: var(--space-2xs);
+}
+
+.zx-menubar__root.zx-a-size-lg {
+    gap: var(--space-sm);
+    padding: var(--space-sm);
+}
+
+.zx-menubar__root.zx-a-size-xl {
+    gap: var(--space-md);
+    padding: var(--space-sm);
+}
+
+.zx-field__root {
+    --field-accent: var(--color-base-content);
+}
+
+.zx-field__root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+}
+
+.zx-field__label {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    color: var(--field-accent);
+}
+
+.zx-field__label.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-field__description {
+    margin: 0;
+    font-size: var(--text-xs);
+    opacity: 0.6;
+}
+
+.zx-field__error {
+    margin: 0;
+    font-size: var(--text-xs);
+    font-weight: var(--weight-medium);
+}
+
+.zx-root .zx-field__error {
+    color: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-field__error {
+    color: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-field__error {
+    color: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-field__error {
+    color: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-field__error {
+    color: #f2bbc0;
+}
+
+.zx-root .zx-field__root.zx-a-color-primary {
+    --field-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-field__root.zx-a-color-primary {
+    --field-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-field__root.zx-a-color-primary {
+    --field-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-field__root.zx-a-color-primary {
+    --field-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-field__root.zx-a-color-primary {
+    --field-accent: #fb8a62;
+}
+
+.zx-root .zx-field__root.zx-a-color-secondary {
+    --field-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-field__root.zx-a-color-secondary {
+    --field-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-field__root.zx-a-color-secondary {
+    --field-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-field__root.zx-a-color-secondary {
+    --field-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-field__root.zx-a-color-secondary {
+    --field-accent: #e68aac;
+}
+
+.zx-root .zx-field__root.zx-a-color-accent {
+    --field-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-field__root.zx-a-color-accent {
+    --field-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-field__root.zx-a-color-accent {
+    --field-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-field__root.zx-a-color-accent {
+    --field-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-field__root.zx-a-color-accent {
+    --field-accent: #ab9fe8;
+}
+
+.zx-root .zx-field__root.zx-a-color-neutral {
+    --field-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-field__root.zx-a-color-neutral {
+    --field-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-field__root.zx-a-color-neutral {
+    --field-accent: #71828c;
 }
 
 .zx-root.zx-theme-nord .zx-field__root.zx-a-color-neutral {
@@ -3932,7 +4369,7 @@
 }
 
 .zx-slider__control.zx-f-focus-visible {
-    outline: 2px solid var(--slider-accent);
+    outline: none;
     outline-offset: 2px;
 }
 
@@ -4095,8 +4532,9 @@
 }
 
 .zx-slider__thumb.zx-f-focus-visible {
-    outline: 2px solid var(--slider-accent);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--slider-accent), 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
 }
 
 .zx-slider__thumb.zx-f-readonly {
@@ -4421,8 +4859,10 @@
 }
 
 .zx-accordion__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);
+    border-radius: calc(var(--radius-box) - var(--border));
 }
 
 .zx-accordion__trigger.zx-f-pressed {
@@ -4642,7 +5082,9 @@
     display: flex;
     flex-direction: column;
     position: relative;
+    width: 20rem;
     max-width: 100%;
+    min-width: 3rem;
 }
 
 .zx-select__trigger {
@@ -4665,7 +5107,7 @@
     min-width: 3rem;
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
-    width: 20rem;
+    width: 100%;
     max-width: 100%;
 }
 
@@ -4687,8 +5129,9 @@
 }
 
 .zx-select__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-select__trigger.zx-f-pressed {
@@ -4767,8 +5210,9 @@
 }
 
 .zx-select__clear-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-select__popup {
@@ -4782,6 +5226,7 @@
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
     min-width: 13rem;
+    --select-accent: var(--color-primary);
 }
 
 .zx-select__popup.zx-s-open {
@@ -4849,34 +5294,66 @@
     --select-accent: var(--color-primary);
 }
 
+.zx-select__popup.zx-a-color-primary {
+    --select-accent: var(--color-primary);
+}
+
 .zx-select__root.zx-a-color-secondary {
     --select-accent: var(--color-secondary);
 }
 
+.zx-select__popup.zx-a-color-secondary {
+    --select-accent: var(--color-secondary);
+}
+
 .zx-select__root.zx-a-color-accent {
     --select-accent: var(--color-accent);
 }
 
+.zx-select__popup.zx-a-color-accent {
+    --select-accent: var(--color-accent);
+}
+
 .zx-select__root.zx-a-color-neutral {
     --select-accent: var(--color-neutral);
 }
 
+.zx-select__popup.zx-a-color-neutral {
+    --select-accent: var(--color-neutral);
+}
+
 .zx-select__root.zx-a-color-info {
     --select-accent: var(--color-info);
 }
 
+.zx-select__popup.zx-a-color-info {
+    --select-accent: var(--color-info);
+}
+
 .zx-select__root.zx-a-color-success {
     --select-accent: var(--color-success);
 }
 
+.zx-select__popup.zx-a-color-success {
+    --select-accent: var(--color-success);
+}
+
 .zx-select__root.zx-a-color-warning {
     --select-accent: var(--color-warning);
 }
 
+.zx-select__popup.zx-a-color-warning {
+    --select-accent: var(--color-warning);
+}
+
 .zx-select__root.zx-a-color-error {
     --select-accent: var(--color-error);
 }
 
+.zx-select__popup.zx-a-color-error {
+    --select-accent: var(--color-error);
+}
+
 .zx-select__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
     font-size: var(--text-xs);
@@ -4944,11 +5421,18 @@
     block-size: 1em;
     flex: none;
     border-radius: 9999px;
-    border: calc(var(--border) * 2) solid var(--btn-ink);
+    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);
+    border-left-width: calc(var(--border) * 2);
+    border-right-color: var(--btn-ink);
+    border-bottom-color: var(--btn-ink);
+    border-left-color: var(--btn-ink);
     border-top-color: transparent;
 }
 
@@ -4959,7 +5443,7 @@
     align-items: center;
     justify-content: center;
     gap: 0.5em;
-    border: var(--border) solid transparent;
+    border: 0 solid transparent;
     border-radius: var(--radius-field);
     box-shadow: var(--shadow-xs);
     font-family: inherit;
@@ -4967,6 +5451,13 @@
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    border-top-width: var(--border);
+    border-right-width: var(--border);
+    border-bottom-width: var(--border);
+    border-left-width: var(--border);
 }
 
 .zx-button__root.zx-s-loading {
@@ -5006,8 +5497,9 @@
 }
 
 .zx-button__root.zx-f-focus-visible {
-    outline: 2px solid var(--btn-ink);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--btn-ink);
 }
 
 .zx-button__root.zx-f-pressed {
@@ -5229,14 +5721,19 @@
 }
 
 .zx-button__spinner.zx-a-variant-solid {
-    border-color: var(--btn-on-accent);
-    border-top-color: transparent;
+    border-right-color: var(--btn-on-accent);
+    border-bottom-color: var(--btn-on-accent);
+    border-left-color: var(--btn-on-accent);
 }
 
 .zx-button__root.zx-a-variant-outline {
     background: transparent;
     color: var(--btn-ink);
-    border-color: var(--btn-ink);
+    border-color: transparent;
+    border-top-color: var(--btn-ink);
+    border-right-color: var(--btn-ink);
+    border-bottom-color: var(--btn-ink);
+    border-left-color: var(--btn-ink);
 }
 
 .zx-button__root.zx-a-variant-outline.zx-f-disabled {
@@ -5260,8 +5757,12 @@
 .zx-button__root.zx-a-variant-dash {
     background: transparent;
     color: var(--btn-ink);
-    border-color: var(--btn-ink);
+    border-color: transparent;
     border-style: dashed;
+    border-top-color: var(--btn-ink);
+    border-right-color: var(--btn-ink);
+    border-bottom-color: var(--btn-ink);
+    border-left-color: var(--btn-ink);
 }
 
 .zx-button__root.zx-a-variant-dash.zx-f-disabled {
@@ -5280,47 +5781,76 @@
     background: transparent;
 }
 
+.zx-button__root.zx-a-variant-link.zx-f-focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--btn-ink);
+}
+
 .zx-button__root.zx-a-size-xs {
     height: calc(var(--size-field) * 6);
-    padding: var(--space-2xs) var(--space-xs);
+    padding: 0;
     font-size: var(--text-xs);
+    padding-top: var(--space-2xs);
+    padding-bottom: var(--space-2xs);
+    padding-right: var(--space-xs);
+    padding-left: var(--space-xs);
 }
 
 .zx-button__root.zx-a-size-sm {
     height: calc(var(--size-field) * 8);
-    padding: var(--space-xs) var(--space-sm);
+    padding: 0;
     font-size: var(--text-sm);
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+    padding-right: var(--space-sm);
+    padding-left: var(--space-sm);
 }
 
 .zx-button__root.zx-a-size-md {
     height: calc(var(--size-field) * 10);
-    padding: var(--space-sm) var(--space-lg);
+    padding: 0;
     font-size: var(--text-md);
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+    padding-right: var(--space-lg);
+    padding-left: var(--space-lg);
 }
 
 .zx-button__root.zx-a-size-lg {
     height: calc(var(--size-field) * 12);
-    padding: var(--space-md) var(--space-xl);
+    padding: 0;
     font-size: var(--text-lg);
+    padding-top: var(--space-md);
+    padding-bottom: var(--space-md);
+    padding-right: var(--space-xl);
+    padding-left: var(--space-xl);
 }
 
 .zx-button__root.zx-a-size-xl {
     height: calc(var(--size-field) * 14);
-    padding: var(--space-lg) var(--space-2xl);
+    padding: 0;
     font-size: var(--text-xl);
+    padding-top: var(--space-lg);
+    padding-bottom: var(--space-lg);
+    padding-right: var(--space-2xl);
+    padding-left: var(--space-2xl);
 }
 
 .zx-button__root.zx-m-wide {
     inline-size: 100%;
     max-inline-size: 16rem;
+    width: 100%;
+    max-width: 16rem;
 }
 
 .zx-button__root.zx-m-block {
     inline-size: 100%;
+    width: 100%;
 }
 
 .zx-button__root.zx-m-square {
     aspect-ratio: 1;
+    width: auto;
     padding-left: 0;
     padding-right: 0;
 }
@@ -5328,6 +5858,7 @@
 .zx-button__root.zx-m-circle {
     aspect-ratio: 1;
     border-radius: 9999px;
+    width: auto;
     padding-left: 0;
     padding-right: 0;
 }
@@ -5337,6 +5868,11 @@
     box-shadow: none;
     filter: brightness(0.92);
 }
+
+.zx-button__root.zx-m-active.zx-f-focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--btn-ink);
+}
 @keyframes zero-daisyui-btn-spin {
     to { transform: rotate(360deg) }
 }
@@ -5461,6 +5997,7 @@
     --toast-bg: var(--color-base-200);
     --toast-ink: var(--color-base-content);
     --toast-from: 8px;
+    --toast-mark: 1rem;
 }
 
 .zx-toast__viewport {
@@ -5561,31 +6098,93 @@
     --toast-from: -8px;
 }
 
-.zx-toast__title {
+.zx-toast__indicator {
     grid-column: 1;
-    font-weight: var(--weight-semibold);
-    padding-right: 1.75em;
+    grid-row: 1 / span 2;
+    inline-size: var(--toast-mark);
+    block-size: var(--toast-mark);
+    box-sizing: border-box;
 }
 
-.zx-toast__description {
-    grid-column: 1;
-    font-size: var(--text-xs);
-    color: var(--toast-ink);
-    opacity: 0.75;
+.zx-toast__indicator.zx-s-loading {
+    border-radius: 50%;
+    border-block-start-color: var(--toast-ink);
+    animation: zero-daisyui-toast-spin 0.75s linear infinite;
 }
 
-.zx-toast__action {
-    grid-column: 2;
-    grid-row: 1;
-    appearance: none;
-    border: var(--border) solid var(--toast-ink);
-    background: transparent;
-    color: var(--toast-ink);
-    border-radius: 9999px;
-    padding: var(--space-2xs) var(--space-md);
-    font-size: var(--text-xs);
-    font-weight: var(--weight-semibold);
-    cursor: pointer;
+.zx-toast__indicator.zx-s-complete {
+    clip-path: polygon(15.1% 41.3%, 1% 55%, 37.6% 92.8%, 99% 19.8%, 83.9% 7.2%, 36.6% 63.5%);
+}
+
+.zx-root .zx-toast__indicator.zx-s-complete {
+    background: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-s-complete {
+    background: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-s-complete {
+    background: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-s-complete {
+    background: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-complete {
+    background: #a6cebe;
+}
+
+.zx-toast__indicator.zx-s-error {
+    clip-path: polygon(20% 8%, 50% 38%, 80% 8%, 92% 20%, 62% 50%, 92% 80%, 80% 92%, 50% 62%, 20% 92%, 8% 80%, 38% 50%, 8% 20%);
+}
+
+.zx-root .zx-toast__indicator.zx-s-error {
+    background: #8f424e;
+}
+
+.zx-root.zx-theme-dark .zx-toast__indicator.zx-s-error {
+    background: #ffabb6;
+}
+
+.zx-root.zx-theme-dim .zx-toast__indicator.zx-s-error {
+    background: #e0bdb6;
+}
+
+.zx-root.zx-theme-nord .zx-toast__indicator.zx-s-error {
+    background: #7c4e57;
+}
+
+.zx-root.zx-theme-sunset .zx-toast__indicator.zx-s-error {
+    background: #d6bbc6;
+}
+
+.zx-toast__title {
+    grid-column: 1;
+    font-weight: var(--weight-semibold);
+    padding-right: 1.75em;
+}
+
+.zx-toast__description {
+    grid-column: 1;
+    font-size: var(--text-xs);
+    color: var(--toast-ink);
+    opacity: 0.75;
+}
+
+.zx-toast__action {
+    grid-column: 2;
+    grid-row: 1;
+    appearance: none;
+    border: var(--border) solid var(--toast-ink);
+    background: transparent;
+    color: var(--toast-ink);
+    border-radius: 9999px;
+    padding: var(--space-2xs) var(--space-md);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-semibold);
+    cursor: pointer;
     margin-top: var(--space-xs);
 }
 
@@ -5595,8 +6194,9 @@
 }
 
 .zx-toast__action.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--toast-bg), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-toast__close {
@@ -5620,8 +6220,9 @@
 }
 
 .zx-toast__close.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--toast-bg), 0 0 0 4px var(--color-base-content);
 }
 
 .zx-toast__root.zx-a-color-primary {
@@ -5691,6 +6292,9 @@
 .zx-toast__description.zx-a-size-xl {
     font-size: var(--text-md);
 }
+@keyframes zero-daisyui-toast-spin {
+    to { transform: rotate(360deg); }
+}
 
 .zx-combobox__root {
     --combobox-accent: var(--color-primary);
@@ -6752,6 +7356,8 @@
     --tree-accent: var(--color-primary);
     --tree-text: var(--text-sm);
     --tree-on-accent: var(--color-primary-content);
+    --tree-check: var(--tree-accent);
+    --tree-on-check: var(--tree-on-accent);
 }
 
 .zx-tree-view__root {
@@ -6852,6 +7458,32 @@
     transform: rotate(45deg);
 }
 
+.zx-tree-view__node-checkbox {
+    display: inline-block;
+    position: relative;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    width: 1.25em;
+    height: 1.25em;
+    border: var(--border) solid var(--tree-check);
+    border-radius: var(--radius-selector);
+    box-shadow: 0 1px var(--depth-shade) inset;
+    cursor: pointer;
+    transition: background-color var(--duration-normal) var(--ease-standard);
+}
+
+.zx-tree-view__node-checkbox.zx-s-checked {
+    background-color: var(--tree-check);
+}
+
+.zx-tree-view__node-checkbox.zx-s-indeterminate {
+    background-color: var(--tree-check);
+}
+
+.zx-tree-view__node-checkbox.zx-f-disabled {
+    cursor: not-allowed;
+}
+
 .zx-tree-view__branch-content {
     display: flex;
     flex-direction: column;
@@ -7386,6 +8018,15 @@
     overflow: hidden;
 }
 
+.zx-card__media {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0;
+    inline-size: 100%;
+    object-fit: cover;
+}
+
 .zx-card__header {
     display: flex;
     flex-direction: column;
@@ -8260,35 +8901,26 @@
 }
 
 .zx-divider__root {
+    display: flex;
+    align-items: center;
     border: none;
-    background: var(--divider-ink);
     align-self: stretch;
 }
 
 .zx-divider__root.zx-o-horizontal {
     inline-size: 100%;
-    block-size: var(--border);
-}
-
-.zx-divider__root.zx-o-horizontal.zx-a-size-lg {
-    block-size: calc(var(--border) * 2);
-}
-
-.zx-divider__root.zx-o-horizontal.zx-a-size-xl {
-    block-size: calc(var(--border) * 3);
 }
 
 .zx-divider__root.zx-o-vertical {
-    inline-size: var(--border);
+    flex-direction: column;
     min-block-size: 1em;
 }
 
-.zx-divider__root.zx-o-vertical.zx-a-size-lg {
-    inline-size: calc(var(--border) * 2);
-}
-
-.zx-divider__root.zx-o-vertical.zx-a-size-xl {
-    inline-size: calc(var(--border) * 3);
+.zx-divider__label {
+    flex: none;
+    font-size: var(--text-sm);
+    white-space: nowrap;
+    color: var(--color-base-content);
 }
 
 .zx-divider__root.zx-a-color-primary {
@@ -9303,6 +9935,38 @@
     flex-basis: 100%;
 }
 
+.zx-timeline__title {
+    display: block;
+    margin: 0;
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-tight);
+}
+
+.zx-timeline__description {
+    display: block;
+    margin: 0;
+}
+
+.zx-root .zx-timeline__description {
+    color: #18181bb3;
+}
+
+.zx-root.zx-theme-dark .zx-timeline__description {
+    color: #ecf9ffb3;
+}
+
+.zx-root.zx-theme-dim .zx-timeline__description {
+    color: #b2ccd6b3;
+}
+
+.zx-root.zx-theme-nord .zx-timeline__description {
+    color: #2e3440b3;
+}
+
+.zx-root.zx-theme-sunset .zx-timeline__description {
+    color: #9fb9d0b3;
+}
+
 .zx-timeline__marker.zx-a-color-primary {
     --timeline-accent: var(--color-primary);
     --timeline-ring: var(--color-primary-content);
@@ -9506,6 +10170,154 @@
     padding: var(--space-md) var(--space-xl);
 }
 
+.zx-chat-log__root {
+    --chat-log-fill: var(--color-primary);
+    --chat-log-on-fill: var(--color-primary-content);
+}
+
+.zx-chat-log__root {
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    overscroll-behavior-y: contain;
+    border-radius: var(--radius-box);
+    background: var(--color-base-100);
+    color: var(--color-base-content);
+    border: var(--border) solid var(--color-base-300);
+    padding: var(--space-sm) var(--space-md);
+}
+
+.zx-chat-log__root.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: -2px;
+}
+
+.zx-chat-log__content {
+    flex: none;
+    display: grid;
+    row-gap: var(--space-xs);
+}
+
+.zx-chat-log__jump-trigger {
+    position: sticky;
+    align-self: center;
+    flex: none;
+    block-size: calc(var(--size-field) * 8);
+    appearance: none;
+    display: flex;
+    align-items: center;
+    gap: var(--space-2xs);
+    border: var(--border) solid transparent;
+    border-radius: 9999px;
+    background: var(--chat-log-fill);
+    color: var(--chat-log-on-fill);
+    box-shadow: var(--shadow-xs);
+    font-family: inherit;
+    font-size: var(--text-xs);
+    font-weight: var(--weight-semibold);
+    line-height: var(--leading-none);
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-xs {
+    block-size: calc(var(--size-field) * 6);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-sm {
+    block-size: calc(var(--size-field) * 7);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-lg {
+    block-size: calc(var(--size-field) * 9);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-xl {
+    block-size: calc(var(--size-field) * 10);
+}
+
+.zx-chat-log__jump-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-chat-log__jump-trigger.zx-f-pressed {
+    transform: translateY(1px);
+    box-shadow: none;
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-primary {
+    --chat-log-fill: var(--color-primary);
+    --chat-log-on-fill: var(--color-primary-content);
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-secondary {
+    --chat-log-fill: var(--color-secondary);
+    --chat-log-on-fill: var(--color-secondary-content);
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-accent {
+    --chat-log-fill: var(--color-accent);
+    --chat-log-on-fill: var(--color-accent-content);
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-neutral {
+    --chat-log-fill: var(--color-neutral);
+    --chat-log-on-fill: var(--color-neutral-content);
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-info {
+    --chat-log-fill: var(--color-info);
+    --chat-log-on-fill: var(--color-info-content);
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-success {
+    --chat-log-fill: var(--color-success);
+    --chat-log-on-fill: var(--color-success-content);
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-warning {
+    --chat-log-fill: var(--color-warning);
+    --chat-log-on-fill: var(--color-warning-content);
+}
+
+.zx-chat-log__jump-trigger.zx-a-color-error {
+    --chat-log-fill: var(--color-error);
+    --chat-log-on-fill: var(--color-error-content);
+}
+
+.zx-chat-log__content.zx-a-size-xs {
+    row-gap: var(--space-2xs);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-chat-log__content.zx-a-size-sm {
+    row-gap: var(--space-2xs);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-chat-log__content.zx-a-size-lg {
+    row-gap: var(--space-sm);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-lg {
+    font-size: var(--text-sm);
+}
+
+.zx-chat-log__content.zx-a-size-xl {
+    row-gap: var(--space-md);
+}
+
+.zx-chat-log__jump-trigger.zx-a-size-xl {
+    font-size: var(--text-sm);
+}
+
 .zx-radial-progress__root {
     --radial-ink: var(--color-primary);
     --radial-track: var(--color-base-200);
@@ -10168,6 +10980,50 @@
     color: #9fb9d066;
 }
 
+.zx-breadcrumbs__ellipsis {
+    display: flex;
+    align-items: center;
+    gap: var(--space-xs);
+}
+
+.zx-breadcrumbs__ellipsis-trigger {
+    appearance: none;
+    background: transparent;
+    border: 0;
+    padding: 0 var(--space-2xs);
+    margin: 0;
+    font: inherit;
+    line-height: inherit;
+    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-offset: 2px;
+}
+
 .zx-root .zx-breadcrumbs__root.zx-a-color-primary {
     --bc-accent: #3f2bcb;
 }
@@ -10374,6 +11230,7 @@
     font-weight: var(--weight-semibold);
     font-variant-numeric: tabular-nums;
     appearance: none;
+    text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
     padding-left: var(--space-2xs);
@@ -10469,6 +11326,58 @@
     color: #9fb9d0a6;
 }
 
+.zx-pagination__first-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: calc(var(--size-field) * 10);
+    block-size: calc(var(--size-field) * 10);
+    background: var(--color-base-200);
+    color: var(--color-base-content);
+    border: none;
+    border-radius: var(--radius-field);
+    font-size: calc(var(--pg-font) * 1.2);
+    line-height: var(--leading-none);
+    appearance: none;
+    text-decoration: none;
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-pagination__first-trigger.zx-a-size-xs {
+    min-inline-size: calc(var(--size-field) * 7);
+    block-size: 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);
+}
+
+.zx-pagination__first-trigger.zx-a-size-lg {
+    min-inline-size: calc(var(--size-field) * 12);
+    block-size: 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);
+}
+
+.zx-pagination__first-trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-pagination__first-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-pagination__first-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-pagination__prev-trigger {
     display: flex;
     align-items: center;
@@ -10482,6 +11391,7 @@
     font-size: calc(var(--pg-font) * 1.2);
     line-height: var(--leading-none);
     appearance: none;
+    text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
 }
@@ -10533,6 +11443,7 @@
     font-size: calc(var(--pg-font) * 1.2);
     line-height: var(--leading-none);
     appearance: none;
+    text-decoration: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
 }
@@ -10571,6 +11482,58 @@
     transform: translateY(1px);
 }
 
+.zx-pagination__last-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-inline-size: calc(var(--size-field) * 10);
+    block-size: calc(var(--size-field) * 10);
+    background: var(--color-base-200);
+    color: var(--color-base-content);
+    border: none;
+    border-radius: var(--radius-field);
+    font-size: calc(var(--pg-font) * 1.2);
+    line-height: var(--leading-none);
+    appearance: none;
+    text-decoration: none;
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-pagination__last-trigger.zx-a-size-xs {
+    min-inline-size: calc(var(--size-field) * 7);
+    block-size: 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);
+}
+
+.zx-pagination__last-trigger.zx-a-size-lg {
+    min-inline-size: calc(var(--size-field) * 12);
+    block-size: 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);
+}
+
+.zx-pagination__last-trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-pagination__last-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-pagination__last-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-pagination__root.zx-a-color-primary {
     --pg-accent: var(--color-primary);
     --pg-accent-content: var(--color-primary-content);
@@ -10698,6 +11661,26 @@
     color: #9fb9d0a6;
 }
 
+.zx-root .zx-steps__item.zx-f-invalid {
+    color: #b34d5e;
+}
+
+.zx-root.zx-theme-dark .zx-steps__item.zx-f-invalid {
+    color: #ff95a3;
+}
+
+.zx-root.zx-theme-dim .zx-steps__item.zx-f-invalid {
+    color: #eab8ad;
+}
+
+.zx-root.zx-theme-nord .zx-steps__item.zx-f-invalid {
+    color: #92555e;
+}
+
+.zx-root.zx-theme-sunset .zx-steps__item.zx-f-invalid {
+    color: #e4bbc3;
+}
+
 .zx-steps__item.zx-f-disabled {
     opacity: var(--disabled-opacity);
     cursor: not-allowed;
@@ -10779,6 +11762,11 @@
     color: var(--color-base-content);
 }
 
+.zx-steps__indicator.zx-f-invalid {
+    background: var(--color-error);
+    color: var(--color-error-content);
+}
+
 .zx-steps__separator {
     position: absolute;
     pointer-events: none;
@@ -10793,6 +11781,10 @@
     background: var(--color-base-300);
 }
 
+.zx-steps__separator.zx-f-invalid {
+    background: var(--color-error);
+}
+
 .zx-steps__separator.zx-o-horizontal {
     inline-size: 100%;
     block-size: var(--border);
@@ -10872,6 +11864,80 @@
     color: #9fb9d0b3;
 }
 
+.zx-steps__content {
+    flex: 1 0 100%;
+    font-size: var(--text-md);
+    color: var(--color-base-content);
+}
+
+.zx-steps__prev-trigger {
+    appearance: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5em;
+    height: calc(var(--size-field) * 12);
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    color: var(--color-base-content);
+    background: var(--color-base-200);
+    border: var(--border) solid var(--color-base-300);
+    border-radius: var(--radius-field);
+    box-shadow: var(--shadow-xs);
+    cursor: pointer;
+    transition: background var(--duration-normal) var(--ease-standard);
+    flex: 0 0 auto;
+    align-self: flex-start;
+}
+
+.zx-steps__prev-trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-steps__prev-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-steps__prev-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
+.zx-steps__next-trigger {
+    appearance: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5em;
+    height: calc(var(--size-field) * 12);
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+    color: var(--color-base-content);
+    background: var(--color-base-200);
+    border: var(--border) solid var(--color-base-300);
+    border-radius: var(--radius-field);
+    box-shadow: var(--shadow-xs);
+    cursor: pointer;
+    transition: background var(--duration-normal) var(--ease-standard);
+    flex: 0 0 auto;
+    align-self: flex-start;
+}
+
+.zx-steps__next-trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-steps__next-trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-steps__next-trigger.zx-f-pressed {
+    transform: translateY(1px);
+}
+
 .zx-steps__item.zx-a-color-primary {
     --steps-accent: var(--color-primary);
     --steps-accent-content: var(--color-primary-content);