@mui/material 5.14.19 → 5.15.0

package/legacy/locale/index.js

@@ -329,7 +329,6 @@ export var azAZ = {
         //   `${from}–${to} dən ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -569,7 +568,6 @@ export var bgBG = {
         //   `${from}–${to} от ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -642,7 +640,6 @@ export var caES = {
         //   `${from}–${to} de ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -688,7 +685,6 @@ export var caES = {
     // },
   }
 };
-
 export var csCZ = {
   components: {
     MuiBreadcrumbs: {
@@ -1710,7 +1706,6 @@ export var huHU = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -1783,7 +1778,6 @@ export var hyAM = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -1829,7 +1823,6 @@ export var hyAM = {
     // },
   }
 };
-
 export var idID = {
   components: {
     // MuiBreadcrumbs: {
@@ -1857,7 +1850,6 @@ export var idID = {
         //   `${from}–${to} dari ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -1866,7 +1858,6 @@ export var idID = {
         // emptyLabelText: 'Empty',
       }
     },
-
     MuiAutocomplete: {
       defaultProps: {
         clearText: 'Hapus',
@@ -1904,7 +1895,6 @@ export var idID = {
     // },
   }
 };
-
 export var isIS = {
   components: {
     MuiBreadcrumbs: {
@@ -3322,7 +3312,6 @@ export var roRO = {
         //   `${from}–${to} din ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {

package/legacy/useTouchRipple/useTouchRipple.js

@@ -36,7 +36,7 @@ var useTouchRipple = function useTouchRipple(props) {
   });
   var handleKeyUp = useEventCallback(function (event) {
     // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
+    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
     if (!disableFocusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
       keydownRef.current = false;
       rippleRef.current.stop(event, function () {

package/locale/index.js

@@ -317,7 +317,6 @@ export const azAZ = {
         //   `${from}–${to} dən ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => {
@@ -553,7 +552,6 @@ export const bgBG = {
         //   `${from}–${to} от ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Звезд${value !== 1 ? 'и' : 'а'}`,
@@ -624,7 +622,6 @@ export const caES = {
         //   `${from}–${to} de ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} ${value !== 1 ? 'Estrelles' : 'Estrella'}`,
@@ -668,7 +665,6 @@ export const caES = {
     // },
   }
 };
-
 export const csCZ = {
   components: {
     MuiBreadcrumbs: {
@@ -1658,7 +1654,6 @@ export const huHU = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Csillag`,
@@ -1729,7 +1724,6 @@ export const hyAM = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Աստղ`,
@@ -1773,7 +1767,6 @@ export const hyAM = {
     // },
   }
 };
-
 export const idID = {
   components: {
     // MuiBreadcrumbs: {
@@ -1801,14 +1794,12 @@ export const idID = {
         //   `${from}–${to} dari ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Bintang`
         // emptyLabelText: 'Empty',
       }
     },
-
     MuiAutocomplete: {
       defaultProps: {
         clearText: 'Hapus',
@@ -1846,7 +1837,6 @@ export const idID = {
     // },
   }
 };
-
 export const isIS = {
   components: {
     MuiBreadcrumbs: {
@@ -3220,7 +3210,6 @@ export const roRO = {
         //   `${from}–${to} din ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} St${value !== 1 ? 'ele' : 'ea'}`,

package/modern/Autocomplete/Autocomplete.js

@@ -216,7 +216,6 @@ const AutocompleteEndAdornment = styled('div', {
   right: 0,
   top: 'calc(50% - 14px)' // Center vertically
 });
-
 const AutocompleteClearIndicator = styled(IconButton, {
   name: 'MuiAutocomplete',
   slot: 'ClearIndicator',

package/modern/ButtonBase/ButtonBase.js

@@ -67,7 +67,6 @@ export const ButtonBaseRoot = styled('button', {
   '&::-moz-focus-inner': {
     borderStyle: 'none' // Remove Firefox dotted outline.
   },
-
   [`&.${buttonBaseClasses.disabled}`]: {
     pointerEvents: 'none',
     // Disable link interactions
@@ -234,7 +233,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   });
   const handleKeyUp = useEventCallback(event => {
     // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
+    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
     if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
       keydownRef.current = false;
       rippleRef.current.stop(event, () => {

package/modern/ButtonGroup/index.js

@@ -2,4 +2,6 @@
 
 export { default } from './ButtonGroup';
 export { default as buttonGroupClasses } from './buttonGroupClasses';
-export * from './buttonGroupClasses';
+export * from './buttonGroupClasses';
+export { default as ButtonGroupContext } from './ButtonGroupContext';
+export { default as ButtonGroupButtonContext } from './ButtonGroupButtonContext';

package/modern/CircularProgress/CircularProgress.js

@@ -84,7 +84,6 @@ const CircularProgressSVG = styled('svg', {
 })({
   display: 'block' // Keeps the progress centered
 });
-
 const CircularProgressCircle = styled('circle', {
   name: 'MuiCircularProgress',
   slot: 'Circle',

package/modern/FilledInput/FilledInput.js

@@ -82,7 +82,6 @@ const FilledInputRoot = styled(InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&.${filledInputClasses.focused}:after`]: {
       // translateX(0) is a workaround for Safari transform scale bug
       // See https://github.com/mui/material-ui/issues/31766
@@ -106,7 +105,6 @@ const FilledInputRoot = styled(InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&:hover:not(.${filledInputClasses.disabled}, .${filledInputClasses.error}):before`]: {
       borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`
     },

package/modern/Input/Input.js

@@ -66,7 +66,6 @@ const InputRoot = styled(InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&.${inputClasses.focused}:after`]: {
       // translateX(0) is a workaround for Safari transform scale bug
       // See https://github.com/mui/material-ui/issues/31766
@@ -90,7 +89,6 @@ const InputRoot = styled(InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&:hover:not(.${inputClasses.disabled}, .${inputClasses.error}):before`]: {
       borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
       // Reset on touch devices, it doesn't add specificity

package/modern/InputBase/InputBase.js

@@ -167,13 +167,11 @@ export const InputBaseComponent = styled('input', {
       // IE11
       '&:focus::-ms-input-placeholder': placeholderVisible // Edge
     },
-
     [`&.${inputBaseClasses.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
       WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
     },
-
     '&:-webkit-autofill': {
       animationDuration: '5000s',
       animationName: 'mui-auto-fill'

package/modern/InputLabel/InputLabel.js

@@ -105,11 +105,7 @@ const InputLabelRoot = styled(FormLabel, {
   // but it feels a better when it bleeds a bit on the left, so 32px.
   maxWidth: 'calc(133% - 32px)',
   transform: 'translate(14px, -9px) scale(0.75)'
-}), ownerState.variant === 'standard' && {
-  '&:not(label) + div': {
-    marginTop: 16
-  }
-}));
+})));
 const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {
   const props = useThemeProps({
     name: 'MuiInputLabel',

package/modern/Link/Link.js

@@ -83,7 +83,6 @@ const LinkRoot = styled(Typography, {
     '&::-moz-focus-inner': {
       borderStyle: 'none' // Remove Firefox dotted outline.
     },
-
     [`&.${linkClasses.focusVisible}`]: {
       outline: 'auto'
     }

package/modern/NativeSelect/NativeSelectInput.js

@@ -49,7 +49,6 @@ export const nativeSelectSelectStyles = ({
   }, {
     borderRadius: 0 // Reset Chrome style
   }),
-
   // Remove IE11 arrow
   '&::-ms-expand': {
     display: 'none'
@@ -77,7 +76,6 @@ export const nativeSelectSelectStyles = ({
   '&:focus': {
     borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
   },
-
   '&&&': {
     paddingRight: 32
   }

package/modern/Select/SelectInput.js

@@ -385,7 +385,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       'data-value': child.props.value // Instead, we provide it as a data attribute.
     });
   });
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
@@ -434,7 +433,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   const classes = useUtilityClasses(ownerState);
   const paperProps = _extends({}, MenuProps.PaperProps, MenuProps.slotProps?.paper);
   const listboxId = useId();
-  const hiddenInputId = useId();
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
       ref: handleDisplayRef,
@@ -465,7 +463,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     })), /*#__PURE__*/_jsx(SelectNativeInput, _extends({
       "aria-invalid": error,
       value: Array.isArray(value) ? value.join(',') : value,
-      name: name ?? hiddenInputId,
+      name: name,
       ref: inputRef,
       "aria-hidden": true,
       onChange: handleChange,

package/modern/TablePagination/TablePagination.js

@@ -96,7 +96,6 @@ const TablePaginationSelect = styled(Select, {
     textAlignLast: 'right' // Align <select> on Chrome.
   }
 });
-
 const TablePaginationMenuItem = styled(MenuItem, {
   name: 'MuiTablePagination',
   slot: 'MenuItem',
@@ -179,7 +178,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
   if (component === TableCell || component === 'td') {
     colSpan = colSpanProp || 1000; // col-span over everything
   }
-
   const selectId = useId(selectProps.id);
   const labelId = useId(selectProps.labelId);
   const getLabelDisplayedRowsTo = () => {

package/modern/Tabs/Tabs.js

@@ -200,7 +200,6 @@ const TabsScrollbarSize = styled(ScrollbarSize)({
     display: 'none' // Safari + Chrome
   }
 });
-
 const defaultIndicatorStyle = {};
 let warnedOnceTabPresent = false;
 const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.19
+ * @mui/material v5.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/locale/index.js

@@ -317,7 +317,6 @@ export const azAZ = {
         //   `${from}–${to} dən ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => {
@@ -553,7 +552,6 @@ export const bgBG = {
         //   `${from}–${to} от ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Звезд${value !== 1 ? 'и' : 'а'}`,
@@ -624,7 +622,6 @@ export const caES = {
         //   `${from}–${to} de ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} ${value !== 1 ? 'Estrelles' : 'Estrella'}`,
@@ -668,7 +665,6 @@ export const caES = {
     // },
   }
 };
-
 export const csCZ = {
   components: {
     MuiBreadcrumbs: {
@@ -1658,7 +1654,6 @@ export const huHU = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Csillag`,
@@ -1729,7 +1724,6 @@ export const hyAM = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Աստղ`,
@@ -1773,7 +1767,6 @@ export const hyAM = {
     // },
   }
 };
-
 export const idID = {
   components: {
     // MuiBreadcrumbs: {
@@ -1801,14 +1794,12 @@ export const idID = {
         //   `${from}–${to} dari ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Bintang`
         // emptyLabelText: 'Empty',
       }
     },
-
     MuiAutocomplete: {
       defaultProps: {
         clearText: 'Hapus',
@@ -1846,7 +1837,6 @@ export const idID = {
     // },
   }
 };
-
 export const isIS = {
   components: {
     MuiBreadcrumbs: {
@@ -3220,7 +3210,6 @@ export const roRO = {
         //   `${from}–${to} din ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} St${value !== 1 ? 'ele' : 'ea'}`,

package/modern/useTouchRipple/useTouchRipple.js

@@ -35,7 +35,7 @@ const useTouchRipple = props => {
   });
   const handleKeyUp = useEventCallback(event => {
     // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
+    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
     if (!disableFocusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
       keydownRef.current = false;
       rippleRef.current.stop(event, () => {

package/node/Autocomplete/Autocomplete.js

@@ -229,7 +229,6 @@ const AutocompleteEndAdornment = (0, _styled.default)('div', {
   right: 0,
   top: 'calc(50% - 14px)' // Center vertically
 });
-
 const AutocompleteClearIndicator = (0, _styled.default)(_IconButton.default, {
   name: 'MuiAutocomplete',
   slot: 'ClearIndicator',

package/node/ButtonBase/ButtonBase.js

@@ -74,7 +74,6 @@ const ButtonBaseRoot = exports.ButtonBaseRoot = (0, _styled.default)('button', {
   '&::-moz-focus-inner': {
     borderStyle: 'none' // Remove Firefox dotted outline.
   },
-
   [`&.${_buttonBaseClasses.default.disabled}`]: {
     pointerEvents: 'none',
     // Disable link interactions
@@ -241,7 +240,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   });
   const handleKeyUp = (0, _useEventCallback.default)(event => {
     // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
+    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
     if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
       keydownRef.current = false;
       rippleRef.current.stop(event, () => {

package/node/ButtonGroup/index.js

@@ -6,8 +6,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  buttonGroupClasses: true
+  buttonGroupClasses: true,
+  ButtonGroupContext: true,
+  ButtonGroupButtonContext: true
 };
+Object.defineProperty(exports, "ButtonGroupButtonContext", {
+  enumerable: true,
+  get: function () {
+    return _ButtonGroupButtonContext.default;
+  }
+});
+Object.defineProperty(exports, "ButtonGroupContext", {
+  enumerable: true,
+  get: function () {
+    return _ButtonGroupContext.default;
+  }
+});
 Object.defineProperty(exports, "buttonGroupClasses", {
   enumerable: true,
   get: function () {
@@ -33,5 +47,7 @@ Object.keys(_buttonGroupClasses).forEach(function (key) {
     }
   });
 });
+var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
+var _ButtonGroupButtonContext = _interopRequireDefault(require("./ButtonGroupButtonContext"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/node/CircularProgress/CircularProgress.js

@@ -92,7 +92,6 @@ const CircularProgressSVG = (0, _styled.default)('svg', {
 })({
   display: 'block' // Keeps the progress centered
 });
-
 const CircularProgressCircle = (0, _styled.default)('circle', {
   name: 'MuiCircularProgress',
   slot: 'Circle',

package/node/FilledInput/FilledInput.js

@@ -91,7 +91,6 @@ const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&.${_filledInputClasses.default.focused}:after`]: {
       // translateX(0) is a workaround for Safari transform scale bug
       // See https://github.com/mui/material-ui/issues/31766
@@ -115,7 +114,6 @@ const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&:hover:not(.${_filledInputClasses.default.disabled}, .${_filledInputClasses.default.error}):before`]: {
       borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`
     },

package/node/Input/Input.js

@@ -74,7 +74,6 @@ const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&.${_inputClasses.default.focused}:after`]: {
       // translateX(0) is a workaround for Safari transform scale bug
       // See https://github.com/mui/material-ui/issues/31766
@@ -98,7 +97,6 @@ const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&:hover:not(.${_inputClasses.default.disabled}, .${_inputClasses.default.error}):before`]: {
       borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
       // Reset on touch devices, it doesn't add specificity

package/node/InputBase/InputBase.js

@@ -175,13 +175,11 @@ const InputBaseComponent = exports.InputBaseComponent = (0, _styled.default)('in
       // IE11
       '&:focus::-ms-input-placeholder': placeholderVisible // Edge
     },
-
     [`&.${_inputBaseClasses.default.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
       WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
     },
-
     '&:-webkit-autofill': {
       animationDuration: '5000s',
       animationName: 'mui-auto-fill'

package/node/InputLabel/InputLabel.js

@@ -113,11 +113,7 @@ const InputLabelRoot = (0, _styled.default)(_FormLabel.default, {
   // but it feels a better when it bleeds a bit on the left, so 32px.
   maxWidth: 'calc(133% - 32px)',
   transform: 'translate(14px, -9px) scale(0.75)'
-}), ownerState.variant === 'standard' && {
-  '&:not(label) + div': {
-    marginTop: 16
-  }
-}));
+})));
 const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     name: 'MuiInputLabel',

package/node/Link/Link.js

@@ -91,7 +91,6 @@ const LinkRoot = (0, _styled.default)(_Typography.default, {
     '&::-moz-focus-inner': {
       borderStyle: 'none' // Remove Firefox dotted outline.
     },
-
     [`&.${_linkClasses.default.focusVisible}`]: {
       outline: 'auto'
     }

package/node/NativeSelect/NativeSelectInput.js

@@ -56,7 +56,6 @@ const nativeSelectSelectStyles = ({
   }, {
     borderRadius: 0 // Reset Chrome style
   }),
-
   // Remove IE11 arrow
   '&::-ms-expand': {
     display: 'none'
@@ -84,7 +83,6 @@ const nativeSelectSelectStyles = ({
   '&:focus': {
     borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
   },
-
   '&&&': {
     paddingRight: 32
   }

package/node/Select/SelectInput.js

@@ -392,7 +392,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       'data-value': child.props.value // Instead, we provide it as a data attribute.
     });
   });
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
@@ -441,7 +440,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   const classes = useUtilityClasses(ownerState);
   const paperProps = (0, _extends2.default)({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
   const listboxId = (0, _utils.unstable_useId)();
-  const hiddenInputId = (0, _utils.unstable_useId)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSelect, (0, _extends2.default)({
       ref: handleDisplayRef,
@@ -472,7 +470,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectNativeInput, (0, _extends2.default)({
       "aria-invalid": error,
       value: Array.isArray(value) ? value.join(',') : value,
-      name: name != null ? name : hiddenInputId,
+      name: name,
       ref: inputRef,
       "aria-hidden": true,
       onChange: handleChange,

package/node/TablePagination/TablePagination.js

@@ -103,7 +103,6 @@ const TablePaginationSelect = (0, _styled.default)(_Select.default, {
     textAlignLast: 'right' // Align <select> on Chrome.
   }
 });
-
 const TablePaginationMenuItem = (0, _styled.default)(_MenuItem.default, {
   name: 'MuiTablePagination',
   slot: 'MenuItem',
@@ -187,7 +186,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
   if (component === _TableCell.default || component === 'td') {
     colSpan = colSpanProp || 1000; // col-span over everything
   }
-
   const selectId = (0, _useId.default)(selectProps.id);
   const labelId = (0, _useId.default)(selectProps.labelId);
   const getLabelDisplayedRowsTo = () => {