@sigx/zero-daisyui 0.2.0-beta.5 → 0.3.0-beta.1

package/dist/lynx/components/indicator.css

@@ -12,51 +12,51 @@
 }
 
 .zx-indicator__item.zx-p-top-start {
-    inset-block-start: 0;
-    inset-inline-start: 0;
-    translate: -50% -50%;
+    top: 0;
+    left: 0;
+    transform: translate(-50%, -50%);
 }
 
 .zx-indicator__item.zx-p-top {
-    inset-block-start: 0;
-    inset-inline-start: 50%;
-    translate: -50% -50%;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 .zx-indicator__item.zx-p-top-end {
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    translate: 50% -50%;
+    top: 0;
+    right: 0;
+    transform: translate(50%, -50%);
 }
 
 .zx-indicator__item.zx-p-start {
-    inset-block-start: 50%;
-    inset-inline-start: 0;
-    translate: -50% -50%;
+    top: 50%;
+    left: 0;
+    transform: translate(-50%, -50%);
 }
 
 .zx-indicator__item.zx-p-end {
-    inset-block-start: 50%;
-    inset-inline-end: 0;
-    translate: 50% -50%;
+    top: 50%;
+    right: 0;
+    transform: translate(50%, -50%);
 }
 
 .zx-indicator__item.zx-p-bottom-start {
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    translate: -50% 50%;
+    bottom: 0;
+    left: 0;
+    transform: translate(-50%, 50%);
 }
 
 .zx-indicator__item.zx-p-bottom {
-    inset-block-end: 0;
-    inset-inline-start: 50%;
-    translate: -50% 50%;
+    bottom: 0;
+    left: 50%;
+    transform: translate(-50%, 50%);
 }
 
 .zx-indicator__item.zx-p-bottom-end {
-    inset-block-end: 0;
-    inset-inline-end: 0;
-    translate: 50% 50%;
+    bottom: 0;
+    right: 0;
+    transform: translate(50%, 50%);
 }
 
 .zx-indicator__item.zx-a-color-primary {

package/dist/lynx/components/kbd.css

@@ -8,7 +8,7 @@
     align-items: center;
     justify-content: center;
     min-inline-size: 1.75em;
-    padding: 0.0625rem 0.4375rem;
+    padding: calc(var(--space-2xs) - var(--border)) calc(var(--space-md) - var(--border));
     background: var(--kbd-fill);
     color: var(--kbd-ink);
     border: var(--border) solid var(--color-base-300);

package/dist/lynx/components/menu.css

@@ -5,7 +5,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -15,6 +14,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-menu__trigger.zx-f-disabled {
@@ -52,7 +53,7 @@
 .zx-menu__item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -74,7 +75,7 @@
 .zx-menu__checkbox-item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -96,7 +97,7 @@
 .zx-menu__radio-item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -125,7 +126,7 @@
 .zx-menu__sub-trigger {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     padding: var(--space-md) var(--space-lg);
     font-size: var(--text-sm);
     font-weight: var(--weight-medium);
@@ -269,24 +270,28 @@
 
 .zx-menu__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-menu__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-menu__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-menu__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }

package/dist/lynx/components/nav-list.css

@@ -0,0 +1,302 @@
+.zx-nav-list__root {
+    --nav-accent: var(--color-base-content);
+    --nav-tint: var(--color-base-300);
+    --nav-ink: var(--color-base-content);
+}
+
+.zx-nav-list__root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-lg);
+    font-size: var(--text-sm);
+    color: var(--color-base-content);
+}
+
+.zx-nav-list__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-xs);
+}
+
+.zx-nav-list__heading {
+    padding: 0 var(--space-lg);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-bold);
+    opacity: 0.6;
+}
+
+.zx-nav-list__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-2xs);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.zx-nav-list__item {
+    display: block;
+}
+
+.zx-nav-list__link {
+    display: flex;
+    align-items: center;
+    gap: var(--space-sm);
+    text-decoration: none;
+    color: var(--nav-ink);
+    padding: var(--space-sm) var(--space-lg);
+    border-radius: var(--radius-field);
+    font-weight: var(--weight-medium);
+    line-height: var(--leading-tight);
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-nav-list__link.zx-s-active {
+    background: var(--nav-tint);
+    color: var(--nav-accent);
+}
+
+.zx-nav-list__link.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-nav-list__icon {
+    display: flex;
+    inline-size: 1.25em;
+    justify-content: center;
+    flex: none;
+    line-height: var(--leading-none);
+}
+
+.zx-nav-list__meta {
+    display: flex;
+    align-items: center;
+    font-size: var(--text-xs);
+    font-variant-numeric: tabular-nums;
+    opacity: 0.7;
+}
+
+.zx-nav-list__root.zx-a-color-primary {
+    --nav-tint: var(--color-primary-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-primary {
+    --nav-accent: #fb8a62;
+}
+
+.zx-nav-list__root.zx-a-color-secondary {
+    --nav-tint: var(--color-secondary-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-secondary {
+    --nav-accent: #e68aac;
+}
+
+.zx-nav-list__root.zx-a-color-accent {
+    --nav-tint: var(--color-accent-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-accent {
+    --nav-accent: #ab9fe8;
+}
+
+.zx-nav-list__root.zx-a-color-neutral {
+    --nav-tint: var(--color-neutral-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-neutral {
+    --nav-accent: #667a8a;
+}
+
+.zx-nav-list__root.zx-a-color-info {
+    --nav-tint: var(--color-info-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-info {
+    --nav-accent: #91d4e3;
+}
+
+.zx-nav-list__root.zx-a-color-success {
+    --nav-tint: var(--color-success-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-success {
+    --nav-accent: #a6cebe;
+}
+
+.zx-nav-list__root.zx-a-color-warning {
+    --nav-tint: var(--color-warning-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-warning {
+    --nav-accent: #c5c1b7;
+}
+
+.zx-nav-list__root.zx-a-color-error {
+    --nav-tint: var(--color-error-soft);
+}
+
+.zx-root .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-nav-list__root.zx-a-color-error {
+    --nav-accent: #f2bbc0;
+}
+
+.zx-nav-list__root.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-nav-list__link.zx-a-size-xs {
+    padding: var(--space-2xs) var(--space-md);
+}
+
+.zx-nav-list__root.zx-a-size-sm {
+    font-size: var(--text-xs);
+}
+
+.zx-nav-list__link.zx-a-size-sm {
+    padding: var(--space-xs) var(--space-md);
+}
+
+.zx-nav-list__root.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-nav-list__link.zx-a-size-lg {
+    padding: var(--space-md) var(--space-lg);
+}
+
+.zx-nav-list__root.zx-a-size-xl {
+    font-size: var(--text-lg);
+}
+
+.zx-nav-list__link.zx-a-size-xl {
+    padding: var(--space-lg) var(--space-xl);
+}

package/dist/lynx/components/number-input.css

@@ -91,11 +91,12 @@
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     line-height: var(--leading-none);
-    padding-inline: var(--space-lg);
     cursor: pointer;
     user-select: none;
     border-inline-start: var(--border) solid var(--color-base-300);
     transition: background var(--duration-fast) var(--ease-standard);
+    padding-left: var(--space-lg);
+    padding-right: var(--space-lg);
 }
 
 .zx-number-input__increment-trigger.zx-f-disabled {
@@ -112,11 +113,12 @@
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     line-height: var(--leading-none);
-    padding-inline: var(--space-lg);
     cursor: pointer;
     user-select: none;
     border-inline-end: var(--border) solid var(--color-base-300);
     transition: background var(--duration-fast) var(--ease-standard);
+    padding-left: var(--space-lg);
+    padding-right: var(--space-lg);
 }
 
 .zx-number-input__decrement-trigger.zx-f-disabled {

package/dist/lynx/components/pagination.css

@@ -16,7 +16,6 @@
     justify-content: center;
     min-inline-size: calc(var(--size-field) * 10);
     block-size: calc(var(--size-field) * 10);
-    padding-inline: var(--space-2xs);
     background: var(--color-base-200);
     color: var(--color-base-content);
     border: none;
@@ -27,6 +26,8 @@
     appearance: none;
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
+    padding-left: var(--space-2xs);
+    padding-right: var(--space-2xs);
 }
 
 .zx-pagination__item.zx-a-size-xs {
@@ -95,23 +96,23 @@
 }
 
 .zx-root .zx-pagination__ellipsis {
-    color: #08080aa6;
+    color: #18181ba6;
 }
 
 .zx-root.zx-theme-dark .zx-pagination__ellipsis {
-    color: #848b8fa6;
+    color: #ecf9ffa6;
 }
 
 .zx-root.zx-theme-dim .zx-pagination__ellipsis {
-    color: #627177a6;
+    color: #b2ccd6a6;
 }
 
 .zx-root.zx-theme-nord .zx-pagination__ellipsis {
-    color: #151920a6;
+    color: #2e3440a6;
 }
 
 .zx-root.zx-theme-sunset .zx-pagination__ellipsis {
-    color: #576674a6;
+    color: #9fb9d0a6;
 }
 
 .zx-pagination__prev-trigger {

package/dist/lynx/components/popover.css

@@ -5,7 +5,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 12);
-    padding-inline: calc(var(--size-field) * 4);
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -15,6 +14,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 4);
+    padding-right: calc(var(--size-field) * 4);
 }
 
 .zx-popover__trigger.zx-f-disabled {
@@ -62,7 +63,6 @@
     justify-content: center;
     gap: 0.5em;
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-xs);
     font-weight: var(--weight-semibold);
     color: var(--color-base-content);
@@ -72,6 +72,8 @@
     box-shadow: var(--shadow-xs);
     cursor: pointer;
     transition: background var(--duration-normal) var(--ease-standard);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-popover__close.zx-f-disabled {
@@ -173,24 +175,28 @@
 
 .zx-popover__trigger.zx-a-size-xs {
     height: calc(var(--size-field) * 8);
-    padding-inline: calc(var(--size-field) * 2);
     font-size: var(--text-xs);
+    padding-left: calc(var(--size-field) * 2);
+    padding-right: calc(var(--size-field) * 2);
 }
 
 .zx-popover__trigger.zx-a-size-sm {
     height: calc(var(--size-field) * 10);
-    padding-inline: calc(var(--size-field) * 3);
     font-size: var(--text-sm);
+    padding-left: calc(var(--size-field) * 3);
+    padding-right: calc(var(--size-field) * 3);
 }
 
 .zx-popover__trigger.zx-a-size-lg {
     height: calc(var(--size-field) * 14);
-    padding-inline: calc(var(--size-field) * 5);
     font-size: var(--text-md);
+    padding-left: calc(var(--size-field) * 5);
+    padding-right: calc(var(--size-field) * 5);
 }
 
 .zx-popover__trigger.zx-a-size-xl {
     height: calc(var(--size-field) * 16);
-    padding-inline: calc(var(--size-field) * 6);
     font-size: var(--text-lg);
+    padding-left: calc(var(--size-field) * 6);
+    padding-right: calc(var(--size-field) * 6);
 }

package/dist/lynx/components/progress.css

@@ -251,5 +251,5 @@
     --progress-accent: #e4a7a9;
 }
 @keyframes zero-daisy-indeterminate {
-    from { margin-inline-start: -40%; } to { margin-inline-start: 100%; }
+    from { margin-left: -40%; } to { margin-left: 100%; }
 }

package/dist/lynx/components/radial-progress.css

@@ -57,23 +57,23 @@
 }
 
 .zx-root .zx-radial-progress__label {
-    color: #0a0a0cb3;
+    color: #18181bb3;
 }
 
 .zx-root.zx-theme-dark .zx-radial-progress__label {
-    color: #929a9eb3;
+    color: #ecf9ffb3;
 }
 
 .zx-root.zx-theme-dim .zx-radial-progress__label {
-    color: #6d7e84b3;
+    color: #b2ccd6b3;
 }
 
 .zx-root.zx-theme-nord .zx-radial-progress__label {
-    color: #181c24b3;
+    color: #2e3440b3;
 }
 
 .zx-root.zx-theme-sunset .zx-radial-progress__label {
-    color: #617180b3;
+    color: #9fb9d0b3;
 }
 
 .zx-radial-progress__value-text {

package/dist/lynx/components/radio-group.css

@@ -6,7 +6,7 @@
 .zx-radio-group__root {
     display: flex;
     flex-direction: column;
-    gap: 0.625rem;
+    gap: var(--space-md);
 }
 
 .zx-radio-group__label {
@@ -21,7 +21,7 @@
 .zx-radio-group__item {
     display: flex;
     align-items: center;
-    gap: 0.625rem;
+    gap: var(--space-md);
     cursor: pointer;
 }
 

package/dist/lynx/components/rating-group.css

@@ -97,23 +97,23 @@
 }
 
 .zx-root .zx-rating-group__item {
-    color: #07070899;
+    color: #18181b99;
 }
 
 .zx-root.zx-theme-dark .zx-rating-group__item {
-    color: #767d8099;
+    color: #ecf9ff99;
 }
 
 .zx-root.zx-theme-dim .zx-rating-group__item {
-    color: #57656a99;
+    color: #b2ccd699;
 }
 
 .zx-root.zx-theme-nord .zx-rating-group__item {
-    color: #12151b99;
+    color: #2e344099;
 }
 
 .zx-root.zx-theme-sunset .zx-rating-group__item {
-    color: #4d5b6799;
+    color: #9fb9d099;
 }
 
 .zx-rating-group__item.zx-s-full {