@1337exp/taoui 1.11.6 → 1.13.0

package/dist/styles.css

@@ -1,5 +1,5 @@
 
-.tao-button[data-v-1e1847ba] {
+.tao-button[data-v-8966c285] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -13,152 +13,152 @@
     transition: var(--tao-transition-base);
     position: relative;
 }
-.tao-button[data-v-1e1847ba]:active:not(.tao-button--text) {
+.tao-button[data-v-8966c285]:active:not(.tao-button--text) {
     transform: translateY(1px);
 }
-.tao-button[data-v-1e1847ba]:focus-visible {
+.tao-button[data-v-8966c285]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
 }
-.tao-button--small[data-v-1e1847ba] {
+.tao-button--small[data-v-8966c285] {
     padding: var(--tao-space-1) var(--tao-space-3);
     font-size: var(--tao-font-size-xs);
-    height: 26px;
+    height: var(--tao-control-height-small);
 }
-.tao-button--medium[data-v-1e1847ba] {
+.tao-button--medium[data-v-8966c285] {
     padding: var(--tao-space-2) var(--tao-space-4);
     font-size: var(--tao-font-size-md);
-    height: 30px;
+    height: var(--tao-control-height-medium);
 }
-.tao-button--large[data-v-1e1847ba] {
+.tao-button--large[data-v-8966c285] {
     padding: var(--tao-space-2) var(--tao-space-6);
     font-size: var(--tao-font-size-lg);
-    height: 38px;
+    height: var(--tao-control-height-large);
 }
-.tao-button--primary[data-v-1e1847ba] {
+.tao-button--primary[data-v-8966c285] {
     background-color: var(--tao-color-accent);
     color: var(--tao-color-on-accent);
 }
-.tao-button--primary[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--primary[data-v-8966c285]:hover:not(.tao-button--disabled) {
     background-color: var(--tao-color-accent-hover);
 }
-.tao-button--secondary[data-v-1e1847ba] {
+.tao-button--secondary[data-v-8966c285] {
     background-color: var(--tao-color-surface-sunken);
     color: var(--tao-color-text);
     border: 1px solid var(--tao-color-border-strong);
 }
-.tao-button--secondary[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--secondary[data-v-8966c285]:hover:not(.tao-button--disabled) {
     background-color: var(--tao-color-surface-hover);
     color: var(--tao-color-text-strong);
 }
-.tao-button--ghost[data-v-1e1847ba] {
+.tao-button--ghost[data-v-8966c285] {
     background-color: transparent;
     color: var(--tao-color-accent);
 }
-.tao-button--ghost[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--ghost[data-v-8966c285]:hover:not(.tao-button--disabled) {
     background-color: var(--tao-color-accent-subtle-hover);
 }
-.tao-button--text[data-v-1e1847ba] {
+.tao-button--text[data-v-8966c285] {
     height: auto;
     padding: 2px 4px;
     background: transparent;
     color: var(--tao-color-accent);
 }
-.tao-button--text.tao-button--small[data-v-1e1847ba],
-.tao-button--text.tao-button--medium[data-v-1e1847ba],
-.tao-button--text.tao-button--large[data-v-1e1847ba] {
+.tao-button--text.tao-button--small[data-v-8966c285],
+.tao-button--text.tao-button--medium[data-v-8966c285],
+.tao-button--text.tao-button--large[data-v-8966c285] {
     height: auto;
     padding: 2px 4px;
 }
-.tao-button--text[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--text[data-v-8966c285]:hover:not(.tao-button--disabled) {
     color: var(--tao-color-accent-hover);
     background-color: var(--tao-color-accent-subtle-hover);
 }
-.tao-button--danger[data-v-1e1847ba] {
+.tao-button--danger[data-v-8966c285] {
     background-color: var(--tao-color-danger);
     color: var(--tao-color-text-strong);
 }
-.tao-button--danger[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--danger[data-v-8966c285]:hover:not(.tao-button--disabled) {
     background-color: var(--tao-color-danger-hover);
 }
-.tao-button--ghost.tao-button--tone-danger[data-v-1e1847ba],
-.tao-button--text.tao-button--tone-danger[data-v-1e1847ba] {
+.tao-button--ghost.tao-button--tone-danger[data-v-8966c285],
+.tao-button--text.tao-button--tone-danger[data-v-8966c285] {
     color: var(--tao-color-danger);
 }
-.tao-button--ghost.tao-button--tone-danger[data-v-1e1847ba]:hover:not(.tao-button--disabled),
-.tao-button--text.tao-button--tone-danger[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--ghost.tao-button--tone-danger[data-v-8966c285]:hover:not(.tao-button--disabled),
+.tao-button--text.tao-button--tone-danger[data-v-8966c285]:hover:not(.tao-button--disabled) {
     color: var(--tao-color-danger-hover);
     background-color: var(--tao-color-danger-subtle);
 }
-.tao-button--ghost.tao-button--tone-success[data-v-1e1847ba],
-.tao-button--text.tao-button--tone-success[data-v-1e1847ba] {
+.tao-button--ghost.tao-button--tone-success[data-v-8966c285],
+.tao-button--text.tao-button--tone-success[data-v-8966c285] {
     color: var(--tao-color-success);
 }
-.tao-button--ghost.tao-button--tone-success[data-v-1e1847ba]:hover:not(.tao-button--disabled),
-.tao-button--text.tao-button--tone-success[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--ghost.tao-button--tone-success[data-v-8966c285]:hover:not(.tao-button--disabled),
+.tao-button--text.tao-button--tone-success[data-v-8966c285]:hover:not(.tao-button--disabled) {
     color: var(--tao-color-success-hover);
     background-color: var(--tao-color-success-subtle);
 }
-.tao-button--ghost.tao-button--tone-warning[data-v-1e1847ba],
-.tao-button--text.tao-button--tone-warning[data-v-1e1847ba] {
+.tao-button--ghost.tao-button--tone-warning[data-v-8966c285],
+.tao-button--text.tao-button--tone-warning[data-v-8966c285] {
     color: var(--tao-color-warning);
 }
-.tao-button--ghost.tao-button--tone-warning[data-v-1e1847ba]:hover:not(.tao-button--disabled),
-.tao-button--text.tao-button--tone-warning[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--ghost.tao-button--tone-warning[data-v-8966c285]:hover:not(.tao-button--disabled),
+.tao-button--text.tao-button--tone-warning[data-v-8966c285]:hover:not(.tao-button--disabled) {
     color: var(--tao-color-warning-hover);
     background-color: var(--tao-color-warning-subtle);
 }
-.tao-button--ghost.tao-button--tone-info[data-v-1e1847ba],
-.tao-button--text.tao-button--tone-info[data-v-1e1847ba] {
+.tao-button--ghost.tao-button--tone-info[data-v-8966c285],
+.tao-button--text.tao-button--tone-info[data-v-8966c285] {
     color: var(--tao-color-info);
 }
-.tao-button--ghost.tao-button--tone-info[data-v-1e1847ba]:hover:not(.tao-button--disabled),
-.tao-button--text.tao-button--tone-info[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--ghost.tao-button--tone-info[data-v-8966c285]:hover:not(.tao-button--disabled),
+.tao-button--text.tao-button--tone-info[data-v-8966c285]:hover:not(.tao-button--disabled) {
     color: var(--tao-color-info-hover);
     background-color: var(--tao-color-info-subtle);
 }
-.tao-button--secondary.tao-button--tone-danger[data-v-1e1847ba] {
+.tao-button--secondary.tao-button--tone-danger[data-v-8966c285] {
     color: var(--tao-color-danger);
     border-color: color-mix(in srgb, var(--tao-color-danger) 40%, transparent);
 }
-.tao-button--secondary.tao-button--tone-danger[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--secondary.tao-button--tone-danger[data-v-8966c285]:hover:not(.tao-button--disabled) {
     color: var(--tao-color-danger-hover);
     background-color: var(--tao-color-danger-subtle);
 }
-.tao-button--primary.tao-button--tone-danger[data-v-1e1847ba],
-.tao-button--danger.tao-button--tone-danger[data-v-1e1847ba] {
+.tao-button--primary.tao-button--tone-danger[data-v-8966c285],
+.tao-button--danger.tao-button--tone-danger[data-v-8966c285] {
     background-color: var(--tao-color-danger);
     color: var(--tao-color-text-strong);
 }
-.tao-button--primary.tao-button--tone-danger[data-v-1e1847ba]:hover:not(.tao-button--disabled),
-.tao-button--danger.tao-button--tone-danger[data-v-1e1847ba]:hover:not(.tao-button--disabled) {
+.tao-button--primary.tao-button--tone-danger[data-v-8966c285]:hover:not(.tao-button--disabled),
+.tao-button--danger.tao-button--tone-danger[data-v-8966c285]:hover:not(.tao-button--disabled) {
     background-color: var(--tao-color-danger-hover);
 }
-.tao-button--disabled[data-v-1e1847ba] {
+.tao-button--disabled[data-v-8966c285] {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-button--block[data-v-1e1847ba] {
+.tao-button--block[data-v-8966c285] {
     width: 100%;
 }
-.tao-button--loading .tao-button__content[data-v-1e1847ba] {
+.tao-button--loading .tao-button__content[data-v-8966c285] {
     opacity: 0;
 }
-.tao-button__loader[data-v-1e1847ba] {
+.tao-button__loader[data-v-8966c285] {
     position: absolute;
     width: 16px;
     height: 16px;
     border: 2px solid color-mix(in srgb, currentColor 15%, transparent);
     border-top-color: currentColor;
     border-radius: var(--tao-radius-full);
-    animation: tao-spin-1e1847ba 0.8s linear infinite;
+    animation: tao-spin-8966c285 0.8s linear infinite;
 }
-.tao-button__icon[data-v-1e1847ba] {
+.tao-button__icon[data-v-8966c285] {
     display: flex;
     align-items: center;
     justify-content: center;
 }
-@keyframes tao-spin-1e1847ba {
+@keyframes tao-spin-8966c285 {
 to {
         transform: rotate(360deg);
 }
@@ -179,29 +179,30 @@ to {
     box-shadow: var(--tao-shadow-md);
 }
 
-.tao-input-wrapper[data-v-8e122e7e] {
+.tao-input-wrapper[data-v-e0d2a454] {
     display: flex;
     flex-direction: column;
     gap: var(--tao-space-1);
     width: 100%;
 }
-.tao-input__label[data-v-8e122e7e] {
+.tao-input__label[data-v-e0d2a454] {
     font-size: var(--tao-font-size-sm);
     color: var(--tao-color-text);
     font-weight: 500;
 }
-.tao-input-shell[data-v-8e122e7e] {
+.tao-input-shell[data-v-e0d2a454] {
     display: flex;
     align-items: center;
     width: 100%;
     min-width: 0;
+    min-height: var(--tao-field-height);
     border: 1px solid var(--tao-color-border-strong);
     border-radius: var(--tao-radius-control);
     background: var(--tao-color-input-bg);
     color: var(--tao-color-input-text);
     transition: var(--tao-transition-base);
 }
-.tao-input[data-v-8e122e7e] {
+.tao-input[data-v-e0d2a454] {
     flex: 1 1 auto;
     min-width: 0;
     width: 100%;
@@ -215,38 +216,38 @@ to {
     font-family: inherit;
     line-height: 1.25;
 }
-.tao-input-shell--prefix .tao-input[data-v-8e122e7e] {
+.tao-input-shell--prefix .tao-input[data-v-e0d2a454] {
     padding-left: 0;
 }
-.tao-input-shell--suffix .tao-input[data-v-8e122e7e] {
+.tao-input-shell--suffix .tao-input[data-v-e0d2a454] {
     padding-right: 0;
 }
-.tao-input[data-v-8e122e7e]::placeholder {
+.tao-input[data-v-e0d2a454]::placeholder {
     color: var(--tao-color-input-placeholder);
 }
-.tao-input[data-v-8e122e7e]:focus {
+.tao-input[data-v-e0d2a454]:focus {
     outline: none;
 }
-.tao-input-shell--focused[data-v-8e122e7e] {
+.tao-input-shell--focused[data-v-e0d2a454] {
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-input-shell--disabled[data-v-8e122e7e] {
+.tao-input-shell--disabled[data-v-e0d2a454] {
     opacity: 0.6;
     cursor: not-allowed;
     color: var(--tao-color-input-disabled-text);
     background: var(--tao-color-input-disabled-bg);
 }
-.tao-input[data-v-8e122e7e]:disabled {
+.tao-input[data-v-e0d2a454]:disabled {
     cursor: not-allowed;
 }
-.tao-input-shell--invalid[data-v-8e122e7e] {
+.tao-input-shell--invalid[data-v-e0d2a454] {
     border-color: var(--tao-color-danger);
 }
-.tao-input-shell--invalid.tao-input-shell--focused[data-v-8e122e7e] {
+.tao-input-shell--invalid.tao-input-shell--focused[data-v-e0d2a454] {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-input__affix[data-v-8e122e7e] {
+.tao-input__affix[data-v-e0d2a454] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -257,20 +258,20 @@ to {
     line-height: 1;
     white-space: nowrap;
 }
-.tao-input__affix--prefix[data-v-8e122e7e] {
+.tao-input__affix--prefix[data-v-e0d2a454] {
     padding-left: var(--tao-space-3);
     padding-right: var(--tao-space-2);
 }
-.tao-input__affix--suffix[data-v-8e122e7e] {
+.tao-input__affix--suffix[data-v-e0d2a454] {
     padding-right: var(--tao-space-3);
     padding-left: var(--tao-space-2);
 }
-.tao-input__affix[data-v-8e122e7e] svg {
+.tao-input__affix[data-v-e0d2a454] svg {
     display: block;
     width: 16px;
     height: 16px;
 }
-.tao-input__affix[data-v-8e122e7e] button {
+.tao-input__affix[data-v-e0d2a454] button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -283,14 +284,14 @@ to {
     line-height: 1;
     cursor: pointer;
 }
-.tao-input__affix[data-v-8e122e7e] button:hover {
+.tao-input__affix[data-v-e0d2a454] button:hover {
     color: var(--tao-color-text-strong);
 }
-.tao-input__affix[data-v-8e122e7e] button:focus-visible {
+.tao-input__affix[data-v-e0d2a454] button:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
 }
-.tao-input__error[data-v-8e122e7e] {
+.tao-input__error[data-v-e0d2a454] {
     font-size: var(--tao-font-size-xs);
     color: var(--tao-color-danger);
 }
@@ -399,14 +400,15 @@ to {
     outline-offset: -2px;
 }
 
-.tao-input-number[data-v-f2141b0c] {
+.tao-input-number[data-v-4614f4ff] {
     position: relative;
     display: flex;
     width: 100%;
 }
-.tao-input-number__input[data-v-f2141b0c] {
+.tao-input-number__input[data-v-4614f4ff] {
     width: 100%;
-    padding: var(--tao-space-2) var(--tao-space-3);
+    height: var(--tao-field-height);
+    padding: 0 var(--tao-space-3);
     border: 1px solid var(--tao-color-border-strong);
     border-radius: var(--tao-radius-control);
     background: var(--tao-color-input-bg);
@@ -416,30 +418,30 @@ to {
     font-variant-numeric: tabular-nums;
     transition: var(--tao-transition-base);
 }
-.tao-input-number--controls .tao-input-number__input[data-v-f2141b0c] {
+.tao-input-number--controls .tao-input-number__input[data-v-4614f4ff] {
     padding-right: 34px;
 }
-.tao-input-number__input[data-v-f2141b0c]::placeholder {
+.tao-input-number__input[data-v-4614f4ff]::placeholder {
     color: var(--tao-color-input-placeholder);
 }
-.tao-input-number__input[data-v-f2141b0c]:focus {
+.tao-input-number__input[data-v-4614f4ff]:focus {
     outline: none;
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-input-number__input[data-v-f2141b0c]:disabled {
+.tao-input-number__input[data-v-4614f4ff]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
     color: var(--tao-color-input-disabled-text);
     background: var(--tao-color-input-disabled-bg);
 }
-.tao-input-number--invalid .tao-input-number__input[data-v-f2141b0c] {
+.tao-input-number--invalid .tao-input-number__input[data-v-4614f4ff] {
     border-color: var(--tao-color-danger);
 }
-.tao-input-number--invalid .tao-input-number__input[data-v-f2141b0c]:focus {
+.tao-input-number--invalid .tao-input-number__input[data-v-4614f4ff]:focus {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-input-number__steppers[data-v-f2141b0c] {
+.tao-input-number__steppers[data-v-4614f4ff] {
     position: absolute;
     top: 1px;
     right: 1px;
@@ -449,7 +451,7 @@ to {
     width: 28px;
     border-left: 1px solid var(--tao-color-border);
 }
-.tao-input-number__step[data-v-f2141b0c] {
+.tao-input-number__step[data-v-4614f4ff] {
     flex: 1;
     margin: 0;
     padding: 0;
@@ -460,31 +462,31 @@ to {
     line-height: 1;
     cursor: pointer;
 }
-.tao-input-number__step + .tao-input-number__step[data-v-f2141b0c] {
+.tao-input-number__step + .tao-input-number__step[data-v-4614f4ff] {
     border-top: 1px solid var(--tao-color-border);
 }
-.tao-input-number__step[data-v-f2141b0c]:hover:not(:disabled) {
+.tao-input-number__step[data-v-4614f4ff]:hover:not(:disabled) {
     color: var(--tao-color-text-strong);
     background: var(--tao-color-surface-hover);
 }
-.tao-input-number__step[data-v-f2141b0c]:focus-visible {
+.tao-input-number__step[data-v-4614f4ff]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: -2px;
 }
-.tao-input-number__step[data-v-f2141b0c]:disabled {
+.tao-input-number__step[data-v-4614f4ff]:disabled {
     cursor: not-allowed;
     opacity: 0.4;
 }
 
-.tao-quantity[data-v-821124cf] {
+.tao-quantity[data-v-17b4aada] {
     display: inline-flex;
     width: 100%;
     min-width: 148px;
     isolation: isolate;
 }
-.tao-quantity__btn[data-v-821124cf],
-.tao-quantity__input[data-v-821124cf] {
-    height: 36px;
+.tao-quantity__btn[data-v-17b4aada],
+.tao-quantity__input[data-v-17b4aada] {
+    height: var(--tao-field-height);
     margin: 0;
     border: 1px solid var(--tao-color-border-strong);
     background: var(--tao-color-input-bg);
@@ -492,7 +494,7 @@ to {
     font-family: inherit;
     transition: var(--tao-transition-base);
 }
-.tao-quantity__btn[data-v-821124cf] {
+.tao-quantity__btn[data-v-17b4aada] {
     flex: 0 0 50px;
     width: 50px;
     padding: 0;
@@ -502,29 +504,29 @@ to {
     line-height: 1;
     cursor: pointer;
 }
-.tao-quantity__btn--dec[data-v-821124cf] {
+.tao-quantity__btn--dec[data-v-17b4aada] {
     border-right: 0;
     border-radius: var(--tao-radius-control) 0 0 var(--tao-radius-control);
 }
-.tao-quantity__btn--inc[data-v-821124cf] {
+.tao-quantity__btn--inc[data-v-17b4aada] {
     border-left: 0;
     border-radius: 0 var(--tao-radius-control) var(--tao-radius-control) 0;
 }
-.tao-quantity__btn[data-v-821124cf]:hover:not(:disabled) {
+.tao-quantity__btn[data-v-17b4aada]:hover:not(:disabled) {
     z-index: 1;
     color: var(--tao-color-accent);
     border-color: var(--tao-color-accent);
 }
-.tao-quantity__btn[data-v-821124cf]:focus-visible {
+.tao-quantity__btn[data-v-17b4aada]:focus-visible {
     z-index: 2;
     outline: 2px solid var(--tao-color-accent);
     outline-offset: -2px;
 }
-.tao-quantity__btn[data-v-821124cf]:disabled {
+.tao-quantity__btn[data-v-17b4aada]:disabled {
     cursor: not-allowed;
     opacity: 0.4;
 }
-.tao-quantity__input[data-v-821124cf] {
+.tao-quantity__input[data-v-17b4aada] {
     z-index: 0;
     flex: 1 1 auto;
     min-width: 30px;
@@ -536,29 +538,29 @@ to {
     font-weight: 700;
     font-variant-numeric: tabular-nums;
 }
-.tao-quantity__input[data-v-821124cf]:focus {
+.tao-quantity__input[data-v-17b4aada]:focus {
     outline: none;
 }
-.tao-quantity--focused .tao-quantity__btn[data-v-821124cf],
-.tao-quantity--focused .tao-quantity__input[data-v-821124cf] {
+.tao-quantity--focused .tao-quantity__btn[data-v-17b4aada],
+.tao-quantity--focused .tao-quantity__input[data-v-17b4aada] {
     border-color: var(--tao-color-accent);
 }
-.tao-quantity--focused[data-v-821124cf] {
+.tao-quantity--focused[data-v-17b4aada] {
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
     border-radius: var(--tao-radius-control);
 }
-.tao-quantity__input[data-v-821124cf]:disabled {
+.tao-quantity__input[data-v-17b4aada]:disabled {
     color: var(--tao-color-input-disabled-text);
     background: var(--tao-color-input-disabled-bg);
 }
-.tao-quantity--disabled .tao-quantity__btn[data-v-821124cf] {
+.tao-quantity--disabled .tao-quantity__btn[data-v-17b4aada] {
     background: var(--tao-color-input-disabled-bg);
 }
-.tao-quantity--invalid .tao-quantity__btn[data-v-821124cf],
-.tao-quantity--invalid .tao-quantity__input[data-v-821124cf] {
+.tao-quantity--invalid .tao-quantity__btn[data-v-17b4aada],
+.tao-quantity--invalid .tao-quantity__input[data-v-17b4aada] {
     border-color: var(--tao-color-danger);
 }
-.tao-quantity--invalid.tao-quantity--focused[data-v-821124cf] {
+.tao-quantity--invalid.tao-quantity--focused[data-v-17b4aada] {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
 
@@ -2226,18 +2228,30 @@ to {
     opacity: 0.5;
     cursor: not-allowed;
 }
+
+/* Sizes of the teleported panel follow the control / Размеры панели (она телепортирована) следуют размеру контрола */
+.tao-select__panel--small .tao-select__option,
+.tao-select__panel--small .tao-select__clear {
+    padding: var(--tao-space-1) var(--tao-space-2);
+    font-size: var(--tao-font-size-xs);
+}
+.tao-select__panel--large .tao-select__option,
+.tao-select__panel--large .tao-select__clear {
+    padding: var(--tao-space-3) var(--tao-space-4);
+    font-size: var(--tao-font-size-lg);
+}
 
-.tao-select[data-v-854360a4] {
+.tao-select[data-v-e067dbde] {
     width: 100%;
 }
-.tao-select__trigger[data-v-854360a4] {
+.tao-select__trigger[data-v-e067dbde] {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: var(--tao-space-2);
     width: 100%;
-    min-height: 36px;
-    padding: var(--tao-space-2) var(--tao-space-3);
+    height: var(--tao-field-height);
+    padding: 0 var(--tao-space-3);
     border: 1px solid var(--tao-color-border-strong);
     border-radius: var(--tao-radius-control);
     background: var(--tao-color-input-bg);
@@ -2248,31 +2262,44 @@ to {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-select__trigger--placeholder[data-v-854360a4] {
+.tao-select--small .tao-select__trigger[data-v-e067dbde] {
+    /* same height as TaoButton small / как у TaoButton small */
+    height: var(--tao-control-height-small);
+    min-height: 0;
+    padding: 0 var(--tao-space-2);
+    font-size: var(--tao-font-size-xs);
+}
+.tao-select--large .tao-select__trigger[data-v-e067dbde] {
+    height: var(--tao-control-height-large);
+    min-height: 0;
+    padding: 0 var(--tao-space-4);
+    font-size: var(--tao-font-size-lg);
+}
+.tao-select__trigger--placeholder[data-v-e067dbde] {
     color: var(--tao-color-input-placeholder);
 }
-.tao-select__trigger[data-v-854360a4]:focus {
+.tao-select__trigger[data-v-e067dbde]:focus {
     outline: none;
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-select--invalid .tao-select__trigger[data-v-854360a4] {
+.tao-select--invalid .tao-select__trigger[data-v-e067dbde] {
     border-color: var(--tao-color-danger);
 }
-.tao-select--invalid .tao-select__trigger[data-v-854360a4]:focus {
+.tao-select--invalid .tao-select__trigger[data-v-e067dbde]:focus {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-select__trigger[data-v-854360a4]:disabled {
+.tao-select__trigger[data-v-e067dbde]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-select__value[data-v-854360a4] {
+.tao-select__value[data-v-e067dbde] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.tao-select__chevron[data-v-854360a4] {
+.tao-select__chevron[data-v-e067dbde] {
     flex-shrink: 0;
     width: 0;
     height: 0;
@@ -2282,10 +2309,10 @@ to {
     opacity: 0.6;
     transition: transform var(--tao-duration-fast) var(--tao-ease-base);
 }
-.tao-select--open .tao-select__chevron[data-v-854360a4] {
+.tao-select--open .tao-select__chevron[data-v-e067dbde] {
     transform: rotate(180deg);
 }
-.tao-select__chevron--custom[data-v-854360a4] {
+.tao-select__chevron--custom[data-v-e067dbde] {
     display: inline-flex;
     width: auto;
     height: auto;
@@ -2353,16 +2380,30 @@ to {
     opacity: 0.5;
     cursor: not-allowed;
 }
+
+/* Sizes of the teleported panel follow the control / Размеры панели (она телепортирована) следуют размеру контрола */
+.tao-combobox__panel--small .tao-combobox__option,
+.tao-combobox__panel--small .tao-combobox__clear,
+.tao-combobox__panel--small .tao-combobox__empty {
+    padding: var(--tao-space-1) var(--tao-space-2);
+    font-size: var(--tao-font-size-xs);
+}
+.tao-combobox__panel--large .tao-combobox__option,
+.tao-combobox__panel--large .tao-combobox__clear,
+.tao-combobox__panel--large .tao-combobox__empty {
+    padding: var(--tao-space-3) var(--tao-space-4);
+    font-size: var(--tao-font-size-lg);
+}
 
-.tao-combobox[data-v-c1f14f5a] {
+.tao-combobox[data-v-1254c942] {
     width: 100%;
 }
-.tao-combobox__field[data-v-c1f14f5a] {
+.tao-combobox__field[data-v-1254c942] {
     display: flex;
     align-items: center;
     gap: var(--tao-space-2);
     width: 100%;
-    min-height: 36px;
+    height: var(--tao-field-height);
     padding: 0 var(--tao-space-3);
     border: 1px solid var(--tao-color-border-strong);
     border-radius: var(--tao-radius-control);
@@ -2370,17 +2411,36 @@ to {
     color: var(--tao-color-input-text);
     transition: var(--tao-transition-base);
 }
-.tao-combobox__field[data-v-c1f14f5a]:focus-within {
+.tao-combobox--small .tao-combobox__field[data-v-1254c942] {
+    /* same height as TaoButton small / как у TaoButton small */
+    height: var(--tao-control-height-small);
+    min-height: 0;
+    padding: 0 var(--tao-space-2);
+}
+.tao-combobox--small .tao-combobox__input[data-v-1254c942] {
+    height: 24px;
+    font-size: var(--tao-font-size-xs);
+}
+.tao-combobox--large .tao-combobox__field[data-v-1254c942] {
+    height: var(--tao-control-height-large);
+    min-height: 0;
+    padding: 0 var(--tao-space-4);
+}
+.tao-combobox--large .tao-combobox__input[data-v-1254c942] {
+    height: 42px;
+    font-size: var(--tao-font-size-lg);
+}
+.tao-combobox__field[data-v-1254c942]:focus-within {
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-combobox--invalid .tao-combobox__field[data-v-c1f14f5a] {
+.tao-combobox--invalid .tao-combobox__field[data-v-1254c942] {
     border-color: var(--tao-color-danger);
 }
-.tao-combobox--invalid .tao-combobox__field[data-v-c1f14f5a]:focus-within {
+.tao-combobox--invalid .tao-combobox__field[data-v-1254c942]:focus-within {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-combobox__input[data-v-c1f14f5a] {
+.tao-combobox__input[data-v-1254c942] {
     flex: 1;
     min-width: 0;
     height: 34px;
@@ -2392,17 +2452,17 @@ to {
     font-family: inherit;
     outline: none;
 }
-.tao-combobox__input[data-v-c1f14f5a]::placeholder {
+.tao-combobox__input[data-v-1254c942]::placeholder {
     color: var(--tao-color-input-placeholder);
 }
-.tao-combobox__input[data-v-c1f14f5a]:disabled {
+.tao-combobox__input[data-v-1254c942]:disabled {
     cursor: not-allowed;
 }
-.tao-combobox--disabled .tao-combobox__field[data-v-c1f14f5a] {
+.tao-combobox--disabled .tao-combobox__field[data-v-1254c942] {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-combobox__chevron[data-v-c1f14f5a] {
+.tao-combobox__chevron[data-v-1254c942] {
     flex-shrink: 0;
     width: 0;
     height: 0;
@@ -2413,10 +2473,10 @@ to {
     pointer-events: none;
     transition: transform var(--tao-duration-fast) var(--tao-ease-base);
 }
-.tao-combobox--open .tao-combobox__chevron[data-v-c1f14f5a] {
+.tao-combobox--open .tao-combobox__chevron[data-v-1254c942] {
     transform: rotate(180deg);
 }
-.tao-combobox__chevron--custom[data-v-c1f14f5a] {
+.tao-combobox__chevron--custom[data-v-1254c942] {
     display: inline-flex;
     width: auto;
     height: auto;
@@ -2607,17 +2667,17 @@ to {
     outline-offset: 2px;
 }
 
-.tao-date[data-v-a996d893] {
+.tao-date[data-v-64d8f6aa] {
     width: 100%;
 }
-.tao-date__trigger[data-v-a996d893] {
+.tao-date__trigger[data-v-64d8f6aa] {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: var(--tao-space-2);
     width: 100%;
-    min-height: 36px;
-    padding: var(--tao-space-2) var(--tao-space-3);
+    height: var(--tao-field-height);
+    padding: 0 var(--tao-space-3);
     border: 1px solid var(--tao-color-border-strong);
     border-radius: var(--tao-radius-control);
     background: var(--tao-color-input-bg);
@@ -2628,48 +2688,48 @@ to {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-date__trigger--placeholder[data-v-a996d893] {
+.tao-date__trigger--placeholder[data-v-64d8f6aa] {
     color: var(--tao-color-input-placeholder);
 }
-.tao-date__trigger[data-v-a996d893]:focus {
+.tao-date__trigger[data-v-64d8f6aa]:focus {
     outline: none;
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-date--invalid .tao-date__trigger[data-v-a996d893] {
+.tao-date--invalid .tao-date__trigger[data-v-64d8f6aa] {
     border-color: var(--tao-color-danger);
 }
-.tao-date--invalid .tao-date__trigger[data-v-a996d893]:focus {
+.tao-date--invalid .tao-date__trigger[data-v-64d8f6aa]:focus {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-date__trigger[data-v-a996d893]:disabled {
+.tao-date__trigger[data-v-64d8f6aa]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-date__value[data-v-a996d893] {
+.tao-date__value[data-v-64d8f6aa] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.tao-date__icon[data-v-a996d893] {
+.tao-date__icon[data-v-64d8f6aa] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
     opacity: 0.7;
 }
 
-.tao-date-range[data-v-45e07f55] {
+.tao-date-range[data-v-70505320] {
     width: 100%;
 }
-.tao-date-range__trigger[data-v-45e07f55] {
+.tao-date-range__trigger[data-v-70505320] {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: var(--tao-space-2);
     width: 100%;
-    min-height: 36px;
-    padding: var(--tao-space-2) var(--tao-space-3);
+    height: var(--tao-field-height);
+    padding: 0 var(--tao-space-3);
     border: 1px solid var(--tao-color-border-strong);
     border-radius: var(--tao-radius-control);
     background: var(--tao-color-input-bg);
@@ -2680,31 +2740,31 @@ to {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-date-range__trigger--placeholder[data-v-45e07f55] {
+.tao-date-range__trigger--placeholder[data-v-70505320] {
     color: var(--tao-color-input-placeholder);
 }
-.tao-date-range__trigger[data-v-45e07f55]:focus {
+.tao-date-range__trigger[data-v-70505320]:focus {
     outline: none;
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-date-range--invalid .tao-date-range__trigger[data-v-45e07f55] {
+.tao-date-range--invalid .tao-date-range__trigger[data-v-70505320] {
     border-color: var(--tao-color-danger);
 }
-.tao-date-range--invalid .tao-date-range__trigger[data-v-45e07f55]:focus {
+.tao-date-range--invalid .tao-date-range__trigger[data-v-70505320]:focus {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-date-range__trigger[data-v-45e07f55]:disabled {
+.tao-date-range__trigger[data-v-70505320]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-date-range__value[data-v-45e07f55] {
+.tao-date-range__value[data-v-70505320] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.tao-date-range__icon[data-v-45e07f55] {
+.tao-date-range__icon[data-v-70505320] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
@@ -2940,7 +3000,7 @@ to {
 }
 }
 
-.tao-segmented-option[data-v-f55dc6a0] {
+.tao-segmented-option[data-v-a47bc5c9] {
     position: relative;
     z-index: 1;
     display: inline-flex;
@@ -2951,7 +3011,7 @@ to {
     user-select: none;
     color: var(--tao-color-text-subtle);
 }
-.tao-segmented-option__face[data-v-f55dc6a0] {
+.tao-segmented-option__face[data-v-a47bc5c9] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -2966,45 +3026,46 @@ to {
         color var(--tao-duration-base) var(--tao-ease-base),
         background var(--tao-duration-base) var(--tao-ease-base);
 }
-.tao-segmented-option--small .tao-segmented-option__face[data-v-f55dc6a0] {
-    min-height: 20px;
+.tao-segmented-option--small .tao-segmented-option__face[data-v-a47bc5c9] {
+    /* the track adds 6px: padding 2 + border 1 on each side / дорожка добавляет 6px */
+    min-height: calc(var(--tao-control-height-small) - 6px);
     padding: 0 var(--tao-space-2);
     font-size: var(--tao-font-size-xs);
 }
-.tao-segmented-option--medium .tao-segmented-option__face[data-v-f55dc6a0] {
-    min-height: 24px;
+.tao-segmented-option--medium .tao-segmented-option__face[data-v-a47bc5c9] {
+    min-height: calc(var(--tao-control-height-medium) - 6px);
     padding: 0 var(--tao-space-3);
     font-size: var(--tao-font-size-sm);
 }
-.tao-segmented-option--large .tao-segmented-option__face[data-v-f55dc6a0] {
-    min-height: 32px;
+.tao-segmented-option--large .tao-segmented-option__face[data-v-a47bc5c9] {
+    min-height: calc(var(--tao-control-height-large) - 6px);
     padding: 0 var(--tao-space-4);
     font-size: var(--tao-font-size-md);
 }
-.tao-segmented-option--icon-only.tao-segmented-option--small .tao-segmented-option__face[data-v-f55dc6a0] {
+.tao-segmented-option--icon-only.tao-segmented-option--small .tao-segmented-option__face[data-v-a47bc5c9] {
     min-width: 20px;
     padding: 0;
 }
-.tao-segmented-option--icon-only.tao-segmented-option--medium .tao-segmented-option__face[data-v-f55dc6a0] {
+.tao-segmented-option--icon-only.tao-segmented-option--medium .tao-segmented-option__face[data-v-a47bc5c9] {
     min-width: 24px;
     padding: 0;
 }
-.tao-segmented-option--icon-only.tao-segmented-option--large .tao-segmented-option__face[data-v-f55dc6a0] {
+.tao-segmented-option--icon-only.tao-segmented-option--large .tao-segmented-option__face[data-v-a47bc5c9] {
     min-width: 32px;
     padding: 0;
 }
-.tao-segmented-option__icon[data-v-f55dc6a0] {
+.tao-segmented-option__icon[data-v-a47bc5c9] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
     line-height: 1;
 }
-.tao-segmented-option__label[data-v-f55dc6a0] {
+.tao-segmented-option__label[data-v-a47bc5c9] {
     min-width: 0;
     line-height: 1.25;
 }
-.tao-segmented-option__count[data-v-f55dc6a0] {
+.tao-segmented-option__count[data-v-a47bc5c9] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
@@ -3019,20 +3080,20 @@ to {
     font-weight: 700;
     line-height: 1;
 }
-.tao-segmented-option[data-v-f55dc6a0]:hover:not(.tao-segmented-option--disabled):not(.tao-segmented-option--checked) {
+.tao-segmented-option[data-v-a47bc5c9]:hover:not(.tao-segmented-option--disabled):not(.tao-segmented-option--checked) {
     color: var(--tao-color-text);
 }
-.tao-segmented-option--checked[data-v-f55dc6a0] {
+.tao-segmented-option--checked[data-v-a47bc5c9] {
     color: var(--tao-color-accent);
 }
-.tao-segmented-option--checked .tao-segmented-option__count[data-v-f55dc6a0] {
+.tao-segmented-option--checked .tao-segmented-option__count[data-v-a47bc5c9] {
     background: color-mix(in srgb, var(--tao-color-accent) 22%, transparent);
 }
-.tao-segmented-option--disabled[data-v-f55dc6a0] {
+.tao-segmented-option--disabled[data-v-a47bc5c9] {
     cursor: not-allowed;
     opacity: 0.55;
 }
-.tao-segmented-option__input[data-v-f55dc6a0] {
+.tao-segmented-option__input[data-v-a47bc5c9] {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -3043,7 +3104,7 @@ to {
     white-space: nowrap;
     border: 0;
 }
-.tao-segmented-option__sr[data-v-f55dc6a0] {
+.tao-segmented-option__sr[data-v-a47bc5c9] {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -3054,7 +3115,7 @@ to {
     white-space: nowrap;
     border: 0;
 }
-.tao-segmented-option__input:focus-visible + .tao-segmented-option__face[data-v-f55dc6a0] {
+.tao-segmented-option__input:focus-visible + .tao-segmented-option__face[data-v-a47bc5c9] {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: -2px;
 }
@@ -4444,6 +4505,15 @@ to {
     --tao-blue-500: #4c82f7;
     --tao-blue-600: #3b6de0;
 
+    /* ---------- Control height / Высота контролов ----------
+       One scale for every sized control: Button, Segmented, Select, Combobox (size small / medium / large).
+       Единая шкала для всех контролов с размером. Fields without a size prop (Input, InputNumber, Date, DateRange,
+       Quantity) are always medium, see --tao-field-height. / Поля без size всегда medium (--tao-field-height). */
+    --tao-control-height-small: 26px;
+    --tao-control-height-medium: 36px;
+    --tao-control-height-large: 44px;
+    --tao-field-height: var(--tao-control-height-medium);
+
     /* ---------- Spacing scale (4px base) ---------- */
     --tao-space-1: 4px;
     --tao-space-2: 8px;