refactor(slider): ♻️ add base states to props states

Author: navin-moorthy

src/meter/index.ts

@@ -1,2 +1,3 @@
+export * from "./__utils";
 export * from "./meter-base";
 export * from "./meter-state";

src/slider/slider-state.ts

@@ -9,7 +9,7 @@ export function useSliderState(props: SliderStateProps): SliderState {
   const trackRef = React.useRef<HTMLElement>(null);
   const sliderProps = useSlider(rest, state, trackRef);
 
-  return { ...sliderProps, trackRef };
+  return { ...sliderProps, trackRef, baseState: state };
 }
 
 export type SliderState = {
@@ -32,6 +32,11 @@ export type SliderState = {
 
   /** Props for the output element, displaying the value of the slider thumbs. */
   outputProps: React.OutputHTMLAttributes<HTMLOutputElement>;
+
+  /**
+   * Object returned by the `useSliderBaseState` hook.
+   */
+  baseState: SliderBaseState;
 };
 
 export type SliderStateProps = AriaSliderProps & {

src/slider/slider-thumb-state.ts

@@ -18,12 +18,17 @@ export function useSliderThumbState(
     state,
   );
 
-  return { ...sliderThumbProps, inputRef };
+  return { ...sliderThumbProps, inputRef, baseState: state };
 }
 
 export type SliderThumbState = SliderThumbAria & {
   /** A ref to the thumb input element. */
   inputRef: React.RefObject<HTMLInputElement>;
+
+  /**
+   * Object returned by the `useSliderBaseState` hook.
+   */
+  baseState: SliderBaseState;
 };
 
 export type SliderThumbStateProps = AriaSliderThumbProps & {