@veritone-ce/design-system 1.12.14 → 1.12.16

package/dist/components/Select/index.js

@@ -1,51 +1,101 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _Lens = _interopRequireDefault(require("@mui/icons-material/Lens"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Select = ({
+  label,
+  items,
+  helperText,
+  errorMessage,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      maxHeight: helperText ? '77px' : '56px'
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputLabel, {
+      id: "label-select",
+      sx: {
+        display: 'flex',
+        alignItems: 'flex-end',
+        lineHeight: '17px',
+        marginBottom: '3px'
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      sx: {
+        display: 'flex',
+        '& .MuiOutlinedInput-root': {
+          '& .MuiSelect-outlined': {
+            padding: helperText ? '7px 7.5px' : '5px 8px',
+            fontSize: helperText ? '14px' : '16px',
+            lineHeight: helperText ? '20px' : '24px'
+          },
+          '&.Mui-error': {
+            '& .MuiSelect-outlined': {
+              padding: helperText ? '7px 8px' : '5px 13px'
+            }
+          }
         }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, FormHelperText, InputLabel, MenuItem, Select as MuiSelect } from '@mui/material';
-import Circle from '@mui/icons-material/Lens';
-const Select = (_a) => {
-    var { label, items, helperText, errorMessage } = _a, props = __rest(_a, ["label", "items", "helperText", "errorMessage"]);
-    return (_jsxs(Box, Object.assign({ sx: {
-            maxHeight: helperText ? '77px' : '56px'
-        } }, { children: [_jsx(InputLabel, Object.assign({ id: "label-select", sx: {
-                    display: 'flex',
-                    alignItems: 'flex-end',
-                    lineHeight: '17px',
-                    marginBottom: '3px'
-                } }, { children: label })), _jsx(Box, Object.assign({ sx: {
-                    display: 'flex',
-                    '& .MuiOutlinedInput-root': {
-                        '& .MuiSelect-outlined': {
-                            padding: helperText ? '7px 7.5px' : '5px 8px',
-                            fontSize: helperText ? '14px' : '16px',
-                            lineHeight: helperText ? '20px' : '24px'
-                        },
-                        '&.Mui-error': {
-                            '& .MuiSelect-outlined': {
-                                padding: helperText ? '7px 8px' : '5px 13px'
-                            }
-                        }
-                    }
-                } }, { children: _jsxs(MuiSelect, Object.assign({}, props, { labelId: "label-select" }, { children: [_jsx(MenuItem, Object.assign({ value: "" }, { children: "Select" })), items.map((item, index) => (_jsx(MenuItem, Object.assign({ value: item.value }, { children: _jsxs(Box, Object.assign({ sx: { lineHeight: '20px', fontSize: '14px', opacity: 0.9 } }, { children: [_jsx(Box, Object.assign({ sx: { fontWeight: 700 } }, { children: item.title })), _jsx(Box, { children: item.name })] })) }), index)))] })) })), helperText && (_jsx(FormHelperText, Object.assign({ sx: {
-                    lineHeight: '18px',
-                    color: (theme) => theme.palette.text.disabled
-                } }, { children: helperText }))), props.error && (_jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(Circle, { sx: {
-                            width: '14px',
-                            height: '14px',
-                            margin: '1px 3px 0 -2px',
-                            color: (theme) => theme.palette.error.main
-                        } }), _jsx(FormHelperText, Object.assign({ sx: {
-                            color: (theme) => theme.palette.error.main,
-                            lineHeight: '18px'
-                        } }, { children: errorMessage }))] })))] })));
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Select, {
+        ...props,
+        labelId: "label-select",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+          value: "",
+          children: "Select"
+        }), items.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+          value: item.value,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            sx: {
+              lineHeight: '20px',
+              fontSize: '14px',
+              opacity: 0.9
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              sx: {
+                fontWeight: 700
+              },
+              children: item.title
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              children: item.name
+            })]
+          })
+        }, index))]
+      })
+    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
+      sx: {
+        lineHeight: '18px',
+        color: theme => theme.palette.text.disabled
+      },
+      children: helperText
+    }), props.error && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Lens.default, {
+        sx: {
+          width: '14px',
+          height: '14px',
+          margin: '1px 3px 0 -2px',
+          color: theme => theme.palette.error.main
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormHelperText, {
+        sx: {
+          color: theme => theme.palette.error.main,
+          lineHeight: '18px'
+        },
+        children: errorMessage
+      })]
+    })]
+  });
 };
-export default Select;
+var _default = Select;
+exports.default = _default;

package/dist/components/Select/select.theme.js

