@rescui/select 0.15.1-RUI-280-Update-select-component-separate-components-e772abaa1.56 → 0.15.1-RUI-280-Update-select-component-downshift-2f40ef205.67

package/lib/public-api.pcss

@@ -120,6 +120,41 @@
     var(
   --rs-color-average,
   rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
+)
+  );
+    --_rs-typography-text-auto-offset:8px;
+    --_rs-typography-ul-bullet-offset:2px;
+    --_rs-typography-list-li-compact-left-offset:15px;
+    --_rs-typography-list-li-default-left-offset:19px;
+    --_rs-typography-list-li-margin-top-from-text:8px;
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-regular,
+    400
+  );
+    --_rs-typography-line-height:var(
+    --rs-text-3-line-height,
+    20px
+  );
+    --_rs-typography-base-color:var(
+    --_rs-typography-hardness-color,
+    var(
+  --rs-color-average,
+  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
 )
   );
     --_rs-typography-text-auto-offset:8px;
@@ -337,6 +372,49 @@
     --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-regular,
+    400
+  );
+    --_rs-typography-line-height:var(
+    --rs-text-2-line-height,
+    24px
+  );
+    --_rs-typography-base-color:var(
+    --_rs-typography-hardness-color,
+    var(
+  --rs-color-average,
+  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
+)
+  );
+    --_rs-typography-text-auto-offset:16px;
+    --_rs-typography-ul-bullet-offset:2px;
+    --_rs-typography-list-li-compact-left-offset:18px;
+    --_rs-typography-list-li-default-left-offset:24px;
+    --_rs-typography-list-li-margin-top-from-text:var(
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text,
+    16px
+  );
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    @media screen and (max-width: 640px){
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
+  }
   }
     & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -570,6 +648,49 @@
     &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
     }
+  }
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-regular,
+    400
+  );
+    --_rs-typography-line-height:var(
+    --rs-text-2-line-height,
+    24px
+  );
+    --_rs-typography-base-color:var(
+    --_rs-typography-hardness-color,
+    var(
+  --rs-color-average,
+  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
+)
+  );
+    --_rs-typography-text-auto-offset:16px;
+    --_rs-typography-ul-bullet-offset:2px;
+    --_rs-typography-list-li-compact-left-offset:18px;
+    --_rs-typography-list-li-default-left-offset:24px;
+    --_rs-typography-list-li-margin-top-from-text:var(
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text,
+    16px
+  );
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    @media screen and (max-width: 640px){
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
+  }
   }
     & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
     --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
@@ -769,6 +890,41 @@
     var(
   --rs-color-average,
   rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
+)
+  );
+    --_rs-typography-text-auto-offset:8px;
+    --_rs-typography-ul-bullet-offset:2px;
+    --_rs-typography-list-li-compact-left-offset:15px;
+    --_rs-typography-list-li-default-left-offset:19px;
+    --_rs-typography-list-li-margin-top-from-text:8px;
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-regular,
+    400
+  );
+    --_rs-typography-line-height:var(
+    --rs-text-3-line-height,
+    20px
+  );
+    --_rs-typography-base-color:var(
+    --_rs-typography-hardness-color,
+    var(
+  --rs-color-average,
+  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
 )
   );
     --_rs-typography-text-auto-offset:8px;
@@ -986,6 +1142,49 @@
     --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-regular,
+    400
+  );
+    --_rs-typography-line-height:var(
+    --rs-text-2-line-height,
+    24px
+  );
+    --_rs-typography-base-color:var(
+    --_rs-typography-hardness-color,
+    var(
+  --rs-color-average,
+  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
+)
+  );
+    --_rs-typography-text-auto-offset:16px;
+    --_rs-typography-ul-bullet-offset:2px;
+    --_rs-typography-list-li-compact-left-offset:18px;
+    --_rs-typography-list-li-default-left-offset:24px;
+    --_rs-typography-list-li-margin-top-from-text:var(
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text,
+    16px
+  );
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    @media screen and (max-width: 640px){
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
+  }
   }
     & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
