@mui/material 5.10.16 → 5.11.0

package/AvatarGroup/package.json

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

package/Backdrop/Backdrop.js

@@ -1,24 +1,15 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _base = require("@mui/base");
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _Fade = _interopRequireDefault(require("../Fade"));
-var _backdropClasses = require("./backdropClasses");
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["children", "component", "components", "componentsProps", "className", "invisible", "open", "slotProps", "slots", "transitionDuration", "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 clsx from 'clsx';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import Fade from '../Fade';
+import { getBackdropUtilityClass } from './backdropClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -27,9 +18,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', invisible && 'invisible']
   };
-  return (0, _base.unstable_composeClasses)(slots, _backdropClasses.getBackdropUtilityClass, classes);
+  return composeClasses(slots, getBackdropUtilityClass, classes);
 };
-const BackdropRoot = (0, _styled.default)('div', {
+const BackdropRoot = styled('div', {
   name: 'MuiBackdrop',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -40,7 +31,7 @@ const BackdropRoot = (0, _styled.default)('div', {
   }
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   position: 'fixed',
   display: 'flex',
   alignItems: 'center',
@@ -56,7 +47,7 @@ const BackdropRoot = (0, _styled.default)('div', {
 }));
 const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
   var _slotProps$root, _ref, _slots$root;
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiBackdrop'
   });
@@ -72,25 +63,25 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
       slots = {},
       transitionDuration,
       // eslint-disable-next-line react/prop-types
-      TransitionComponent = _Fade.default
+      TransitionComponent = Fade
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const ownerState = (0, _extends2.default)({}, props, {
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const ownerState = _extends({}, props, {
     component,
     invisible
   });
   const classes = useUtilityClasses(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
+  return /*#__PURE__*/_jsx(TransitionComponent, _extends({
     in: open,
     timeout: transitionDuration
   }, other, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropRoot, (0, _extends2.default)({
+    children: /*#__PURE__*/_jsx(BackdropRoot, _extends({
       "aria-hidden": true
     }, rootSlotProps, {
       as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,
-      className: (0, _clsx.default)(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
-      ownerState: (0, _extends2.default)({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
+      className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
+      ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
       classes: classes,
       ref: ref,
       children: children
@@ -105,20 +96,20 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes *
   /**
    * The content of the component.
    */
-  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,
   /**
    * The components used for each slot inside.
    *
@@ -127,8 +118,8 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  components: _propTypes.default.shape({
-    Root: _propTypes.default.elementType
+  components: PropTypes.shape({
+    Root: PropTypes.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -139,19 +130,19 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  componentsProps: _propTypes.default.shape({
-    root: _propTypes.default.object
+  componentsProps: PropTypes.shape({
+    root: PropTypes.object
   }),
   /**
    * If `true`, the backdrop is invisible.
    * It can be used when rendering a popover or a custom select component.
    * @default false
    */
-  invisible: _propTypes.default.bool,
+  invisible: PropTypes.bool,
   /**
    * If `true`, the component is shown.
    */
-  open: _propTypes.default.bool.isRequired,
+  open: PropTypes.bool.isRequired,
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -160,8 +151,8 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  slotProps: _propTypes.default.shape({
-    root: _propTypes.default.object
+  slotProps: PropTypes.shape({
+    root: PropTypes.object
   }),
   /**
    * The components used for each slot inside.
@@ -170,22 +161,21 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes /* remove-proptypes *
    *
    * @default {}
    */
-  slots: _propTypes.default.shape({
-    root: _propTypes.default.elementType
+  slots: PropTypes.shape({
+    root: PropTypes.elementType
   }),
   /**
    * 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 duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    */
-  transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
-    appear: _propTypes.default.number,
-    enter: _propTypes.default.number,
-    exit: _propTypes.default.number
+  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    appear: PropTypes.number,
+    enter: PropTypes.number,
+    exit: PropTypes.number
   })])
 } : void 0;
-var _default = Backdrop;
-exports.default = _default;
+export default Backdrop;

package/Backdrop/backdropClasses.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.getBackdropUtilityClass = getBackdropUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
-function getBackdropUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiBackdrop', slot);
+import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '../generateUtilityClass';
+export function getBackdropUtilityClass(slot) {
+  return generateUtilityClass('MuiBackdrop', slot);
 }
-const backdropClasses = (0, _utils.unstable_generateUtilityClasses)('MuiBackdrop', ['root', 'invisible']);
-var _default = backdropClasses;
-exports.default = _default;
+const backdropClasses = generateUtilityClasses('MuiBackdrop', ['root', 'invisible']);
+export default backdropClasses;

package/Backdrop/index.js

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

package/Backdrop/package.json

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

package/Badge/Badge.js

@@ -1,27 +1,18 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _composeClasses = _interopRequireDefault(require("@mui/base/composeClasses"));
-var _BadgeUnstyled = _interopRequireDefault(require("@mui/base/BadgeUnstyled"));
-var _styled = _interopRequireDefault(require("../styles/styled"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _shouldSpreadAdditionalProps = _interopRequireDefault(require("../utils/shouldSpreadAdditionalProps"));
-var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
-var _badgeClasses = _interopRequireWildcard(require("./badgeClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["anchorOrigin", "className", "component", "components", "componentsProps", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"];
-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 clsx from 'clsx';
+import { usePreviousProps } from '@mui/utils';
+import composeClasses from '@mui/base/composeClasses';
+import BadgeUnstyled from '@mui/base/BadgeUnstyled';
+import styled from '../styles/styled';
+import useThemeProps from '../styles/useThemeProps';
+import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
+import capitalize from '../utils/capitalize';
+import badgeClasses, { getBadgeUtilityClass } from './badgeClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;
 const useUtilityClasses = ownerState => {
@@ -35,11 +26,11 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     root: ['root'],
-    badge: ['badge', variant, invisible && 'invisible', `anchorOrigin${(0, _capitalize.default)(anchorOrigin.vertical)}${(0, _capitalize.default)(anchorOrigin.horizontal)}`, `anchorOrigin${(0, _capitalize.default)(anchorOrigin.vertical)}${(0, _capitalize.default)(anchorOrigin.horizontal)}${(0, _capitalize.default)(overlap)}`, `overlap${(0, _capitalize.default)(overlap)}`, color !== 'default' && `color${(0, _capitalize.default)(color)}`]
+    badge: ['badge', variant, invisible && 'invisible', `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`, `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}${capitalize(overlap)}`, `overlap${capitalize(overlap)}`, color !== 'default' && `color${capitalize(color)}`]
   };
-  return (0, _composeClasses.default)(slots, _badgeClasses.getBadgeUtilityClass, classes);
+  return composeClasses(slots, getBadgeUtilityClass, classes);
 };
-const BadgeRoot = (0, _styled.default)('span', {
+const BadgeRoot = styled('span', {
   name: 'MuiBadge',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -50,19 +41,19 @@ const BadgeRoot = (0, _styled.default)('span', {
   verticalAlign: 'middle',
   flexShrink: 0
 });
-const BadgeBadge = (0, _styled.default)('span', {
+const BadgeBadge = styled('span', {
   name: 'MuiBadge',
   slot: 'Badge',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.badge, styles[ownerState.variant], styles[`anchorOrigin${(0, _capitalize.default)(ownerState.anchorOrigin.vertical)}${(0, _capitalize.default)(ownerState.anchorOrigin.horizontal)}${(0, _capitalize.default)(ownerState.overlap)}`], ownerState.color !== 'default' && styles[`color${(0, _capitalize.default)(ownerState.color)}`], ownerState.invisible && styles.invisible];
+    return [styles.badge, styles[ownerState.variant], styles[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}${capitalize(ownerState.overlap)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], ownerState.invisible && styles.invisible];
   }
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   display: 'flex',
   flexDirection: 'row',
   flexWrap: 'wrap',
@@ -98,7 +89,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   right: 0,
   transform: 'scale(1) translate(50%, -50%)',
   transformOrigin: '100% 0%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(50%, -50%)'
   }
 }, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'rectangular' && {
@@ -106,7 +97,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   right: 0,
   transform: 'scale(1) translate(50%, 50%)',
   transformOrigin: '100% 100%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(50%, 50%)'
   }
 }, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
@@ -114,7 +105,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   left: 0,
   transform: 'scale(1) translate(-50%, -50%)',
   transformOrigin: '0% 0%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(-50%, -50%)'
   }
 }, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'rectangular' && {
@@ -122,7 +113,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   left: 0,
   transform: 'scale(1) translate(-50%, 50%)',
   transformOrigin: '0% 100%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(-50%, 50%)'
   }
 }, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
@@ -130,7 +121,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   right: '14%',
   transform: 'scale(1) translate(50%, -50%)',
   transformOrigin: '100% 0%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(50%, -50%)'
   }
 }, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'right' && ownerState.overlap === 'circular' && {
@@ -138,7 +129,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   right: '14%',
   transform: 'scale(1) translate(50%, 50%)',
   transformOrigin: '100% 100%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(50%, 50%)'
   }
 }, ownerState.anchorOrigin.vertical === 'top' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
@@ -146,7 +137,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   left: '14%',
   transform: 'scale(1) translate(-50%, -50%)',
   transformOrigin: '0% 0%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(-50%, -50%)'
   }
 }, ownerState.anchorOrigin.vertical === 'bottom' && ownerState.anchorOrigin.horizontal === 'left' && ownerState.overlap === 'circular' && {
@@ -154,7 +145,7 @@ const BadgeBadge = (0, _styled.default)('span', {
   left: '14%',
   transform: 'scale(1) translate(-50%, 50%)',
   transformOrigin: '0% 100%',
-  [`&.${_badgeClasses.default.invisible}`]: {
+  [`&.${badgeClasses.invisible}`]: {
     transform: 'scale(0) translate(-50%, 50%)'
   }
 }, ownerState.invisible && {
@@ -165,7 +156,7 @@ const BadgeBadge = (0, _styled.default)('span', {
 }));
 const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
   var _ref, _slots$root, _ref2, _slots$badge, _slotProps$root, _slotProps$badge;
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiBadge'
   });
@@ -188,8 +179,8 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
       showZero = false,
       variant: variantProp = 'standard'
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const prevProps = (0, _utils.usePreviousProps)({
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const prevProps = usePreviousProps({
     anchorOrigin: anchorOriginProp,
     color: colorProp,
     overlap: overlapProp,
@@ -205,7 +196,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
     anchorOrigin = anchorOriginProp,
     variant = variantProp
   } = invisible ? prevProps : props;
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = _extends({}, props, {
     anchorOrigin,
     invisible,
     color,
@@ -223,7 +214,7 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
   const BadgeSlot = (_ref2 = (_slots$badge = slots == null ? void 0 : slots.badge) != null ? _slots$badge : components.Badge) != null ? _ref2 : BadgeBadge;
   const rootSlotProps = (_slotProps$root = slotProps == null ? void 0 : slotProps.root) != null ? _slotProps$root : componentsProps.root;
   const badgeSlotProps = (_slotProps$badge = slotProps == null ? void 0 : slotProps.badge) != null ? _slotProps$badge : componentsProps.badge;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BadgeUnstyled.default, (0, _extends2.default)({
+  return /*#__PURE__*/_jsx(BadgeUnstyled, _extends({
     invisible: invisibleProp,
     badgeContent: displayValue,
     showZero: showZero,
@@ -233,21 +224,21 @@ const Badge = /*#__PURE__*/React.forwardRef(function Badge(inProps, ref) {
       root: RootSlot,
       badge: BadgeSlot
     },
-    className: (0, _clsx.default)(rootSlotProps == null ? void 0 : rootSlotProps.className, classes.root, className),
+    className: clsx(rootSlotProps == null ? void 0 : rootSlotProps.className, classes.root, className),
     slotProps: {
-      root: (0, _extends2.default)({}, rootSlotProps, (0, _shouldSpreadAdditionalProps.default)(RootSlot) && {
+      root: _extends({}, rootSlotProps, shouldSpreadAdditionalProps(RootSlot) && {
         as: component,
-        ownerState: (0, _extends2.default)({}, rootSlotProps == null ? void 0 : rootSlotProps.ownerState, {
+        ownerState: _extends({}, rootSlotProps == null ? void 0 : rootSlotProps.ownerState, {
           anchorOrigin,
           color,
           overlap,
           variant
         })
       }),
-      badge: (0, _extends2.default)({}, badgeSlotProps, {
-        className: (0, _clsx.default)(classes.badge, badgeSlotProps == null ? void 0 : badgeSlotProps.className)
-      }, (0, _shouldSpreadAdditionalProps.default)(BadgeSlot) && {
-        ownerState: (0, _extends2.default)({}, badgeSlotProps == null ? void 0 : badgeSlotProps.ownerState, {
+      badge: _extends({}, badgeSlotProps, {
+        className: clsx(classes.badge, badgeSlotProps == null ? void 0 : badgeSlotProps.className)
+      }, shouldSpreadAdditionalProps(BadgeSlot) && {
+        ownerState: _extends({}, badgeSlotProps == null ? void 0 : badgeSlotProps.ownerState, {
           anchorOrigin,
           color,
           overlap,
@@ -270,38 +261,38 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes /* remove-proptypes */ =
    *   horizontal: 'right',
    * }
    */
-  anchorOrigin: _propTypes.default.shape({
-    horizontal: _propTypes.default.oneOf(['left', 'right']).isRequired,
-    vertical: _propTypes.default.oneOf(['bottom', 'top']).isRequired
+  anchorOrigin: PropTypes.shape({
+    horizontal: PropTypes.oneOf(['left', 'right']).isRequired,
+    vertical: PropTypes.oneOf(['bottom', 'top']).isRequired
   }),
   /**
    * The content rendered within the badge.
    */
-  badgeContent: _propTypes.default.node,
+  badgeContent: PropTypes.node,
   /**
    * The badge will be added relative to this node.
    */
-  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 color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'default'
    */
-  color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
+  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), 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,
   /**
    * The components used for each slot inside.
    *
@@ -310,9 +301,9 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes /* remove-proptypes */ =
    *
    * @default {}
    */
-  components: _propTypes.default.shape({
-    Badge: _propTypes.default.elementType,
-    Root: _propTypes.default.elementType
+  components: PropTypes.shape({
+    Badge: PropTypes.elementType,
+    Root: PropTypes.elementType
   }),
   /**
    * The extra props for the slot components.
@@ -323,56 +314,55 @@ process.env.NODE_ENV !== "production" ? Badge.propTypes /* remove-proptypes */ =
    *
    * @default {}
    */
-  componentsProps: _propTypes.default.shape({
-    badge: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  componentsProps: PropTypes.shape({
+    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
   /**
    * If `true`, the badge is invisible.
    * @default false
    */
-  invisible: _propTypes.default.bool,
+  invisible: PropTypes.bool,
   /**
    * Max count to show.
    * @default 99
    */
-  max: _propTypes.default.number,
+  max: PropTypes.number,
   /**
    * Wrapped shape the badge should overlap.
    * @default 'rectangular'
    */
-  overlap: _propTypes.default.oneOf(['circular', 'rectangular']),
+  overlap: PropTypes.oneOf(['circular', 'rectangular']),
   /**
    * Controls whether the badge is hidden when `badgeContent` is zero.
    * @default false
    */
-  showZero: _propTypes.default.bool,
+  showZero: PropTypes.bool,
   /**
    * The props used for each slot inside the Badge.
    * @default {}
    */
-  slotProps: _propTypes.default.shape({
-    badge: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  slotProps: PropTypes.shape({
+    badge: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
   /**
    * The components used for each slot inside the Badge.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: _propTypes.default.shape({
-    badge: _propTypes.default.elementType,
-    root: _propTypes.default.elementType
+  slots: PropTypes.shape({
+    badge: PropTypes.elementType,
+    root: PropTypes.elementType
   }),
   /**
    * 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 variant to use.
    * @default 'standard'
    */
-  variant: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['dot', 'standard']), _propTypes.default.string])
+  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['dot', 'standard']), PropTypes.string])
 } : void 0;
-var _default = Badge;
-exports.default = _default;
+export default Badge;