@mui/material 5.10.1 → 5.10.4

package/Box/package.json

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

package/Breadcrumbs/BreadcrumbCollapsed.js

@@ -1,14 +1,35 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { emphasize } from '@mui/system';
-import styled from '../styles/styled';
-import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
-import ButtonBase from '../ButtonBase';
-import { jsx as _jsx } from "react/jsx-runtime";
-const BreadcrumbCollapsedButton = styled(ButtonBase)(({
+"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 React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _system = require("@mui/system");
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _MoreHoriz = _interopRequireDefault(require("../internal/svg-icons/MoreHoriz"));
+
+var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+
+var _jsxRuntime = require("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 BreadcrumbCollapsedButton = (0, _styled.default)(_ButtonBase.default)(({
   theme
-}) => _extends({
+}) => (0, _extends2.default)({
   display: 'flex',
   marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
   marginRight: `calc(${theme.spacing(1)} * 0.5)`
@@ -20,20 +41,20 @@ const BreadcrumbCollapsedButton = styled(ButtonBase)(({
   color: theme.palette.grey[100]
 }, {
   borderRadius: 2,
-  '&:hover, &:focus': _extends({}, theme.palette.mode === 'light' ? {
+  '&:hover, &:focus': (0, _extends2.default)({}, theme.palette.mode === 'light' ? {
     backgroundColor: theme.palette.grey[200]
   } : {
     backgroundColor: theme.palette.grey[600]
   }),
-  '&:active': _extends({
+  '&:active': (0, _extends2.default)({
     boxShadow: theme.shadows[0]
   }, theme.palette.mode === 'light' ? {
-    backgroundColor: emphasize(theme.palette.grey[200], 0.12)
+    backgroundColor: (0, _system.emphasize)(theme.palette.grey[200], 0.12)
   } : {
-    backgroundColor: emphasize(theme.palette.grey[600], 0.12)
+    backgroundColor: (0, _system.emphasize)(theme.palette.grey[600], 0.12)
   })
 }));
-const BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
+const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
   width: 24,
   height: 16
 });
@@ -43,12 +64,12 @@ const BreadcrumbCollapsedIcon = styled(MoreHorizIcon)({
 
 function BreadcrumbCollapsed(props) {
   const ownerState = props;
-  return /*#__PURE__*/_jsx("li", {
-    children: /*#__PURE__*/_jsx(BreadcrumbCollapsedButton, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedButton, (0, _extends2.default)({
       focusRipple: true
     }, props, {
       ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(BreadcrumbCollapsedIcon, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedIcon, {
         ownerState: ownerState
       })
     }))
@@ -59,6 +80,7 @@ process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: _propTypes.default.object
 } : void 0;
-export default BreadcrumbCollapsed;
+var _default = BreadcrumbCollapsed;
+exports.default = _default;

package/Breadcrumbs/Breadcrumbs.js

@@ -1,18 +1,45 @@
-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 _reactIs = require("react-is");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _utils = require("@mui/utils");
+
+var _base = require("@mui/base");
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed"));
+
+var _breadcrumbsClasses = _interopRequireWildcard(require("./breadcrumbsClasses"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "className", "component", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"];
-import * as React from 'react';
-import { isFragment } from 'react-is';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { integerPropType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import Typography from '../Typography';
-import BreadcrumbCollapsed from './BreadcrumbCollapsed';
-import breadcrumbsClasses, { getBreadcrumbsUtilityClass } from './breadcrumbsClasses';
-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 {
@@ -24,19 +51,19 @@ const useUtilityClasses = ownerState => {
     ol: ['ol'],
     separator: ['separator']
   };
-  return composeClasses(slots, getBreadcrumbsUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _breadcrumbsClasses.getBreadcrumbsUtilityClass, classes);
 };
 
-const BreadcrumbsRoot = styled(Typography, {
+const BreadcrumbsRoot = (0, _styled.default)(_Typography.default, {
   name: 'MuiBreadcrumbs',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     return [{
-      [`& .${breadcrumbsClasses.li}`]: styles.li
+      [`& .${_breadcrumbsClasses.default.li}`]: styles.li
     }, styles.root];
   }
 })({});
-const BreadcrumbsOl = styled('ol', {
+const BreadcrumbsOl = (0, _styled.default)('ol', {
   name: 'MuiBreadcrumbs',
   slot: 'Ol',
   overridesResolver: (props, styles) => styles.ol
@@ -48,7 +75,7 @@ const BreadcrumbsOl = styled('ol', {
   margin: 0,
   listStyle: 'none'
 });
-const BreadcrumbsSeparator = styled('li', {
+const BreadcrumbsSeparator = (0, _styled.default)('li', {
   name: 'MuiBreadcrumbs',
   slot: 'Separator',
   overridesResolver: (props, styles) => styles.separator
@@ -62,7 +89,7 @@ const BreadcrumbsSeparator = styled('li', {
 function insertSeparators(items, className, separator, ownerState) {
   return items.reduce((acc, current, index) => {
     if (index < items.length - 1) {
-      acc = acc.concat(current, /*#__PURE__*/_jsx(BreadcrumbsSeparator, {
+      acc = acc.concat(current, /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsSeparator, {
         "aria-hidden": true,
         className: className,
         ownerState: ownerState,
@@ -77,11 +104,10 @@ function insertSeparators(items, className, separator, ownerState) {
 }
 
 const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiBreadcrumbs'
   });
-
   const {
     children,
     className,
@@ -92,11 +118,9 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     maxItems = 8,
     separator = '/'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const [expanded, setExpanded] = React.useState(false);
-
-  const ownerState = _extends({}, props, {
+  const ownerState = (0, _extends2.default)({}, props, {
     component,
     expanded,
     expandText,
@@ -105,7 +129,6 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
     maxItems,
     separator
   });
-
   const classes = useUtilityClasses(ownerState);
   const listRef = React.useRef(null);
 
@@ -133,7 +156,7 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
       return allItems;
     }
 
-    return [...allItems.slice(0, itemsBeforeCollapse), /*#__PURE__*/_jsx(BreadcrumbCollapsed, {
+    return [...allItems.slice(0, itemsBeforeCollapse), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BreadcrumbCollapsed.default, {
       "aria-label": expandText,
       onClick: handleClickExpand
     }, "ellipsis"), ...allItems.slice(allItems.length - itemsAfterCollapse, allItems.length)];
@@ -141,24 +164,24 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
 
   const allItems = React.Children.toArray(children).filter(child => {
     if (process.env.NODE_ENV !== 'production') {
-      if (isFragment(child)) {
+      if ((0, _reactIs.isFragment)(child)) {
         console.error(["MUI: The Breadcrumbs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
 
     return /*#__PURE__*/React.isValidElement(child);
-  }).map((child, index) => /*#__PURE__*/_jsx("li", {
+  }).map((child, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
     className: classes.li,
     children: child
   }, `child-${index}`));
-  return /*#__PURE__*/_jsx(BreadcrumbsRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsRoot, (0, _extends2.default)({
     ref: ref,
     component: component,
     color: "text.secondary",
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState
   }, other, {
-    children: /*#__PURE__*/_jsx(BreadcrumbsOl, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsOl, {
       className: classes.ol,
       ref: listRef,
       ownerState: ownerState,
@@ -177,23 +200,23 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
 
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
 
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
 
   /**
    * Override the default label for the expand button.
@@ -201,19 +224,19 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
    * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @default 'Show path'
    */
-  expandText: PropTypes.string,
+  expandText: _propTypes.default.string,
 
   /**
    * If max items is exceeded, the number of items to show after the ellipsis.
    * @default 1
    */
-  itemsAfterCollapse: integerPropType,
+  itemsAfterCollapse: _utils.integerPropType,
 
   /**
    * If max items is exceeded, the number of items to show before the ellipsis.
    * @default 1
    */
-  itemsBeforeCollapse: integerPropType,
+  itemsBeforeCollapse: _utils.integerPropType,
 
   /**
    * Specifies the maximum number of breadcrumbs to display. When there are more
@@ -221,17 +244,18 @@ process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes
    * will be shown, with an ellipsis in between.
    * @default 8
    */
-  maxItems: integerPropType,
+  maxItems: _utils.integerPropType,
 
   /**
    * Custom separator node.
    * @default '/'
    */
-  separator: PropTypes.node,
+  separator: _propTypes.default.node,
 
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+  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])
 } : void 0;
-export default Breadcrumbs;
+var _default = Breadcrumbs;
+exports.default = _default;

package/Breadcrumbs/breadcrumbsClasses.d.ts

@@ -1,14 +1,14 @@
-export interface BreadcrumbsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the ol element. */
-    ol: string;
-    /** Styles applied to the li element. */
-    li: string;
-    /** Styles applied to the separator element. */
-    separator: string;
-}
-export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
-export declare function getBreadcrumbsUtilityClass(slot: string): string;
-declare const breadcrumbsClasses: BreadcrumbsClasses;
-export default breadcrumbsClasses;
+export interface BreadcrumbsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the ol element. */
+    ol: string;
+    /** Styles applied to the li element. */
+    li: string;
+    /** Styles applied to the separator element. */
+    separator: string;
+}
+export declare type BreadcrumbsClassKey = keyof BreadcrumbsClasses;
+export declare function getBreadcrumbsUtilityClass(slot: string): string;
+declare const breadcrumbsClasses: BreadcrumbsClasses;
+export default breadcrumbsClasses;

package/Breadcrumbs/breadcrumbsClasses.js

@@ -1,6 +1,17 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
-export function getBreadcrumbsUtilityClass(slot) {
-  return generateUtilityClass('MuiBreadcrumbs', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getBreadcrumbsUtilityClass = getBreadcrumbsUtilityClass;
+
+var _base = require("@mui/base");
+
+function getBreadcrumbsUtilityClass(slot) {
+  return (0, _base.generateUtilityClass)('MuiBreadcrumbs', slot);
 }
-const breadcrumbsClasses = generateUtilityClasses('MuiBreadcrumbs', ['root', 'ol', 'li', 'separator']);
-export default breadcrumbsClasses;
+
+const breadcrumbsClasses = (0, _base.generateUtilityClasses)('MuiBreadcrumbs', ['root', 'ol', 'li', 'separator']);
+var _default = breadcrumbsClasses;
+exports.default = _default;

package/Breadcrumbs/index.js

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

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

package/Button/Button.d.ts

@@ -112,8 +112,8 @@ export type ExtendButton<M extends OverridableTypeMap> = ((
  *
  * Demos:
  *
- * - [Button group](https://mui.com/material-ui/react-button-group/)
- * - [Buttons](https://mui.com/material-ui/react-button/)
+ * - [Button Group](https://mui.com/material-ui/react-button-group/)
+ * - [Button](https://mui.com/material-ui/react-button/)
  *
  * API:
  *