@mui/material 5.14.10 → 5.14.12

package/Autocomplete/Autocomplete.d.ts

@@ -7,6 +7,7 @@ import {
   AutocompleteChangeReason,
   AutocompleteCloseReason,
   AutocompleteInputChangeReason,
+  AutocompleteValue,
   createFilterOptions,
   UseAutocompleteProps,
   AutocompleteFreeSoloValueMapping,
@@ -22,6 +23,7 @@ export {
   AutocompleteChangeReason,
   AutocompleteCloseReason,
   AutocompleteInputChangeReason,
+  AutocompleteValue,
   createFilterOptions,
 };
 

package/ButtonGroup/ButtonGroup.js

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '@mui/system';
+import { getValidReactChildren } from '@mui/utils';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -180,9 +181,11 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
     size,
     variant
   }), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
-  const getButtonPositionClassName = (index, childrenParam) => {
+  const validChildren = getValidReactChildren(children);
+  const childrenCount = validChildren.length;
+  const getButtonPositionClassName = index => {
     const isFirstButton = index === 0;
-    const isLastButton = index === React.Children.count(childrenParam) - 1;
+    const isLastButton = index === childrenCount - 1;
     if (isFirstButton && isLastButton) {
       return '';
     }
@@ -203,14 +206,11 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
   }, other, {
     children: /*#__PURE__*/_jsx(ButtonGroupContext.Provider, {
       value: context,
-      children: React.Children.map(children, (child, index) => {
-        if (! /*#__PURE__*/React.isValidElement(child)) {
-          return child;
-        }
+      children: validChildren.map((child, index) => {
         return /*#__PURE__*/_jsx(ButtonGroupButtonContext.Provider, {
-          value: getButtonPositionClassName(index, children),
+          value: getButtonPositionClassName(index),
           children: child
-        });
+        }, index);
       })
     })
   }));

package/CHANGELOG.md

