feat: add Slider, Snackbar, and SpeedDial components with MUI integration

Signed-off-by: amitamrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/base/Slider/Slider.tsx

@@ -0,0 +1,8 @@
+import { Slider as MuiSlider, SliderProps as MuiSliderProps } from '@mui/material';
+import React from 'react';
+
+export const Slider = React.forwardRef<HTMLDivElement, MuiSliderProps>((props, ref) => (
+  <MuiSlider {...props} ref={ref} />
+));
+
+export default Slider;

src/base/Slider/index.ts

@@ -0,0 +1 @@
+export { Slider } from './Slider';

src/base/Snackbar/Snackbar.tsx

@@ -0,0 +1,8 @@
+import { Snackbar as MuiSnackbar, SnackbarProps as MuiSnackbarProps } from '@mui/material';
+import React from 'react';
+
+export const Snackbar = React.forwardRef<HTMLDivElement, MuiSnackbarProps>((props, ref) => (
+  <MuiSnackbar {...props} ref={ref} />
+));
+
+export default Snackbar;

src/base/Snackbar/index.ts

@@ -0,0 +1 @@
+export { Snackbar } from './Snackbar';

src/base/SpeedDial/SpeedDial.tsx

@@ -0,0 +1,15 @@
+import {
+  SpeedDial as MuiSpeedDial,
+  SpeedDialAction as MuiSpeedDialAction,
+  SpeedDialActionProps as MuiSpeedDialActionProps,
+  SpeedDialProps as MuiSpeedDialProps
+} from '@mui/material';
+import React from 'react';
+
+export const SpeedDial = React.forwardRef<HTMLDivElement, MuiSpeedDialProps>((props, ref) => (
+  <MuiSpeedDial {...props} ref={ref} />
+));
+
+export const SpeedDialAction = React.forwardRef<HTMLButtonElement, MuiSpeedDialActionProps>(
+  (props, ref) => <MuiSpeedDialAction {...props} ref={ref} />
+);

src/base/SpeedDial/index.ts

@@ -0,0 +1 @@
+export { SpeedDial, SpeedDialAction } from './SpeedDial';