Rename autoPlayLoop -> loop

Author: brianespinosa

packages/mdx/dev/content/slideshow-auto.mdx

@@ -2,7 +2,7 @@
 
 This is how to use the `<CH.Sildeshow>` component. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quia! Quidem, quisquam.
 
-<CH.Slideshow preset="https://codesandbox.io/s/rfdho" code={{minZoom: 0.5}} autoPlay={1000} autoPlayLoop>
+<CH.Slideshow preset="https://codesandbox.io/s/rfdho" code={{minZoom: 0.5}} autoPlay={1000} loop>
 
 <CH.Code>
 

packages/mdx/src/mdx-client/slideshow.tsx

@@ -19,7 +19,7 @@ export function Slideshow({
   presetConfig,
   style,
   autoPlay,
-  autoPlayLoop = false,
+  loop = false,
   ...rest
 }: {
   children: React.ReactNode
@@ -34,7 +34,7 @@ export function Slideshow({
   presetConfig?: PresetConfig
   style?: React.CSSProperties
   autoPlay?: number
-  autoPlayLoop?: boolean
+  loop?: boolean
 }) {
   const controlsRef = React.useRef(null)
 
@@ -128,7 +128,7 @@ export function Slideshow({
         clearTimeout(autoSlide);
       };
     // If we are at the end of the slideshow, and we have configured to loop, start over
-    } else if (autoPlay && atSlideshowEnd && autoPlayLoop) {
+    } else if (autoPlay && atSlideshowEnd && loop) {
       // We still have to use the same timeout function with autoPlay delay or else the last slide will never show because it will instantly change
       const autoRestart = setTimeout(
         () => {