@sigx/zero-daisyui 0.8.0 → 0.10.0

package/dist/lynx/index.css

@@ -1,17 +1,17 @@
 /* daisyui — lynx target, generated by @sigx/zero-kit. Do not edit. */
 .zx-root {
-    --radius-selector: 0.25rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
-    --text-xs: 0.75rem;
-    --text-sm: 0.875rem;
-    --text-md: 1rem;
-    --text-lg: 1.125rem;
-    --text-xl: 1.25rem;
-    --text-2xl: 1.5rem;
-    --text-3xl: 1.875rem;
+    --radius-selector: 4px;
+    --radius-field: 4px;
+    --radius-box: 8px;
+    --size-selector: 4px;
+    --size-field: 4px;
+    --text-xs: 12px;
+    --text-sm: 14px;
+    --text-md: 16px;
+    --text-lg: 18px;
+    --text-xl: 20px;
+    --text-2xl: 24px;
+    --text-3xl: 30px;
     --border: 1px;
     --disabled-opacity: 0.4;
     --color-primary: #422ad5;
@@ -42,11 +42,11 @@
     --color-success-soft: #ebfaf1;
     --color-warning-soft: #fff7e9;
     --color-error-soft: #ffedef;
-    --radius-selector: 0.5rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
+    --radius-selector: 8px;
+    --radius-field: 4px;
+    --radius-box: 8px;
+    --size-selector: 4px;
+    --size-field: 4px;
     --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
     --weight-normal: 400;
@@ -58,18 +58,18 @@
     --leading-normal: 1.5;
     --tracking-normal: 0em;
     --tracking-wide: 0.05em;
-    --space-2xs: 0.125rem;
-    --space-xs: 0.25rem;
-    --space-sm: 0.375rem;
-    --space-md: 0.5rem;
-    --space-lg: 0.75rem;
-    --space-xl: 1rem;
-    --space-2xl: 1.25rem;
-    --measure-xs: 20rem;
-    --measure-sm: 24rem;
-    --measure-md: 28rem;
-    --measure-lg: 32rem;
-    --measure-xl: 36rem;
+    --space-2xs: 2px;
+    --space-xs: 4px;
+    --space-sm: 6px;
+    --space-md: 8px;
+    --space-lg: 12px;
+    --space-xl: 16px;
+    --space-2xl: 20px;
+    --measure-xs: 320px;
+    --measure-sm: 384px;
+    --measure-md: 448px;
+    --measure-lg: 512px;
+    --measure-xl: 576px;
     --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
@@ -119,11 +119,11 @@
     --color-success-soft: #ebfaf1;
     --color-warning-soft: #fff7e9;
     --color-error-soft: #ffedef;
-    --radius-selector: 0.5rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
+    --radius-selector: 8px;
+    --radius-field: 4px;
+    --radius-box: 8px;
+    --size-selector: 4px;
+    --size-field: 4px;
     --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
     --weight-normal: 400;
@@ -135,18 +135,18 @@
     --leading-normal: 1.5;
     --tracking-normal: 0em;
     --tracking-wide: 0.05em;
-    --space-2xs: 0.125rem;
-    --space-xs: 0.25rem;
-    --space-sm: 0.375rem;
-    --space-md: 0.5rem;
-    --space-lg: 0.75rem;
-    --space-xl: 1rem;
-    --space-2xl: 1.25rem;
-    --measure-xs: 20rem;
-    --measure-sm: 24rem;
-    --measure-md: 28rem;
-    --measure-lg: 32rem;
-    --measure-xl: 36rem;
+    --space-2xs: 2px;
+    --space-xs: 4px;
+    --space-sm: 6px;
+    --space-md: 8px;
+    --space-lg: 12px;
+    --space-xl: 16px;
+    --space-2xl: 20px;
+    --measure-xs: 320px;
+    --measure-sm: 384px;
+    --measure-md: 448px;
+    --measure-lg: 512px;
+    --measure-xl: 576px;
     --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
@@ -196,11 +196,11 @@
     --color-success-soft: #243c3a;
     --color-warning-soft: #3c3931;
     --color-error-soft: #3f2f37;
-    --radius-selector: 0.5rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
+    --radius-selector: 8px;
+    --radius-field: 4px;
+    --radius-box: 8px;
+    --size-selector: 4px;
+    --size-field: 4px;
     --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
     --weight-normal: 400;
@@ -212,18 +212,18 @@
     --leading-normal: 1.5;
     --tracking-normal: 0em;
     --tracking-wide: 0.05em;
-    --space-2xs: 0.125rem;
-    --space-xs: 0.25rem;
-    --space-sm: 0.375rem;
-    --space-md: 0.5rem;
-    --space-lg: 0.75rem;
-    --space-xl: 1rem;
-    --space-2xl: 1.25rem;
-    --measure-xs: 20rem;
-    --measure-sm: 24rem;
-    --measure-md: 28rem;
-    --measure-lg: 32rem;
-    --measure-xl: 36rem;
+    --space-2xs: 2px;
+    --space-xs: 4px;
+    --space-sm: 6px;
+    --space-md: 8px;
+    --space-lg: 12px;
+    --space-xl: 16px;
+    --space-2xl: 20px;
+    --measure-xs: 320px;
+    --measure-sm: 384px;
+    --measure-md: 448px;
+    --measure-lg: 512px;
+    --measure-xl: 576px;
     --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
@@ -273,11 +273,11 @@
     --color-success-soft: #354b4f;
     --color-warning-soft: #454845;
     --color-error-soft: #49434b;
-    --radius-selector: 1rem;
-    --radius-field: 0.5rem;
-    --radius-box: 1rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
+    --radius-selector: 16px;
+    --radius-field: 8px;
+    --radius-box: 16px;
+    --size-selector: 4px;
+    --size-field: 4px;
     --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
     --weight-normal: 400;
@@ -289,18 +289,18 @@
     --leading-normal: 1.5;
     --tracking-normal: 0em;
     --tracking-wide: 0.05em;
-    --space-2xs: 0.125rem;
-    --space-xs: 0.25rem;
-    --space-sm: 0.375rem;
-    --space-md: 0.5rem;
-    --space-lg: 0.75rem;
-    --space-xl: 1rem;
-    --space-2xl: 1.25rem;
-    --measure-xs: 20rem;
-    --measure-sm: 24rem;
-    --measure-md: 28rem;
-    --measure-lg: 32rem;
-    --measure-xl: 36rem;
+    --space-2xs: 2px;
+    --space-xs: 4px;
+    --space-sm: 6px;
+    --space-md: 8px;
+    --space-lg: 12px;
+    --space-xl: 16px;
+    --space-2xl: 20px;
+    --measure-xs: 320px;
+    --measure-sm: 384px;
+    --measure-md: 448px;
+    --measure-lg: 512px;
+    --measure-xl: 576px;
     --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
@@ -350,11 +350,11 @@
     --color-success-soft: #e3e9e8;
     --color-warning-soft: #ecebe8;
     --color-error-soft: #e8dee3;
-    --radius-selector: 1rem;
-    --radius-field: 0.25rem;
-    --radius-box: 0.5rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
+    --radius-selector: 16px;
+    --radius-field: 4px;
+    --radius-box: 8px;
+    --size-selector: 4px;
+    --size-field: 4px;
     --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
     --weight-normal: 400;
@@ -366,18 +366,18 @@
     --leading-normal: 1.5;
     --tracking-normal: 0em;
     --tracking-wide: 0.05em;
-    --space-2xs: 0.125rem;
-    --space-xs: 0.25rem;
-    --space-sm: 0.375rem;
-    --space-md: 0.5rem;
-    --space-lg: 0.75rem;
-    --space-xl: 1rem;
-    --space-2xl: 1.25rem;
-    --measure-xs: 20rem;
-    --measure-sm: 24rem;
-    --measure-md: 28rem;
-    --measure-lg: 32rem;
-    --measure-xl: 36rem;
+    --space-2xs: 2px;
+    --space-xs: 4px;
+    --space-sm: 6px;
+    --space-md: 8px;
+    --space-lg: 12px;
+    --space-xl: 16px;
+    --space-2xl: 20px;
+    --measure-xs: 320px;
+    --measure-sm: 384px;
+    --measure-md: 448px;
+    --measure-lg: 512px;
+    --measure-xl: 576px;
     --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
@@ -427,11 +427,11 @@
     --color-success-soft: #273736;
     --color-warning-soft: #303433;
     --color-error-soft: #333238;
-    --radius-selector: 1rem;
-    --radius-field: 0.5rem;
-    --radius-box: 1rem;
-    --size-selector: 0.25rem;
-    --size-field: 0.25rem;
+    --radius-selector: 16px;
+    --radius-field: 8px;
+    --radius-box: 16px;
+    --size-selector: 4px;
+    --size-field: 4px;
     --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
     --weight-normal: 400;
@@ -443,18 +443,18 @@
     --leading-normal: 1.5;
     --tracking-normal: 0em;
     --tracking-wide: 0.05em;
-    --space-2xs: 0.125rem;
-    --space-xs: 0.25rem;
-    --space-sm: 0.375rem;
-    --space-md: 0.5rem;
-    --space-lg: 0.75rem;
-    --space-xl: 1rem;
-    --space-2xl: 1.25rem;
-    --measure-xs: 20rem;
-    --measure-sm: 24rem;
-    --measure-md: 28rem;
-    --measure-lg: 32rem;
-    --measure-xl: 36rem;
+    --space-2xs: 2px;
+    --space-xs: 4px;
+    --space-sm: 6px;
+    --space-md: 8px;
+    --space-lg: 12px;
+    --space-xl: 16px;
+    --space-2xl: 20px;
+    --measure-xs: 320px;
+    --measure-sm: 384px;
+    --measure-md: 448px;
+    --measure-lg: 512px;
+    --measure-xl: 576px;
     --measure-prose: 65ch;
     --shadow-xs: 0 1px 2px #00000014;
     --shadow-sm: 0 1px 2px #00000026;
@@ -525,7 +525,7 @@
 
 .zx-grid__root {
     --l-cols: none;
-    --l-track: 16rem;
+    --l-track: 256px;
     --l-gap: 0;
     --l-gap-x: var(--l-gap);
     --l-gap-y: var(--l-gap);
@@ -1097,7 +1097,7 @@
 }
 
 .zx-tabs__tab.zx-a-variant-box {
-    border-radius: calc(var(--radius-field) - 0.25rem);
+    border-radius: calc(var(--radius-field) - 4px);
 }
 
 .zx-tabs__tab.zx-a-variant-box.zx-s-active {
@@ -1622,8 +1622,8 @@
     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;
     box-sizing: border-box;
     padding: var(--space-2xl);
-    max-width: 32rem;
-    width: calc(100% - 2rem);
+    max-width: 512px;
+    width: calc(100% - 32px);
     background: var(--color-base-100);
     color: var(--color-base-content);
     border: none;
@@ -1925,7 +1925,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-lg);
     padding: var(--space-2xl);
-    min-width: 15rem;
+    min-width: 240px;
 }
 
 .zx-popover__popup.zx-s-open {
@@ -2155,7 +2155,7 @@
     transform: translateY(-2px);
     transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;
     padding: var(--space-xs) var(--space-lg);
-    max-width: 18rem;
+    max-width: 288px;
     font-size: var(--text-xs);
     font-weight: var(--weight-medium);
     background: var(--color-neutral);
@@ -2312,7 +2312,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-lg);
     padding: var(--space-xl);
