fix: typescript declarations for Slider and SliderSkeleton (#20833)

* fix: typescript declarations for Slider and SliderSkeleton

Those components do not have a property named "propTypes",
but the declarations in Slider.d.ts and Slider.Skeleton.d.ts
claimed they did.

I think the problem happens because there's some magic that tries
to generate Typescript declarations based on the PropTypes, and
that is fragile.  I followed the example of Row.tsx to avoid /
workaround that issue.

Fixes #20832.

* fix: tests

* fix: storybook

---------

Co-authored-by: Riddhi Bansal <41935566+riddhybansal@users.noreply.github.com>

Author: wkeese

packages/react/src/components/Slider/Slider.Skeleton.tsx

@@ -6,7 +6,7 @@
  */
 
 import PropTypes from 'prop-types';
-import React, { HTMLAttributes, useState } from 'react';
+import React, { HTMLAttributes, ReactNode, useState } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect';
@@ -145,5 +145,4 @@ SliderSkeleton.propTypes = {
   twoHandles: PropTypes.bool,
 };
 
-export default SliderSkeleton;
-export { SliderSkeleton };
+export default SliderSkeleton as (props: SliderSkeletonProps) => ReactNode;

packages/react/src/components/Slider/Slider.stories.js

@@ -9,8 +9,7 @@ import React, { useState } from 'react';
 
 import { WithLayer } from '../../../.storybook/templates/WithLayer';
 
-import { SliderSkeleton } from '.';
-import { Slider } from './Slider';
+import { Slider, SliderSkeleton } from '.';
 import mdx from './Slider.mdx';
 
 export default {

packages/react/src/components/Slider/Slider.tsx

@@ -335,7 +335,7 @@ type State = {
   isRtl: boolean;
 };
 
-export const Slider = (props: SliderProps) => {
+const Slider = (props: SliderProps) => {
   // TODO: Move destructured `props` from the IIFE to here.
 
   const initialState: State = {
@@ -1886,3 +1886,5 @@ Slider.propTypes = {
    */
   warnText: PropTypes.node,
 };
+
+export default Slider as (props: SliderProps) => ReactNode;

packages/react/src/components/Slider/__test__/Slider-test.js

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { Slider } from '../Slider';
+import Slider from '../Slider';
 import userEvent from '@testing-library/user-event';
 import { fireEvent, render, screen } from '@testing-library/react';
 

packages/react/src/components/Slider/index.ts

@@ -5,8 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Slider } from './Slider';
-
+export { default as Slider } from './Slider';
 export { default as SliderSkeleton } from './Slider.Skeleton';
-export default Slider;
-export { Slider };