@mui/material 5.10.16 → 5.11.0

package/Skeleton/Skeleton.js

@@ -1,25 +1,21 @@
-"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 _system = require("@mui/system");
-var _base = require("@mui/base");
-var _styles = require("../styles");
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _skeletonClasses = require("./skeletonClasses");
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["animation", "className", "component", "height", "style", "variant", "width"];
-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; }
+let _ = t => t,
+  _t,
+  _t2,
+  _t3,
+  _t4;
+import * as React from 'react';
+import clsx from 'clsx';
+import PropTypes from 'prop-types';
+import { keyframes, css } from '@mui/system';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from '../styles';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import { getSkeletonUtilityClass } from './skeletonClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -32,9 +28,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']
   };
-  return (0, _base.unstable_composeClasses)(slots, _skeletonClasses.getSkeletonUtilityClass, classes);
+  return composeClasses(slots, getSkeletonUtilityClass, classes);
 };
-const pulseKeyframe = (0, _system.keyframes)`
+const pulseKeyframe = keyframes(_t || (_t = _`
   0% {
     opacity: 1;
   }
@@ -46,8 +42,8 @@ const pulseKeyframe = (0, _system.keyframes)`
   100% {
     opacity: 1;
   }
-`;
-const waveKeyframe = (0, _system.keyframes)`
+`));
+const waveKeyframe = keyframes(_t2 || (_t2 = _`
   0% {
     transform: translateX(-100%);
   }
@@ -60,8 +56,8 @@ const waveKeyframe = (0, _system.keyframes)`
   100% {
     transform: translateX(100%);
   }
-`;
-const SkeletonRoot = (0, _styled.default)('span', {
+`));
+const SkeletonRoot = styled('span', {
   name: 'MuiSkeleton',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -74,12 +70,12 @@ const SkeletonRoot = (0, _styled.default)('span', {
   theme,
   ownerState
 }) => {
-  const radiusUnit = (0, _styles.unstable_getUnit)(theme.shape.borderRadius) || 'px';
-  const radiusValue = (0, _styles.unstable_toUnitless)(theme.shape.borderRadius);
-  return (0, _extends2.default)({
+  const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';
+  const radiusValue = toUnitless(theme.shape.borderRadius);
+  return _extends({
     display: 'block',
     // Create a "on paper" color with sufficient contrast retaining the color
-    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : (0, _styles.alpha)(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),
+    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),
     height: '1.2em'
   }, ownerState.variant === 'text' && {
     marginTop: 0,
@@ -106,12 +102,12 @@ const SkeletonRoot = (0, _styled.default)('span', {
   });
 }, ({
   ownerState
-}) => ownerState.animation === 'pulse' && (0, _system.css)`
-      animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;
-    `, ({
+}) => ownerState.animation === 'pulse' && css(_t3 || (_t3 = _`
+      animation: ${0} 1.5s ease-in-out 0.5s infinite;
+    `), pulseKeyframe), ({
   ownerState,
   theme
-}) => ownerState.animation === 'wave' && (0, _system.css)`
+}) => ownerState.animation === 'wave' && css(_t4 || (_t4 = _`
       position: relative;
       overflow: hidden;
 
@@ -119,11 +115,11 @@ const SkeletonRoot = (0, _styled.default)('span', {
       -webkit-mask-image: -webkit-radial-gradient(white, black);
 
       &::after {
-        animation: ${waveKeyframe} 1.6s linear 0.5s infinite;
+        animation: ${0} 1.6s linear 0.5s infinite;
         background: linear-gradient(
           90deg,
           transparent,
-          ${(theme.vars || theme).palette.action.hover},
+          ${0},
           transparent
         );
         content: '';
@@ -134,9 +130,9 @@ const SkeletonRoot = (0, _styled.default)('span', {
         right: 0;
         top: 0;
       }
-    `);
+    `), waveKeyframe, (theme.vars || theme).palette.action.hover));
 const Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiSkeleton'
   });
@@ -149,21 +145,21 @@ const Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
       variant = 'text',
       width
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     animation,
     component,
     variant,
     hasChildren: Boolean(other.children)
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SkeletonRoot, (0, _extends2.default)({
+  return /*#__PURE__*/_jsx(SkeletonRoot, _extends({
     as: component,
     ref: ref,
-    className: (0, _clsx.default)(classes.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState
   }, other, {
-    style: (0, _extends2.default)({
+    style: _extends({
       width,
       height
     }, style)
@@ -179,47 +175,46 @@ process.env.NODE_ENV !== "production" ? Skeleton.propTypes /* remove-proptypes *
    * If `false` the animation effect is disabled.
    * @default 'pulse'
    */
-  animation: _propTypes.default.oneOf(['pulse', 'wave', false]),
+  animation: PropTypes.oneOf(['pulse', 'wave', false]),
   /**
    * Optional children to infer width and height from.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: _propTypes.default.elementType,
+  component: PropTypes.elementType,
   /**
    * Height of the skeleton.
    * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
    */
-  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * @ignore
    */
-  style: _propTypes.default.object,
+  style: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The type of content that will be rendered.
    * @default 'text'
    */
-  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['circular', 'rectangular', 'rounded', 'text']), _propTypes.default.string]),
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']), PropTypes.string]),
   /**
    * Width of the skeleton.
    * Useful when the skeleton is inside an inline element with no width of its own.
    */
-  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 } : void 0;
-var _default = Skeleton;
-exports.default = _default;
+export default Skeleton;

package/Skeleton/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  skeletonClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Skeleton.default;
-  }
-});
-Object.defineProperty(exports, "skeletonClasses", {
-  enumerable: true,
-  get: function () {
-    return _skeletonClasses.default;
-  }
-});
-var _Skeleton = _interopRequireDefault(require("./Skeleton"));
-var _skeletonClasses = _interopRequireWildcard(require("./skeletonClasses"));
-Object.keys(_skeletonClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _skeletonClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _skeletonClasses[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; }
+export { default } from './Skeleton';
+export * from './skeletonClasses';
+export { default as skeletonClasses } from './skeletonClasses';

package/Skeleton/package.json

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

package/Skeleton/skeletonClasses.js

@@ -1,16 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getSkeletonUtilityClass = getSkeletonUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-function getSkeletonUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiSkeleton', slot);
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
+export function getSkeletonUtilityClass(slot) {
+  return generateUtilityClass('MuiSkeleton', slot);
 }
-const skeletonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSkeleton', ['root', 'text', 'rectangular', 'rounded', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);
-var _default = skeletonClasses;
-exports.default = _default;
+const skeletonClasses = generateUtilityClasses('MuiSkeleton', ['root', 'text', 'rectangular', 'rounded', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);
+export default skeletonClasses;

package/Slide/Slide.js

@@ -1,32 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.setTranslateValue = setTranslateValue;
-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 _reactTransitionGroup = require("react-transition-group");
-var _utils = require("@mui/utils");
-var _debounce = _interopRequireDefault(require("../utils/debounce"));
-var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../transitions/utils");
-var _utils3 = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["addEndListener", "appear", "children", "container", "direction", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"];
-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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { Transition } from 'react-transition-group';
+import { elementAcceptingRef, HTMLElementType, chainPropTypes } from '@mui/utils';
+import debounce from '../utils/debounce';
+import useForkRef from '../utils/useForkRef';
+import useTheme from '../styles/useTheme';
+import { reflow, getTransitionProps } from '../transitions/utils';
+import { ownerWindow } from '../utils';
+
 // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.
+import { jsx as _jsx } from "react/jsx-runtime";
 function getTranslateValue(direction, node, resolvedContainer) {
   const rect = node.getBoundingClientRect();
   const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
-  const containerWindow = (0, _utils3.ownerWindow)(node);
+  const containerWindow = ownerWindow(node);
   let transform;
   if (node.fakeTransform) {
     transform = node.fakeTransform;
@@ -69,7 +60,7 @@ function getTranslateValue(direction, node, resolvedContainer) {
 function resolveContainer(containerPropProp) {
   return typeof containerPropProp === 'function' ? containerPropProp() : containerPropProp;
 }
-function setTranslateValue(direction, node, containerProp) {
+export function setTranslateValue(direction, node, containerProp) {
   const resolvedContainer = resolveContainer(containerProp);
   const transform = getTranslateValue(direction, node, resolvedContainer);
   if (transform) {
@@ -83,7 +74,7 @@ function setTranslateValue(direction, node, containerProp) {
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  */
 const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
-  const theme = (0, _useTheme.default)();
+  const theme = useTheme();
   const defaultEasing = {
     enter: theme.transitions.easing.easeOut,
     exit: theme.transitions.easing.sharp
@@ -109,11 +100,11 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       style,
       timeout = defaultTimeout,
       // eslint-disable-next-line react/prop-types
-      TransitionComponent = _reactTransitionGroup.Transition
+      TransitionComponent = Transition
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const childrenRef = React.useRef(null);
-  const handleRef = (0, _useForkRef.default)(children.ref, childrenRef, ref);
+  const handleRef = useForkRef(children.ref, childrenRef, ref);
   const normalizedTransitionCallback = callback => isAppearing => {
     if (callback) {
       // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
@@ -126,21 +117,21 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   };
   const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
     setTranslateValue(direction, node, containerProp);
-    (0, _utils2.reflow)(node);
+    reflow(node);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
   const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = getTransitionProps({
       timeout,
       style,
       easing: easingProp
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', (0, _extends2.default)({}, transitionProps));
-    node.style.transition = theme.transitions.create('transform', (0, _extends2.default)({}, transitionProps));
+    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _extends({}, transitionProps));
+    node.style.transition = theme.transitions.create('transform', _extends({}, transitionProps));
     node.style.webkitTransform = 'none';
     node.style.transform = 'none';
     if (onEntering) {
@@ -150,7 +141,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
   const handleEntered = normalizedTransitionCallback(onEntered);
   const handleExiting = normalizedTransitionCallback(onExiting);
   const handleExit = normalizedTransitionCallback(node => {
-    const transitionProps = (0, _utils2.getTransitionProps)({
+    const transitionProps = getTransitionProps({
       timeout,
       style,
       easing: easingProp
@@ -188,12 +179,12 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     if (inProp || direction === 'down' || direction === 'right') {
       return undefined;
     }
-    const handleResize = (0, _debounce.default)(() => {
+    const handleResize = debounce(() => {
       if (childrenRef.current) {
         setTranslateValue(direction, childrenRef.current, containerProp);
       }
     });
-    const containerWindow = (0, _utils3.ownerWindow)(childrenRef.current);
+    const containerWindow = ownerWindow(childrenRef.current);
     containerWindow.addEventListener('resize', handleResize);
     return () => {
       handleResize.clear();
@@ -207,7 +198,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       updatePosition();
     }
   }, [inProp, updatePosition]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     nodeRef: childrenRef,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -221,9 +212,9 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     timeout: timeout
   }, other, {
     children: (state, childProps) => {
-      return /*#__PURE__*/React.cloneElement(children, (0, _extends2.default)({
+      return /*#__PURE__*/React.cloneElement(children, _extends({
         ref: handleRef,
-        style: (0, _extends2.default)({
+        style: _extends({
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
         }, style, children.props.style)
       }, childProps));
@@ -240,22 +231,22 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes /* remove-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.default.func,
+  addEndListener: PropTypes.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.default.bool,
+  appear: PropTypes.bool,
   /**
    * A single child content element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: elementAcceptingRef.isRequired,
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the container the Slide is transitioning from.
    */
-  container: (0, _utils.chainPropTypes)(_propTypes.default.oneOfType([_utils.HTMLElementType, _propTypes.default.func]), props => {
+  container: chainPropTypes(PropTypes.oneOfType([HTMLElementType, PropTypes.func]), props => {
     if (props.open) {
       const resolvedContainer = resolveContainer(props.container);
       if (resolvedContainer && resolvedContainer.nodeType === 1) {
@@ -273,7 +264,7 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes /* remove-proptypes */ =
    * Direction the child node will enter from.
    * @default 'down'
    */
-  direction: _propTypes.default.oneOf(['down', 'left', 'right', 'up']),
+  direction: PropTypes.oneOf(['down', 'left', 'right', 'up']),
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -282,42 +273,42 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes /* remove-proptypes */ =
    *   exit: theme.transitions.easing.sharp,
    * }
    */
-  easing: _propTypes.default.oneOfType([_propTypes.default.shape({
-    enter: _propTypes.default.string,
-    exit: _propTypes.default.string
-  }), _propTypes.default.string]),
+  easing: PropTypes.oneOfType([PropTypes.shape({
+    enter: PropTypes.string,
+    exit: PropTypes.string
+  }), PropTypes.string]),
   /**
    * If `true`, the component will transition in.
    */
-  in: _propTypes.default.bool,
+  in: PropTypes.bool,
   /**
    * @ignore
    */
-  onEnter: _propTypes.default.func,
+  onEnter: PropTypes.func,
   /**
    * @ignore
    */
-  onEntered: _propTypes.default.func,
+  onEntered: PropTypes.func,
   /**
    * @ignore
    */
-  onEntering: _propTypes.default.func,
+  onEntering: PropTypes.func,
   /**
    * @ignore
    */
-  onExit: _propTypes.default.func,
+  onExit: PropTypes.func,
   /**
    * @ignore
    */
-  onExited: _propTypes.default.func,
+  onExited: PropTypes.func,
   /**
    * @ignore
    */
-  onExiting: _propTypes.default.func,
+  onExiting: PropTypes.func,
   /**
    * @ignore
    */
-  style: _propTypes.default.object,
+  style: PropTypes.object,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -326,11 +317,10 @@ process.env.NODE_ENV !== "production" ? Slide.propTypes /* remove-proptypes */ =
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  timeout: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
-    appear: _propTypes.default.number,
-    enter: _propTypes.default.number,
-    exit: _propTypes.default.number
+  timeout: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    appear: PropTypes.number,
+    enter: PropTypes.number,
+    exit: PropTypes.number
   })])
 } : void 0;
-var _default = Slide;
-exports.default = _default;
+export default Slide;

package/Slide/index.js

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

package/Slide/package.json

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