@sigx/zero-daisyui 0.11.0 → 0.13.0

package/dist/lynx/index.css

@@ -87,7 +87,6 @@
     --depth-shade: #0000001a;
     --depth-sheen: #ffffff1a;
     --noise: 0;
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
 }
 
 .zx-root.zx-theme-light {
@@ -164,7 +163,6 @@
     --depth-shade: #0000001a;
     --depth-sheen: #ffffff1a;
     --noise: 0;
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
 }
 
 .zx-root.zx-theme-dark {
@@ -241,7 +239,6 @@
     --depth-shade: #0000001a;
     --depth-sheen: #ffffff1a;
     --noise: 0;
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
 }
 
 .zx-root.zx-theme-dim {
@@ -318,7 +315,6 @@
     --depth-shade: #00000000;
     --depth-sheen: #ffffff00;
     --noise: 0;
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
 }
 
 .zx-root.zx-theme-nord {
@@ -395,7 +391,6 @@
     --depth-shade: #00000000;
     --depth-sheen: #ffffff00;
     --noise: 0;
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
 }
 
 .zx-root.zx-theme-sunset {
@@ -472,7 +467,6 @@
     --depth-shade: #00000000;
     --depth-sheen: #ffffff00;
     --noise: 0;
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
 }
 
 .zx-stack__root {
@@ -3251,19 +3245,28 @@
 }
 
 .zx-fieldset__root {
-    display: grid;
+    display: flex;
     grid-template-columns: 1fr;
     grid-auto-rows: max-content;
     gap: var(--space-sm);
     min-inline-size: 0;
     margin: 0;
     border: none;
+    flex-direction: column;
+    padding-top: var(--space-xs);
+    padding-bottom: var(--space-xs);
+    padding-left: 0;
+    padding-right: 0;
 }
 
 .zx-fieldset__legend {
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
     color: var(--fieldset-accent);
+    padding-top: var(--space-sm);
+    padding-bottom: var(--space-sm);
+    padding-left: 0;
+    padding-right: 0;
 }
 
 .zx-fieldset__legend.zx-f-disabled {
@@ -3477,6 +3480,7 @@
     align-items: center;
     gap: var(--space-md);
     cursor: pointer;
+    flex-direction: row;
 }
 
 .zx-checkbox__root.zx-f-readonly {
@@ -3489,7 +3493,7 @@
 }
 
 .zx-checkbox__control {
-    display: inline-block;
+    display: flex;
     position: relative;
     vertical-align: middle;
     flex-shrink: 0;
@@ -3502,7 +3506,6 @@
     color: var(--checkbox-on-accent);
     box-shadow: 0 1px var(--depth-shade) inset, 0 0 #0000 inset, 0 0 #0000;
     background-size: auto, calc(var(--noise) * 100%);
-    background-image: none, var(--fx-noise);
     cursor: pointer;
     transition: background-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard);
 }
