@rescui/switcher 0.12.10 → 0.13.0

package/lib/index.css

@@ -1,10 +1,10 @@
-._themeLight_1gyv15l_6{
+._themeLight_nimrq6_6{
   --rs-theme-dark:0;
 }
-._themeDark_1gyv15l_9{
+._themeDark_nimrq6_9{
   --rs-theme-dark:1;
 }
-._sizeXS_1gyv15l_13{
+._sizeXS_nimrq6_13{
   --_rs-switcher-border-radius:4px;
   --_rs-switcher-compact-border-radius:var(--_rs-switcher-border-radius);
   --_rs-switcher-option-padding:2px 12px;
@@ -14,7 +14,7 @@
   --_rs-switcher-compact-icon-offset:var(--_rs-switcher-icon-offset);
   --_rs-switcher-icon-margin-vertical:2px;
 }
-._sizeXS_1gyv15l_13 [data-rs-internal='switcher__option']{
+._sizeXS_nimrq6_13 [data-rs-internal='switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -49,7 +49,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeS_1gyv15l_16{
+._sizeS_nimrq6_16{
   --_rs-switcher-border-radius:16px;
   --_rs-switcher-compact-border-radius:4px;
   --_rs-switcher-option-padding:6px 16px;
@@ -59,7 +59,7 @@
   --_rs-switcher-compact-icon-offset:4px;
   --_rs-switcher-icon-margin-vertical:0px;
 }
-._sizeS_1gyv15l_16 [data-rs-internal='switcher__option']{
+._sizeS_nimrq6_16 [data-rs-internal='switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -94,7 +94,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeM_1gyv15l_19{
+._sizeM_nimrq6_19{
   --_rs-switcher-border-radius:20px;
   --_rs-switcher-compact-border-radius:8px;
   --_rs-switcher-option-padding:8px 24px;
@@ -104,7 +104,7 @@
   --_rs-switcher-compact-icon-offset:8px;
   --_rs-switcher-icon-margin-vertical:0px;
 }
-._sizeM_1gyv15l_19 [data-rs-internal='switcher__option']{
+._sizeM_nimrq6_19 [data-rs-internal='switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -143,11 +143,11 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeM_1gyv15l_19 [data-rs-internal='switcher__option']{
+._sizeM_nimrq6_19 [data-rs-internal='switcher__option']{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-._sizeL_1gyv15l_22{
+._sizeL_nimrq6_22{
   --_rs-switcher-border-radius:26px;
   --_rs-switcher-compact-border-radius:12px;
   --_rs-switcher-option-padding:12px 32px;
@@ -157,7 +157,7 @@
   --_rs-switcher-compact-icon-offset:12px;
   --_rs-switcher-icon-margin-vertical:0px;
 }
-._sizeL_1gyv15l_22 [data-rs-internal='switcher__option']{
+._sizeL_nimrq6_22 [data-rs-internal='switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -196,22 +196,22 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeL_1gyv15l_22 [data-rs-internal='switcher__option']{
+._sizeL_nimrq6_22 [data-rs-internal='switcher__option']{
     --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
   }
   }
-._modeClassic_1gyv15l_26{
+._modeClassic_nimrq6_26{
   --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
   --_rs-switcher-mark-border-color:var(--_rs-color-primary);
 }
-._modeRock_1gyv15l_29{
+._modeRock_nimrq6_29{
   --_rs-switcher-option-hover-background: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.1
   );
   --_rs-switcher-mark-border-color: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));
 }
-._compact_1gyv15l_33{
+._compact_nimrq6_33{
   --_rs-switcher-border-radius-from-compact:var(
     --_rs-switcher-compact-border-radius
   );
@@ -222,7 +222,7 @@
     --_rs-switcher-compact-icon-offset
   );
 }
-._switcher_1gyv15l_37{
+._switcher_nimrq6_37{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -232,7 +232,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._switcher_1gyv15l_37{
+._switcher_nimrq6_37{
     --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -241,7 +241,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._switcher_1gyv15l_37{
+._switcher_nimrq6_37{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -249,7 +249,7 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._switcher_1gyv15l_37 {
+._switcher_nimrq6_37 {
 
   position:relative;
 
@@ -265,16 +265,16 @@
   background:transparent;
   box-shadow:inset 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.3) 0 0 0 1px;
 }
-._switcher_1gyv15l_37._disabled_1gyv15l_55{
+._switcher_nimrq6_37._disabled_nimrq6_55{
     box-shadow:inset 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.2) 0 0 0 1px;
   }
-._alignIconLeft_1gyv15l_60{
+._alignIconLeft_nimrq6_60{
   --_rs-switcher-option-flex-direction:row;
 }
-._alignIconRight_1gyv15l_63{
+._alignIconRight_nimrq6_63{
   --_rs-switcher-option-flex-direction:row-reverse;
 }
-._option_1gyv15l_67{
+._option_nimrq6_67{
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -325,26 +325,26 @@
      -moz-appearance:none;
           appearance:none;
 }
-._disabled_1gyv15l_55 ._option_1gyv15l_67{
+._disabled_nimrq6_55 ._option_nimrq6_67{
     cursor:not-allowed;
     pointer-events:none;
   }
-._option_1gyv15l_67:focus[data-focus-method='key']{
+._option_nimrq6_67:has(:focus[data-focus-method='key']){
     box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
   }
 @media (hover: hover){
-    ._option_1gyv15l_67:hover{
+    ._option_nimrq6_67:hover{
       background:var(--_rs-switcher-option-hover-background);
     }
   }
-._option_1gyv15l_67._selected_1gyv15l_118:active{
+._option_nimrq6_67._selected_nimrq6_118:active{
       background:transparent;
     }
-._option_1gyv15l_67._selected_1gyv15l_118:hover,
-    ._option_1gyv15l_67._selected_1gyv15l_118:active{
+._option_nimrq6_67._selected_nimrq6_118:hover,
+    ._option_nimrq6_67._selected_nimrq6_118:active{
       cursor:default;
     }
-._hiddenMark_1gyv15l_127 ._option_1gyv15l_67._selected_1gyv15l_118::before{
+._hiddenMark_nimrq6_127 ._option_nimrq6_67._selected_nimrq6_118::before{
       position:absolute;
       top:0;
       right:0;
@@ -360,11 +360,11 @@
 
       content:'';
     }
-._hiddenMark_1gyv15l_127._disabled_1gyv15l_55 ._option_1gyv15l_67._selected_1gyv15l_118::before{
+._hiddenMark_nimrq6_127._disabled_nimrq6_55 ._option_nimrq6_67._selected_nimrq6_118::before{
       border-color: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.2);
     }
-._disabled_1gyv15l_55 ._option_1gyv15l_67,
-  ._disabled_1gyv15l_55 ._option_1gyv15l_67._selected_1gyv15l_118{
+._disabled_nimrq6_55 ._option_nimrq6_67,
+  ._disabled_nimrq6_55 ._option_nimrq6_67._selected_nimrq6_118{
     color:var(
   --rs-color-pale,
   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.5)
@@ -374,7 +374,7 @@
 
     background:transparent;
   }
-._option_1gyv15l_67 ._icon_1gyv15l_158{
+._option_nimrq6_67 ._icon_nimrq6_158{
     flex:0 0 auto;
 
     width:auto;
@@ -385,7 +385,7 @@
     margin-top:var(--_rs-switcher-icon-margin-vertical);
     margin-bottom:var(--_rs-switcher-icon-margin-vertical);
   }
-._mark_1gyv15l_171{
+._mark_nimrq6_171{
   position:absolute;
   top:0;
   bottom:0;
@@ -401,22 +401,38 @@
     var(--_rs-switcher-border-radius)
   );
 
-  transition:all var(--_rs-switcher-mark-transition-duration);
+  transition:all var(--_rs-switcher-mark-transition-duration) var(--rs-transition-function, ease);
 }
-._disabled_1gyv15l_55 ._mark_1gyv15l_171{
+._disabled_nimrq6_55 ._mark_nimrq6_171{
     border-color: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.2);
   }
-._hiddenMark_1gyv15l_127 ._mark_1gyv15l_171{
+._hiddenMark_nimrq6_127 ._mark_nimrq6_171{
     display:none;
   }
+._radio_nimrq6_199{
+  position:absolute;
+
+  overflow:hidden;
+  clip:rect(0 0 0 0);
+
+  width:1px;
+  height:1px;
+  margin:-1px;
+  padding:0;
+
+  border:none;
+
+  white-space:nowrap;
+  clip-path:inset(50%);
+}
 
-._themeLight_1hywx7k_6{
+._themeLight_1x2rxjb_6{
   --rs-theme-dark:0;
 }
-._themeDark_1hywx7k_9{
+._themeDark_1x2rxjb_9{
   --rs-theme-dark:1;
 }
-._sizeXS_1hywx7k_13{
+._sizeXS_1x2rxjb_13{
   --_rs-switcher-vertical-border-radius:4px;
   --_rs-switcher-vertical-option-vertical-padding:2px;
   --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -424,7 +440,7 @@
   --_rs-switcher-vertical-icon-offset:4px;
   --_rs-switcher-vertical-icon-margin-vertical:2px;
 }
-._sizeXS_1hywx7k_13 [data-rs-internal='vertical-switcher__option']{
+._sizeXS_1x2rxjb_13 [data-rs-internal='vertical-switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -459,7 +475,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeS_1hywx7k_16{
+._sizeS_1x2rxjb_16{
   --_rs-switcher-vertical-border-radius:4px;
   --_rs-switcher-vertical-option-vertical-padding:6px;
   --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -467,7 +483,7 @@
   --_rs-switcher-vertical-icon-offset:4px;
   --_rs-switcher-vertical-icon-margin-vertical:0px;
 }
-._sizeS_1hywx7k_16 [data-rs-internal='vertical-switcher__option']{
+._sizeS_1x2rxjb_16 [data-rs-internal='vertical-switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -502,7 +518,7 @@
     --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
-._sizeM_1hywx7k_19{
+._sizeM_1x2rxjb_19{
   --_rs-switcher-vertical-border-radius:8px;
   --_rs-switcher-vertical-option-vertical-padding:8px;
   --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -510,7 +526,7 @@
   --_rs-switcher-vertical-icon-offset:8px;
   --_rs-switcher-vertical-icon-margin-vertical:0px;
 }
-._sizeM_1hywx7k_19 [data-rs-internal='vertical-switcher__option']{
+._sizeM_1x2rxjb_19 [data-rs-internal='vertical-switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -549,11 +565,11 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeM_1hywx7k_19 [data-rs-internal='vertical-switcher__option']{
+._sizeM_1x2rxjb_19 [data-rs-internal='vertical-switcher__option']{
     --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
   }
   }
-._sizeL_1hywx7k_22{
+._sizeL_1x2rxjb_22{
   --_rs-switcher-vertical-border-radius:12px;
   --_rs-switcher-vertical-option-vertical-padding:12px;
   --_rs-switcher-vertical-option-horizontal-padding:24px;
@@ -561,7 +577,7 @@
   --_rs-switcher-vertical-icon-offset:12px;
   --_rs-switcher-vertical-icon-margin-vertical:0px;
 }
-._sizeL_1hywx7k_22 [data-rs-internal='vertical-switcher__option']{
+._sizeL_1x2rxjb_22 [data-rs-internal='vertical-switcher__option']{
     --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
     --_rs-typography-text-transform:initial;
     --_rs-typography-font-variant-numeric:initial;
@@ -600,17 +616,17 @@
     --_rs-typography-link-border-bottom-width-from-text:1px;
   }
 @media screen and (max-width: 640px){
-._sizeL_1hywx7k_22 [data-rs-internal='vertical-switcher__option']{
+._sizeL_1x2rxjb_22 [data-rs-internal='vertical-switcher__option']{
     --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
   }
   }
-._modeClassic_1hywx7k_26{
+._modeClassic_1x2rxjb_26{
   --_rs-switcher-vertical-option-hover-background:var(
     --_rs-color-primary-t-fog
   );
   --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
 }
-._modeRock_1hywx7k_29{
+._modeRock_1x2rxjb_29{
   --_rs-switcher-vertical-option-hover-background: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.1
@@ -619,7 +635,7 @@
     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)
   );
 }
-._verticalSwitcher_1hywx7k_33{
+._verticalSwitcher_1x2rxjb_33{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -629,7 +645,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._verticalSwitcher_1hywx7k_33{
+._verticalSwitcher_1x2rxjb_33{
     --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
     --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -638,7 +654,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._verticalSwitcher_1hywx7k_33{
+._verticalSwitcher_1x2rxjb_33{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -646,7 +662,7 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._verticalSwitcher_1hywx7k_33 {
+._verticalSwitcher_1x2rxjb_33 {
 
   position:relative;
 
@@ -661,16 +677,16 @@
   background:transparent;
   box-shadow:inset 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.3) 0 0 0 1px;
 }
-._verticalSwitcher_1hywx7k_33._disabled_1hywx7k_50{
+._verticalSwitcher_1x2rxjb_33._disabled_1x2rxjb_50{
     box-shadow:inset 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.2) 0 0 0 1px;
   }
-._alignIconLeft_1hywx7k_55{
+._alignIconLeft_1x2rxjb_55{
   --_rs-switcher-vertical-option-flex-direction:row;
 }
-._alignIconRight_1hywx7k_58{
+._alignIconRight_1x2rxjb_58{
   --_rs-switcher-vertical-option-flex-direction:row-reverse;
 }
-._option_1hywx7k_62{
+._option_1x2rxjb_62{
   letter-spacing:var(
     --rs-text-base-letter-spacing,
     var(--_rs-typography-letter-spacing)
@@ -714,26 +730,26 @@
      -moz-appearance:none;
           appearance:none;
 }
-._disabled_1hywx7k_50 ._option_1hywx7k_62{
+._disabled_1x2rxjb_50 ._option_1x2rxjb_62{
     cursor:not-allowed;
     pointer-events:none;
   }
-._option_1hywx7k_62:focus[data-focus-method='key']{
+._option_1x2rxjb_62:has(:focus[data-focus-method='key']){
     box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
   }
 @media (hover: hover){
-    ._option_1hywx7k_62:hover{
+    ._option_1x2rxjb_62:hover{
       background:var(--_rs-switcher-vertical-option-hover-background);
     }
   }
-._option_1hywx7k_62._selected_1hywx7k_107:active{
+._option_1x2rxjb_62._selected_1x2rxjb_107:active{
       background:transparent;
     }
-._option_1hywx7k_62._selected_1hywx7k_107:hover,
-    ._option_1hywx7k_62._selected_1hywx7k_107:active{
+._option_1x2rxjb_62._selected_1x2rxjb_107:hover,
+    ._option_1x2rxjb_62._selected_1x2rxjb_107:active{
       cursor:default;
     }
-._hiddenMark_1hywx7k_116 ._option_1hywx7k_62._selected_1hywx7k_107::before{
+._hiddenMark_1x2rxjb_116 ._option_1x2rxjb_62._selected_1x2rxjb_107::before{
       position:absolute;
       top:0;
       right:0;
@@ -749,11 +765,11 @@
 
       content:'';
     }
-._hiddenMark_1hywx7k_116._disabled_1hywx7k_50 ._option_1hywx7k_62._selected_1hywx7k_107::before{
+._hiddenMark_1x2rxjb_116._disabled_1x2rxjb_50 ._option_1x2rxjb_62._selected_1x2rxjb_107::before{
       border-color: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.2);
     }
-._disabled_1hywx7k_50 ._option_1hywx7k_62,
-  ._disabled_1hywx7k_50 ._option_1hywx7k_62._selected_1hywx7k_107{
+._disabled_1x2rxjb_50 ._option_1x2rxjb_62,
+  ._disabled_1x2rxjb_50 ._option_1x2rxjb_62._selected_1x2rxjb_107{
     color:var(
   --rs-color-pale,
   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.5)
@@ -763,12 +779,12 @@
 
     background:transparent;
   }
-._option_1hywx7k_62 ._optionLabel_1hywx7k_147{
+._option_1x2rxjb_62 ._optionLabel_1x2rxjb_147{
     flex:1 1 auto;
 
     text-align:left;
   }
-._option_1hywx7k_62 ._icon_1hywx7k_153{
+._option_1x2rxjb_62 ._icon_1x2rxjb_153{
     flex:0 0 auto;
 
     width:auto;
@@ -779,12 +795,12 @@
 
     fill:currentColor;
   }
-._option_1hywx7k_62 ._fakeIcon_1hywx7k_164{
+._option_1x2rxjb_62 ._fakeIcon_1x2rxjb_164{
     display:inline-block;
 
     width:var(--_rs-switcher-vertical-icon-size);
   }
-._mark_1hywx7k_171{
+._mark_1x2rxjb_171{
   position:absolute;
   right:0;
   left:0;
@@ -797,11 +813,27 @@
 
   border-radius:var(--_rs-switcher-vertical-border-radius);
 
-  transition:all var(--_rs-switcher-vertical-mark-transition-duration);
+  transition:all var(--_rs-switcher-vertical-mark-transition-duration) var(--rs-transition-function, ease);
 }
-._disabled_1hywx7k_50 ._mark_1hywx7k_171{
+._disabled_1x2rxjb_50 ._mark_1x2rxjb_171{
     border-color: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.2);
   }
-._hiddenMark_1hywx7k_116 ._mark_1hywx7k_171{
+._hiddenMark_1x2rxjb_116 ._mark_1x2rxjb_171{
     display:none;
   }
+._radio_1x2rxjb_196{
+  position:absolute;
+
+  overflow:hidden;
+  clip:rect(0 0 0 0);
+
+  width:1px;
+  height:1px;
+  margin:-1px;
+  padding:0;
+
+  border:none;
+
+  white-space:nowrap;
+  clip-path:inset(50%);
+}

package/lib/switcher.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 export declare type SwitcherOptionIconPosition = 'left' | 'right';
 export declare type SwitcherSize = 'l' | 'm' | 's' | 'xs';
 export declare type SwitcherTheme = 'light' | 'dark';
@@ -8,9 +9,11 @@ export declare type SwitcherOption<OptionsValueType> = {
     value: OptionsValueType;
     /** Additional icon */
     icon?: React.ReactNode;
+    /** Optional a11y label for the option. May be useful for icon-only options. */
+    'aria-label'?: string;
 };
 export declare type SwitcherOptionForDocs = SwitcherOption<any>;
-export interface SwitcherProps<ValueType, OptionsValueType extends ValueType> {
+interface SwitcherExplicitProps<ValueType, OptionsValueType extends ValueType> {
     /** Current selected value */
     value: ValueType;
     /** Array of options */
@@ -30,9 +33,31 @@ export interface SwitcherProps<ValueType, OptionsValueType extends ValueType> {
     iconPosition?: SwitcherOptionIconPosition;
     /** CSS style object */
     style?: React.CSSProperties;
+    /** Optional a11y label for the switcher. Recommended to use either that or `aria-labelledby`. */
+    'aria-label'?: string;
+    /** Optional a11y label reference for the switcher. Recommended to use either that or `aria-label`. */
+    'aria-labelledby'?: string;
+    /** Optional name of all `input[type="radio"]` children. if not set, it will fallback to a randomly generated name. */
+    name?: string;
 }
-export declare function Switcher<ValueType, OptionsValueType extends ValueType = ValueType>({ className, theme: themeFromProps, size, disabled, compact, ['data-e2e']: e2eId, options, value: switcherValue, mode, iconPosition, onChange, style }: SwitcherProps<ValueType, OptionsValueType>): JSX.Element;
+export declare type SwitcherProps<ValueType, OptionsValueType extends ValueType> = SwitcherExplicitProps<ValueType, OptionsValueType> & Omit<React.HTMLProps<HTMLSpanElement>, keyof SwitcherExplicitProps<ValueType, OptionsValueType>>;
+export declare function Switcher<ValueType, OptionsValueType extends ValueType = ValueType>({ className, theme: themeFromProps, size, disabled, compact, options, value: switcherValue, mode, iconPosition, onChange, style, name, ...rest }: SwitcherProps<ValueType, OptionsValueType>): JSX.Element;
 export declare namespace Switcher {
-    var propTypes: {};
+    var propTypes: {
+        options: PropTypes.Validator<PropTypes.InferProps<{
+            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            value: PropTypes.Validator<any>;
+            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>[]>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        value: PropTypes.Validator<any>;
+        className: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        iconPosition: PropTypes.Requireable<string>;
+        'data-e2e': PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<object>;
+    };
 }
 export default Switcher;

package/lib/switcher.js

@@ -5,6 +5,7 @@ import cn from 'classnames';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { useResizeObserver } from '@rescui/use-resize-observer';
 import styles from './switcher.p.module.css.js';
+import { useSafeId } from './use-safe-id.js';
 const MARK_TRANSITION_DURATION = '0.2s';
 const sizeToClass = {
   l: styles.sizeL,
@@ -35,19 +36,27 @@ const optionRenderer = (_ref, ref) => {
     value,
     icon,
     disabled,
-    onClick,
-    selected
+    onChange,
+    selected,
+    name,
+    'aria-label': ariaLabel
   } = _ref;
   const isWithoutText = isNodeEmpty(label);
-  return /*#__PURE__*/React.createElement("button", {
-    key: String(value),
+  return /*#__PURE__*/React.createElement("label", {
     ref: ref,
-    onClick: onClick,
-    type: "button",
+    key: String(value),
     "data-rs-internal": 'switcher__option',
+    className: cn(styles.option, selected && styles.selected),
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "radio",
+    value: String(value),
+    onChange: onChange,
+    className: styles.radio,
+    checked: selected,
     disabled: disabled,
-    className: cn(styles.option, selected && styles.selected)
-  }, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
+    name: name
+  }), /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
     className: cn(icon.props.className, styles.icon),
     'data-render-all-sizes': true
   }), !isWithoutText && /*#__PURE__*/React.createElement("span", null, label));
@@ -62,17 +71,19 @@ function Switcher(_ref2) {
     size = 'm',
     disabled,
     compact = false,
-    ['data-e2e']: e2eId,
     options,
     value: switcherValue,
     mode = 'classic',
     iconPosition = 'left',
     onChange,
-    style
+    style,
+    name,
+    ...rest
   } = _ref2;
   const refsArray = useRef([]);
   const containerRef = useRef(null);
   const theme = useThemeWithUndefined(themeFromProps);
+  const uniqueId = useSafeId();
   const handleOptionRef = useCallback(index => ref => {
     if (!ref) {
       return;
@@ -119,22 +130,21 @@ function Switcher(_ref2) {
 
   useEffect(() => updateMark(true), [activeIndex]);
   useResizeObserver(containerRef, () => updateMark(false));
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", { ...rest,
     className: cn(className, styles.switcher, sizeToClass[size], themeToClass[theme], modeToClass[mode], disabled && styles.disabled, compact && styles.compact, mark.hidden && styles.hiddenMark, iconPosition === 'right' ? styles.alignIconRight : styles.alignIconLeft),
-    "data-e2e": e2eId,
     ref: containerRef,
     "data-rs-internal": 'switcher',
     "data-test": cn(`switcher`, disabled && `switcher-disabled`),
     style: { ...style,
       '--_rs-switcher-mark-transition-duration': isMarkTransitionEnabled ? MARK_TRANSITION_DURATION : '0s'
-    }
+    },
+    role: "radiogroup"
   }, options.map((_ref3, index) => {
-    var _options$activeIndex;
-
     let {
       value,
       label,
-      icon
+      icon,
+      'aria-label': optionAriaLabel
     } = _ref3;
     return /*#__PURE__*/React.createElement(Option, {
       key: String(value),
@@ -142,9 +152,11 @@ function Switcher(_ref2) {
       label: label,
       icon: icon,
       disabled: disabled,
-      onClick: () => onChange(value),
+      onChange: () => onChange(value),
       ref: handleOptionRef(index),
-      selected: ((_options$activeIndex = options[activeIndex]) === null || _options$activeIndex === void 0 ? void 0 : _options$activeIndex.value) === value
+      selected: options[activeIndex]?.value === value,
+      name: name ?? `rs-switcher-${uniqueId}`,
+      "aria-label": optionAriaLabel
     });
   }), /*#__PURE__*/React.createElement("span", {
     className: cn(styles.mark),

package/lib/switcher.p.module.css.js

@@ -1,21 +1,22 @@
 var styles = {
-  "themeLight": "_themeLight_1gyv15l_6",
-  "themeDark": "_themeDark_1gyv15l_9",
-  "sizeXS": "_sizeXS_1gyv15l_13",
-  "sizeS": "_sizeS_1gyv15l_16",
-  "sizeM": "_sizeM_1gyv15l_19",
-  "sizeL": "_sizeL_1gyv15l_22",
-  "modeClassic": "_modeClassic_1gyv15l_26",
-  "modeRock": "_modeRock_1gyv15l_29",
-  "compact": "_compact_1gyv15l_33",
-  "switcher": "_switcher_1gyv15l_37",
-  "disabled": "_disabled_1gyv15l_55",
-  "alignIconLeft": "_alignIconLeft_1gyv15l_60",
-  "alignIconRight": "_alignIconRight_1gyv15l_63",
-  "option": "_option_1gyv15l_67",
-  "selected": "_selected_1gyv15l_118",
-  "hiddenMark": "_hiddenMark_1gyv15l_127",
-  "icon": "_icon_1gyv15l_158",
-  "mark": "_mark_1gyv15l_171"
+  "themeLight": "_themeLight_nimrq6_6",
+  "themeDark": "_themeDark_nimrq6_9",
+  "sizeXS": "_sizeXS_nimrq6_13",
+  "sizeS": "_sizeS_nimrq6_16",
+  "sizeM": "_sizeM_nimrq6_19",
+  "sizeL": "_sizeL_nimrq6_22",
+  "modeClassic": "_modeClassic_nimrq6_26",
+  "modeRock": "_modeRock_nimrq6_29",
+  "compact": "_compact_nimrq6_33",
+  "switcher": "_switcher_nimrq6_37",
+  "disabled": "_disabled_nimrq6_55",
+  "alignIconLeft": "_alignIconLeft_nimrq6_60",
+  "alignIconRight": "_alignIconRight_nimrq6_63",
+  "option": "_option_nimrq6_67",
+  "selected": "_selected_nimrq6_118",
+  "hiddenMark": "_hiddenMark_nimrq6_127",
+  "icon": "_icon_nimrq6_158",
+  "mark": "_mark_nimrq6_171",
+  "radio": "_radio_nimrq6_199"
 };
 export { styles as default };

package/lib/use-safe-id.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useSafeId: typeof React.useId;

package/lib/use-safe-id.js

@@ -0,0 +1,15 @@
+import React, { useRef } from 'react';
+
+const useFallbackId = () => {
+  const id = useRef(null);
+
+  if (id.current === null) {
+    id.current = useFallbackId.counter++;
+  }
+
+  return id.current.toString();
+};
+
+useFallbackId.counter = 0;
+const useSafeId = React.useId ?? useFallbackId;
+export { useSafeId };

package/lib/vertical-switcher.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 export declare type VerticalSwitcherOptionIconPosition = 'left' | 'right';
 export declare type VerticalSwitcherSize = 'l' | 'm' | 's' | 'xs';
 export declare type VerticalSwitcherTheme = 'light' | 'dark';
@@ -8,9 +9,11 @@ export declare type VerticalSwitcherOption<OptionsValueType> = {
     value: OptionsValueType;
     /** Additional icon */
     icon?: React.ReactNode;
+    /** Optional a11y label for the option. May be useful for icon-only options. */
+    'aria-label'?: string;
 };
 export declare type VerticalSwitcherOptionForDocs = VerticalSwitcherOption<any>;
-export interface VerticalSwitcherProps<ValueType, OptionsValueType extends ValueType> {
+interface VerticalSwitcherExplicitProps<ValueType, OptionsValueType extends ValueType> {
     /** Current selected value */
     value: ValueType;
     /** Array of options */
@@ -28,8 +31,31 @@ export interface VerticalSwitcherProps<ValueType, OptionsValueType extends Value
     iconPosition?: VerticalSwitcherOptionIconPosition;
     /** CSS style object */
     style?: React.CSSProperties;
+    /** Optional a11y label for the switcher. Recommended to use either that or `aria-labelledby`. */
+    'aria-label'?: string;
+    /** Optional a11y label reference for the switcher. Recommended to use either that or `aria-label`. */
+    'aria-labelledby'?: string;
+    /** Optional name of all `input[type="radio"]` children. if not set, it will fallback to a randomly generated name. */
+    name?: string;
 }
-export declare function VerticalSwitcher<ValueType, OptionsValueType extends ValueType = ValueType>({ className, theme: themeFromProps, size, disabled, ['data-e2e']: e2eId, options: rawOptions, value: switcherValue, mode, iconPosition, onChange, style }: VerticalSwitcherProps<ValueType, OptionsValueType>): JSX.Element;
+export declare type VerticalSwitcherProps<ValueType, OptionsValueType extends ValueType> = VerticalSwitcherExplicitProps<ValueType, OptionsValueType> & Omit<React.HTMLProps<HTMLSpanElement>, keyof VerticalSwitcherExplicitProps<ValueType, OptionsValueType>>;
+export declare function VerticalSwitcher<ValueType, OptionsValueType extends ValueType = ValueType>({ className, theme: themeFromProps, size, disabled, options: rawOptions, value: switcherValue, mode, iconPosition, onChange, style, name, ...rest }: VerticalSwitcherProps<ValueType, OptionsValueType>): JSX.Element;
 export declare namespace VerticalSwitcher {
-    var propTypes: {};
+    var propTypes: {
+        options: PropTypes.Validator<PropTypes.InferProps<{
+            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            value: PropTypes.Validator<any>;
+            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>[]>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        value: PropTypes.Validator<any>;
+        className: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        iconPosition: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        style: PropTypes.Requireable<object>;
+        'data-e2e': PropTypes.Requireable<string>;
+    };
 }
+export {};

package/lib/vertical-switcher.js

@@ -5,6 +5,7 @@ import cn from 'classnames';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import { useResizeObserver } from '@rescui/use-resize-observer';
 import styles from './vertical-switcher.p.module.css.js';
+import { useSafeId } from './use-safe-id.js';
 const MARK_TRANSITION_DURATION = '0.2s'; // eslint-disable-next-line @typescript-eslint/no-empty-function
 
 const noop = () => {};
@@ -13,7 +14,8 @@ const verticalSwitcherContext = /*#__PURE__*/createContext({
   switcherValue: null,
   onChange: noop,
   handleOptionRef: () => noop,
-  disabled: null
+  disabled: null,
+  name: null
 });
 const sizeToClass = {
   l: styles.sizeL,
@@ -45,7 +47,8 @@ const processOptions = _ref => {
     options.push({
       label: option.label,
       value: option.value,
-      icon: option.icon
+      icon: option.icon,
+      'aria-label': option['aria-label']
     });
 
     if ( /*#__PURE__*/React.isValidElement(option.icon) && iconPosition === 'left') {
@@ -84,26 +87,34 @@ function Option(_ref2) {
     label,
     value,
     icon,
-    index
+    index,
+    'aria-label': ariaLabel
   } = _ref2;
   const {
     switcherValue,
     onChange,
     handleOptionRef,
-    disabled
+    disabled,
+    name
   } = useContext(verticalSwitcherContext);
   const selected = switcherValue === value;
   const isWithoutText = isNodeEmpty(label);
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("label", {
     key: String(value),
     ref: handleOptionRef(index),
-    onClick: () => onChange(value),
-    type: "button",
     "data-rs-internal": 'vertical-switcher__option',
-    disabled: disabled,
     className: cn(styles.option, selected && styles.selected),
-    "data-test": cn(`vertical-switcher-option`, selected && ' vertical-switcher-option-selected')
-  }, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
+    "data-test": cn(`vertical-switcher-option`, selected && ' vertical-switcher-option-selected'),
+    "aria-label": ariaLabel
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "radio",
+    value: String(value),
+    onChange: () => onChange(value),
+    className: styles.radio,
+    checked: selected,
+    disabled: disabled,
+    name: name
+  }), /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
     className: cn(icon.props.className, styles.icon),
     'data-render-all-sizes': true
   }), !isWithoutText && /*#__PURE__*/React.createElement("span", {
@@ -112,24 +123,24 @@ function Option(_ref2) {
 }
 
 function VerticalSwitcher(_ref3) {
-  var _options$activeIndex;
-
   let {
     className,
     theme: themeFromProps,
     size = 'm',
     disabled,
-    ['data-e2e']: e2eId,
     options: rawOptions,
     value: switcherValue,
     mode = 'classic',
     iconPosition = 'left',
     onChange,
-    style
+    style,
+    name,
+    ...rest
   } = _ref3;
   const refsArray = useRef([]);
   const containerRef = useRef(null);
   const theme = useThemeWithUndefined(themeFromProps);
+  const uniqueId = useSafeId();
   const {
     options,
     activeIndex
@@ -186,34 +197,37 @@ function VerticalSwitcher(_ref3) {
   useResizeObserver(containerRef, () => updateMark(false), {
     ignoreFirstCall: true
   });
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", { ...rest,
     className: cn(className, styles.verticalSwitcher, sizeToClass[size], themeToClass[theme], modeToClass[mode], disabled && styles.disabled, mark.hidden && styles.hiddenMark, iconPosition === 'right' ? styles.alignIconRight : styles.alignIconLeft),
-    "data-e2e": e2eId,
     ref: containerRef,
     "data-rs-internal": 'vertical-switcher',
     "data-test": cn(`vertical-switcher`, disabled && `vertical-switcher-disabled`),
     style: { ...style,
       '--_rs-switcher-vertical-mark-transition-duration': isMarkTransitionEnabled ? MARK_TRANSITION_DURATION : '0s'
-    }
+    },
+    role: "radiogroup"
   }, /*#__PURE__*/React.createElement(verticalSwitcherContext.Provider, {
     value: {
-      switcherValue: (_options$activeIndex = options[activeIndex]) === null || _options$activeIndex === void 0 ? void 0 : _options$activeIndex.value,
+      switcherValue: options[activeIndex]?.value,
       onChange,
       handleOptionRef,
-      disabled
+      disabled,
+      name: name ?? `rs-vertical-switcher-${uniqueId}`
     }
   }, options.map((_ref4, index) => {
     let {
       value,
       label,
-      icon
+      icon,
+      'aria-label': optionAriaLabel
     } = _ref4;
     return /*#__PURE__*/React.createElement(Option, {
       key: String(value),
       value: value,
       label: label,
       icon: icon,
-      index: index
+      index: index,
+      "aria-label": optionAriaLabel
     });
   }), /*#__PURE__*/React.createElement("span", {
     className: cn(styles.mark),

package/lib/vertical-switcher.p.module.css.js

@@ -1,22 +1,23 @@
 var styles = {
-  "themeLight": "_themeLight_1hywx7k_6",
-  "themeDark": "_themeDark_1hywx7k_9",
-  "sizeXS": "_sizeXS_1hywx7k_13",
-  "sizeS": "_sizeS_1hywx7k_16",
-  "sizeM": "_sizeM_1hywx7k_19",
-  "sizeL": "_sizeL_1hywx7k_22",
-  "modeClassic": "_modeClassic_1hywx7k_26",
-  "modeRock": "_modeRock_1hywx7k_29",
-  "verticalSwitcher": "_verticalSwitcher_1hywx7k_33",
-  "disabled": "_disabled_1hywx7k_50",
-  "alignIconLeft": "_alignIconLeft_1hywx7k_55",
-  "alignIconRight": "_alignIconRight_1hywx7k_58",
-  "option": "_option_1hywx7k_62",
-  "selected": "_selected_1hywx7k_107",
-  "hiddenMark": "_hiddenMark_1hywx7k_116",
-  "optionLabel": "_optionLabel_1hywx7k_147",
-  "icon": "_icon_1hywx7k_153",
-  "fakeIcon": "_fakeIcon_1hywx7k_164",
-  "mark": "_mark_1hywx7k_171"
+  "themeLight": "_themeLight_1x2rxjb_6",
+  "themeDark": "_themeDark_1x2rxjb_9",
+  "sizeXS": "_sizeXS_1x2rxjb_13",
+  "sizeS": "_sizeS_1x2rxjb_16",
+  "sizeM": "_sizeM_1x2rxjb_19",
+  "sizeL": "_sizeL_1x2rxjb_22",
+  "modeClassic": "_modeClassic_1x2rxjb_26",
+  "modeRock": "_modeRock_1x2rxjb_29",
+  "verticalSwitcher": "_verticalSwitcher_1x2rxjb_33",
+  "disabled": "_disabled_1x2rxjb_50",
+  "alignIconLeft": "_alignIconLeft_1x2rxjb_55",
+  "alignIconRight": "_alignIconRight_1x2rxjb_58",
+  "option": "_option_1x2rxjb_62",
+  "selected": "_selected_1x2rxjb_107",
+  "hiddenMark": "_hiddenMark_1x2rxjb_116",
+  "optionLabel": "_optionLabel_1x2rxjb_147",
+  "icon": "_icon_1x2rxjb_153",
+  "fakeIcon": "_fakeIcon_1x2rxjb_164",
+  "mark": "_mark_1x2rxjb_171",
+  "radio": "_radio_1x2rxjb_196"
 };
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/switcher",
-  "version": "0.12.10",
+  "version": "0.13.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -27,14 +27,14 @@
   },
   "devDependencies": {
     "@rescui/colors": "^0.3.0",
-    "@rescui/icons": "^1.7.4",
+    "@rescui/icons": "^1.7.6",
     "@rescui/scripts": "^0.5.1",
-    "@rescui/typography": "^0.25.0"
+    "@rescui/typography": "^0.27.0"
   },
   "scripts": {
     "build": "rescui-scripts build && yarn run build-pcss-api",
     "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
   },
   "nx": {},
-  "gitHead": "59db2e6ea5eabdcabc035779df2611d0df5a0cbe"
+  "gitHead": "e9aedd97a4cc372540ec8d75dda4f122baacca10"
 }