"use strict"; (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[7321],{ /***/ 80343: /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ Box_Box; } }); // UNUSED EXPORTS: styleFunction // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules var toConsumableArray = __webpack_require__(41451); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js var esm_extends = __webpack_require__(87462); // EXTERNAL MODULE: ./node_modules/@material-ui/system/esm/merge.js var merge = __webpack_require__(19668); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/styleFunctionSx.js function omit(input, fields) { var output = {}; Object.keys(input).forEach(function (prop) { if (fields.indexOf(prop) === -1) { output[prop] = input[prop]; } }); return output; } var warnedOnce = false; function styleFunctionSx(styleFunction) { var newStyleFunction = function newStyleFunction(props) { var output = styleFunction(props); if (props.css) { return (0,esm_extends/* default */.Z)({}, (0,merge/* default */.Z)(output, styleFunction((0,esm_extends/* default */.Z)({ theme: props.theme }, props.css))), omit(props.css, [styleFunction.filterProps])); } if (props.sx) { return (0,esm_extends/* default */.Z)({}, (0,merge/* default */.Z)(output, styleFunction((0,esm_extends/* default */.Z)({ theme: props.theme }, props.sx))), omit(props.sx, [styleFunction.filterProps])); } return output; }; newStyleFunction.propTypes = false ? 0 : {}; newStyleFunction.filterProps = ['css', 'sx'].concat((0,toConsumableArray/* default */.Z)(styleFunction.filterProps)); return newStyleFunction; } /** * * @deprecated * The css style function is deprecated. Use the `styleFunctionSx` instead. */ function css(styleFunction) { if (false) {} return styleFunctionSx(styleFunction); } /* harmony default export */ var esm_styleFunctionSx = (styleFunctionSx); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/compose.js function compose() { for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) { styles[_key] = arguments[_key]; } var fn = function fn(props) { return styles.reduce(function (acc, style) { var output = style(props); if (output) { return (0,merge/* default */.Z)(acc, output); } return acc; }, {}); }; // Alternative approach that doesn't yield any performance gain. // const handlers = styles.reduce((acc, style) => { // style.filterProps.forEach(prop => { // acc[prop] = style; // }); // return acc; // }, {}); // const fn = props => { // return Object.keys(props).reduce((acc, prop) => { // if (handlers[prop]) { // return merge(acc, handlers[prop](props)); // } // return acc; // }, {}); // }; fn.propTypes = false ? 0 : {}; fn.filterProps = styles.reduce(function (acc, style) { return acc.concat(style.filterProps); }, []); return fn; } /* harmony default export */ var esm_compose = (compose); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js var defineProperty = __webpack_require__(4942); // EXTERNAL MODULE: ./node_modules/@material-ui/system/esm/breakpoints.js var breakpoints = __webpack_require__(71410); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/style.js function getPath(obj, path) { if (!path || typeof path !== 'string') { return null; } return path.split('.').reduce(function (acc, item) { return acc && acc[item] ? acc[item] : null; }, obj); } function style(options) { var prop = options.prop, _options$cssProperty = options.cssProperty, cssProperty = _options$cssProperty === void 0 ? options.prop : _options$cssProperty, themeKey = options.themeKey, transform = options.transform; var fn = function fn(props) { if (props[prop] == null) { return null; } var propValue = props[prop]; var theme = props.theme; var themeMapping = getPath(theme, themeKey) || {}; var styleFromPropValue = function styleFromPropValue(propValueFinal) { var value; if (typeof themeMapping === 'function') { value = themeMapping(propValueFinal); } else if (Array.isArray(themeMapping)) { value = themeMapping[propValueFinal] || propValueFinal; } else { value = getPath(themeMapping, propValueFinal) || propValueFinal; if (transform) { value = transform(value); } } if (cssProperty === false) { return value; } return (0,defineProperty/* default */.Z)({}, cssProperty, value); }; return (0,breakpoints/* handleBreakpoints */.k)(props, propValue, styleFromPropValue); }; fn.propTypes = false ? 0 : {}; fn.filterProps = [prop]; return fn; } /* harmony default export */ var esm_style = (style); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/borders.js function getBorder(value) { if (typeof value !== 'number') { return value; } return "".concat(value, "px solid"); } var border = esm_style({ prop: 'border', themeKey: 'borders', transform: getBorder }); var borderTop = esm_style({ prop: 'borderTop', themeKey: 'borders', transform: getBorder }); var borderRight = esm_style({ prop: 'borderRight', themeKey: 'borders', transform: getBorder }); var borderBottom = esm_style({ prop: 'borderBottom', themeKey: 'borders', transform: getBorder }); var borderLeft = esm_style({ prop: 'borderLeft', themeKey: 'borders', transform: getBorder }); var borderColor = esm_style({ prop: 'borderColor', themeKey: 'palette' }); var borderRadius = esm_style({ prop: 'borderRadius', themeKey: 'shape' }); var borders = esm_compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderRadius); /* harmony default export */ var esm_borders = (borders); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/display.js var displayPrint = esm_style({ prop: 'displayPrint', cssProperty: false, transform: function transform(value) { return { '@media print': { display: value } }; } }); var displayRaw = esm_style({ prop: 'display' }); var overflow = esm_style({ prop: 'overflow' }); var textOverflow = esm_style({ prop: 'textOverflow' }); var visibility = esm_style({ prop: 'visibility' }); var whiteSpace = esm_style({ prop: 'whiteSpace' }); /* harmony default export */ var display = (esm_compose(displayPrint, displayRaw, overflow, textOverflow, visibility, whiteSpace)); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/flexbox.js var flexBasis = esm_style({ prop: 'flexBasis' }); var flexDirection = esm_style({ prop: 'flexDirection' }); var flexWrap = esm_style({ prop: 'flexWrap' }); var justifyContent = esm_style({ prop: 'justifyContent' }); var alignItems = esm_style({ prop: 'alignItems' }); var alignContent = esm_style({ prop: 'alignContent' }); var order = esm_style({ prop: 'order' }); var flex = esm_style({ prop: 'flex' }); var flexGrow = esm_style({ prop: 'flexGrow' }); var flexShrink = esm_style({ prop: 'flexShrink' }); var alignSelf = esm_style({ prop: 'alignSelf' }); var justifyItems = esm_style({ prop: 'justifyItems' }); var justifySelf = esm_style({ prop: 'justifySelf' }); var flexbox = esm_compose(flexBasis, flexDirection, flexWrap, justifyContent, alignItems, alignContent, order, flex, flexGrow, flexShrink, alignSelf, justifyItems, justifySelf); /* harmony default export */ var esm_flexbox = (flexbox); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/grid.js var gridGap = esm_style({ prop: 'gridGap' }); var gridColumnGap = esm_style({ prop: 'gridColumnGap' }); var gridRowGap = esm_style({ prop: 'gridRowGap' }); var gridColumn = esm_style({ prop: 'gridColumn' }); var gridRow = esm_style({ prop: 'gridRow' }); var gridAutoFlow = esm_style({ prop: 'gridAutoFlow' }); var gridAutoColumns = esm_style({ prop: 'gridAutoColumns' }); var gridAutoRows = esm_style({ prop: 'gridAutoRows' }); var gridTemplateColumns = esm_style({ prop: 'gridTemplateColumns' }); var gridTemplateRows = esm_style({ prop: 'gridTemplateRows' }); var gridTemplateAreas = esm_style({ prop: 'gridTemplateAreas' }); var gridArea = esm_style({ prop: 'gridArea' }); var grid = esm_compose(gridGap, gridColumnGap, gridRowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea); /* harmony default export */ var esm_grid = (grid); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/positions.js var position = esm_style({ prop: 'position' }); var zIndex = esm_style({ prop: 'zIndex', themeKey: 'zIndex' }); var positions_top = esm_style({ prop: 'top' }); var right = esm_style({ prop: 'right' }); var bottom = esm_style({ prop: 'bottom' }); var left = esm_style({ prop: 'left' }); /* harmony default export */ var positions = (esm_compose(position, zIndex, positions_top, right, bottom, left)); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/palette.js var color = esm_style({ prop: 'color', themeKey: 'palette' }); var bgcolor = esm_style({ prop: 'bgcolor', cssProperty: 'backgroundColor', themeKey: 'palette' }); var palette = esm_compose(color, bgcolor); /* harmony default export */ var esm_palette = (palette); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/shadows.js var boxShadow = esm_style({ prop: 'boxShadow', themeKey: 'shadows' }); /* harmony default export */ var shadows = (boxShadow); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/sizing.js function transform(value) { return value <= 1 ? "".concat(value * 100, "%") : value; } var width = esm_style({ prop: 'width', transform: transform }); var maxWidth = esm_style({ prop: 'maxWidth', transform: transform }); var minWidth = esm_style({ prop: 'minWidth', transform: transform }); var height = esm_style({ prop: 'height', transform: transform }); var maxHeight = esm_style({ prop: 'maxHeight', transform: transform }); var minHeight = esm_style({ prop: 'minHeight', transform: transform }); var sizeWidth = esm_style({ prop: 'size', cssProperty: 'width', transform: transform }); var sizeHeight = esm_style({ prop: 'size', cssProperty: 'height', transform: transform }); var boxSizing = esm_style({ prop: 'boxSizing' }); var sizing = esm_compose(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing); /* harmony default export */ var esm_sizing = (sizing); // EXTERNAL MODULE: ./node_modules/@material-ui/system/esm/spacing.js + 1 modules var spacing = __webpack_require__(27122); ;// CONCATENATED MODULE: ./node_modules/@material-ui/system/esm/typography.js var fontFamily = esm_style({ prop: 'fontFamily', themeKey: 'typography' }); var fontSize = esm_style({ prop: 'fontSize', themeKey: 'typography' }); var fontStyle = esm_style({ prop: 'fontStyle', themeKey: 'typography' }); var fontWeight = esm_style({ prop: 'fontWeight', themeKey: 'typography' }); var letterSpacing = esm_style({ prop: 'letterSpacing' }); var lineHeight = esm_style({ prop: 'lineHeight' }); var textAlign = esm_style({ prop: 'textAlign' }); var typography = esm_compose(fontFamily, fontSize, fontStyle, fontWeight, letterSpacing, lineHeight, textAlign); /* harmony default export */ var esm_typography = (typography); // EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/styles/styled.js + 1 modules var styled = __webpack_require__(34266); ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Box/Box.js var styleFunction = esm_styleFunctionSx(esm_compose(esm_borders, display, esm_flexbox, esm_grid, positions, esm_palette, shadows, esm_sizing, spacing/* default */.Z, esm_typography)); /** * @ignore - do not document. */ var Box = (0,styled/* default */.Z)('div')(styleFunction, { name: 'MuiBox' }); /* harmony default export */ var Box_Box = (Box); /***/ }), /***/ 30553: /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* unused harmony export styles */ /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87462); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45987); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(67294); /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(86010); /* harmony import */ var _FormControl__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22601); /* harmony import */ var _styles_withStyles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1591); /* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(22318); /* harmony import */ var _utils_capitalize__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(93871); var styles = function styles(theme) { return { /* Styles applied to the root element. */ root: { display: 'inline-flex', alignItems: 'center', cursor: 'pointer', // For correct alignment with the text. verticalAlign: 'middle', WebkitTapHighlightColor: 'transparent', marginLeft: -11, marginRight: 16, // used for row presentation of radio/checkbox '&$disabled': { cursor: 'default' } }, /* Styles applied to the root element if `labelPlacement="start"`. */ labelPlacementStart: { flexDirection: 'row-reverse', marginLeft: 16, // used for row presentation of radio/checkbox marginRight: -11 }, /* Styles applied to the root element if `labelPlacement="top"`. */ labelPlacementTop: { flexDirection: 'column-reverse', marginLeft: 16 }, /* Styles applied to the root element if `labelPlacement="bottom"`. */ labelPlacementBottom: { flexDirection: 'column', marginLeft: 16 }, /* Pseudo-class applied to the root element if `disabled={true}`. */ disabled: {}, /* Styles applied to the label's Typography component. */ label: { '&$disabled': { color: theme.palette.text.disabled } } }; }; /** * Drop in replacement of the `Radio`, `Switch` and `Checkbox` component. * Use this component if you want to display an extra label. */ var FormControlLabel = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function FormControlLabel(props, ref) { var checked = props.checked, classes = props.classes, className = props.className, control = props.control, disabledProp = props.disabled, inputRef = props.inputRef, label = props.label, _props$labelPlacement = props.labelPlacement, labelPlacement = _props$labelPlacement === void 0 ? 'end' : _props$labelPlacement, name = props.name, onChange = props.onChange, value = props.value, other = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(props, ["checked", "classes", "className", "control", "disabled", "inputRef", "label", "labelPlacement", "name", "onChange", "value"]); var muiFormControl = (0,_FormControl__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(); var disabled = disabledProp; if (typeof disabled === 'undefined' && typeof control.props.disabled !== 'undefined') { disabled = control.props.disabled; } if (typeof disabled === 'undefined' && muiFormControl) { disabled = muiFormControl.disabled; } var controlProps = { disabled: disabled }; ['checked', 'name', 'onChange', 'value', 'inputRef'].forEach(function (key) { if (typeof control.props[key] === 'undefined' && typeof props[key] !== 'undefined') { controlProps[key] = props[key]; } }); return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)({ className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(classes.root, className, labelPlacement !== 'end' && classes["labelPlacement".concat((0,_utils_capitalize__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)(labelPlacement))], disabled && classes.disabled), ref: ref }, other), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(control, controlProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Typography__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, { component: "span", className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(classes.label, disabled && classes.disabled) }, label)); }); false ? 0 : void 0; /* harmony default export */ __webpack_exports__["Z"] = ((0,_styles_withStyles__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(styles, { name: 'MuiFormControlLabel' })(FormControlLabel)); /***/ }), /***/ 56608: /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { /* unused harmony export styles */ /* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(87462); /* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(86854); /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45987); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(67294); /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(86010); /* harmony import */ var _utils_useControlled__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22775); /* harmony import */ var _FormControl_useFormControl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22601); /* harmony import */ var _styles_withStyles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1591); /* harmony import */ var _IconButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(17812); var styles = { root: { padding: 9 }, checked: {}, disabled: {}, input: { cursor: 'inherit', position: 'absolute', opacity: 0, width: '100%', height: '100%', top: 0, left: 0, margin: 0, padding: 0, zIndex: 1 } }; /** * @ignore - internal component. */ var SwitchBase = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function SwitchBase(props, ref) { var autoFocus = props.autoFocus, checkedProp = props.checked, checkedIcon = props.checkedIcon, classes = props.classes, className = props.className, defaultChecked = props.defaultChecked, disabledProp = props.disabled, icon = props.icon, id = props.id, inputProps = props.inputProps, inputRef = props.inputRef, name = props.name, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, readOnly = props.readOnly, required = props.required, tabIndex = props.tabIndex, type = props.type, value = props.value, other = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(props, ["autoFocus", "checked", "checkedIcon", "classes", "className", "defaultChecked", "disabled", "icon", "id", "inputProps", "inputRef", "name", "onBlur", "onChange", "onFocus", "readOnly", "required", "tabIndex", "type", "value"]); var _useControlled = (0,_utils_useControlled__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)({ controlled: checkedProp, default: Boolean(defaultChecked), name: 'SwitchBase', state: 'checked' }), _useControlled2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(_useControlled, 2), checked = _useControlled2[0], setCheckedState = _useControlled2[1]; var muiFormControl = (0,_FormControl_useFormControl__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(); var handleFocus = function handleFocus(event) { if (onFocus) { onFocus(event); } if (muiFormControl && muiFormControl.onFocus) { muiFormControl.onFocus(event); } }; var handleBlur = function handleBlur(event) { if (onBlur) { onBlur(event); } if (muiFormControl && muiFormControl.onBlur) { muiFormControl.onBlur(event); } }; var handleInputChange = function handleInputChange(event) { var newChecked = event.target.checked; setCheckedState(newChecked); if (onChange) { // TODO v5: remove the second argument. onChange(event, newChecked); } }; var disabled = disabledProp; if (muiFormControl) { if (typeof disabled === 'undefined') { disabled = muiFormControl.disabled; } } var hasLabelFor = type === 'checkbox' || type === 'radio'; return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_IconButton__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)({ component: "span", className: (0,clsx__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(classes.root, className, checked && classes.checked, disabled && classes.disabled), disabled: disabled, tabIndex: null, role: undefined, onFocus: handleFocus, onBlur: handleBlur, ref: ref }, other), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)({ autoFocus: autoFocus, checked: checkedProp, defaultChecked: defaultChecked, className: classes.input, disabled: disabled, id: hasLabelFor && id, name: name, onChange: handleInputChange, readOnly: readOnly, ref: inputRef, required: required, tabIndex: tabIndex, type: type, value: value }, inputProps)), checked ? checkedIcon : icon); }); // NB: If changed, please update Checkbox, Switch and Radio // so that the API documentation is updated. false ? 0 : void 0; /* harmony default export */ __webpack_exports__["Z"] = ((0,_styles_withStyles__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(styles, { name: 'PrivateSwitchBase' })(SwitchBase)); /***/ }), /***/ 34266: /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { // EXPORTS __webpack_require__.d(__webpack_exports__, { "Z": function() { return /* binding */ styles_styled; } }); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js var esm_extends = __webpack_require__(87462); // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js var objectWithoutProperties = __webpack_require__(45987); // EXTERNAL MODULE: ./node_modules/react/index.js var react = __webpack_require__(67294); // EXTERNAL MODULE: ./node_modules/clsx/dist/clsx.m.js var clsx_m = __webpack_require__(86010); // EXTERNAL MODULE: ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js var hoist_non_react_statics_cjs = __webpack_require__(8679); var hoist_non_react_statics_cjs_default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics_cjs); // EXTERNAL MODULE: ./node_modules/@material-ui/styles/esm/makeStyles/makeStyles.js + 4 modules var makeStyles = __webpack_require__(11719); ;// CONCATENATED MODULE: ./node_modules/@material-ui/styles/esm/styled/styled.js function omit(input, fields) { var output = {}; Object.keys(input).forEach(function (prop) { if (fields.indexOf(prop) === -1) { output[prop] = input[prop]; } }); return output; } // styled-components's API removes the mapping between components and styles. // Using components as a low-level styling construct can be simpler. function styled_styled(Component) { var componentCreator = function componentCreator(style) { var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var name = options.name, stylesOptions = (0,objectWithoutProperties/* default */.Z)(options, ["name"]); if (false) {} var classNamePrefix = name; if (false) { var displayName; } var stylesOrCreator = typeof style === 'function' ? function (theme) { return { root: function root(props) { return style((0,esm_extends/* default */.Z)({ theme: theme }, props)); } }; } : { root: style }; var useStyles = (0,makeStyles/* default */.Z)(stylesOrCreator, (0,esm_extends/* default */.Z)({ Component: Component, name: name || Component.displayName, classNamePrefix: classNamePrefix }, stylesOptions)); var filterProps; var propTypes = {}; if (style.filterProps) { filterProps = style.filterProps; delete style.filterProps; } /* eslint-disable react/forbid-foreign-prop-types */ if (style.propTypes) { propTypes = style.propTypes; delete style.propTypes; } /* eslint-enable react/forbid-foreign-prop-types */ var StyledComponent = /*#__PURE__*/react.forwardRef(function StyledComponent(props, ref) { var children = props.children, classNameProp = props.className, clone = props.clone, ComponentProp = props.component, other = (0,objectWithoutProperties/* default */.Z)(props, ["children", "className", "clone", "component"]); var classes = useStyles(props); var className = (0,clsx_m/* default */.Z)(classes.root, classNameProp); var spread = other; if (filterProps) { spread = omit(spread, filterProps); } if (clone) { return /*#__PURE__*/react.cloneElement(children, (0,esm_extends/* default */.Z)({ className: (0,clsx_m/* default */.Z)(children.props.className, className) }, spread)); } if (typeof children === 'function') { return children((0,esm_extends/* default */.Z)({ className: className }, spread)); } var FinalComponent = ComponentProp || Component; return /*#__PURE__*/react.createElement(FinalComponent, (0,esm_extends/* default */.Z)({ ref: ref, className: className }, spread), children); }); false ? 0 : void 0; if (false) {} hoist_non_react_statics_cjs_default()(StyledComponent, Component); return StyledComponent; }; return componentCreator; } // EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/styles/defaultTheme.js var defaultTheme = __webpack_require__(99700); ;// CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/styles/styled.js var styled = function styled(Component) { var componentCreator = styled_styled(Component); return function (style, options) { return componentCreator(style, (0,esm_extends/* default */.Z)({ defaultTheme: defaultTheme/* default */.Z }, options)); }; }; /* harmony default export */ var styles_styled = (styled); /***/ }) }]);