@@ -1,52 +1,59 @@
-const selectTheme = (theme) => ({
-    defaultProps: {
-        fullWidth: true,
-        displayEmpty: true
-    },
-    styleOverrides: {
-        root: () => ({
-            '&.MuiOutlinedInput-root': {
-                '& .MuiSelect-outlined': {
-                    border: '1px solid ' + theme.palette.text.secondary
-                },
-                '&.Mui-focused': {
-                    '& .MuiOutlinedInput-notchedOutline': {
-                        borderColor: theme.palette.secondary.main
-                    }
-                },
-                '&.Mui-error': {
-                    '& .MuiSelect-outlined': {
-                        color: theme.palette.error.main,
-                        border: '1px solid ' + theme.palette.error.main,
-                        fontSize: '16px',
-                        lineHeight: '24px'
-                    },
-                    '& .MuiOutlinedInput-notchedOutline': {
-                        borderColor: theme.palette.error.main
-                    },
-                    '& .MuiSelect-iconOutlined': {
-                        color: theme.palette.text.tertiary
-                    }
-                },
-                '&.Mui-disabled': {
-                    '& .MuiSelect-iconOutlined': {
-                        color: theme.palette.text.disabled
-                    },
-                    '& .MuiSelect-outlined': {
-                        background: theme.palette.misc.rowHoverGreyOne,
-                        borderColor: theme.palette.misc.altBackground,
-                        color: theme.palette.text.disabled,
-                        WebkitTextFillColor: theme.palette.text.disabled
-                    },
-                    '& .MuiOutlinedInput-notchedOutline': {
-                        border: 'none'
-                    }
-                },
-                '& .MuiSelect-iconOutlined': {
-                    color: theme.palette.secondary.main
-                }
-            }
-        })
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export default selectTheme;
+exports.default = void 0;
+const selectTheme = theme => ({
+  defaultProps: {
+    fullWidth: true,
+    displayEmpty: true
+  },
+  styleOverrides: {
+    root: () => ({
+      '&.MuiOutlinedInput-root': {
+        '& .MuiSelect-outlined': {
+          border: '1px solid ' + theme.palette.text.secondary
+        },
+        '&.Mui-focused': {
+          '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: theme.palette.secondary.main
+          }
+        },
+        '&.Mui-error': {
+          '& .MuiSelect-outlined': {
+            color: theme.palette.error.main,
+            border: '1px solid ' + theme.palette.error.main,
+            fontSize: '16px',
+            lineHeight: '24px'
+          },
+          '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: theme.palette.error.main
+          },
+          '& .MuiSelect-iconOutlined': {
+            color: theme.palette.text.tertiary
+          }
+        },
+        '&.Mui-disabled': {
+          '& .MuiSelect-iconOutlined': {
+            color: theme.palette.text.disabled
+          },
+          '& .MuiSelect-outlined': {
+            background: theme.palette.misc.rowHoverGreyOne,
+            borderColor: theme.palette.misc.altBackground,
+            color: theme.palette.text.disabled,
+            WebkitTextFillColor: theme.palette.text.disabled
+          },
+          '& .MuiOutlinedInput-notchedOutline': {
+            border: 'none'
+          }
+        },
+        '& .MuiSelect-iconOutlined': {
+          color: theme.palette.secondary.main
+        }
+      }
+    })
+  }
+});
+var _default = selectTheme;
+exports.default = _default;

package/dist/components/StatusChip/StatusChip.stories.js

@@ -1,45 +1,59 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { COMPLETE, PROCESSING, ERROR } from './constants';
-import StatusChip from '.';
-export default {
-    title: 'Components/StatusChip',
-    component: StatusChip,
-    argTypes: {
-        status: {
-            options: [COMPLETE, PROCESSING, ERROR, 'custom'],
-            control: { type: 'radio' }
-        },
-        label: {
-            control: { type: 'text' }
-        },
-        children: {
-            control: 'none'
-        },
-        color: {
-            options: [
-                'default',
-                'primary',
-                'secondary',
-                'error',
-                'info',
-                'success',
-                'warning',
-                undefined
-            ]
-        }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Options = void 0;
+var _material = require("@mui/material");
+var _constants = require("./constants");
+var _ = _interopRequireDefault(require("."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  title: 'Components/StatusChip',
+  component: _.default,
+  argTypes: {
+    status: {
+      options: [_constants.COMPLETE, _constants.PROCESSING, _constants.ERROR, 'custom'],
+      control: {
+        type: 'radio'
+      }
+    },
+    label: {
+      control: {
+        type: 'text'
+      }
+    },
+    children: {
+      control: 'none'
+    },
+    color: {
+      options: ['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning', undefined]
     }
+  }
 };
-const previewProps = [
-    { status: COMPLETE },
-    { status: PROCESSING },
-    { status: ERROR }
-];
-const Template = (args) => (_jsx(Box, Object.assign({ sx: {
-        display: `grid`,
-        gridTemplateRows: `repeat(4, min-content)`,
-        justifyItems: `flex-start`,
-        gap: 2
-    } }, { children: previewProps.map((props, index) => (_jsx("div", { children: _jsx(StatusChip, Object.assign({}, props, args)) }, index))) })));
-export const Options = Template.bind({});
-Options.args = {};
+exports.default = _default;
+const previewProps = [{
+  status: _constants.COMPLETE
+}, {
+  status: _constants.PROCESSING
+}, {
+  status: _constants.ERROR
+}];
+const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+  sx: {
+    display: `grid`,
+    gridTemplateRows: `repeat(4, min-content)`,
+    justifyItems: `flex-start`,
+    gap: 2
+  },
+  children: previewProps.map((props, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      ...props,
+      ...args
+    })
+  }, index))
+});
+const Options = Template.bind({});
+exports.Options = Options;
+Options.args = {};

