feat(Slider): add new slider component

packages/react/package.json

@@ -29,6 +29,7 @@
     "url": "https://github.com/kronostechnologies/design-elements/issues"
   },
   "dependencies": {
+    "@mui/base": "5.0.0-beta.40",
     "@tanstack/react-table": "^8.10.7",
     "date-fns": "^3.0.0",
     "feather-icons": "^4.29.0",

packages/react/src/components/slider/slider.test.tsx

@@ -0,0 +1,22 @@
+import { renderWithProviders } from '../../test-utils/renderer';
+import { Slider } from './slider';
+
+describe('Slider', () => {
+    test('matches snapshot (single value)', () => {
+        const wrapper = renderWithProviders(<Slider max={100} min={0} value={20} />);
+
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    test('matches snapshot (range values)', () => {
+        const wrapper = renderWithProviders(<Slider max={100} min={0} value={[10, 30]} />);
+
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    test('matches snapshot (with step)', () => {
+        const wrapper = renderWithProviders(<Slider max={100} min={0} value={30} step={10} />);
+
+        expect(wrapper).toMatchSnapshot();
+    });
+});