@mui/material 5.10.0 → 5.10.3

package/Alert/Alert.js

@@ -1,27 +1,57 @@
-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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _base = require("@mui/base");
+
+var _system = require("@mui/system");
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+
+var _Paper = _interopRequireDefault(require("../Paper"));
+
+var _alertClasses = _interopRequireWildcard(require("./alertClasses"));
+
+var _IconButton = _interopRequireDefault(require("../IconButton"));
+
+var _SuccessOutlined = _interopRequireDefault(require("../internal/svg-icons/SuccessOutlined"));
+
+var _ReportProblemOutlined = _interopRequireDefault(require("../internal/svg-icons/ReportProblemOutlined"));
+
+var _ErrorOutline = _interopRequireDefault(require("../internal/svg-icons/ErrorOutline"));
+
+var _InfoOutlined = _interopRequireDefault(require("../internal/svg-icons/InfoOutlined"));
+
+var _Close = _interopRequireDefault(require("../internal/svg-icons/Close"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _CloseIcon;
 
 const _excluded = ["action", "children", "className", "closeText", "color", "icon", "iconMapping", "onClose", "role", "severity", "variant"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { darken, lighten } from '@mui/system';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import capitalize from '../utils/capitalize';
-import Paper from '../Paper';
-import alertClasses, { getAlertUtilityClass } from './alertClasses';
-import IconButton from '../IconButton';
-import SuccessOutlinedIcon from '../internal/svg-icons/SuccessOutlined';
-import ReportProblemOutlinedIcon from '../internal/svg-icons/ReportProblemOutlined';
-import ErrorOutlineIcon from '../internal/svg-icons/ErrorOutline';
-import InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';
-import CloseIcon from '../internal/svg-icons/Close';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } 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 {
@@ -31,38 +61,38 @@ const useUtilityClasses = ownerState => {
     classes
   } = ownerState;
   const slots = {
-    root: ['root', `${variant}${capitalize(color || severity)}`, `${variant}`],
+    root: ['root', `${variant}${(0, _capitalize.default)(color || severity)}`, `${variant}`],
     icon: ['icon'],
     message: ['message'],
     action: ['action']
   };
-  return composeClasses(slots, getAlertUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _alertClasses.getAlertUtilityClass, classes);
 };
 
-const AlertRoot = styled(Paper, {
+const AlertRoot = (0, _styled.default)(_Paper.default, {
   name: 'MuiAlert',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${capitalize(ownerState.color || ownerState.severity)}`]];
+    return [styles.root, styles[ownerState.variant], styles[`${ownerState.variant}${(0, _capitalize.default)(ownerState.color || ownerState.severity)}`]];
   }
 })(({
   theme,
   ownerState
 }) => {
-  const getColor = theme.palette.mode === 'light' ? darken : lighten;
-  const getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
+  const getColor = theme.palette.mode === 'light' ? _system.darken : _system.lighten;
+  const getBackgroundColor = theme.palette.mode === 'light' ? _system.lighten : _system.darken;
   const color = ownerState.color || ownerState.severity;
-  return _extends({}, theme.typography.body2, {
+  return (0, _extends2.default)({}, theme.typography.body2, {
     backgroundColor: 'transparent',
     display: 'flex',
     padding: '6px 16px'
   }, color && ownerState.variant === 'standard' && {
     color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
     backgroundColor: theme.vars ? theme.vars.palette.Alert[`${color}StandardBg`] : getBackgroundColor(theme.palette[color].light, 0.9),
-    [`& .${alertClasses.icon}`]: theme.vars ? {
+    [`& .${_alertClasses.default.icon}`]: theme.vars ? {
       color: theme.vars.palette.Alert[`${color}IconColor`]
     } : {
       color: theme.palette.mode === 'dark' ? theme.palette[color].main : theme.palette[color].light
@@ -70,12 +100,12 @@ const AlertRoot = styled(Paper, {
   }, color && ownerState.variant === 'outlined' && {
     color: theme.vars ? theme.vars.palette.Alert[`${color}Color`] : getColor(theme.palette[color].light, 0.6),
     border: `1px solid ${(theme.vars || theme).palette[color].light}`,
-    [`& .${alertClasses.icon}`]: theme.vars ? {
+    [`& .${_alertClasses.default.icon}`]: theme.vars ? {
       color: theme.vars.palette.Alert[`${color}IconColor`]
     } : {
       color: theme.palette.mode === 'dark' ? theme.palette[color].main : theme.palette[color].light
     }
-  }, color && ownerState.variant === 'filled' && _extends({
+  }, color && ownerState.variant === 'filled' && (0, _extends2.default)({
     fontWeight: theme.typography.fontWeightMedium
   }, theme.vars ? {
     color: theme.vars.palette.Alert[`${color}FilledColor`],
@@ -85,7 +115,7 @@ const AlertRoot = styled(Paper, {
     color: theme.palette.getContrastText(theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main)
   }));
 });
-const AlertIcon = styled('div', {
+const AlertIcon = (0, _styled.default)('div', {
   name: 'MuiAlert',
   slot: 'Icon',
   overridesResolver: (props, styles) => styles.icon
@@ -96,7 +126,7 @@ const AlertIcon = styled('div', {
   fontSize: 22,
   opacity: 0.9
 });
-const AlertMessage = styled('div', {
+const AlertMessage = (0, _styled.default)('div', {
   name: 'MuiAlert',
   slot: 'Message',
   overridesResolver: (props, styles) => styles.message
@@ -105,7 +135,7 @@ const AlertMessage = styled('div', {
   minWidth: 0,
   overflow: 'auto'
 });
-const AlertAction = styled('div', {
+const AlertAction = (0, _styled.default)('div', {
   name: 'MuiAlert',
   slot: 'Action',
   overridesResolver: (props, styles) => styles.action
@@ -117,25 +147,24 @@ const AlertAction = styled('div', {
   marginRight: -8
 });
 const defaultIconMapping = {
-  success: /*#__PURE__*/_jsx(SuccessOutlinedIcon, {
+  success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SuccessOutlined.default, {
     fontSize: "inherit"
   }),
-  warning: /*#__PURE__*/_jsx(ReportProblemOutlinedIcon, {
+  warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReportProblemOutlined.default, {
     fontSize: "inherit"
   }),
-  error: /*#__PURE__*/_jsx(ErrorOutlineIcon, {
+  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorOutline.default, {
     fontSize: "inherit"
   }),
-  info: /*#__PURE__*/_jsx(InfoOutlinedIcon, {
+  info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoOutlined.default, {
     fontSize: "inherit"
   })
 };
 const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiAlert'
   });
-
   const {
     action,
     children,
@@ -149,44 +178,42 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     severity = 'success',
     variant = 'standard'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const ownerState = _extends({}, props, {
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     color,
     severity,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AlertRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AlertRoot, (0, _extends2.default)({
     role: role,
     elevation: 0,
     ownerState: ownerState,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ref: ref
   }, other, {
-    children: [icon !== false ? /*#__PURE__*/_jsx(AlertIcon, {
+    children: [icon !== false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertIcon, {
       ownerState: ownerState,
       className: classes.icon,
       children: icon || iconMapping[severity] || defaultIconMapping[severity]
-    }) : null, /*#__PURE__*/_jsx(AlertMessage, {
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertMessage, {
       ownerState: ownerState,
       className: classes.message,
       children: children
-    }), action != null ? /*#__PURE__*/_jsx(AlertAction, {
+    }), action != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertAction, {
       ownerState: ownerState,
       className: classes.action,
       children: action
-    }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {
+    }) : null, action == null && onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertAction, {
       ownerState: ownerState,
       className: classes.action,
-      children: /*#__PURE__*/_jsx(IconButton, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
         onClick: onClose,
-        children: _CloseIcon || (_CloseIcon = /*#__PURE__*/_jsx(CloseIcon, {
+        children: _CloseIcon || (_CloseIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
           fontSize: "small"
         }))
       })
@@ -204,22 +231,22 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
   /**
    * The action to display. It renders after the message, at the end of the alert.
    */
-  action: PropTypes.node,
+  action: _propTypes.default.node,
 
   /**
    * 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,
 
   /**
    * Override the default label for the *close popup* icon button.
@@ -227,23 +254,23 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
    * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @default 'Close'
    */
-  closeText: PropTypes.string,
+  closeText: _propTypes.default.string,
 
   /**
    * The color of the component. Unless provided, the value is taken from the `severity` prop.
    * 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).
    */
-  color: PropTypes
+  color: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['error', 'info', 'success', 'warning']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['error', 'info', 'success', 'warning']), _propTypes.default.string]),
 
   /**
    * Override the icon displayed before the children.
    * Unless provided, the icon is mapped to the value of the `severity` prop.
    * Set to `false` to remove the `icon`.
    */
-  icon: PropTypes.node,
+  icon: _propTypes.default.node,
 
   /**
    * The component maps the `severity` prop to a range of different icons,
@@ -251,11 +278,11 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
    * If you wish to change this mapping, you can provide your own.
    * Alternatively, you can use the `icon` prop to override the icon displayed.
    */
-  iconMapping: PropTypes.shape({
-    error: PropTypes.node,
-    info: PropTypes.node,
-    success: PropTypes.node,
-    warning: PropTypes.node
+  iconMapping: _propTypes.default.shape({
+    error: _propTypes.default.node,
+    info: _propTypes.default.node,
+    success: _propTypes.default.node,
+    warning: _propTypes.default.node
   }),
 
   /**
@@ -263,31 +290,32 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
    * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onClose: PropTypes.func,
+  onClose: _propTypes.default.func,
 
   /**
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
-  role: PropTypes.string,
+  role: _propTypes.default.string,
 
   /**
    * The severity of the alert. This defines the color and icon used.
    * @default 'success'
    */
-  severity: PropTypes.oneOf(['error', 'info', 'success', 'warning']),
+  severity: _propTypes.default.oneOf(['error', 'info', 'success', 'warning']),
 
   /**
    * 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]),
 
   /**
    * The variant to use.
    * @default 'standard'
    */
-  variant: PropTypes
+  variant: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['filled', 'outlined', 'standard']), PropTypes.string])
+  .oneOfType([_propTypes.default.oneOf(['filled', 'outlined', 'standard']), _propTypes.default.string])
 } : void 0;
-export default Alert;
+var _default = Alert;
+exports.default = _default;

package/Alert/alertClasses.d.ts

@@ -1,44 +1,44 @@
-export interface AlertClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="standard"`. */
-    standard: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="success"`. */
-    standardSuccess: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
-    standardInfo: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
-    standardWarning: string;
-    /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
-    standardError: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
-    outlinedSuccess: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
-    outlinedInfo: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
-    outlinedWarning: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
-    outlinedError: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
-    filledSuccess: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
-    filledInfo: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
-    filledWarning: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
-    filledError: string;
-    /** Styles applied to the icon wrapper element. */
-    icon: string;
-    /** Styles applied to the message wrapper element. */
-    message: string;
-    /** Styles applied to the action wrapper element if `action` is provided. */
-    action: string;
-}
-export declare type AlertClassKey = keyof AlertClasses;
-export declare function getAlertUtilityClass(slot: string): string;
-declare const alertClasses: AlertClasses;
-export default alertClasses;
+export interface AlertClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="standard"`. */
+    standard: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="success"`. */
+    standardSuccess: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="info"`. */
+    standardInfo: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="warning"`. */
+    standardWarning: string;
+    /** Styles applied to the root element if `variant="standard"` and `color="error"`. */
+    standardError: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
+    outlinedSuccess: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
+    outlinedInfo: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
+    outlinedWarning: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
+    outlinedError: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="success"`. */
+    filledSuccess: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="info"`. */
+    filledInfo: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="warning"`. */
+    filledWarning: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="error"`. */
+    filledError: string;
+    /** Styles applied to the icon wrapper element. */
+    icon: string;
+    /** Styles applied to the message wrapper element. */
+    message: string;
+    /** Styles applied to the action wrapper element if `action` is provided. */
+    action: string;
+}
+export declare type AlertClassKey = keyof AlertClasses;
+export declare function getAlertUtilityClass(slot: string): string;
+declare const alertClasses: AlertClasses;
+export default alertClasses;

package/Alert/alertClasses.js

@@ -1,6 +1,17 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
-export function getAlertUtilityClass(slot) {
-  return generateUtilityClass('MuiAlert', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getAlertUtilityClass = getAlertUtilityClass;
+
+var _base = require("@mui/base");
+
+function getAlertUtilityClass(slot) {
+  return (0, _base.generateUtilityClass)('MuiAlert', slot);
 }
-const alertClasses = generateUtilityClasses('MuiAlert', ['root', 'action', 'icon', 'message', 'filled', 'filledSuccess', 'filledInfo', 'filledWarning', 'filledError', 'outlined', 'outlinedSuccess', 'outlinedInfo', 'outlinedWarning', 'outlinedError', 'standard', 'standardSuccess', 'standardInfo', 'standardWarning', 'standardError']);
-export default alertClasses;
+
+const alertClasses = (0, _base.generateUtilityClasses)('MuiAlert', ['root', 'action', 'icon', 'message', 'filled', 'filledSuccess', 'filledInfo', 'filledWarning', 'filledError', 'outlined', 'outlinedSuccess', 'outlinedInfo', 'outlinedWarning', 'outlinedError', 'standard', 'standardSuccess', 'standardInfo', 'standardWarning', 'standardError']);
+var _default = alertClasses;
+exports.default = _default;

package/Alert/index.js

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

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

package/AlertTitle/AlertTitle.js

@@ -1,15 +1,39 @@
-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 _clsx = _interopRequireDefault(require("clsx"));
+
+var _base = require("@mui/base");
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _alertTitleClasses = require("./alertTitleClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["className"];
-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 Typography from '../Typography';
-import { getAlertTitleUtilityClass } from './alertTitleClasses';
-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 {
@@ -18,10 +42,10 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return composeClasses(slots, getAlertTitleUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _alertTitleClasses.getAlertTitleUtilityClass, classes);
 };
 
-const AlertTitleRoot = styled(Typography, {
+const AlertTitleRoot = (0, _styled.default)(_Typography.default, {
   name: 'MuiAlertTitle',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -34,24 +58,22 @@ const AlertTitleRoot = styled(Typography, {
   };
 });
 const AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiAlertTitle'
   });
-
   const {
     className
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AlertTitleRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertTitleRoot, (0, _extends2.default)({
     gutterBottom: true,
     component: "div",
     ownerState: ownerState,
     ref: ref,
-    className: clsx(classes.root, className)
+    className: (0, _clsx.default)(classes.root, className)
   }, other));
 });
 process.env.NODE_ENV !== "production" ? AlertTitle.propTypes
@@ -65,21 +87,22 @@ process.env.NODE_ENV !== "production" ? AlertTitle.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 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 AlertTitle;
+var _default = AlertTitle;
+exports.default = _default;