-    max-width: 20rem;
+    max-width: 320px;
     font-size: var(--text-sm);
 }
 
@@ -2541,7 +2541,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
-    min-width: 13rem;
+    min-width: 208px;
 }
 
 .zx-menu__popup.zx-s-open {
@@ -2658,7 +2658,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
-    min-width: 13rem;
+    min-width: 208px;
 }
 
 .zx-menu__sub-popup.zx-s-open {
@@ -3467,7 +3467,7 @@
 }
 
 .zx-checkbox__root {
-    --checkbox-pad: 0.25rem;
+    --checkbox-pad: 4px;
     --checkbox-accent: var(--color-primary);
     --checkbox-on-accent: var(--color-primary-content);
 }
@@ -3557,7 +3557,7 @@
     background-color: var(--checkbox-on-accent);
     clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
     box-shadow: 0 3px 0 0 var(--depth-sheen) inset;
-    font-size: 1rem;
+    font-size: 16px;
     line-height: 0.75;
     transition: clip-path var(--duration-slow) var(--ease-standard) var(--duration-instant), opacity var(--duration-instant) var(--ease-standard) var(--duration-instant), transform var(--duration-slow) var(--ease-standard) var(--duration-instant);
     transform: rotate(45deg);
@@ -3620,7 +3620,7 @@
 }
 
 .zx-checkbox__root.zx-a-size-xs {
-    --checkbox-pad: 0.125rem;
+    --checkbox-pad: 2px;
 }
 
 .zx-checkbox__label.zx-a-size-xs {
@@ -3628,7 +3628,7 @@
 }
 
 .zx-checkbox__root.zx-a-size-sm {
-    --checkbox-pad: 0.1875rem;
+    --checkbox-pad: 3px;
 }
 
 .zx-checkbox__label.zx-a-size-sm {
@@ -3636,7 +3636,7 @@
 }
 
 .zx-checkbox__root.zx-a-size-md {
-    --checkbox-pad: 0.25rem;
+    --checkbox-pad: 4px;
 }
 
 .zx-checkbox__label.zx-a-size-md {
@@ -3644,7 +3644,7 @@
 }
 
 .zx-checkbox__root.zx-a-size-lg {
-    --checkbox-pad: 0.3125rem;
+    --checkbox-pad: 5px;
 }
 
 .zx-checkbox__label.zx-a-size-lg {
@@ -3652,7 +3652,7 @@
 }
 
 .zx-checkbox__root.zx-a-size-xl {
-    --checkbox-pad: 0.375rem;
+    --checkbox-pad: 6px;
 }
 
 .zx-checkbox__label.zx-a-size-xl {
@@ -3870,7 +3870,7 @@
 }
 
 .zx-radio-group__root {
-    --radio-pad: 0.25rem;
+    --radio-pad: 4px;
     --radio-accent: var(--color-primary);
 }
 
