@sigx/zero-daisyui 0.15.0 → 0.16.0

package/dist/lynx/index.css

@@ -2129,6 +2129,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-tooltip__trigger.zx-f-disabled {
@@ -2164,6 +2167,10 @@
     transform: none;
 }
 
+.zx-tooltip__arrow {
+    background: var(--color-neutral);
+}
+
 .zx-tooltip__trigger.zx-a-color-primary {
     background: var(--color-primary);
     color: var(--color-primary-content);
@@ -6877,13 +6884,16 @@
 .zx-combobox__root {
     display: flex;
     flex-direction: column;
+    width: 320px;
+    max-width: 100%;
+    min-width: 48px;
 }
 
 .zx-combobox__control {
     display: flex;
     align-items: stretch;
     flex-wrap: wrap;
-    min-width: 208px;
+    min-width: 48px;
     box-sizing: border-box;
     height: auto;
     background: var(--color-base-100);
@@ -6892,6 +6902,7 @@
     box-shadow: var(--shadow-xs);
     min-height: calc(var(--size-field) * 12);
     transition: border-color var(--duration-fast) var(--ease-standard);
+    width: 100%;
 }
 
 .zx-combobox__control.zx-s-open {
@@ -6907,8 +6918,9 @@
 }
 
 .zx-combobox__control.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-combobox__input {
@@ -6920,13 +6932,33 @@
     border: none;
     outline: none;
     background: transparent;
-    color: inherit;
+    color: var(--color-base-content);
     font: inherit;
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
     padding: var(--space-sm) var(--space-lg);
 }
 
+.zx-root .zx-combobox__input {
+    -x-placeholder-color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-combobox__input {
+    -x-placeholder-color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-combobox__input {
+    -x-placeholder-color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-combobox__input {
+    -x-placeholder-color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-combobox__input {
+    -x-placeholder-color: #9fb9d099;
+}
+
 .zx-combobox__input.zx-f-disabled {
     cursor: not-allowed;
 }
@@ -6947,8 +6979,9 @@
 }
 
 .zx-combobox__tag.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-combobox__tag-label {
@@ -6959,7 +6992,7 @@
     appearance: none;
     border: none;
     background: transparent;
-    color: inherit;
+    color: var(--color-base-content);
     font: inherit;
     border-radius: var(--radius-selector);
     padding: 0 var(--space-2xs);
@@ -6974,8 +7007,9 @@
 }
 
 .zx-combobox__tag-remove.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
 }
 
 .zx-root .zx-combobox__tag-remove.zx-f-pressed {
@@ -7002,11 +7036,14 @@
     appearance: none;
     border: none;
     background: transparent;
-    color: inherit;
+    color: var(--color-base-content);
     opacity: 0.6;
     padding: 0 var(--space-lg);
     cursor: pointer;
     transition: transform var(--duration-normal) var(--ease-standard);
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .zx-combobox__trigger.zx-s-open {
@@ -7017,17 +7054,24 @@
     cursor: not-allowed;
 }
 
+.zx-combobox__trigger.zx-f-pressed {
+    opacity: 1;
+}
+
 .zx-combobox__clear-trigger {
     appearance: none;
     border: none;
     background: transparent;
-    color: inherit;
+    color: var(--color-base-content);
     font: inherit;
     opacity: 0.6;
     padding: 0 var(--space-xs);
     line-height: var(--leading-none);
     cursor: pointer;
     transition: opacity var(--duration-fast) var(--ease-standard);
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .zx-combobox__popup {
@@ -7041,6 +7085,7 @@
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
     min-width: 208px;
+    --combobox-accent: var(--color-primary);
 }
 
 .zx-combobox__popup.zx-s-open {
@@ -7088,6 +7133,10 @@
     cursor: not-allowed;
 }
 
+.zx-combobox__item.zx-f-pressed {
+    background: var(--color-base-200);
+}
+
 .zx-combobox__item-indicator {
     font-size: var(--text-xs);
 }
@@ -7116,34 +7165,66 @@
     --combobox-accent: var(--color-primary);
 }
 
+.zx-combobox__popup.zx-a-color-primary {
+    --combobox-accent: var(--color-primary);
+}
+
 .zx-combobox__root.zx-a-color-secondary {
     --combobox-accent: var(--color-secondary);
 }
 
+.zx-combobox__popup.zx-a-color-secondary {
+    --combobox-accent: var(--color-secondary);
+}
+
 .zx-combobox__root.zx-a-color-accent {
     --combobox-accent: var(--color-accent);
 }
 
+.zx-combobox__popup.zx-a-color-accent {
+    --combobox-accent: var(--color-accent);
+}
+
 .zx-combobox__root.zx-a-color-neutral {
     --combobox-accent: var(--color-neutral);
 }
 
+.zx-combobox__popup.zx-a-color-neutral {
+    --combobox-accent: var(--color-neutral);
+}
+
 .zx-combobox__root.zx-a-color-info {
     --combobox-accent: var(--color-info);
 }
 
+.zx-combobox__popup.zx-a-color-info {
+    --combobox-accent: var(--color-info);
+}
+
 .zx-combobox__root.zx-a-color-success {
     --combobox-accent: var(--color-success);
 }
 
+.zx-combobox__popup.zx-a-color-success {
+    --combobox-accent: var(--color-success);
+}
+
 .zx-combobox__root.zx-a-color-warning {
     --combobox-accent: var(--color-warning);
 }
 
+.zx-combobox__popup.zx-a-color-warning {
+    --combobox-accent: var(--color-warning);
+}
+
 .zx-combobox__root.zx-a-color-error {
     --combobox-accent: var(--color-error);
 }
 
+.zx-combobox__popup.zx-a-color-error {
+    --combobox-accent: var(--color-error);
+}
+
 .zx-combobox__control.zx-a-size-xs {
     min-height: calc(var(--size-field) * 8);
 }
@@ -10053,6 +10134,7 @@
 }
 .zx-divider__root.zx-m-segment {
     flex: 1 1 0;
+    align-self: center;
 }
 .zx-divider__root.zx-m-segment.zx-o-horizontal {
     min-width: 0;
@@ -11367,9 +11449,11 @@
 }
 
 .zx-chat__root {
-    display: grid;
+    display: flex;
     column-gap: var(--space-sm);
     row-gap: var(--space-2xs);
+    flex-direction: column;
+    align-items: flex-start;
     padding-top: var(--space-2xs);
     padding-bottom: var(--space-2xs);
 }
@@ -11382,6 +11466,7 @@
 .zx-chat__root.zx-p-end {
     grid-template-columns: minmax(0, 1fr) auto;
     justify-items: end;
+    align-items: flex-end;
 }
 
 .zx-chat__avatar {
@@ -11507,6 +11592,12 @@
     font-size: var(--text-lg);
     padding: var(--space-md) var(--space-xl);
 }
+.zx-chat__root.zx-p-start .zx-chat__bubble {
+    border-bottom-left-radius: 0;
+}
+.zx-chat__root.zx-p-end .zx-chat__bubble {
+    border-bottom-right-radius: 0;
+}
 
 .zx-chat-log__root {
     --chat-log-fill: var(--color-primary);
@@ -11522,22 +11613,29 @@
     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);
+    padding: 0;
+    overflow: hidden;
 }
 
 .zx-chat-log__root.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
 }
 
 .zx-chat-log__content {
     flex: none;
-    display: grid;
+    display: flex;
     row-gap: var(--space-xs);
+    flex-direction: column;
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+    padding-left: var(--space-md);
+    padding-right: var(--space-md);
 }
 
 .zx-chat-log__jump-trigger {
-    position: sticky;
+    position: relative;
     align-self: center;
     flex: none;
     height: calc(var(--size-field) * 8);
@@ -11556,6 +11654,9 @@
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
+    padding-left: var(--space-md);
+    padding-right: var(--space-md);
 }
 
 .zx-chat-log__jump-trigger.zx-a-size-xs {
@@ -11575,8 +11676,29 @@
 }
 
 .zx-chat-log__jump-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-root .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #3823b9;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #5250de;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #8aca7a;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #516f95;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-f-pressed {
+    background: #de744e;
 }
 
 .zx-chat-log__jump-trigger.zx-f-pressed {
@@ -11589,41 +11711,201 @@
     --chat-log-on-fill: var(--color-primary-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #3823b9;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #5250de;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #8aca7a;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #516f95;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-primary.zx-f-pressed {
+    background: #de744e;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-secondary {
     --chat-log-fill: var(--color-secondary);
     --chat-log-on-fill: var(--color-secondary-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #d42884;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #d42884;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #de6c50;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #6f8ba7;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-secondary.zx-f-pressed {
+    background: #dc6087;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-accent {
     --chat-log-fill: var(--color-accent);
     --chat-log-on-fill: var(--color-accent-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #00b7a2;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #00b7a2;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #ad7ecb;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #75a7b5;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-accent.zx-f-pressed {
+    background: #9b75d9;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-neutral {
     --chat-log-fill: var(--color-neutral);
     --chat-log-on-fill: var(--color-neutral-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #070708;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #070708;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #171b24;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #414a5b;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-neutral.zx-f-pressed {
+    background: #162025;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-info {
     --chat-log-fill: var(--color-info);
     --chat-log-on-fill: var(--color-info-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #00a1dd;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #00a1dd;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #21ccde;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #9c7b96;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-info.zx-f-pressed {
+    background: #76c3cc;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-success {
     --chat-log-fill: var(--color-success);
     --chat-log-on-fill: var(--color-success-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #00b77d;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #00b77d;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #54d0a4;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #8da57a;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-success.zx-f-pressed {
+    background: #96c296;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-warning {
     --chat-log-fill: var(--color-warning);
     --chat-log-on-fill: var(--color-warning-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #db9f00;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #db9f00;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #d0b54b;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #ccb078;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-warning.zx-f-pressed {
+    background: #d2ae7e;
+}
+
 .zx-chat-log__jump-trigger.zx-a-color-error {
     --chat-log-fill: var(--color-error);
     --chat-log-on-fill: var(--color-error-content);
 }
 
+.zx-root .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #de546c;
+}
+
+.zx-root.zx-theme-dark .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #de546c;
+}
+
+.zx-root.zx-theme-dim .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #de9786;
+}
+
+.zx-root.zx-theme-nord .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #a6535b;
+}
+
+.zx-root.zx-theme-sunset .zx-chat-log__jump-trigger.zx-a-color-error.zx-f-pressed {
+    background: #dea2a4;
+}
+
 .zx-chat-log__content.zx-a-size-xs {
     row-gap: var(--space-2xs);
 }
@@ -11855,6 +12137,8 @@
     flex: 1 1 0%;
     justify-content: flex-start;
     flex-direction: row;
+    flex-basis: auto;
+    flex-shrink: 0;
 }
 
 .zx-navbar__center {
@@ -11863,6 +12147,7 @@
     gap: var(--space-sm);
     justify-content: center;
     flex-direction: row;
+    flex-shrink: 0;
 }
 
 .zx-navbar__end {
@@ -11872,6 +12157,8 @@
     flex: 1 1 0%;
     justify-content: flex-end;
     flex-direction: row;
+    flex-basis: auto;
+    flex-shrink: 0;
 }
 
 .zx-navbar__root.zx-a-color-primary {
@@ -13692,6 +13979,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-drawer__trigger.zx-f-disabled {
@@ -13700,8 +13990,15 @@
 }
 
 .zx-drawer__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-drawer__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-drawer__panel {
@@ -13716,6 +14013,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-xl);
     box-sizing: border-box;
+    --l-measure: 320px;
     width: 100%;
     max-width: var(--l-measure);
 }
@@ -13731,18 +14029,20 @@
 
 .zx-drawer__panel.zx-p-top {
     --drawer-travel: 0 -100%;
+    --l-measure: none;
 }
 
 .zx-drawer__panel.zx-p-bottom {
     --drawer-travel: 0 100%;
+    --l-measure: none;
 }
 
 .zx-drawer__panel.zx-l-dock-sheet {
     opacity: 1;
     transition: translate var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
-    position: fixed;
-    height: 100dvh;
-    max-height: 100dvh;
+    position: relative;
+    height: auto;
+    max-height: none;
     margin: 0;
     border-radius: 0;
 }
@@ -13753,16 +14053,36 @@
 
 .zx-drawer__panel.zx-p-top.zx-l-dock-sheet {
     height: auto;
-    max-height: 85dvh;
+    max-height: 85%;
     border-end-start-radius: var(--radius-box);
     border-end-end-radius: var(--radius-box);
+    border-bottom-left-radius: var(--radius-box);
+    border-bottom-right-radius: var(--radius-box);
 }
 
 .zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet {
     height: auto;
-    max-height: 85dvh;
+    max-height: 85%;
     border-start-start-radius: var(--radius-box);
     border-start-end-radius: var(--radius-box);
+    border-top-left-radius: var(--radius-box);
+    border-top-right-radius: var(--radius-box);
+}
+
+.zx-drawer__panel.zx-p-start.zx-l-dock-sheet.zx-s-open {
+    animation: zero-daisy-drawer-in-start var(--duration-slow) var(--ease-standard);
+}
+
+.zx-drawer__panel.zx-p-end.zx-l-dock-sheet.zx-s-open {
+    animation: zero-daisy-drawer-in-end var(--duration-slow) var(--ease-standard);
+}
+
+.zx-drawer__panel.zx-p-top.zx-l-dock-sheet.zx-s-open {
+    animation: zero-daisy-drawer-in-top var(--duration-slow) var(--ease-standard);
+}
+
+.zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet.zx-s-open {
+    animation: zero-daisy-drawer-in-bottom var(--duration-slow) var(--ease-standard);
 }
 
 .zx-drawer__backdrop {
@@ -13793,6 +14113,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-drawer__close.zx-f-disabled {
@@ -13800,8 +14123,15 @@
 }
 
 .zx-drawer__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-drawer__close.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-drawer__trigger.zx-a-color-primary {
@@ -13919,6 +14249,18 @@
     padding-left: calc(var(--size-field) * 6);
     padding-right: calc(var(--size-field) * 6);
 }
+@keyframes zero-daisy-drawer-in-start {
+    from { transform: translateX(-100%); } to { transform: translateX(0); }
+}
+@keyframes zero-daisy-drawer-in-end {
+    from { transform: translateX(100%); } to { transform: translateX(0); }
+}
+@keyframes zero-daisy-drawer-in-top {
+    from { transform: translateY(-100%); } to { transform: translateY(0); }
+}
+@keyframes zero-daisy-drawer-in-bottom {
+    from { transform: translateY(100%); } to { transform: translateY(0); }
+}
 
 .zx-table__root {
     --table-cell-align: start;
@@ -13932,11 +14274,13 @@
     border: var(--border) solid var(--color-base-200);
     border-radius: var(--radius-box);
     background: var(--color-base-100);
+    overflow: hidden;
 }
 
 .zx-table__root.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
 }
 
 .zx-table__table {
@@ -14044,13 +14388,33 @@
     padding: var(--space-lg) var(--table-pad-inline);
 }
 
-.zx-table__sort-trigger {
-    appearance: none;
-    display: flex;
-    align-items: center;
-    margin: 0;
-    border: 0;
-    font: inherit;
+.zx-root .zx-table__header-cell {
+    color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell {
+    color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell {
+    color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell {
+    color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell {
+    color: #9fb9d099;
+}
+
+.zx-table__sort-trigger {
+    appearance: none;
+    display: flex;
+    align-items: center;
+    margin: 0;
+    border: 0;
+    font: inherit;
     letter-spacing: inherit;
     text-transform: inherit;
     text-align: inherit;
@@ -14061,6 +14425,7 @@
     background: transparent;
     color: inherit;
     transition: color var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-table__sort-trigger.zx-s-ascending {
@@ -14077,8 +14442,13 @@
 }
 
 .zx-table__sort-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-table__sort-trigger.zx-f-pressed {
+    color: var(--table-accent);
 }
 
 .zx-table__sort-indicator {
@@ -14122,6 +14492,26 @@
     font-size: var(--text-xs);
 }
 
+.zx-root .zx-table__cell-label {
+    color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label {
+    color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label {
+    color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label {
+    color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label {
+    color: #9fb9d099;
+}
+
 .zx-root .zx-table__root.zx-a-color-primary {
     --table-accent: #3f2bcb;
 }
@@ -14142,6 +14532,46 @@
     --table-accent: #fb8a62;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-primary {
+    color: #3f2bcb99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-primary {
+    color: #6567ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-primary {
+    color: #a0e79199;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-primary {
+    color: #5c7da699;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-primary {
+    color: #fb8a6299;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-primary {
+    color: #3f2bcb99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-primary {
+    color: #6567ff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-primary {
+    color: #a0e79199;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-primary {
+    color: #5c7da699;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-primary {
+    color: #fb8a6299;
+}
+
 .zx-root .zx-table__root.zx-a-color-secondary {
     --table-accent: #ad316f;
 }
@@ -14162,6 +14592,46 @@
     --table-accent: #e68aac;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-secondary {
+    color: #ad316f99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-secondary {
+    color: #fa7cb699;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-secondary {
+    color: #ed998499;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-secondary {
+    color: #677e9899;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-secondary {
+    color: #e68aac99;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-secondary {
+    color: #ad316f99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-secondary {
+    color: #fa7cb699;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-secondary {
+    color: #ed998499;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-secondary {
+    color: #677e9899;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-secondary {
+    color: #e68aac99;
+}
+
 .zx-root .zx-table__root.zx-a-color-accent {
     --table-accent: #2b786d;
 }
@@ -14182,6 +14652,46 @@
     --table-accent: #ab9fe8;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-accent {
+    color: #2b786d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-accent {
+    color: #93e5d999;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-accent {
+    color: #bfade199;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-accent {
+    color: #5e7d8c99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-accent {
+    color: #ab9fe899;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-accent {
+    color: #2b786d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-accent {
+    color: #93e5d999;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-accent {
+    color: #bfade199;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-accent {
+    color: #5e7d8c99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-accent {
+    color: #ab9fe899;
+}
+
 .zx-root .zx-table__root.zx-a-color-neutral {
     --table-accent: #121214;
 }
@@ -14202,6 +14712,46 @@
     --table-accent: #667a8a;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-neutral {
+    color: #12121499;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-neutral {
+    color: #878e9299;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-neutral {
+    color: #71828c99;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-neutral {
+    color: #3a415099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-neutral {
+    color: #667a8a99;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-neutral {
+    color: #12121499;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-neutral {
+    color: #878e9299;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-neutral {
+    color: #71828c99;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-neutral {
+    color: #3a415099;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-neutral {
+    color: #667a8a99;
+}
+
 .zx-root .zx-table__root.zx-a-color-info {
     --table-accent: #2685b3;
 }
@@ -14222,6 +14772,46 @@
     --table-accent: #91d4e3;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-info {
+    color: #2685b399;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-info {
+    color: #70ceff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-info {
+    color: #6ce2f399;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-info {
+    color: #89728a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-info {
+    color: #91d4e399;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-info {
+    color: #2685b399;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-info {
+    color: #70ceff99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-info {
+    color: #6ce2f399;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-info {
+    color: #89728a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-info {
+    color: #91d4e399;
+}
+
 .zx-root .zx-table__root.zx-a-color-success {
     --table-accent: #2a7858;
 }
@@ -14242,6 +14832,46 @@
     --table-accent: #a6cebe;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-success {
+    color: #2a785899;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-success {
+    color: #92e5c299;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-success {
+    color: #8ee0c999;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-success {
+    color: #6b7d6a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-success {
+    color: #a6cebe99;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-success {
+    color: #2a785899;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-success {
+    color: #92e5c299;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-success {
+    color: #8ee0c999;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-success {
+    color: #6b7d6a99;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-success {
+    color: #a6cebe99;
+}
+
 .zx-root .zx-table__root.zx-a-color-warning {
     --table-accent: #755a2b;
 }
@@ -14262,6 +14892,46 @@
     --table-accent: #c5c1b7;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-warning {
+    color: #755a2b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-warning {
+    color: #f5ddac99;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-warning {
+    color: #cecfa699;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-warning {
+    color: #7d746399;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-warning {
+    color: #c5c1b799;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-warning {
+    color: #755a2b99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-warning {
+    color: #f5ddac99;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-warning {
+    color: #cecfa699;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-warning {
+    color: #7d746399;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-warning {
+    color: #c5c1b799;
+}
+
 .zx-root .zx-table__root.zx-a-color-error {
     --table-accent: #d9576d;
 }
@@ -14282,6 +14952,46 @@
     --table-accent: #f2bbc0;
 }
 
+.zx-root .zx-table__header-cell.zx-a-color-error {
+    color: #d9576d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__header-cell.zx-a-color-error {
+    color: #ff7d9099;
+}
+
+.zx-root.zx-theme-dim .zx-table__header-cell.zx-a-color-error {
+    color: #f5b3a499;
+}
+
+.zx-root.zx-theme-nord .zx-table__header-cell.zx-a-color-error {
+    color: #a85b6499;
+}
+
+.zx-root.zx-theme-sunset .zx-table__header-cell.zx-a-color-error {
+    color: #f2bbc099;
+}
+
+.zx-root .zx-table__cell-label.zx-a-color-error {
+    color: #d9576d99;
+}
+
+.zx-root.zx-theme-dark .zx-table__cell-label.zx-a-color-error {
+    color: #ff7d9099;
+}
+
+.zx-root.zx-theme-dim .zx-table__cell-label.zx-a-color-error {
+    color: #f5b3a499;
+}
+
+.zx-root.zx-theme-nord .zx-table__cell-label.zx-a-color-error {
+    color: #a85b6499;
+}
+
+.zx-root.zx-theme-sunset .zx-table__cell-label.zx-a-color-error {
+    color: #f2bbc099;
+}
+
 .zx-table__root.zx-a-size-xs {
     --table-pad-inline: var(--space-xs);
     --table-font: var(--text-xs);
@@ -14301,6 +15011,36 @@
     --table-pad-inline: var(--space-xl);
     --table-font: var(--text-md);
 }
+.zx-table__root.zx-m-stacked {
+    border-width: calc(var(--border) * 0);
+    border-radius: calc(var(--radius-box) * 0);
+}
+.zx-table__caption.zx-m-stacked {
+    padding-left: calc(var(--table-pad-inline) * 0);
+    padding-right: calc(var(--table-pad-inline) * 0);
+}
+.zx-table__row.zx-m-stacked {
+    border: var(--border) solid var(--color-base-200);
+    border-radius: var(--radius-box);
+    background: var(--color-base-100);
+    padding: var(--space-sm) var(--table-pad-inline);
+    margin-bottom: var(--space-md);
+}
+.zx-table__row.zx-m-stacked.zx-f-selected {
+    background: var(--color-base-300);
+}
+.zx-table__cell.zx-m-stacked {
+    padding-left: calc(var(--table-pad-inline) * 0);
+    padding-right: calc(var(--table-pad-inline) * 0);
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+}
+.zx-table__row.zx-m-stripe {
+    background: var(--color-base-200);
+}
+.zx-table__sort-indicator.zx-m-held.zx-s-none {
+    opacity: 0.6;
+}
 
 .zx-file-upload__root {
     --fu-accent: var(--color-primary);
@@ -14308,9 +15048,11 @@
 }
 
 .zx-file-upload__root {
-    display: grid;
+    display: flex;
     gap: var(--space-sm);
     justify-items: start;
+    flex-direction: column;
+    align-items: flex-start;
 }
 
 .zx-file-upload__label {
@@ -14336,6 +15078,7 @@
     border: var(--border) solid var(--color-base-300);
     border-radius: var(--radius-field);
     cursor: pointer;
+    flex-direction: row;
 }
 
 .zx-file-upload__trigger.zx-f-disabled {
@@ -14348,8 +15091,15 @@
 }
 
 .zx-file-upload__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-file-upload__trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
+    box-shadow: none;
 }
 
 .zx-file-upload__dropzone {
@@ -14361,6 +15111,10 @@
     border-radius: var(--radius-box);
     background: var(--color-base-100);
     cursor: pointer;
+    align-self: stretch;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .zx-file-upload__dropzone.zx-a-size-xs {
@@ -14404,6 +15158,26 @@
     color: var(--color-base-content);
 }
 
+.zx-root .zx-file-upload__dropzone.zx-f-highlighted {
+    background: #edf0fe;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-f-highlighted {
+    background: #212839;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-f-highlighted {
+    background: #323d43;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-f-highlighted {
+    background: #e0e6ee;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-f-highlighted {
+    background: #232427;
+}
+
 .zx-file-upload__dropzone.zx-f-disabled {
     opacity: var(--disabled-opacity);
     cursor: not-allowed;
@@ -14414,8 +15188,10 @@
     list-style: none;
     margin: 0;
     padding: 0;
-    display: grid;
+    display: flex;
     gap: var(--space-xs);
+    align-self: stretch;
+    flex-direction: column;
 }
 
 .zx-file-upload__item {
@@ -14426,6 +15202,7 @@
     border: var(--border) solid var(--color-base-200);
     border-radius: var(--radius-field);
     background: var(--color-base-100);
+    flex-direction: row;
 }
 
 .zx-file-upload__item.zx-f-disabled {
@@ -14507,8 +15284,13 @@
 }
 
 .zx-file-upload__item-remove.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-file-upload__item-remove.zx-f-pressed {
+    background: var(--color-base-200);
 }
 
 .zx-file-upload__clear-trigger {
@@ -14530,8 +15312,13 @@
 }
 
 .zx-file-upload__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-file-upload__clear-trigger.zx-f-pressed {
+    background: var(--color-base-200);
 }
 
 .zx-root .zx-file-upload__root.zx-a-color-primary {
@@ -14554,6 +15341,26 @@
     --fu-accent: #fb8a62;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
+    background: #edf0fe;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
+    background: #212839;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
+    background: #323d43;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
+    background: #e0e6ee;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-primary.zx-f-highlighted {
+    background: #232427;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-secondary {
     --fu-accent: #ad316f;
 }
@@ -14574,6 +15381,26 @@
     --fu-accent: #e68aac;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
+    background: #fff1f6;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
+    background: #2e2732;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
+    background: #3a3740;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
+    background: #e3e9f0;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-secondary.zx-f-highlighted {
+    background: #24232b;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-accent {
     --fu-accent: #2b786d;
 }
@@ -14594,6 +15421,26 @@
     --fu-accent: #ab9fe8;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
+    background: #f2fcf9;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
+    background: #212f34;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
+    background: #353748;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
+    background: #e4ebf1;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-accent.zx-f-highlighted {
+    background: #1d2431;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-neutral {
     --fu-accent: #121214;
 }
@@ -14614,6 +15461,26 @@
     --fu-accent: #667a8a;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
+    background: #e8e8e8;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
+    background: #1b2127;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
+    background: #292f3b;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
+    background: #dee2e8;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-neutral.zx-f-highlighted {
+    background: #131d23;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-info {
     --fu-accent: #2685b3;
 }
@@ -14634,6 +15501,26 @@
     --fu-accent: #91d4e3;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
+    background: #f1faff;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
+    background: #202e38;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
+    background: #2f3d4a;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
+    background: #e8e7ee;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-info.zx-f-highlighted {
+    background: #1a292f;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-success {
     --fu-accent: #2a7858;
 }