@@ -1,5 +1,164 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.12
+
+<!-- generated comparing v5.14.11..master -->
+
+_Oct 3, 2023_
+
+A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Introduced color inversion utilities to Joy UI (#38916) @siriwatknp
+- 🚀 Added Chip and related TextField components to Material You @DiegoAndai, @mj12albert
+
+### `@mui/material@5.14.12`
+
+- [DialogActions] Apply margin-left when children is not of `button` type (#39189) @sai6855
+- [Select] Improve a11y by adding combobox role and aria-controls attribute (#38785) @xulingzhihou
+- [Select] Fix MenuProps slotProps forwarding (#39177) @DiegoAndai
+- [TextField] Polish types in Textfield demo (#39140) @sai6855
+- [ButtonGroup] Fix rendering with conditional elements (#38989) @ZeeshanTamboli
+
+### `@mui/system@5.14.12`
+
+- [system] Add support for `variants` in the styled() util (#39073) @mnajdova
+- [Box] Add missing logical spacing property types (#39169) @Semigradsky
+
+### `@mui/base@5.0.0-beta.18`
+
+- [useSlider] Align externalProps handling (#38854) @mj12albert
+- [useTabs] Align external props handling for useTab/useTabPanel/useTabsList (#39037) @mj12albert
+- [test] Fix import paths in useTab tests (#39291) @mj12albert
+
+### `@mui/material-next@6.0.0-alpha.104`
+
+- [Chip] Add Material You Chip component (#38927) @DiegoAndai
+- [Divider] Copy v5 Divider (#39197) @mj12albert
+- [FilledInput] Copy v5 FilledInput (#39040) @mj12albert
+- [FormControl] Add FormControl component (#39032) @mj12albert
+- [Select] Copy Select files from v5 (#39188) @DiegoAndai
+- [TextField] Copy v5 TextField's inner components (#39166) @mj12albert
+
+### `@mui/joy@5.0.0-beta.9`
+
+- Introduce color inversion utilities (#38916) @siriwatknp
+- Replace margin with `gap` property (#39147) @siriwatknp
+- [CssBaseline] use Joy `GlobalStyles` (#39278) @siriwatknp
+- [Drawer] Apply content styles from theme to content slot (#39199) @sai6855
+- [List] Add gap and missing active styles (#39146) @siriwatknp
+- [Switch] Slight adjustments to the design (#39276) @danilo-leal
+
+### Docs
+
+- [docs] Update Autocomplete demo for React 18 (#39162) @oliviertassinari
+- [docs-infra] Tweak feedback footer section design (#36556) @danilo-leal
+- [docs-infra] Improve code syntax highlight (#39181) @oliviertassinari
+- [docs][base] Add Tailwind CSS + plain CSS demo on the TextArea page (#39046) @alisasanib
+- [docs][base-ui] Fix style for root div of multiline input (#39182) @ttlpta
+- [docs][base-ui] Improve Select's country select demo (#38983) @oliviertassinari
+- [docs][joy-ui] Add scrollable tabs example (#39260) @siriwatknp
+- [docs][joy-ui] Match `Autocomplete` github label demo to actual github label dropdown (#39228) @sai6855
+- [docs][joy-ui] Refine the Rental dashboard template (#39059) @zanivan
+- [docs][joy-ui] Removed incomplete sentence in the Aspect Ratio page (#39227) @Erik-McKelvey
+- [docs][joy-ui] Fix typo in the Accordion page (#39226) @Erik-McKelvey
+- [docs][joy-ui] Update and standardize template Sidemenus (#39271) @zanivan
+- [docs][joy-ui] Add a roadmap page (#39163) @danilo-leal
+- [docs][material-ui] Replace `Box` with `Stack` in applicable demos (#39174) @sai6855
+- [docs][material-ui] Add small polish to the Templates page (#39224) @danilo-leal
+- [docs][material-ui] Small revision to the Icons page (#38840) @danilo-leal
+
+### Core
+
+- Add next lint config to eslint (#39183) @Janpot
+- [core] Update eslint rules (#39178) @romgrk
+- [core] Fix Greg GitHub slug @oliviertassinari
+- [core] Priority Support casing normalization @oliviertassinari
+- [website] Add Heat map in pricing page (#39269) @oliviertassinari
+- [website] Update `React Engineer - xCharts` Ashby link (#39172) @DanailH
+- [website] Add Charts to the pricing table (#38680) @alexfauquette
+- [website] Polish career experience @oliviertassinari
+- [website] Simplify the Core products file (#39194) @danilo-leal
+
+All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @DanailH, @danilo-leal, @DiegoAndai, @Erik-McKelvey, @Janpot, @mj12albert, @mnajdova, @oliviertassinari, @romgrk, @sai6855, @Semigradsky, @siriwatknp, @xulingzhihou, @zanivan, @ZeeshanTamboli
+
+## 5.14.11
+
+<!-- generated comparing v5.14.10..master -->
+
+_Sep 26, 2023_
+
+A big thanks to the 23 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.14.11`
+
+- [Autocomplete] Re-export `AutocompleteValue` to make it available from path import (#38638) @vadimka123
+- [Select][material-ui] Missing aria-multiselectable attribute on multiple Select component (#38855) @gitstart
+- [l10n] labelDisplayedRows is added for trTR localization (#39056) @tebersefa
+
+### `@mui/utils@5.14.11`
+
+- Support RSC in `isMuiElement` util (#38129) @sai6855
+
+### `@mui/base@5.0.0-beta.17`
+
+- [NumberInput] Support adornments (#38900) @anle9650
+- [Menu] Align external props handling for useMenu/MenuButton/MenuItem (#38946) @mj12albert
+- [Select] Align external props handling (#39038) @mj12albert
+- [TextareaAutosize] Simplify logic and add test (#38728) @oliviertassinari
+
+### `@mui/joy@5.0.0-beta.8`
+
+- [Button] Fix disabled button styling when component prop is provided (#38996) @sai6855
+- [Drawer] Add missing `JoyDrawer` in theme components (#39074) @Studio384
+
+### `@mui/material-next@6.0.0-alpha.103`
+
+- [FormControl] Copy v5 FormControl (#39039) @mj12albert
+
+### `@mui/lab@5.0.0-alpha.146`
+
+- [TreeView] Fix JSDoc comments in TreeView and TreeItem (#38874) @jergason
+
+### Docs
+
+- Improve focus trap demo (#38985) @oliviertassinari
+- Add Tailwind CSS + plain CSS demo on the Tabs page (#39000) @alisasanib
+- Improve the default theme viewer design (#39049) @danilo-leal
+- Add live demo with CssVarsProvider (#38792) @oliviertassinari
+- Fix wrong hash on Card's page (#39151) @mnajdova
+- Revise the Drawer page (#38988) @danilo-leal
+- Simplify the button's loading indicator demo (#39082) @danilo-leal
+- Fix the Templates link on the Overview page (#39086) @danilo-leal
+- Refine the Sign in template (#38942) @zanivan
+- Add `use-count-up` integration with the Circular Progress (#38952) @anon-phantom
+
+### Core
+
+- [blog] Add a company values blog post (#38802) @mikailaread
+- [core] Downgrade lerna to 7.2.0 (#39149) @michaldudak
+- [core] Simplify docs feedback interaction (#39075) @alexfauquette
+- [core] Improve ref type definition (#38903) @oliviertassinari
+- [core] Simplify career (#39112) @oliviertassinari
+- [core] Update Babel types along with source packages (#39070) @michaldudak
+- [core] Add a comment to explain `useEnhancedEffect` (#39035) @Janpot
+- [docs-infra] Fix code removal in table of content (#39165) @alexfauquette
+- [docs-infra] Improve callouts design (#39084) @danilo-leal
+- [docs-infra] Fix key warning in Base UI Slider slots section (#38954) @ZeeshanTamboli
+- [docs-infra] Fix error when redirecting to the root page (#38451) @maheshguntur
+- [docs-infra] Open demo crash in the right repository (#39006) @oliviertassinari
+- [test] Split the test package (#39061) @michaldudak
+- [website] React Engineer - xCharts role (#38976) @DanailH
+- [website] Improve the highlighter component colors (#39087) @danilo-leal
+- [website] Fix Pricing page row hover (#39097) @danilo-leal
+- [website] Fix typo with straight quote @oliviertassinari
+- [website] Sync about page @oliviertassinari
+- [website] Update the about page (#38733) @danilo-leal
+- [website] Small fixes on the X marketing page (#38975) @flaviendelangle
+- [website] Add stray design tweaks to the X page (#38589) @danilo-leal
+
+All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @anle9650, @anon-phantom, @DanailH, @danilo-leal, @DiegoAndai, @flaviendelangle, @gitstart, @Janpot, @jergason, @maheshguntur, @michaldudak, @mikailaread, @mj12albert, @mnajdova, @oliviertassinari, @sai6855, @Studio384, @tebersefa, @vadimka123, @zanivan, @ZeeshanTamboli
+
 ## 5.14.10
 
 <!-- generated comparing v5.14.9..master -->

package/DialogActions/DialogActions.js

@@ -39,7 +39,7 @@ const DialogActionsRoot = styled('div', {
   justifyContent: 'flex-end',
   flex: '0 0 auto'
 }, !ownerState.disableSpacing && {
-  '& > :not(:first-of-type)': {
+  '& > :not(style) ~ :not(style)': {
     marginLeft: 8
   }
 }));

package/Menu/Menu.d.ts

@@ -1,16 +1,14 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { MenuOwnerState, SlotComponentProps } from '@mui/base';
 import { InternalStandardProps as StandardProps } from '..';
-import Paper, { PaperProps } from '../Paper';
+import { PaperProps } from '../Paper';
 import { PopoverProps } from '../Popover';
 import { MenuListProps } from '../MenuList';
 import { Theme } from '../styles';
 import { TransitionProps } from '../transitions/transition';
 import { MenuClasses } from './menuClasses';
 
-export interface MenuProps
-  extends StandardProps<Omit<PopoverProps, 'slots' | 'slotProps'>, 'children'> {
+export interface MenuProps extends StandardProps<PopoverProps> {
   /**
    * An HTML element, or a function that returns one.
    * It's used to set the position of the menu.
@@ -60,25 +58,6 @@ export interface MenuProps
    * `classes` prop applied to the [`Popover`](/material-ui/api/popover/) element.
    */
   PopoverClasses?: PopoverProps['classes'];
-  /**
-   * The components used for each slot inside.
-   *
-   * @default {}
-   */
-  slots?: {
-    root?: React.ElementType;
-    paper?: React.ElementType;
-  };
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @default {}
-   */
-  slotProps?: {
-    root?: SlotComponentProps<typeof Menu, {}, MenuOwnerState>;
-    paper?: SlotComponentProps<typeof Paper, {}, {}>;
-  };
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/Select/SelectInput.js

@@ -10,7 +10,7 @@ import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
-import { refType } from '@mui/utils';
+import { refType, unstable_useId as useId } from '@mui/utils';
 import ownerDocument from '../utils/ownerDocument';
 import capitalize from '../utils/capitalize';
 import Menu from '../Menu/Menu';
@@ -434,11 +434,13 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   });
   const classes = useUtilityClasses(ownerState);
   const paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
+  const listboxId = useId();
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
       ref: handleDisplayRef,
       tabIndex: tabIndex,
-      role: "button",
+      role: "combobox",
+      "aria-controls": listboxId,
       "aria-disabled": disabled ? 'true' : undefined,
       "aria-expanded": open ? 'true' : 'false',
       "aria-haspopup": "listbox",
@@ -493,15 +495,17 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       MenuListProps: _extends({
         'aria-labelledby': labelId,
         role: 'listbox',
-        disableListWrap: true
+        'aria-multiselectable': multiple ? 'true' : undefined,
+        disableListWrap: true,
+        id: listboxId
       }, MenuProps.MenuListProps),
-      slotProps: {
+      slotProps: _extends({}, MenuProps.slotProps, {
         paper: _extends({}, paperProps, {
           style: _extends({
             minWidth: menuMinWidth
           }, paperProps != null ? paperProps.style : null)
         })
-      },
+      }),
       children: items
     }))]
   });

package/index.js

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

package/legacy/ButtonGroup/ButtonGroup.js

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '@mui/system';
+import { getValidReactChildren } from '@mui/utils';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -164,9 +165,11 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, re
       variant: variant
     };
   }, [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
-  var getButtonPositionClassName = function getButtonPositionClassName(index, childrenParam) {
+  var validChildren = getValidReactChildren(children);
+  var childrenCount = validChildren.length;
+  var getButtonPositionClassName = function getButtonPositionClassName(index) {
     var isFirstButton = index === 0;
-    var isLastButton = index === React.Children.count(childrenParam) - 1;
+    var isLastButton = index === childrenCount - 1;
     if (isFirstButton && isLastButton) {
       return '';
     }
@@ -187,14 +190,11 @@ var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps, re
   }, other, {
     children: /*#__PURE__*/_jsx(ButtonGroupContext.Provider, {
       value: context,
-      children: React.Children.map(children, function (child, index) {
-        if (! /*#__PURE__*/React.isValidElement(child)) {
-          return child;
-        }
+      children: validChildren.map(function (child, index) {
         return /*#__PURE__*/_jsx(ButtonGroupButtonContext.Provider, {
-          value: getButtonPositionClassName(index, children),
+          value: getButtonPositionClassName(index),
           children: child
-        });
+        }, index);
       })
     })
   }));

package/legacy/DialogActions/DialogActions.js

@@ -34,7 +34,7 @@ var DialogActionsRoot = styled('div', {
     justifyContent: 'flex-end',
     flex: '0 0 auto'
   }, !ownerState.disableSpacing && {
-    '& > :not(:first-of-type)': {
+    '& > :not(style) ~ :not(style)': {
       marginLeft: 8
     }
   });

package/legacy/Select/SelectInput.js

@@ -12,7 +12,7 @@ import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
-import { refType } from '@mui/utils';
+import { refType, unstable_useId as useId } from '@mui/utils';
 import ownerDocument from '../utils/ownerDocument';
 import capitalize from '../utils/capitalize';
 import Menu from '../Menu/Menu';
@@ -445,11 +445,13 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
   });
   var classes = useUtilityClasses(ownerState);
   var paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
+  var listboxId = useId();
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
       ref: handleDisplayRef,
       tabIndex: tabIndex,
-      role: "button",
+      role: "combobox",
+      "aria-controls": listboxId,
       "aria-disabled": disabled ? 'true' : undefined,
       "aria-expanded": open ? 'true' : 'false',
       "aria-haspopup": "listbox",
@@ -504,15 +506,17 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
       MenuListProps: _extends({
         'aria-labelledby': labelId,
         role: 'listbox',
-        disableListWrap: true
+        'aria-multiselectable': multiple ? 'true' : undefined,
+        disableListWrap: true,
+        id: listboxId
       }, MenuProps.MenuListProps),
-      slotProps: {
+      slotProps: _extends({}, MenuProps.slotProps, {
         paper: _extends({}, paperProps, {
           style: _extends({
             minWidth: menuMinWidth
           }, paperProps != null ? paperProps.style : null)
         })
-      },
+      }),
       children: items
     }))]
   });

package/legacy/index.js

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

package/legacy/locale/index.js

@@ -3791,12 +3791,15 @@ export var trTR = {
           // if (type === 'previous') {
           return 'Önceki sayfaya git';
         },
-        labelRowsPerPage: 'Sayfa başına satır:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} tanesinden ${count !== -1 ? count : `more than ${to}`}`,
+        labelRowsPerPage: 'Sayfa başına satır:',
+        labelDisplayedRows: function labelDisplayedRows(_ref41) {
+          var from = _ref41.from,
+            to = _ref41.to,
+            count = _ref41.count;
+          return "".concat(from, "-").concat(to, " / ").concat(count !== -1 ? count : "".concat(to, "'den fazla"));
+        }
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -3867,10 +3870,10 @@ export var tlTL = {
           return 'Pumunta sa nakaraang pahina';
         },
         labelRowsPerPage: 'Mga hilera bawat pahina:',
-        labelDisplayedRows: function labelDisplayedRows(_ref41) {
-          var from = _ref41.from,
-            to = _ref41.to,
-            count = _ref41.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref42) {
+          var from = _ref42.from,
+            to = _ref42.to,
+            count = _ref42.count;
           return "".concat(from, "\u2013").concat(to, " ng ").concat(count !== -1 ? count : "higit sa ".concat(to));
         }
       }
@@ -3943,10 +3946,10 @@ export var ukUA = {
           return 'Перейти на попередню сторінку';
         },
         labelRowsPerPage: 'Рядків на сторінці:',
-        labelDisplayedRows: function labelDisplayedRows(_ref42) {
-          var from = _ref42.from,
-            to = _ref42.to,
-            count = _ref42.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref43) {
+          var from = _ref43.from,
+            to = _ref43.to,
+            count = _ref43.count;
           return "".concat(from, "\u2013").concat(to, " \u0437 ").concat(count !== -1 ? count : "\u043F\u043E\u043D\u0430\u0434 ".concat(to));
         }
       }
@@ -4026,10 +4029,10 @@ export var urPK = {
           return 'پچھلے صفحے پر جائیں';
         },
         labelRowsPerPage: 'ایک صفحے پر قطاریں:',
-        labelDisplayedRows: function labelDisplayedRows(_ref43) {
-          var from = _ref43.from,
-            to = _ref43.to,
-            count = _ref43.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref44) {
+          var from = _ref44.from,
+            to = _ref44.to,
+            count = _ref44.count;
           return "".concat(count !== -1 ? "".concat(count, " \u0645\u06CC\u06BA \u0633\u06D2") : "".concat(to, " \u0633\u06D2 \u0630\u06CC\u0627\u062F\u06C1 \u0645\u06CC\u06BA \u0633\u06D2"), " ").concat(from, " \u0633\u06D2 ").concat(to, " \u0642\u0637\u0627\u0631\u06CC\u06BA");
         }
       }
@@ -4102,10 +4105,10 @@ export var viVN = {
           return 'Về trang trước đó';
         },
         labelRowsPerPage: 'Số hàng mỗi trang:',
-        labelDisplayedRows: function labelDisplayedRows(_ref44) {
-          var from = _ref44.from,
-            to = _ref44.to,
-            count = _ref44.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref45) {
+          var from = _ref45.from,
+            to = _ref45.to,
+            count = _ref45.count;
           return "".concat(from, "\u2013").concat(to, " trong ").concat(count !== -1 ? count : "nhi\u1EC1u h\u01A1n ".concat(to));
         }
       }
@@ -4177,10 +4180,10 @@ export var zhCN = {
           return '上一页';
         },
         labelRowsPerPage: '每页行数:',
-        labelDisplayedRows: function labelDisplayedRows(_ref45) {
-          var from = _ref45.from,
-            to = _ref45.to,
-            count = _ref45.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref46) {
+          var from = _ref46.from,
+            to = _ref46.to,
+            count = _ref46.count;
           return "\u7B2C ".concat(from, " \u6761\u5230\u7B2C ").concat(to, " \u6761\uFF0C").concat(count !== -1 ? "\u5171 ".concat(count, " \u6761") : "\u81F3\u5C11 ".concat(to, " \u6761"));
         }
       }
@@ -4231,10 +4234,10 @@ export var zhHK = {
           return '上一頁';
         },
         labelRowsPerPage: '每頁行數:',
-        labelDisplayedRows: function labelDisplayedRows(_ref46) {
-          var from = _ref46.from,
-            to = _ref46.to,
-            count = _ref46.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref47) {
+          var from = _ref47.from,
+            to = _ref47.to,
+            count = _ref47.count;
           return "\u7B2C ".concat(from, " \u9805\u81F3\u7B2C ").concat(to, " \u9805\uFF0C").concat(count !== -1 ? "\u5171 ".concat(count, " \u9805") : "\u8D85\u904E ".concat(to, " \u9805"));
         }
       }
@@ -4285,10 +4288,10 @@ export var zhTW = {
           return '上一頁';
         },
         labelRowsPerPage: '每頁數量:',
-        labelDisplayedRows: function labelDisplayedRows(_ref47) {
-          var from = _ref47.from,
-            to = _ref47.to,
-            count = _ref47.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref48) {
+          var from = _ref48.from,
+            to = _ref48.to,
+            count = _ref48.count;
           return "".concat(from, " ~ ").concat(to, " / ").concat(count !== -1 ? count : "".concat(to, " \u4EE5\u4E0A"));
         }
       }

package/locale/index.js

@@ -3679,12 +3679,14 @@ export const trTR = {
           // if (type === 'previous') {
           return 'Önceki sayfaya git';
         },
-        labelRowsPerPage: 'Sayfa başına satır:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} tanesinden ${count !== -1 ? count : `more than ${to}`}`,
+        labelRowsPerPage: 'Sayfa başına satır:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}-${to} / ${count !== -1 ? count : `${to}'den fazla`}`
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Yıldız`,

package/modern/ButtonGroup/ButtonGroup.js

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '@mui/system';
+import { getValidReactChildren } from '@mui/utils';
 import capitalize from '../utils/capitalize';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
@@ -180,9 +181,11 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
     size,
     variant
   }), [color, disabled, disableElevation, disableFocusRipple, disableRipple, fullWidth, size, variant, classes.grouped]);
-  const getButtonPositionClassName = (index, childrenParam) => {
+  const validChildren = getValidReactChildren(children);
+  const childrenCount = validChildren.length;
+  const getButtonPositionClassName = index => {
     const isFirstButton = index === 0;
-    const isLastButton = index === React.Children.count(childrenParam) - 1;
+    const isLastButton = index === childrenCount - 1;
     if (isFirstButton && isLastButton) {
       return '';
     }
@@ -203,14 +206,11 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(inProps,
   }, other, {
     children: /*#__PURE__*/_jsx(ButtonGroupContext.Provider, {
       value: context,
-      children: React.Children.map(children, (child, index) => {
-        if (! /*#__PURE__*/React.isValidElement(child)) {
-          return child;
-        }
+      children: validChildren.map((child, index) => {
         return /*#__PURE__*/_jsx(ButtonGroupButtonContext.Provider, {
-          value: getButtonPositionClassName(index, children),
+          value: getButtonPositionClassName(index),
           children: child
-        });
+        }, index);
       })
     })
   }));

package/modern/DialogActions/DialogActions.js

@@ -39,7 +39,7 @@ const DialogActionsRoot = styled('div', {
   justifyContent: 'flex-end',
   flex: '0 0 auto'
 }, !ownerState.disableSpacing && {
-  '& > :not(:first-of-type)': {
+  '& > :not(style) ~ :not(style)': {
     marginLeft: 8
   }
 }));