package/dist/components/StatusChip/__tests__/StatusChip.test.js

@@ -1,28 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import { COMPLETE, PROCESSING, ERROR } from '../constants';
-import { colors } from '../../../assets/theme';
-import StatusChip from '..';
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _react = require("@testing-library/react");
+var _constants = require("../constants");
+var _theme = require("../../../assets/theme");
+var _ = _interopRequireDefault(require(".."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<StatusChip />', () => {
-    it('should render the Default StatusChip Complete component', () => {
-        render(_jsx(StatusChip, { "data-testid": COMPLETE, status: COMPLETE }));
-        expect(screen.getByText(COMPLETE)).toBeInTheDocument();
-        expect(screen.getByTestId(COMPLETE)).toHaveStyle(`background-color: ${colors.brand.success}`);
-    });
-    it('should render the Default StatusChip Processing component', () => {
-        render(_jsx(StatusChip, { "data-testid": PROCESSING, status: PROCESSING }));
-        expect(screen.getByText(PROCESSING)).toBeInTheDocument();
-        expect(screen.getByTestId(PROCESSING)).toHaveStyle(`background-color: ${colors.brand.warning}`);
-    });
-    it('should render the Default StatusChip Error component', () => {
-        render(_jsx(StatusChip, { "data-testid": ERROR, status: ERROR }));
-        expect(screen.getByText('error')).toBeInTheDocument();
-        expect(screen.getByTestId(ERROR)).toHaveStyle(`background-color: ${colors.brand.error}`);
-    });
-    it('should render a customized StatusChip component', () => {
-        render(_jsx(StatusChip, { "data-testid": 'test', status: 'custom', label: 'customized', coloroverride: '#000' }));
-        expect(screen.getByText('customized')).toBeInTheDocument();
-        expect(screen.getByTestId('test')).toHaveStyle(`background-color: #000`);
-    });
-});
+  it('should render the Default StatusChip Complete component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": _constants.COMPLETE,
+      status: _constants.COMPLETE
+    }));
+    expect(_react.screen.getByText(_constants.COMPLETE)).toBeInTheDocument();
+    expect(_react.screen.getByTestId(_constants.COMPLETE)).toHaveStyle(`background-color: ${_theme.colors.brand.success}`);
+  });
+  it('should render the Default StatusChip Processing component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": _constants.PROCESSING,
+      status: _constants.PROCESSING
+    }));
+    expect(_react.screen.getByText(_constants.PROCESSING)).toBeInTheDocument();
+    expect(_react.screen.getByTestId(_constants.PROCESSING)).toHaveStyle(`background-color: ${_theme.colors.brand.warning}`);
+  });
+  it('should render the Default StatusChip Error component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": _constants.ERROR,
+      status: _constants.ERROR
+    }));
+    expect(_react.screen.getByText('error')).toBeInTheDocument();
+    expect(_react.screen.getByTestId(_constants.ERROR)).toHaveStyle(`background-color: ${_theme.colors.brand.error}`);
+  });
+  it('should render a customized StatusChip component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": 'test',
+      status: 'custom',
+      label: 'customized',
+      coloroverride: '#000'
+    }));
+    expect(_react.screen.getByText('customized')).toBeInTheDocument();
+    expect(_react.screen.getByTestId('test')).toHaveStyle(`background-color: #000`);
+  });
+});

package/dist/components/StatusChip/constants.js

@@ -1,3 +1,12 @@
-export const COMPLETE = 'complete';
-export const PROCESSING = 'processing';
-export const ERROR = 'error';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PROCESSING = exports.ERROR = exports.COMPLETE = void 0;
+const COMPLETE = 'complete';
+exports.COMPLETE = COMPLETE;
+const PROCESSING = 'processing';
+exports.PROCESSING = PROCESSING;
+const ERROR = 'error';
+exports.ERROR = ERROR;

package/dist/components/StatusChip/index.js

