fix(slider): 🩹 remove visually hidden in input

Author: navin-moorthy

src/slider/slider-input.tsx

@@ -1,6 +1,4 @@
-import * as React from "react";
-import { VisuallyHidden } from "ariakit";
-import { useForkRef, useWrapElement } from "ariakit-utils";
+import { useForkRef } from "ariakit-utils";
 import {
   createComponent,
   createElement,
@@ -16,10 +14,6 @@ export const useSliderInput = createHook<SliderInputOptions>(
     props = { ...props, ref: useForkRef(state.inputRef, props.ref) };
     props = mergeProps(state.inputProps, props);
 
-    props = useWrapElement(props, element => (
-      <VisuallyHidden>{element}</VisuallyHidden>
-    ));
-
     return props;
   },
 );

src/slider/slider-thumb.tsx

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { VisuallyHidden } from "ariakit";
 import {
   createComponent,
   createElement,
@@ -12,7 +13,11 @@ import { SliderThumbState } from "./slider-thumb-state";
 
 export const useSliderThumb = createHook<SliderThumbOptions>(
   ({ state, ...props }) => {
-    const children = <SliderInput state={state} />;
+    const children = (
+      <VisuallyHidden>
+        <SliderInput state={state} />
+      </VisuallyHidden>
+    );
 
     props = { children, ...props };
     props = mergeProps(state.thumbProps, props);