fix(VSelectionControl): correctly pass ripple options to directive (#21713)

closes #21208

Author: J-Sek

packages/vuetify/src/components/VSelectionControl/VSelectionControl.tsx

@@ -282,8 +282,8 @@ export const VSelectionControl = genericComponent<new <T>(
               class={[
                 'v-selection-control__input',
               ]}
-              v-ripple={ props.ripple && [
-                !props.disabled && !props.readonly,
+              v-ripple={[
+                !props.disabled && !props.readonly && props.ripple,
                 null,
                 ['center', 'circle'],
               ]}

packages/vuetify/src/components/VStepper/VStepperItem.tsx

@@ -144,7 +144,7 @@ export const VStepperItem = genericComponent<VStepperItemSlots>()({
           disabled={ !props.editable }
           type="button"
           v-ripple={[
-            props.ripple && props.editable,
+            props.editable && props.ripple,
             null,
             null,
           ]}