@mui/material 5.10.2 → 5.10.5

package/Grid/index.js

@@ -1,3 +1,42 @@
-export { default } from './Grid';
-export { default as gridClasses } from './gridClasses';
-export * from './gridClasses';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  gridClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Grid.default;
+  }
+});
+Object.defineProperty(exports, "gridClasses", {
+  enumerable: true,
+  get: function () {
+    return _gridClasses.default;
+  }
+});
+
+var _Grid = _interopRequireDefault(require("./Grid"));
+
+var _gridClasses = _interopRequireWildcard(require("./gridClasses"));
+
+Object.keys(_gridClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _gridClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridClasses[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/Grid/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/Grid/index.js",
+  "module": "../esm/Grid/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/Grow/Grow.js

@@ -1,14 +1,37 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("@mui/utils");
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
+
+var _utils2 = require("../transitions/utils");
+
+var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { elementAcceptingRef } from '@mui/utils';
-import { Transition } from 'react-transition-group';
-import useTheme from '../styles/useTheme';
-import { getTransitionProps, reflow } from '../transitions/utils';
-import useForkRef from '../utils/useForkRef';
-import { jsx as _jsx } from "react/jsx-runtime";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;
@@ -52,16 +75,15 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     style,
     timeout = 'auto',
     // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition
+    TransitionComponent = _reactTransitionGroup.Transition
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const timer = React.useRef();
   const autoTimeout = React.useRef();
-  const theme = useTheme();
+  const theme = (0, _useTheme.default)();
   const nodeRef = React.useRef(null);
-  const foreignRef = useForkRef(children.ref, ref);
-  const handleRef = useForkRef(nodeRef, foreignRef);
+  const foreignRef = (0, _useForkRef.default)(children.ref, ref);
+  const handleRef = (0, _useForkRef.default)(nodeRef, foreignRef);
 
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
     if (callback) {
@@ -77,13 +99,13 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
 
   const handleEntering = normalizedTransitionCallback(onEntering);
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    reflow(node); // So the animation always start from the start.
+    (0, _utils2.reflow)(node); // So the animation always start from the start.
 
     const {
       duration: transitionDuration,
       delay,
       easing: transitionTimingFunction
-    } = getTransitionProps({
+    } = (0, _utils2.getTransitionProps)({
       style,
       timeout,
       easing
@@ -119,7 +141,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration: transitionDuration,
       delay,
       easing: transitionTimingFunction
-    } = getTransitionProps({
+    } = (0, _utils2.getTransitionProps)({
       style,
       timeout,
       easing
@@ -168,7 +190,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -182,8 +204,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     timeout: timeout === 'auto' ? null : timeout
   }, other, {
     children: (state, childProps) => {
-      return /*#__PURE__*/React.cloneElement(children, _extends({
-        style: _extends({
+      return /*#__PURE__*/React.cloneElement(children, (0, _extends2.default)({
+        style: (0, _extends2.default)({
           opacity: 0,
           transform: getScale(0.75),
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
@@ -206,68 +228,68 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes
    * node and a done callback. Allows for more fine grained transition end
    * logic. Note: Timeouts are still used as a fallback if provided.
    */
-  addEndListener: PropTypes.func,
+  addEndListener: _propTypes.default.func,
 
   /**
    * Perform the enter transition when it first mounts if `in` is also `true`.
    * Set this to `false` to disable this behavior.
    * @default true
    */
-  appear: PropTypes.bool,
+  appear: _propTypes.default.bool,
 
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef.isRequired,
+  children: _utils.elementAcceptingRef.isRequired,
 
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing: PropTypes.oneOfType([PropTypes.shape({
-    enter: PropTypes.string,
-    exit: PropTypes.string
-  }), PropTypes.string]),
+  easing: _propTypes.default.oneOfType([_propTypes.default.shape({
+    enter: _propTypes.default.string,
+    exit: _propTypes.default.string
+  }), _propTypes.default.string]),
 
   /**
    * If `true`, the component will transition in.
    */
-  in: PropTypes.bool,
+  in: _propTypes.default.bool,
 
   /**
    * @ignore
    */
-  onEnter: PropTypes.func,
+  onEnter: _propTypes.default.func,
 
   /**
    * @ignore
    */
-  onEntered: PropTypes.func,
+  onEntered: _propTypes.default.func,
 
   /**
    * @ignore
    */
-  onEntering: PropTypes.func,
+  onEntering: _propTypes.default.func,
 
   /**
    * @ignore
    */
-  onExit: PropTypes.func,
+  onExit: _propTypes.default.func,
 
   /**
    * @ignore
    */
-  onExited: PropTypes.func,
+  onExited: _propTypes.default.func,
 
   /**
    * @ignore
    */
-  onExiting: PropTypes.func,
+  onExiting: _propTypes.default.func,
 
   /**
    * @ignore
    */
-  style: PropTypes.object,
+  style: _propTypes.default.object,
 
   /**
    * The duration for the transition, in milliseconds.
@@ -276,11 +298,12 @@ process.env.NODE_ENV !== "production" ? Grow.propTypes
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
+  timeout: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.shape({
+    appear: _propTypes.default.number,
+    enter: _propTypes.default.number,
+    exit: _propTypes.default.number
   })])
 } : void 0;
 Grow.muiSupportAuto = true;
-export default Grow;
+var _default = Grow;
+exports.default = _default;

package/Grow/index.js

@@ -1 +1,15 @@
-export { default } from './Grow';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Grow.default;
+  }
+});
+
+var _Grow = _interopRequireDefault(require("./Grow"));

package/Grow/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/Grow/index.js",
+  "module": "../esm/Grow/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/Hidden/Hidden.js

@@ -1,16 +1,35 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _HiddenJs = _interopRequireDefault(require("./HiddenJs"));
+
+var _HiddenCss = _interopRequireDefault(require("./HiddenCss"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import HiddenJs from './HiddenJs';
-import HiddenCss from './HiddenCss';
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * Responsively hides children based on the selected implementation.
  */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-
 function Hidden(props) {
   const {
     implementation = 'js',
@@ -25,10 +44,10 @@ function Hidden(props) {
     xsDown = false,
     xsUp = false
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
 
   if (implementation === 'js') {
-    return /*#__PURE__*/_jsx(HiddenJs, _extends({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenJs.default, (0, _extends2.default)({
       lgDown: lgDown,
       lgUp: lgUp,
       mdDown: mdDown,
@@ -42,7 +61,7 @@ function Hidden(props) {
     }, other));
   }
 
-  return /*#__PURE__*/_jsx(HiddenCss, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HiddenCss.default, (0, _extends2.default)({
     lgDown: lgDown,
     lgUp: lgUp,
     mdDown: mdDown,
@@ -67,14 +86,14 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    * @default 'js'
    */
-  implementation: PropTypes.oneOf(['css', 'js']),
+  implementation: _propTypes.default.oneOf(['css', 'js']),
 
   /**
    * You can use this prop when choosing the `js` implementation with server-side rendering.
@@ -87,71 +106,72 @@ process.env.NODE_ENV !== "production" ? Hidden.propTypes
    * For instance, you could be using the user-agent or the client-hints.
    * https://caniuse.com/#search=client%20hint
    */
-  initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
+  initialWidth: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
 
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  lgDown: PropTypes.bool,
+  lgDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  lgUp: PropTypes.bool,
+  lgUp: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  mdDown: PropTypes.bool,
+  mdDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  mdUp: PropTypes.bool,
+  mdUp: _propTypes.default.bool,
 
   /**
    * Hide the given breakpoint(s).
    */
-  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired)]),
+  only: _propTypes.default.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired)]),
 
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  smDown: PropTypes.bool,
+  smDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  smUp: PropTypes.bool,
+  smUp: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  xlDown: PropTypes.bool,
+  xlDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  xlUp: PropTypes.bool,
+  xlUp: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    * @default false
    */
-  xsDown: PropTypes.bool,
+  xsDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    * @default false
    */
-  xsUp: PropTypes.bool
+  xsUp: _propTypes.default.bool
 } : void 0;
-export default Hidden;
+var _default = Hidden;
+exports.default = _default;

package/Hidden/HiddenCss.js

@@ -1,15 +1,39 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _base = require("@mui/base");
+
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
+
+var _hiddenCssClasses = require("./hiddenCssClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "className", "only"];
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
-import useTheme from '../styles/useTheme';
-import { getHiddenCssUtilityClass } from './hiddenCssClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const useUtilityClasses = ownerState => {
   const {
@@ -21,13 +45,13 @@ const useUtilityClasses = ownerState => {
       breakpoint,
       dir
     }) => {
-      return dir === 'only' ? `${dir}${capitalize(breakpoint)}` : `${breakpoint}${capitalize(dir)}`;
+      return dir === 'only' ? `${dir}${(0, _capitalize.default)(breakpoint)}` : `${breakpoint}${(0, _capitalize.default)(dir)}`;
     })]
   };
-  return composeClasses(slots, getHiddenCssUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _hiddenCssClasses.getHiddenCssUtilityClass, classes);
 };
 
-const HiddenCssRoot = styled('div', {
+const HiddenCssRoot = (0, _styled.default)('div', {
   name: 'PrivateHiddenCss',
   slot: 'Root'
 })(({
@@ -37,7 +61,7 @@ const HiddenCssRoot = styled('div', {
   const hidden = {
     display: 'none'
   };
-  return _extends({}, ownerState.breakpoints.map(({
+  return (0, _extends2.default)({}, ownerState.breakpoints.map(({
     breakpoint,
     dir
   }) => {
@@ -69,9 +93,8 @@ function HiddenCss(props) {
     className,
     only
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const theme = useTheme();
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const theme = (0, _useTheme.default)();
 
   if (process.env.NODE_ENV !== 'production') {
     const unknownProps = Object.keys(other).filter(propName => {
@@ -118,13 +141,12 @@ function HiddenCss(props) {
     });
   }
 
-  const ownerState = _extends({}, props, {
+  const ownerState = (0, _extends2.default)({}, props, {
     breakpoints
   });
-
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(HiddenCssRoot, {
-    className: clsx(classes.root, className),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HiddenCssRoot, {
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     children: children
   });
@@ -134,72 +156,73 @@ process.env.NODE_ENV !== "production" ? HiddenCss.propTypes = {
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
 
   /**
    * Specify which implementation to use.  'js' is the default, 'css' works better for
    * server-side rendering.
    */
-  implementation: PropTypes.oneOf(['js', 'css']),
+  implementation: _propTypes.default.oneOf(['js', 'css']),
 
   /**
    * If `true`, screens this size and down are hidden.
    */
-  lgDown: PropTypes.bool,
+  lgDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
-  lgUp: PropTypes.bool,
+  lgUp: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    */
-  mdDown: PropTypes.bool,
+  mdDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
-  mdUp: PropTypes.bool,
+  mdUp: _propTypes.default.bool,
 
   /**
    * Hide the given breakpoint(s).
    */
-  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
+  only: _propTypes.default.oneOfType([_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
 
   /**
    * If `true`, screens this size and down are hidden.
    */
-  smDown: PropTypes.bool,
+  smDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
-  smUp: PropTypes.bool,
+  smUp: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    */
-  xlDown: PropTypes.bool,
+  xlDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
-  xlUp: PropTypes.bool,
+  xlUp: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and down are hidden.
    */
-  xsDown: PropTypes.bool,
+  xsDown: _propTypes.default.bool,
 
   /**
    * If `true`, screens this size and up are hidden.
    */
-  xsUp: PropTypes.bool
+  xsUp: _propTypes.default.bool
 } : void 0;
-export default HiddenCss;
+var _default = HiddenCss;
+exports.default = _default;