@@ -14654,6 +15541,26 @@
     --fu-accent: #a6cebe;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
+    background: #f1fcf6;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
+    background: #212f32;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
+    background: #303d46;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
+    background: #e6ebec;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-success.zx-f-highlighted {
+    background: #1c292c;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-warning {
     --fu-accent: #755a2b;
 }
@@ -14674,6 +15581,26 @@
     --fu-accent: #c5c1b7;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
+    background: #fffaf0;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
+    background: #2c2e2e;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
+    background: #373c41;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
+    background: #ececec;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-warning.zx-f-highlighted {
+    background: #21282b;
+}
+
 .zx-root .zx-file-upload__root.zx-a-color-error {
     --fu-accent: #d9576d;
 }
@@ -14694,6 +15621,26 @@
     --fu-accent: #f2bbc0;
 }
 
+.zx-root .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
+    background: #fff3f4;
+}
+
+.zx-root.zx-theme-dark .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
+    background: #2e2930;
+}
+
+.zx-root.zx-theme-dim .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
+    background: #393943;
+}
+
+.zx-root.zx-theme-nord .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
+    background: #eae4e8;
+}
+
+.zx-root.zx-theme-sunset .zx-file-upload__dropzone.zx-a-color-error.zx-f-highlighted {
+    background: #22272d;
+}
+
 .zx-file-upload__root.zx-a-size-xs {
     --fu-font: var(--text-xs);
 }