@@ -4010,7 +4010,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-xs {
-    --radio-pad: 0.125rem;
+    --radio-pad: 2px;
 }
 
 .zx-radio-group__item-label.zx-a-size-xs {
@@ -4018,7 +4018,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-sm {
-    --radio-pad: 0.1875rem;
+    --radio-pad: 3px;
 }
 
 .zx-radio-group__item-label.zx-a-size-sm {
@@ -4026,7 +4026,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-md {
-    --radio-pad: 0.25rem;
+    --radio-pad: 4px;
 }
 
 .zx-radio-group__item-label.zx-a-size-md {
@@ -4034,7 +4034,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-lg {
-    --radio-pad: 0.3125rem;
+    --radio-pad: 5px;
 }
 
 .zx-radio-group__item-label.zx-a-size-lg {
@@ -4042,7 +4042,7 @@
 }
 
 .zx-radio-group__root.zx-a-size-xl {
-    --radio-pad: 0.375rem;
+    --radio-pad: 6px;
 }
 
 .zx-radio-group__item-label.zx-a-size-xl {
@@ -4495,12 +4495,12 @@
     box-sizing: border-box;
     width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
-    border-radius: calc(var(--radius-selector) + 0.25rem);
+    border-radius: calc(var(--radius-selector) + 4px);
     background: var(--color-base-100);
     cursor: pointer;
     outline: none;
     touch-action: none;
-    border: 0.25rem solid var(--slider-fill);
+    border: 4px solid var(--slider-fill);
     box-shadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
     top: 50%;
     transform: translateY(-50%);
@@ -5082,9 +5082,9 @@
     display: flex;
     flex-direction: column;
     position: relative;
-    width: 20rem;
+    width: 320px;
     max-width: 100%;
-    min-width: 3rem;
+    min-width: 48px;
 }
 
 .zx-select__trigger {
@@ -5104,7 +5104,7 @@
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
     box-sizing: border-box;
-    min-width: 3rem;
+    min-width: 48px;
     padding-left: calc(var(--size-field) * 4);
     padding-right: calc(var(--size-field) * 4);
     width: 100%;
@@ -5161,6 +5161,8 @@
 .zx-select__indicator {
     opacity: 0.6;
     transition: transform var(--duration-normal) var(--ease-standard);
+    width: 1em;
+    text-align: right;
 }
 
 .zx-select__indicator.zx-s-open {
@@ -5170,7 +5172,7 @@
 .zx-select__clear-trigger {
     appearance: none;
     position: absolute;
-    min-inline-size: 1.5rem;
+    min-inline-size: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -5183,10 +5185,12 @@
     border-radius: var(--radius-field);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard);
-    top: var(--space-xs);
-    bottom: var(--space-xs);
-    right: calc(var(--size-field) * 4 + 1em + var(--space-xs));
-    min-width: 1.5rem;
+    top: calc(var(--size-field) * 6 - 12px);
+    right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    box-sizing: border-box;
 }
 
 .zx-root .zx-select__clear-trigger {
@@ -5212,7 +5216,7 @@
 .zx-select__clear-trigger.zx-f-focus-visible {
     outline: none;
     outline-offset: 2px;
-    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--color-base-content);
+    box-shadow: inset 0 0 0 2px var(--color-base-content);
 }
 
 .zx-select__popup {
@@ -5225,7 +5229,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
-    min-width: 13rem;
+    min-width: 208px;
     --select-accent: var(--color-primary);
 }
 
@@ -5361,6 +5365,11 @@
     padding-right: calc(var(--size-field) * 2);
 }
 
+.zx-select__clear-trigger.zx-a-size-xs {
+    top: calc(var(--size-field) * 4 - 12px);
+    right: calc(var(--border) + var(--size-field) * 2 + var(--text-xs) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
     font-size: var(--text-sm);
@@ -5368,6 +5377,11 @@
     padding-right: calc(var(--size-field) * 3);
 }
 
+.zx-select__clear-trigger.zx-a-size-sm {
+    top: calc(var(--size-field) * 5 - 12px);
+    right: calc(var(--border) + var(--size-field) * 3 + var(--text-sm) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-md {
     height: calc(var(--size-field) * 12);
     font-size: var(--text-sm);
@@ -5375,6 +5389,11 @@
     padding-right: calc(var(--size-field) * 4);
 }
 
+.zx-select__clear-trigger.zx-a-size-md {
+    top: calc(var(--size-field) * 6 - 12px);
+    right: calc(var(--border) + var(--size-field) * 4 + var(--text-sm) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
     font-size: var(--text-md);
@@ -5382,6 +5401,11 @@
     padding-right: calc(var(--size-field) * 5);
 }
 
+.zx-select__clear-trigger.zx-a-size-lg {
+    top: calc(var(--size-field) * 7 - 12px);
+    right: calc(var(--border) + var(--size-field) * 5 + var(--text-md) + var(--space-xs));
+}
+
 .zx-select__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
     font-size: var(--text-lg);
@@ -5389,6 +5413,11 @@
     padding-right: calc(var(--size-field) * 6);
 }
 
+.zx-select__clear-trigger.zx-a-size-xl {
+    top: calc(var(--size-field) * 8 - 12px);
+    right: calc(var(--border) + var(--size-field) * 6 + var(--text-lg) + var(--space-xs));
+}
+
 .zx-button__root {
     --btn-accent: var(--color-primary);
     --btn-on-accent: var(--color-primary-content);
@@ -5838,9 +5867,9 @@
 
 .zx-button__root.zx-m-wide {
     inline-size: 100%;
-    max-inline-size: 16rem;
+    max-inline-size: 256px;
     width: 100%;
-    max-width: 16rem;
+    max-width: 256px;
 }
 
 .zx-button__root.zx-m-block {
@@ -5993,11 +6022,109 @@
     --avatar-text: var(--text-lg);
 }
 
+.zx-avatar-group__root {
+    --avatar-group-text: var(--text-sm);
+    --avatar-group-ring: var(--color-primary);
+}
+
+.zx-avatar-group__root {
+    display: flex;
+    align-items: center;
+    vertical-align: middle;
+    isolation: isolate;
+}
+
+.zx-avatar-group__overflow {
+    position: relative;
+    display: inline-grid;
+    place-items: center;
+    box-sizing: border-box;
+    min-width: calc(var(--size-selector) * 10);
+    height: calc(var(--size-selector) * 10);
+    border-radius: 9999px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--avatar-group-ring);
+    background: var(--color-neutral);
+    color: var(--color-neutral-content);
+    font-size: var(--avatar-group-text);
+    font-weight: var(--weight-semibold);
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+    user-select: none;
+}
+
+.zx-avatar-group__overflow.zx-a-size-xs {
+    min-width: calc(var(--size-selector) * 6);
+    height: calc(var(--size-selector) * 6);
+}
+
+.zx-avatar-group__overflow.zx-a-size-sm {
+    min-width: calc(var(--size-selector) * 8);
+    height: calc(var(--size-selector) * 8);
+}
+
+.zx-avatar-group__overflow.zx-a-size-lg {
+    min-width: calc(var(--size-selector) * 12);
+    height: calc(var(--size-selector) * 12);
+}
+
+.zx-avatar-group__overflow.zx-a-size-xl {
+    min-width: calc(var(--size-selector) * 16);
+    height: calc(var(--size-selector) * 16);
+}
+
+.zx-avatar-group__root.zx-a-color-primary {
+    --avatar-group-ring: var(--color-primary);
+}
+
+.zx-avatar-group__root.zx-a-color-secondary {
+    --avatar-group-ring: var(--color-secondary);
+}
+
+.zx-avatar-group__root.zx-a-color-accent {
+    --avatar-group-ring: var(--color-accent);
+}
+
+.zx-avatar-group__root.zx-a-color-neutral {
+    --avatar-group-ring: var(--color-neutral);
+}
+
+.zx-avatar-group__root.zx-a-color-info {
+    --avatar-group-ring: var(--color-info);
+}
+
+.zx-avatar-group__root.zx-a-color-success {
+    --avatar-group-ring: var(--color-success);
+}
+
+.zx-avatar-group__root.zx-a-color-warning {
+    --avatar-group-ring: var(--color-warning);
+}
+
+.zx-avatar-group__root.zx-a-color-error {
+    --avatar-group-ring: var(--color-error);
+}
+
+.zx-avatar-group__root.zx-a-size-xs {
+    --avatar-group-text: var(--text-xs);
+}
+
+.zx-avatar-group__root.zx-a-size-sm {
+    --avatar-group-text: var(--text-xs);
+}
+
+.zx-avatar-group__root.zx-a-size-lg {
+    --avatar-group-text: var(--text-md);
+}
+
+.zx-avatar-group__root.zx-a-size-xl {
+    --avatar-group-text: var(--text-lg);
+}
+
 .zx-toast__root {
     --toast-bg: var(--color-base-200);
     --toast-ink: var(--color-base-content);
     --toast-from: 8px;
-    --toast-mark: 1rem;
+    --toast-mark: 16px;
 }
 
 .zx-toast__viewport {
@@ -6078,7 +6205,7 @@
     position: relative;
     box-sizing: border-box;
     width: 100%;
-    max-width: 24rem;
+    max-width: 384px;
 }
 
 .zx-toast__root.zx-s-open {
@@ -6309,7 +6436,7 @@
     display: flex;
     align-items: stretch;
     flex-wrap: wrap;
-    min-width: 13rem;
+    min-width: 208px;
     box-sizing: border-box;
     height: calc(var(--size-field) * 12);
     background: var(--color-base-100);
@@ -6460,7 +6587,7 @@
     border-radius: var(--radius-box);
     box-shadow: var(--shadow-lg);
     padding: var(--space-md);
-    min-width: 13rem;
+    min-width: 208px;
 }
 
 .zx-combobox__popup.zx-s-open {
@@ -6908,7 +7035,7 @@
 }
 
 .zx-number-input__input {
-    width: 5rem;
+    width: 80px;
     min-width: 0;
     appearance: none;
     border: none;
@@ -8905,15 +9032,34 @@
     align-items: center;
     border: none;
     align-self: stretch;
+    background: var(--divider-ink);
 }
 
 .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 {
     flex-direction: column;
     min-block-size: 1em;
+    inline-size: var(--border);
+}
+
+.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 {
@@ -10503,7 +10649,7 @@
     display: flex;
     align-items: center;
     gap: var(--space-sm);
-    min-block-size: 4rem;
+    min-block-size: 64px;
     padding: var(--space-sm);
     background: var(--color-base-100);
     color: var(--color-base-content);
@@ -10573,21 +10719,21 @@
 }
 
 .zx-navbar__root.zx-a-size-xs {
-    min-block-size: 2.5rem;
+    min-block-size: 40px;
     font-size: var(--text-sm);
 }
 
 .zx-navbar__root.zx-a-size-sm {
-    min-block-size: 3rem;
+    min-block-size: 48px;
     font-size: var(--text-sm);
 }
 
 .zx-navbar__root.zx-a-size-lg {
-    min-block-size: 5rem;
+    min-block-size: 80px;
 }
 
 .zx-navbar__root.zx-a-size-xl {
-    min-block-size: 6rem;
+    min-block-size: 96px;
     font-size: var(--text-lg);
 }
 
@@ -12220,7 +12366,7 @@
     opacity: 0;
     transform: none;
     transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;
-    --drawer-travel: -100%;
+    --drawer-travel: -100% 0;
     padding: var(--space-lg);
     background: var(--color-base-100);
     color: var(--color-base-content);
@@ -12238,7 +12384,15 @@
 }
 
 .zx-drawer__panel.zx-p-end {
-    --drawer-travel: 100%;
+    --drawer-travel: 100% 0;
+}
+
+.zx-drawer__panel.zx-p-top {
+    --drawer-travel: 0 -100%;
+}
+
+.zx-drawer__panel.zx-p-bottom {
+    --drawer-travel: 0 100%;
 }
 
 .zx-drawer__panel.zx-l-dock-sheet {
@@ -12255,6 +12409,20 @@
     transition: translate var(--duration-slow) var(--ease-standard), display var(--duration-slow) allow-discrete, overlay var(--duration-slow) allow-discrete;
 }
 
+.zx-drawer__panel.zx-p-top.zx-l-dock-sheet {
+    block-size: auto;
+    max-block-size: 85dvh;
+    border-end-start-radius: var(--radius-box);
+    border-end-end-radius: var(--radius-box);
+}
+
+.zx-drawer__panel.zx-p-bottom.zx-l-dock-sheet {
+    block-size: auto;
+    max-block-size: 85dvh;
+    border-start-start-radius: var(--radius-box);
+    border-start-end-radius: var(--radius-box);
+}
+
 .zx-drawer__backdrop {
     background: #00000066;
 }
@@ -13202,8 +13370,8 @@
 
 .zx-carousel__root {
     --carousel-accent: var(--color-base-content);
-    --carousel-dot: 0.625rem;
-    --carousel-nav: 2rem;
+    --carousel-dot: 10px;
+    --carousel-nav: 32px;
 }
 
 .zx-carousel__root {
@@ -13466,23 +13634,23 @@
 }
 
 .zx-carousel__root.zx-a-size-xs {
-    --carousel-dot: 0.375rem;
-    --carousel-nav: 1.5rem;
+    --carousel-dot: 6px;
+    --carousel-nav: 24px;
 }
 
 .zx-carousel__root.zx-a-size-sm {
-    --carousel-dot: 0.5rem;
-    --carousel-nav: 1.75rem;
+    --carousel-dot: 8px;
+    --carousel-nav: 28px;
 }
 
 .zx-carousel__root.zx-a-size-lg {
-    --carousel-dot: 0.75rem;
-    --carousel-nav: 2.5rem;
+    --carousel-dot: 12px;
+    --carousel-nav: 40px;
 }
 
 .zx-carousel__root.zx-a-size-xl {
-    --carousel-dot: 0.875rem;
-    --carousel-nav: 3rem;
+    --carousel-dot: 14px;
+    --carousel-nav: 48px;
 }
 
 .zx-swap__root {
@@ -13917,8 +14085,8 @@
 
 .zx-diff__root {
     --diff-accent: var(--color-base-content);
-    --diff-grip: 1.5rem;
-    --diff-hit: 2rem;
+    --diff-grip: 24px;
+    --diff-hit: 32px;
 }
 
 .zx-diff__root {
@@ -14144,21 +14312,21 @@
 }
 
 .zx-diff__root.zx-a-size-xs {
-    --diff-grip: 1rem;
-    --diff-hit: 1.5rem;
+    --diff-grip: 16px;
+    --diff-hit: 24px;
 }
 
 .zx-diff__root.zx-a-size-sm {
-    --diff-grip: 1.25rem;
-    --diff-hit: 1.75rem;
+    --diff-grip: 20px;
+    --diff-hit: 28px;
 }
 
 .zx-diff__root.zx-a-size-lg {
-    --diff-grip: 2rem;
-    --diff-hit: 2.5rem;
+    --diff-grip: 32px;
+    --diff-hit: 40px;
 }
 
 .zx-diff__root.zx-a-size-xl {
-    --diff-grip: 2.25rem;
-    --diff-hit: 2.75rem;
+    --diff-grip: 36px;
+    --diff-hit: 44px;
 }