@@ -3537,8 +3540,9 @@
 }
 
 .zx-checkbox__control.zx-f-focus-visible {
-    outline: 2px solid var(--checkbox-accent);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--checkbox-accent), 0 1px var(--depth-shade) inset;
 }
 
 .zx-checkbox__control.zx-f-invalid {
@@ -3551,27 +3555,59 @@
 
 .zx-checkbox__indicator {
     display: block;
-    width: 100%;
+    width: 50%;
     height: 100%;
     opacity: 0;
-    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;
+    background-color: transparent;
+    box-shadow: none;
     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);
+    transition: opacity var(--duration-instant) var(--ease-standard) var(--duration-instant), transform var(--duration-slow) var(--ease-standard) var(--duration-instant);
+    box-sizing: border-box;
+    margin-left: 20%;
+    border-style: solid;
+    border-color: var(--checkbox-on-accent);
+    border-top-width: 0;
+    border-left-width: 0;
+    border-right-width: calc(((var(--size-selector) * 6) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+    border-bottom-width: calc(((var(--size-selector) * 6) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+    transform-origin: 60% 50%;
     transform: rotate(45deg);
 }
 
+.zx-checkbox__indicator.zx-a-size-xs {
+    border-right-width: calc(((var(--size-selector) * 4) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+    border-bottom-width: calc(((var(--size-selector) * 4) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+}
+
+.zx-checkbox__indicator.zx-a-size-sm {
+    border-right-width: calc(((var(--size-selector) * 5) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+    border-bottom-width: calc(((var(--size-selector) * 5) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+}
+
+.zx-checkbox__indicator.zx-a-size-lg {
+    border-right-width: calc(((var(--size-selector) * 7) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+    border-bottom-width: calc(((var(--size-selector) * 7) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+}
+
+.zx-checkbox__indicator.zx-a-size-xl {
+    border-right-width: calc(((var(--size-selector) * 8) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+    border-bottom-width: calc(((var(--size-selector) * 8) - var(--checkbox-pad) * 2 - var(--border) * 2) * 0.2);
+}
+
 .zx-checkbox__indicator.zx-s-checked {
-    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
     opacity: 1;
 }
 
 .zx-checkbox__indicator.zx-s-indeterminate {
-    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
     opacity: 1;
-    transform: translateY(-35%) rotate(0deg);
+    width: 60%;
+    height: 20%;
+    align-self: center;
+    border-right-width: 0;
+    border-bottom-width: 0;
+    background-color: var(--checkbox-on-accent);
+    transform: rotate(0deg);
 }
 
 .zx-checkbox__label {
@@ -3880,6 +3916,12 @@
     gap: var(--space-md);
 }
 
+.zx-radio-group__root.zx-o-horizontal {
+    flex-direction: row;
+    flex-wrap: wrap;
+    column-gap: var(--space-lg);
+}
+
 .zx-radio-group__label {
     font-size: var(--text-sm);
     font-weight: var(--weight-semibold);
@@ -3894,6 +3936,7 @@
     align-items: center;
     gap: var(--space-md);
     cursor: pointer;
+    flex-direction: row;
 }
 
 .zx-radio-group__item.zx-f-readonly {
@@ -3906,7 +3949,7 @@
 }
 
 .zx-radio-group__item-control {
-    display: inline-block;
+    display: flex;
     position: relative;
     vertical-align: middle;
     flex-shrink: 0;
@@ -3952,8 +3995,9 @@
 }
 
 .zx-radio-group__item-control.zx-f-focus-visible {
-    outline: 2px solid var(--radio-accent);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--radio-accent), 0 1px var(--depth-shade) inset;
 }
 
 .zx-radio-group__item-indicator {
@@ -3963,7 +4007,6 @@
     border-radius: 9999px;
     background-color: transparent;
     background-size: auto, calc(var(--noise) * 100%);
-    background-image: none, var(--fx-noise);
     transition: background-color var(--duration-instant) var(--ease-standard);
 }
 
@@ -6251,10 +6294,6 @@
     animation: zero-daisyui-toast-spin 0.75s linear infinite;
 }
 
-.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;
 }
@@ -6275,10 +6314,6 @@
     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;
 }
@@ -6450,11 +6485,12 @@
     flex-wrap: wrap;
     min-width: 208px;
     box-sizing: border-box;
-    height: calc(var(--size-field) * 12);
+    height: auto;
     background: var(--color-base-100);
     border: var(--border) solid var(--color-base-300);
     border-radius: var(--radius-field);
     box-shadow: var(--shadow-xs);
+    min-height: calc(var(--size-field) * 12);
     transition: border-color var(--duration-fast) var(--ease-standard);
 }
 
@@ -6762,7 +6798,7 @@
     gap: 0.5em;
     color: var(--color-base-content);
     background: var(--color-base-200);
-    border: var(--border) solid var(--color-base-300);
+    border: 0 solid transparent;
     border-radius: var(--radius-field);
     box-shadow: var(--shadow-xs);
     font-family: inherit;
@@ -6770,12 +6806,28 @@
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);
+    width: max-content;
+    flex-shrink: 0;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    border-top-width: var(--border);
+    border-right-width: var(--border);
+    border-bottom-width: var(--border);
+    border-left-width: var(--border);
+    border-top-color: var(--color-base-300);
+    border-right-color: var(--color-base-300);
+    border-bottom-color: var(--color-base-300);
+    border-left-color: var(--color-base-300);
 }
 
 .zx-toggle__root.zx-s-on {
     background: var(--toggle-accent);
     color: var(--toggle-on-accent);
     border-color: var(--toggle-accent);
+    border-top-color: var(--toggle-accent);
+    border-right-color: var(--toggle-accent);
+    border-bottom-color: var(--toggle-accent);
+    border-left-color: var(--toggle-accent);
 }
 
 .zx-toggle__root.zx-f-disabled {
@@ -6784,8 +6836,13 @@
 }
 
 .zx-toggle__root.zx-f-focus-visible {
-    outline: 2px solid var(--toggle-accent);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--toggle-accent);
+}
+
+.zx-toggle__root.zx-f-pressed {
+    background: var(--color-base-300);
 }
 
 .zx-toggle__root.zx-f-pressed {
@@ -6793,6 +6850,10 @@
     box-shadow: none;
 }
 
+.zx-toggle__root.zx-s-on.zx-f-pressed {
+    background: var(--toggle-accent);
+}
+
 .zx-toggle__root.zx-a-color-primary {
     --toggle-accent: var(--color-primary);
     --toggle-on-accent: var(--color-primary-content);
@@ -6874,10 +6935,21 @@
 .zx-toggle-group__root {
     display: flex;
     background: var(--color-base-200);
-    border: var(--border) solid var(--color-base-300);
+    border: 0 solid transparent;
     border-radius: var(--radius-field);
     box-shadow: var(--shadow-xs);
     overflow: hidden;
+    width: max-content;
+    flex-shrink: 0;
+    flex-direction: row;
+    border-top-width: var(--border);
+    border-right-width: var(--border);
+    border-bottom-width: var(--border);
+    border-left-width: var(--border);
+    border-top-color: var(--color-base-300);
+    border-right-color: var(--color-base-300);
+    border-bottom-color: var(--color-base-300);
+    border-left-color: var(--color-base-300);
 }
 
 .zx-toggle-group__root.zx-f-disabled {
@@ -6904,6 +6976,8 @@
     line-height: var(--leading-none);
     cursor: pointer;
     transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
+    flex-shrink: 0;
+    flex-wrap: nowrap;
 }
 
 .zx-toggle-group__item.zx-s-on {
@@ -6917,8 +6991,29 @@
 }
 
 .zx-toggle-group__item.zx-f-focus-visible {
-    outline: 2px solid var(--toggle-group-accent);
+    outline: none;
     outline-offset: -2px;
+    box-shadow: inset 0 0 0 2px var(--toggle-group-accent);
+}
+
+.zx-toggle-group__item.zx-f-pressed {
+    background: var(--color-base-300);
+}
+
+.zx-toggle-group__item.zx-s-on.zx-f-pressed {
+    background: var(--toggle-group-accent);
+}
+
+.zx-toggle-group__item.zx-o-horizontal {
+    border-left-width: var(--border);
+    border-left-style: solid;
+    border-left-color: var(--color-base-300);
+}
+
+.zx-toggle-group__item.zx-o-vertical {
+    border-top-width: var(--border);
+    border-top-style: solid;
+    border-top-color: var(--color-base-300);
 }
 
 .zx-toggle-group__item.zx-a-size-xs {
@@ -6980,6 +7075,24 @@
     --toggle-group-accent: var(--color-error);
     --toggle-group-on-accent: var(--color-error-content);
 }
+.zx-toggle-group__item.zx-m-first.zx-o-horizontal {
+    border-left-width: calc(var(--border) * 0);
+    border-top-left-radius: calc(var(--radius-field) - var(--border));
+    border-bottom-left-radius: calc(var(--radius-field) - var(--border));
+}
+.zx-toggle-group__item.zx-m-first.zx-o-vertical {
+    border-top-width: calc(var(--border) * 0);
+    border-top-left-radius: calc(var(--radius-field) - var(--border));
+    border-top-right-radius: calc(var(--radius-field) - var(--border));
+}
+.zx-toggle-group__item.zx-m-last.zx-o-horizontal {
+    border-top-right-radius: calc(var(--radius-field) - var(--border));
+    border-bottom-right-radius: calc(var(--radius-field) - var(--border));
+}
+.zx-toggle-group__item.zx-m-last.zx-o-vertical {
+    border-bottom-left-radius: calc(var(--radius-field) - var(--border));
+    border-bottom-right-radius: calc(var(--radius-field) - var(--border));
+}
 
 .zx-number-input__root {
     --number-input-accent: var(--color-base-content);
@@ -6989,6 +7102,7 @@
     display: flex;
     flex-direction: column;
     gap: var(--space-sm);
+    align-items: flex-start;
 }
 
 .zx-number-input__label {
@@ -7029,7 +7143,7 @@
     border: var(--border) solid var(--color-base-300);
     border-radius: var(--radius-field);
     box-shadow: var(--shadow-xs);
-    overflow: hidden;
+    overflow: visible;
     transition: border-color var(--duration-fast) var(--ease-standard);
 }
 
@@ -7042,8 +7156,9 @@
 }
 
 .zx-number-input__control.zx-f-focus-visible {
-    outline: 2px solid var(--number-input-accent);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--number-input-accent);
 }
 
 .zx-number-input__input {
@@ -7053,12 +7168,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);
     text-align: center;
     padding: var(--space-sm) var(--space-md);
+    flex-grow: 1;
+}
+
+.zx-root .zx-number-input__input {
+    -x-placeholder-color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-number-input__input {
+    -x-placeholder-color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-number-input__input {
+    -x-placeholder-color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-number-input__input {
+    -x-placeholder-color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-number-input__input {
+    -x-placeholder-color: #9fb9d099;
 }
 
 .zx-number-input__input.zx-f-disabled {
@@ -7078,8 +7214,14 @@
     user-select: none;
     border-inline-start: var(--border) solid var(--color-base-300);
     transition: background var(--duration-fast) var(--ease-standard);
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding-left: var(--space-lg);
     padding-right: var(--space-lg);
+    border-left: var(--border) solid var(--color-base-300);
+    border-top-right-radius: var(--radius-field);
+    border-bottom-right-radius: var(--radius-field);
 }
 
 .zx-number-input__increment-trigger.zx-f-disabled {
@@ -7104,8 +7246,14 @@
     user-select: none;
     border-inline-end: var(--border) solid var(--color-base-300);
     transition: background var(--duration-fast) var(--ease-standard);
+    display: flex;
+    align-items: center;
+    justify-content: center;
     padding-left: var(--space-lg);
     padding-right: var(--space-lg);
+    border-right: var(--border) solid var(--color-base-300);
+    border-top-left-radius: var(--radius-field);
+    border-bottom-left-radius: var(--radius-field);
 }
 
 .zx-number-input__decrement-trigger.zx-f-disabled {
@@ -7736,6 +7884,7 @@
     box-shadow: var(--shadow-xs);
     overflow: hidden;
     transition: border-color var(--duration-fast) var(--ease-standard);
+    flex-direction: row;
 }
 
 .zx-input__control.zx-f-invalid {
@@ -7747,8 +7896,9 @@
 }
 
 .zx-input__control.zx-f-focus-visible {
-    outline: 2px solid var(--input-accent);
+    outline: none;
     outline-offset: 2px;
+    box-shadow: 0 0 0 2px var(--color-base-100), 0 0 0 4px var(--input-accent);
 }
 
 .zx-input__input {
@@ -7758,10 +7908,32 @@
     border: none;
     outline: none;
     background: transparent;
-    color: inherit;
+    color: var(--color-base-content);
     font: inherit;
     font-size: var(--text-sm);
     padding: var(--space-sm) var(--space-md);
+    flex-grow: 1;
+    flex-shrink: 1;
+}
+
+.zx-root .zx-input__input {
+    -x-placeholder-color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-input__input {
+    -x-placeholder-color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-input__input {
+    -x-placeholder-color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-input__input {
+    -x-placeholder-color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-input__input {
+    -x-placeholder-color: #9fb9d099;
 }
 
 .zx-input__input.zx-f-disabled {
@@ -7798,10 +7970,12 @@
 
 .zx-input__adornment.zx-p-start {
     order: -1;
+    padding-left: var(--space-md);
 }
 
 .zx-input__adornment.zx-p-end {
     order: 1;
+    padding-right: var(--space-md);
 }
 
 .zx-input__clear-trigger {
@@ -7817,6 +7991,7 @@
     font-weight: var(--weight-semibold);
     line-height: var(--leading-none);
     cursor: pointer;
+    margin-right: var(--space-xs);
 }
 
 .zx-root .zx-input__clear-trigger {
@@ -7848,6 +8023,11 @@
     outline-offset: 2px;
 }
 
+.zx-input__clear-trigger.zx-f-pressed {
+    color: var(--color-base-content);
+    background: var(--color-base-200);
+}
+
 .zx-input__visibility-trigger {
     appearance: none;
     border: none;
@@ -7861,6 +8041,7 @@
     font-weight: var(--weight-semibold);
     line-height: var(--leading-none);
     cursor: pointer;
+    margin-right: var(--space-xs);
 }
 
 .zx-root .zx-input__visibility-trigger {
@@ -7897,6 +8078,11 @@
     outline-offset: 2px;
 }
 
+.zx-input__visibility-trigger.zx-f-pressed {
+    color: var(--color-base-content);
+    background: var(--color-base-200);
+}
+
 .zx-input__root.zx-a-color-primary {
     --input-accent: var(--color-primary);
 }
@@ -8060,21 +8246,43 @@
     border-radius: var(--radius-field);
     box-shadow: var(--shadow-xs);
     display: block;
-    min-height: calc(calc(var(--size-field) * 12) * 2);
+    min-height: calc(var(--size-field) * 24);
     width: 100%;
     min-width: 0;
     appearance: none;
-    color: inherit;
+    color: var(--color-base-content);
     font: inherit;
     font-size: var(--text-sm);
     line-height: var(--leading-normal);
     padding: var(--space-sm) var(--space-md);
     resize: vertical;
     transition: border-color var(--duration-fast) var(--ease-standard);
+    --textarea-edge: var(--color-base-300);
+}
+
+.zx-root .zx-textarea__textarea {
+    -x-placeholder-color: #18181b99;
+}
+
+.zx-root.zx-theme-dark .zx-textarea__textarea {
+    -x-placeholder-color: #ecf9ff99;
+}
+
+.zx-root.zx-theme-dim .zx-textarea__textarea {
+    -x-placeholder-color: #b2ccd699;
+}
+
+.zx-root.zx-theme-nord .zx-textarea__textarea {
+    -x-placeholder-color: #2e344099;
+}
+
+.zx-root.zx-theme-sunset .zx-textarea__textarea {
+    -x-placeholder-color: #9fb9d099;
 }
 
 .zx-textarea__textarea.zx-f-invalid {
     border-color: var(--color-error);
+    --textarea-edge: var(--color-error);
 }
 
 .zx-textarea__textarea.zx-f-disabled {
@@ -8083,8 +8291,10 @@
 }
 
 .zx-textarea__textarea.zx-f-focus-visible {
-    outline: 2px solid var(--textarea-accent);
+    outline: none;
     outline-offset: 2px;
+    border-color: var(--color-base-100);
+    box-shadow: 0 0 0 2px var(--textarea-accent), inset 0 0 0 2px var(--textarea-edge);
 }
 
 .zx-textarea__root.zx-a-color-primary {
@@ -8121,25 +8331,25 @@
 
 .zx-textarea__textarea.zx-a-size-xs {
     font-size: var(--text-xs);
-    min-height: calc(calc(var(--size-field) * 8) * 2);
+    min-height: calc(var(--size-field) * 16);
     padding: var(--space-2xs) var(--space-xs);
 }
 
 .zx-textarea__textarea.zx-a-size-sm {
     font-size: var(--text-xs);
-    min-height: calc(calc(var(--size-field) * 10) * 2);
+    min-height: calc(var(--size-field) * 20);
     padding: var(--space-xs) var(--space-sm);
 }
 
 .zx-textarea__textarea.zx-a-size-lg {
     font-size: var(--text-md);
-    min-height: calc(calc(var(--size-field) * 14) * 2);
+    min-height: calc(var(--size-field) * 28);
     padding: var(--space-md) var(--space-lg);
 }
 
 .zx-textarea__textarea.zx-a-size-xl {
     font-size: var(--text-lg);
-    min-height: calc(calc(var(--size-field) * 16) * 2);
+    min-height: calc(var(--size-field) * 32);
     padding: var(--space-lg) var(--space-xl);
 }
 

package/dist/lynx/manifest.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://signalxjs.github.io/zero/schemas/lynx-manifest.schema.json",
   "manifestVersion": 1,
-  "zeroVersion": "0.11.0",
+  "zeroVersion": "0.13.0",
   "name": "daisyui",
   "themes": [
     {
@@ -2289,7 +2289,7 @@
   "target": "lynx",
   "classGrammarVersion": 2,
   "capabilities": {
-    "translated": 95,
-    "dropped": 464
+    "translated": 93,
+    "dropped": 477
   }
 }