feat(244): Allow Slideshow controls to autoFocus

Author: brianespinosa

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

@@ -6,23 +6,25 @@ import { extractPreviewSteps } from "./steps"
 
 export function Slideshow({
   children,
-  editorSteps,
+  className,
+  code,
   codeConfig,
+  editorSteps,
+  hasAutoFocusControls,
+  hasPreviewSteps,
   presetConfig,
-  code,
-  className,
   style,
-  hasPreviewSteps,
   ...rest
 }: {
   children: React.ReactNode
-  editorSteps: EditorStep[]
+  className?: string
+  code?: EditorProps["codeConfig"]
   codeConfig: EditorProps["codeConfig"]
+  editorSteps: EditorStep[]
+  hasPreviewSteps?: boolean
+  hasAutoFocusControls?: boolean
   presetConfig?: PresetConfig
-  code?: EditorProps["codeConfig"]
-  className?: string
   style?: React.CSSProperties
-  hasPreviewSteps?: boolean
 }) {
   const { stepsChildren, previewChildren } =
     extractPreviewSteps(children, hasPreviewSteps)
@@ -98,6 +100,7 @@ export function Slideshow({
             Prev
           </button>
           <input
+            autoFocus={hasAutoFocusControls}
             type="range"
             min={0}
             max={editorSteps.length - 1}