@@ -14718,8 +15665,9 @@
 
 .zx-carousel__root {
     position: relative;
-    display: grid;
+    display: flex;
     gap: var(--space-sm);
+    flex-direction: column;
 }
 
 .zx-carousel__viewport {
@@ -14741,7 +15689,7 @@
     position: absolute;
     width: var(--carousel-nav);
     height: var(--carousel-nav);
-    display: grid;
+    display: flex;
     place-items: center;
     font-size: var(--text-sm);
     line-height: var(--leading-none);
@@ -14753,6 +15701,8 @@
     z-index: 1;
     top: calc(50% - var(--carousel-nav) / 2);
     left: var(--space-sm);
+    align-items: center;
+    justify-content: center;
 }
 
 .zx-carousel__prev-trigger.zx-f-disabled {
@@ -14761,8 +15711,14 @@
 }
 
 .zx-carousel__prev-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-carousel__prev-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
 }
 
 .zx-carousel__next-trigger {
@@ -14770,7 +15726,7 @@
     position: absolute;
     width: var(--carousel-nav);
     height: var(--carousel-nav);
-    display: grid;
+    display: flex;
     place-items: center;
     font-size: var(--text-sm);
     line-height: var(--leading-none);
@@ -14782,6 +15738,8 @@
     z-index: 1;
     top: calc(50% - var(--carousel-nav) / 2);
     right: var(--space-sm);
+    align-items: center;
+    justify-content: center;
 }
 
 .zx-carousel__next-trigger.zx-f-disabled {
@@ -14790,29 +15748,69 @@
 }
 
 .zx-carousel__next-trigger.zx-f-focus-visible {
-    outline: 2px solid var(--color-base-content);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+}
+
+.zx-carousel__next-trigger.zx-f-pressed {
+    background: var(--color-base-300);
+    transform: translateY(1px);
 }
 
 .zx-carousel__indicator-group {
     display: flex;
     gap: var(--space-xs);
     justify-content: center;
+    flex-direction: row;
+    align-items: center;
 }
 
 .zx-carousel__indicator {
     appearance: none;
     padding: 0;
-    display: grid;
+    display: flex;
     place-items: center;
     background: transparent;
     border: none;
     cursor: pointer;
+    width: var(--carousel-dot);
+    height: var(--carousel-dot);
+    flex-shrink: 0;
+    border-width: calc(var(--border) * 2);
+    border-style: solid;
+    border-radius: 9999px;
+}
+
+.zx-root .zx-carousel__indicator {
+    border-color: #18181bb3;
+}
+
+.zx-root.zx-theme-dark .zx-carousel__indicator {
+    border-color: #ecf9ffb3;
+}
+
+.zx-root.zx-theme-dim .zx-carousel__indicator {
+    border-color: #b2ccd6b3;
+}
+
+.zx-root.zx-theme-nord .zx-carousel__indicator {
+    border-color: #2e3440b3;
+}
+
+.zx-root.zx-theme-sunset .zx-carousel__indicator {
+    border-color: #9fb9d0b3;
+}
+
+.zx-carousel__indicator.zx-s-active {
+    background: var(--carousel-accent);
+    border-color: var(--carousel-accent);
 }
 
 .zx-carousel__indicator.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-root .zx-carousel__root.zx-a-color-primary {