@@ -1,31 +1,37 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Chip as MuiChip, Box } from '@mui/material';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
-- Use a StatusChip to display the status of some action to the user.
+- Use a StatusChip to display the status of some action to the user. 
 - Veritone stock options derive from the required `status` prop and include Complete, Processing, or Error. Their corresponding colors derive from Veritone's Design System guidelines.
 - To override Stock Option labels, but retain corresponding chip color, use the `label` prop.
 - To override Stock Option colors, but retain corresponding label, either use the `color` prop (for MUI stock color options) **OR** use the `coloroverride` prop (for full color customization).
 - To fully customize StatusChip:
     - Set `status` prop to "custom";
     - Pass your custom string to `label` prop;
-    - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop.
+    - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop. 
 **/
-const StatusChip = (_a) => {
-    var { label } = _a, props = __rest(_a, ["label"]);
-    return (_jsx(Box, Object.assign({ sx: {
-            display: `inline-flex`,
-            position: `relative`
-        } }, { children: _jsx(MuiChip, Object.assign({ label: label ? label : props.status, "data-testid": true }, props)) })));
+
+const StatusChip = ({
+  label,
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    sx: {
+      display: `inline-flex`,
+      position: `relative`
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
+      label: label ? label : props.status,
+      "data-testid": true,
+      ...props
+    })
+  });
 };
-export default StatusChip;
+var _default = StatusChip;
+exports.default = _default;

package/dist/components/StatusChip/statusChip.theme.js

@@ -1,23 +1,42 @@
-import { COMPLETE, PROCESSING, ERROR } from './constants';
-const statusChipTheme = (theme) => ({
-    styleOverrides: {
-        root: ({ ownerState }) => (Object.assign({ height: '18px', width: '86px', fontSize: '9px', borderRadius: '2px', fontFamily: 'Nunito sans', fontStyle: 'normal', fontWeight: 800, textTransform: 'uppercase', color: theme.palette.common.white }, (ownerState.coloroverride
-            ? {
-                backgroundColor: ownerState.coloroverride
-            }
-            : Object.assign(Object.assign(Object.assign({}, (ownerState.status === COMPLETE &&
-                {
-                    //@ts-ignore
-                    backgroundColor: theme.palette.success.main
-                })), (ownerState.status === PROCESSING &&
-                {
-                    //@ts-ignore
-                    backgroundColor: theme.palette.warning.main
-                })), (ownerState.status === ERROR &&
-                {
-                    //@ts-ignore
-                    backgroundColor: theme.palette.error.main
-                })))))
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export default statusChipTheme;
+exports.default = void 0;
+var _constants = require("./constants");
+const statusChipTheme = theme => ({
+  styleOverrides: {
+    root: ({
+      ownerState
+    }) => ({
+      height: '18px',
+      width: '86px',
+      fontSize: '9px',
+      borderRadius: '2px',
+      fontFamily: 'Nunito sans',
+      fontStyle: 'normal',
+      fontWeight: 800,
+      textTransform: 'uppercase',
+      color: theme.palette.common.white,
+      ...(ownerState.coloroverride ? {
+        backgroundColor: ownerState.coloroverride
+      } : {
+        ...(ownerState.status === _constants.COMPLETE && {
+          //@ts-ignore
+          backgroundColor: theme.palette.success.main
+        }),
+        ...(ownerState.status === _constants.PROCESSING && {
+          //@ts-ignore
+          backgroundColor: theme.palette.warning.main
+        }),
+        ...(ownerState.status === _constants.ERROR && {
+          //@ts-ignore
+          backgroundColor: theme.palette.error.main
+        })
+      })
+    })
+  }
+});
+var _default = statusChipTheme;
+exports.default = _default;

package/dist/components/Step/__tests__/Step.test.js

@@ -1,10 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '../../../utils/tests/helpers';
-import { screen } from '@testing-library/react';
-import Step from '..';
+"use strict";
+
+var _helpers = require("../../../utils/tests/helpers");
+var _react = require("@testing-library/react");
+var _ = _interopRequireDefault(require(".."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 describe('<Step />', () => {
-    it('should render the Step component', () => {
-        render(_jsx(Step, { "data-testid": "step" }));
-        expect(screen.getByTestId('step')).toBeInTheDocument();
-    });
-});
+  it('should render the Step component', () => {
+    (0, _helpers.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      "data-testid": "step"
+    }));
+    expect(_react.screen.getByTestId('step')).toBeInTheDocument();
+  });
+});

package/dist/components/Step/index.js

@@ -1,18 +1,17 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+const Step = ({
+  ...props
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
+    ...props
+  });
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Step as MuiStep } from '@mui/material';
-const Step = (_a) => {
-    var props = __rest(_a, []);
-    return _jsx(MuiStep, Object.assign({}, props));
-};
-export default Step;
+var _default = Step;
+exports.default = _default;