@@ -1219,6 +1418,49 @@
     &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
     }
+  }
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-regular,
+    400
+  );
+    --_rs-typography-line-height:var(
+    --rs-text-2-line-height,
+    24px
+  );
+    --_rs-typography-base-color:var(
+    --_rs-typography-hardness-color,
+    var(
+  --rs-color-average,
+  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
+)
+  );
+    --_rs-typography-text-auto-offset:16px;
+    --_rs-typography-ul-bullet-offset:2px;
+    --_rs-typography-list-li-compact-left-offset:18px;
+    --_rs-typography-list-li-default-left-offset:24px;
+    --_rs-typography-list-li-margin-top-from-text:var(
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text,
+    16px
+  );
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    @media screen and (max-width: 640px){
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
+  }
   }
     & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
     --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
@@ -1297,7 +1539,17 @@
   }
 }
 @define-mixin rs-native-select-size-s{
-    &[class] [data-rs-internal='select-native__select']{
+  &[class]{
+    --_rs-select-size:s;
+    --_rs-select-observable-size:1px;
+    --_rs-select-trigger-horizontal-padding:8px;
+    --_rs-select-trigger-vertical-padding:6px;
+    --_rs-select-trigger-tag-vertical-padding:4px;
+    --_rs-select-trigger-height:32px;
+    --_rs-select-trigger-tag-right-offset:4px;
+    --_rs-select-trigger-tag-top-offset:4px;
+    --_rs-select-trigger-icon-offset:8px;
+    --_rs-select-trigger-icon-size:20px;
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1332,17 +1584,14 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-  & [data-rs-internal="select-native-trigger"]{
-    --_rs-select-size:s;
-    --_rs-select-observable-size:1px;
-    --_rs-select-trigger-horizontal-padding:8px;
-    --_rs-select-trigger-vertical-padding:6px;
-    --_rs-select-trigger-tag-vertical-padding:4px;
-    --_rs-select-trigger-height:32px;
-    --_rs-select-trigger-tag-right-offset:4px;
-    --_rs-select-trigger-tag-top-offset:4px;
-    --_rs-select-trigger-icon-offset:8px;
-    --_rs-select-trigger-icon-size:20px;
+    &[class] [data-rs-internal='select-trigger__tag']:not(html){
+    --_rs-tag-vertical-padding:2px;
+    --_rs-tag-base-horizontal-padding:8px;
+    --_rs-tag-uppercase-horizontal-padding:var(
+    --_rs-tag-base-horizontal-padding
+  );
+    --_rs-tag-icon-size:16px;
+    --_rs-tag-border-radius:4px;
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1377,14 +1626,17 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
-    --_rs-tag-vertical-padding:2px;
-    --_rs-tag-base-horizontal-padding:8px;
-    --_rs-tag-uppercase-horizontal-padding:var(
-    --_rs-tag-base-horizontal-padding
-  );
-    --_rs-tag-icon-size:16px;
-    --_rs-tag-border-radius:4px;
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
+    --_rs-tag-removable-vertical-padding:2px;
+    --_rs-tag-removable-left-padding:8px;
+    --_rs-tag-removable-border-radius:4px;
+    --_rs-tag-removable-close-part-size:24px;
+    --_rs-tag-removable-custom-icon-size:16px;
+  }
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
+    --_rs-icons-height:16px;
+  }
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1419,17 +1671,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
-    --_rs-tag-removable-vertical-padding:2px;
-    --_rs-tag-removable-left-padding:8px;
-    --_rs-tag-removable-border-radius:4px;
-    --_rs-tag-removable-close-part-size:24px;
-    --_rs-tag-removable-custom-icon-size:16px;
-  }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
-    --_rs-icons-height:16px;
-  }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
+    &[class] [data-rs-internal='select-native__select']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1533,50 +1775,7 @@
   }
 }
 @define-mixin rs-native-select-size-m{
-    &[class] [data-rs-internal='select-native__select']{
-    --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
-    --_rs-typography-text-transform:initial;
-    --_rs-typography-font-variant-numeric:initial;
-    --_rs-typography-font-family:var(
-    --rs-font-family-ui,
-    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
-  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
-  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
-  );
-    --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
-    --_rs-typography-font-weight:var(
-    --rs-font-weight-regular,
-    400
-  );
-    --_rs-typography-line-height:var(
-    --rs-text-2-line-height,
-    24px
-  );
-    --_rs-typography-base-color:var(
-    --_rs-typography-hardness-color,
-    var(
-  --rs-color-average,
-  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
-)
-  );
-    --_rs-typography-text-auto-offset:16px;
-    --_rs-typography-ul-bullet-offset:2px;
-    --_rs-typography-list-li-compact-left-offset:18px;
-    --_rs-typography-list-li-default-left-offset:24px;
-    --_rs-typography-list-li-margin-top-from-text:var(
-    --_rs-typography-text-2-sm-list-li-margin-top-from-text,
-    16px
-  );
-    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
-    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
-    --_rs-typography-link-border-bottom-width-from-text:1px;
-  }
-    @media screen and (max-width: 640px){
-    &[class] [data-rs-internal='select-native__select']{
-    --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
-  }
-  }
-  & [data-rs-internal="select-native-trigger"]{
+  &[class]{
     --_rs-select-size:m;
     --_rs-select-observable-size:2px;
     --_rs-select-trigger-horizontal-padding:8px;
@@ -1625,11 +1824,11 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
     @media screen and (max-width: 640px){
-  & [data-rs-internal="select-native-trigger"]{
+  &[class]{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__tag']:not(html){
     --_rs-tag-vertical-padding:4px;
     --_rs-tag-base-horizontal-padding:8px;
     --_rs-tag-uppercase-horizontal-padding:10px;
@@ -1669,17 +1868,17 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:4px;
     --_rs-tag-removable-left-padding:8px;
     --_rs-tag-removable-border-radius:4px;
     --_rs-tag-removable-close-part-size:28px;
     --_rs-tag-removable-custom-icon-size:20px;
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
     --_rs-icons-height:20px;
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1714,7 +1913,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-    & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
+    &[class] [data-rs-internal='select-native__select']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1753,45 +1952,11 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
     @media screen and (max-width: 640px){
-    & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
+    &[class] [data-rs-internal='select-native__select']{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-    & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
-    --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
-    --_rs-typography-text-transform:initial;
-    --_rs-typography-font-variant-numeric:initial;
-    --_rs-typography-font-family:var(
-    --rs-font-family-ui,
-    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
-  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
-  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
-  );
-    --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
-    --_rs-typography-font-weight:var(
-    --rs-font-weight-semi-bold,
-    600
-  );
-    --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
-    --_rs-typography-base-color:var(
-    --_rs-typography-heading-hardness-color,
-    var(
-  --rs-color-hard,
-  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
-)
-  );
-    --_rs-typography-text-auto-offset:0;
-    --_rs-typography-ul-bullet-offset:initial;
-    --_rs-typography-list-li-compact-left-offset:initial;
-    --_rs-typography-list-li-default-left-offset:initial;
-    --_rs-typography-list-li-margin-top-from-text:initial;
-    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
-    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
-    --_rs-typography-link-border-bottom-width-from-text:2px;
-  }
-}
-@define-mixin rs-native-select-size-l{
-    &[class] [data-rs-internal='select-native__select']{
+    & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1830,11 +1995,45 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
     @media screen and (max-width: 640px){
-    &[class] [data-rs-internal='select-native__select']{
+    & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-  & [data-rs-internal="select-native-trigger"]{
+    & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__bold-label']{
+    --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-semi-bold,
+    600
+  );
+    --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
+    --_rs-typography-base-color:var(
+    --_rs-typography-heading-hardness-color,
+    var(
+  --rs-color-hard,
+  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
+)
+  );
+    --_rs-typography-text-auto-offset:0;
+    --_rs-typography-ul-bullet-offset:initial;
+    --_rs-typography-list-li-compact-left-offset:initial;
+    --_rs-typography-list-li-default-left-offset:initial;
+    --_rs-typography-list-li-margin-top-from-text:initial;
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:2px;
+  }
+}
+@define-mixin rs-native-select-size-l{
+  &[class]{
     --_rs-select-size:l;
     --_rs-select-observable-size:3px;
     --_rs-select-trigger-horizontal-padding:16px;
@@ -1883,11 +2082,11 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
     @media screen and (max-width: 640px){
-  & [data-rs-internal="select-native-trigger"]{
+  &[class]{
     --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
   }
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__tag']:not(html){
     --_rs-tag-vertical-padding:6px;
     --_rs-tag-base-horizontal-padding:12px;
     --_rs-tag-uppercase-horizontal-padding:var(
@@ -1933,21 +2132,21 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
     @media screen and (max-width: 640px){
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__tag']:not(html){
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-tag-removable-vertical-padding:6px;
     --_rs-tag-removable-left-padding:12px;
     --_rs-tag-removable-border-radius:6px;
     --_rs-tag-removable-close-part-size:36px;
     --_rs-tag-removable-custom-icon-size:24px;
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html) [data-rs-internal="removable-tag__close-icon"]:not(html){
     --_rs-icons-height:24px;
   }
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -1986,9 +2185,52 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
     @media screen and (max-width: 640px){
-    & [data-rs-internal="select-native-trigger"] [data-rs-internal='select-trigger__removable-tag']:not(html){
+    &[class] [data-rs-internal='select-trigger__removable-tag']:not(html){
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
     }
+  }
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
+    --_rs-typography-text-transform:initial;
+    --_rs-typography-font-variant-numeric:initial;
+    --_rs-typography-font-family:var(
+    --rs-font-family-ui,
+    var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
+  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
+  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
+  );
+    --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
+    --_rs-typography-font-weight:var(
+    --rs-font-weight-regular,
+    400
+  );
+    --_rs-typography-line-height:var(
+    --rs-text-2-line-height,
+    24px
+  );
+    --_rs-typography-base-color:var(
+    --_rs-typography-hardness-color,
+    var(
+  --rs-color-average,
+  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
+)
+  );
+    --_rs-typography-text-auto-offset:16px;
+    --_rs-typography-ul-bullet-offset:2px;
+    --_rs-typography-list-li-compact-left-offset:18px;
+    --_rs-typography-list-li-default-left-offset:24px;
+    --_rs-typography-list-li-margin-top-from-text:var(
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text,
+    16px
+  );
+    --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
+    --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
+    --_rs-typography-link-border-bottom-width-from-text:1px;
+  }
+    @media screen and (max-width: 640px){
+    &[class] [data-rs-internal='select-native__select']{
+    --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
+  }
   }
     & [data-rs-internal="select-form-trigger-wrapper"] [data-rs-internal='select-form-trigger-wrapper__label']{
     --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);

package/lib/select-basic.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import type { InnerSingleComponentProps } from './types';
-export declare function SelectBasic<T extends object>({ id, size, mode, theme, style, className, isClearable, isLoading, placement, boldLabel, reserveErrorLine, noOptionsMessage, maxVisibleItems, ...ariaProps }: InnerSingleComponentProps<T>): JSX.Element;
+import { InnerSingleComponentProps } from './types';
+export declare function SelectBasic({ options, value: selectedItem, onChange, error, label, note, size, mode, theme, placement, boldLabel, reserveErrorLine, maxVisibleItems, isClearable, isLoading, isDisabled, name, noOptionsMessage, className, id, style, placeholder, ...rest }: InnerSingleComponentProps): JSX.Element;