@mui/material 5.14.4 → 5.14.6

package/ButtonBase/buttonBaseClasses.d.ts

@@ -1,12 +1,12 @@
-export interface ButtonBaseClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-}
-export type ButtonBaseClassKey = keyof ButtonBaseClasses;
-export declare function getButtonBaseUtilityClass(slot: string): string;
-declare const buttonBaseClasses: ButtonBaseClasses;
-export default buttonBaseClasses;
+export interface ButtonBaseClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+}
+export type ButtonBaseClassKey = keyof ButtonBaseClasses;
+export declare function getButtonBaseUtilityClass(slot: string): string;
+declare const buttonBaseClasses: ButtonBaseClasses;
+export default buttonBaseClasses;

package/ButtonBase/touchRippleClasses.d.ts

@@ -1,20 +1,20 @@
-export interface TouchRippleClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the internal `Ripple` components `ripple` class. */
-    ripple: string;
-    /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
-    rippleVisible: string;
-    /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
-    ripplePulsate: string;
-    /** Styles applied to the internal `Ripple` components `child` class. */
-    child: string;
-    /** Styles applied to the internal `Ripple` components `childLeaving` class. */
-    childLeaving: string;
-    /** Styles applied to the internal `Ripple` components `childPulsate` class. */
-    childPulsate: string;
-}
-export type TouchRippleClassKey = keyof TouchRippleClasses;
-export declare function getTouchRippleUtilityClass(slot: string): string;
-declare const touchRippleClasses: TouchRippleClasses;
-export default touchRippleClasses;
+export interface TouchRippleClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the internal `Ripple` components `ripple` class. */
+    ripple: string;
+    /** Styles applied to the internal `Ripple` components `rippleVisible` class. */
+    rippleVisible: string;
+    /** Styles applied to the internal `Ripple` components `ripplePulsate` class. */
+    ripplePulsate: string;
+    /** Styles applied to the internal `Ripple` components `child` class. */
+    child: string;
+    /** Styles applied to the internal `Ripple` components `childLeaving` class. */
+    childLeaving: string;
+    /** Styles applied to the internal `Ripple` components `childPulsate` class. */
+    childPulsate: string;
+}
+export type TouchRippleClassKey = keyof TouchRippleClasses;
+export declare function getTouchRippleUtilityClass(slot: string): string;
+declare const touchRippleClasses: TouchRippleClasses;
+export default touchRippleClasses;

package/ButtonGroup/ButtonGroupContext.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import type { ButtonGroupProps } from './ButtonGroup';
-interface IButtonGroupContext {
-    className?: string;
-    color?: ButtonGroupProps['color'];
-    disabled?: boolean;
-    disableElevation?: boolean;
-    disableFocusRipple?: boolean;
-    disableRipple?: boolean;
-    fullWidth?: boolean;
-    size?: ButtonGroupProps['size'];
-    variant?: ButtonGroupProps['variant'];
-}
-/**
- * @ignore - internal component.
- */
-declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
-export default ButtonGroupContext;
+import * as React from 'react';
+import type { ButtonGroupProps } from './ButtonGroup';
+interface IButtonGroupContext {
+    className?: string;
+    color?: ButtonGroupProps['color'];
+    disabled?: boolean;
+    disableElevation?: boolean;
+    disableFocusRipple?: boolean;
+    disableRipple?: boolean;
+    fullWidth?: boolean;
+    size?: ButtonGroupProps['size'];
+    variant?: ButtonGroupProps['variant'];
+}
+/**
+ * @ignore - internal component.
+ */
+declare const ButtonGroupContext: React.Context<IButtonGroupContext>;
+export default ButtonGroupContext;

package/ButtonGroup/buttonGroupClasses.d.ts

@@ -1,58 +1,58 @@
-export interface ButtonGroupClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="contained"`. */
-    contained: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="text"`. */
-    text: string;
-    /** Styles applied to the root element if `disableElevation={true}`. */
-    disableElevation: string;
-    /** State class applied to the child elements if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `fullWidth={true}`. */
-    fullWidth: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the children. */
-    grouped: string;
-    /** Styles applied to the children if `orientation="horizontal"`. */
-    groupedHorizontal: string;
-    /** Styles applied to the children if `orientation="vertical"`. */
-    groupedVertical: string;
-    /** Styles applied to the children if `variant="text"`. */
-    groupedText: string;
-    /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
-    groupedTextHorizontal: string;
-    /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
-    groupedTextVertical: string;
-    /** Styles applied to the children if `variant="text"` and `color="primary"`. */
-    groupedTextPrimary: string;
-    /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
-    groupedTextSecondary: string;
-    /** Styles applied to the children if `variant="outlined"`. */
-    groupedOutlined: string;
-    /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
-    groupedOutlinedHorizontal: string;
-    /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
-    groupedOutlinedVertical: string;
-    /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
-    groupedOutlinedPrimary: string;
-    /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
-    groupedOutlinedSecondary: string;
-    /** Styles applied to the children if `variant="contained"`. */
-    groupedContained: string;
-    /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
-    groupedContainedHorizontal: string;
-    /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
-    groupedContainedVertical: string;
-    /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
-    groupedContainedPrimary: string;
-    /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
-    groupedContainedSecondary: string;
-}
-export type ButtonGroupClassKey = keyof ButtonGroupClasses;
-export declare function getButtonGroupUtilityClass(slot: string): string;
-declare const buttonGroupClasses: ButtonGroupClasses;
-export default buttonGroupClasses;
+export interface ButtonGroupClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="contained"`. */
+    contained: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="text"`. */
+    text: string;
+    /** Styles applied to the root element if `disableElevation={true}`. */
+    disableElevation: string;
+    /** State class applied to the child elements if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `fullWidth={true}`. */
+    fullWidth: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the children. */
+    grouped: string;
+    /** Styles applied to the children if `orientation="horizontal"`. */
+    groupedHorizontal: string;
+    /** Styles applied to the children if `orientation="vertical"`. */
+    groupedVertical: string;
+    /** Styles applied to the children if `variant="text"`. */
+    groupedText: string;
+    /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`. */
+    groupedTextHorizontal: string;
+    /** Styles applied to the children if `variant="text"` and `orientation="vertical"`. */
+    groupedTextVertical: string;
+    /** Styles applied to the children if `variant="text"` and `color="primary"`. */
+    groupedTextPrimary: string;
+    /** Styles applied to the children if `variant="text"` and `color="secondary"`. */
+    groupedTextSecondary: string;
+    /** Styles applied to the children if `variant="outlined"`. */
+    groupedOutlined: string;
+    /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`. */
+    groupedOutlinedHorizontal: string;
+    /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`. */
+    groupedOutlinedVertical: string;
+    /** Styles applied to the children if `variant="outlined"` and `color="primary"`. */
+    groupedOutlinedPrimary: string;
+    /** Styles applied to the children if `variant="outlined"` and `color="secondary"`. */
+    groupedOutlinedSecondary: string;
+    /** Styles applied to the children if `variant="contained"`. */
+    groupedContained: string;
+    /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`. */
+    groupedContainedHorizontal: string;
+    /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`. */
+    groupedContainedVertical: string;
+    /** Styles applied to the children if `variant="contained"` and `color="primary"`. */
+    groupedContainedPrimary: string;
+    /** Styles applied to the children if `variant="contained"` and `color="secondary"`. */
+    groupedContainedSecondary: string;
+}
+export type ButtonGroupClassKey = keyof ButtonGroupClasses;
+export declare function getButtonGroupUtilityClass(slot: string): string;
+declare const buttonGroupClasses: ButtonGroupClasses;
+export default buttonGroupClasses;

package/CHANGELOG.md

@@ -1,5 +1,193 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.6
+
+<!-- generated comparing v5.14.5..master -->
+
+_Aug 23, 2023_
+
+A big thanks to the 21 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Added the [Popup](https://mui.com/base-ui/react-popup/) component to Base UI (#37960) @michaldudak
+  It's intended to replace the Popper component, which uses the deprecated Popper JS library. The Popup is built on top of Floating UI and has a similar API to the Popper.
+- 🚀 Added the [Accordion](https://mui.com/joy-ui/react-accordion/) component to Joy UI (#38164) @siriwatknp
+- 🚀 Added InputBase and ButtonBase components to `material-next` (#38319) @DiegoAndai @mj12albert
+- 🔋 First iteration on the zero-runtime styling engine compatible with Server Components (#38378) @brijeshb42
+
+### `@mui/material@5.14.6`
+
+- [Modal] Update it to use the useModal hook (#38498) @mnajdova
+- [Select] Add `root` class to `SelectClasses` (#38424) @sai6855
+- [Skeleton] Soften the pulse animation (#38506) @oliviertassinari
+- [TextField] Fix onClick regressions handling changes (#38474) @mj12albert
+- [TextField] Fix TextField onClick test (#38597) @mj12albert
+
+### `@mui/base@5.0.0-beta.12`
+
+- [Popup] New component (#37960) @michaldudak
+
+### `@mui/joy@5.0.0-beta.3`
+
+- [Accordion] Add Joy UI Accordion components (#38164) @siriwatknp
+- [Select] Add `required` prop (#38167) @siriwatknp
+- Miscellaneous fixes (#38462) @siriwatknp
+
+### `@mui/material-next@6.0.0-alpha.98`
+
+- [ButtonBase] Add ButtonBase component (#38319) @DiegoAndai
+- [Input] Add InputBase component (#38392) @mj12albert
+
+### `@mui/zero-runtime@0.0.1-alpha.0`
+
+- Implementation of styled tag processor for linaria (#38378) @brijeshb42
+
+### Docs
+
+- [blog] Clarify tree view move @oliviertassinari
+- [docs] Improve the "Understanding MUI packages" page images (#38619) @danilo-leal
+- [docs][base-ui] Revise the structure of the Component docs (#38529) @samuelsycamore
+- [docs][base-ui] Fix Menu Hooks demo (#38479) @homerchen19
+- [docs][base-ui] Correct the MUI System quickstart example (#38496) @michaldudak
+- [docs][base-ui] Add Tailwind & plain CSS demos for Autocomplete page (#38157) @mj12albert
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Input page (#38302) @alisasanib
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Snackbar, Badge, Switch pages (#38425) @alisasanib
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Slider page (#38413) @alisasanib
+- [docs][base-ui] Add Tailwind CSS + plain CSS demo on the Select page (#38367) @alisasanib
+- [docs][joy-ui] Fix typo: Classname -> Class name for consistency (#38510) @alexfauquette
+- [docs][joy-ui] Revise the theme color page (#38402) @danilo-leal
+- [docs][joy-ui] Sort templates by popularity (#38490) @oliviertassinari
+- [docs][joy-ui] Fix the `fullWidth` prop description for the Input (#38545) @0xturner
+- [docs][joy-ui] Updated the List playground demo (#38499) @zanivan
+- [docs][joy-ui] Changed bgcolor of the Playground demo (#38502) @zanivan
+- [docs][material-ui] Fix key warning in SimpleDialog demo (#38580) @ZeeshanTamboli
+- [docs][material-ui] Fixed Google Fonts link for material two-tone icons in CodeSandbox and Stackblitz (#38247) @ZeeshanTamboli
+- [docs][material-ui] Fix the Drawer's `onClose` API docs (#38273) @johnmatthiggins
+- [docs][material-ui] Improve nav link tab example (#38315) @oliviertassinari
+- [docs][material-ui] Fix missing import in the styled engine guide (#38450) @codersjj
+- [docs][material-ui][Dialog] Improve screen reader announcement of Customized Dialog (#38592) @ZeeshanTamboli
+- [docs] Add 3rd party libraries integration examples for Joy Input (#38541) @siriwatknp
+- [docs] Hide translation call to action (#38449) @cristianmacedo
+- [docs] Fix codemod name in changelog of v5.14.4 (#38593) @GresilleSiffle
+- [docs] More space for theme builder (#38532) @oliviertassinari
+- [docs] Fix the math symbol of the width sx prop range @oliviertassinari
+- [docs] Fix typo on a11y section of Tabs @oliviertassinari
+- [docs] Clarify System peer dependencies @oliviertassinari
+- [docs] Fix horizontal scrollbar @oliviertassinari
+- [docs] Code style convention @oliviertassinari
+- [docs] Fix typo in Base UI @oliviertassinari
+- [docs] Update the backers page (#38505) @danilo-leal
+- [docs] Add stray design adjustments to the docs (#38501) @danilo-leal
+- [docs] Use IBM Plex Sans in Tailwind CSS demos (#38464) @mnajdova
+- [docs] Fix SEO issues reported by ahrefs (#38423) @oliviertassinari
+
+### Examples
+
+- [examples] Start to remove Gatsby (#38567) @oliviertassinari
+- [examples][joy-ui] Fix Joy UI example CLI (#38531) @oliviertassinari
+- [examples][joy-ui] Improve example when using Next Font (#38540) @mwskwong
+
+### Core
+
+- [CHANGELOG] Fix issues in highlight @oliviertassinari
+- [core] Remove redundant `@material-ui/` aliases from regression test webpack config (#38574) @ZeeshanTamboli
+- [core] Fix CI error @oliviertassinari
+- [core] Remove unnecessary Box (#38461) @oliviertassinari
+- [core] Set GitHub Action top level permission @oliviertassinari
+- [docs-infra][joy-ui] Polish the usage and CSS vars playgrounds (#38600) @danilo-leal
+- [docs-infra] Support link title (#38579) @oliviertassinari
+- [docs-infra] Fix ad layout shift (#38622) @oliviertassinari
+- [docs-infra] Add light tweaks to the ad container (#38504) @danilo-leal
+- [docs-infra] Fix anchor scroll without tabs (#38586) @oliviertassinari
+- [docs-infra] Retain velocity animation speed (#38470) @oliviertassinari
+- [docs-infra] Follow import and CSS token standard (#38508) @oliviertassinari
+- [docs-infra] Add icon to callouts (#38525) @alexfauquette
+- [docs-infra] Fix the anchor link on headings (#38528) @danilo-leal
+- [docs-infra] Cleanup code on demo code block expansion (#38522) @ZeeshanTamboli
+- [docs-infra] Improve the heading buttons positioning (#38428) @danilo-leal
+- [docs-infra] Customize the blockquote design (#38503) @danilo-leal
+- [docs-infra] Improve the alert before a negative feedback (#38500) @danilo-leal
+- [docs-infra] Fix GoogleAnalytics missing event for code copy (#38469) @alexfauquette
+- [docs-infra] Improve affordance on the code block expansion (#38421) @danilo-leal
+- [website] Fine-tune the branding theme buttons (#38588) @danilo-leal
+- [website] Improve the Base UI hero section demo (#38585) @danilo-leal
+- [website] Add stray design improvements to the Material UI page (#38590) @danilo-leal
+- [website] Fix mobile view Material UI page (#38568) @oliviertassinari
+- [website] Fix reference to the data grid @oliviertassinari
+- [website] Configure Apple Pay @oliviertassinari
+- [website] Fix template link on the homepage (#38471) @danilo-leal
+
+All contributors of this release in alphabetical order: @0xturner, @alexfauquette, @alisasanib, @brijeshb42, @codersjj, @cristianmacedo, @danilo-leal, @DiegoAndai, @GresilleSiffle, @homerchen19, @johnmatthiggins, @michaldudak, @mj12albert, @mnajdova, @mwskwong, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @zanivan, @ZeeshanTamboli
+
+## 5.14.5
+
+<!-- generated comparing v5.14.4..master -->
+
+_Aug 14, 2023_
+
+A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
+
+- @mnajdova [made it easier to use third-party components in Base UI slots](https://mui.com/base-ui/getting-started/customization/#overriding-subcomponent-slots) with the introduction of the `prepareForSlot` utility (#38138)
+
+### `@mui/material@5.14.5`
+
+- &#8203;<!-- 04 -->[TextField] Fix to handle `onClick` on root element (#38072) @LukasTy
+
+### `@mui/codemod@5.14.5`
+
+- &#8203;<!-- 31 -->[codemod] Add v5.0.0/tree-view-moved-to-x codemod (#38248) @flaviendelangle
+
+### `@mui/joy@5.0.0-beta.2`
+
+- &#8203;<!-- 07 -->[Input][joy-ui] Fix the `FormHelperText` icon color (#38387) @TheNatkat
+- &#8203;<!-- 06 -->[Skeleton][joy-ui] Soften the pulse animation (#38384) @zanivan
+- &#8203;<!-- 05 -->[TabPanel][joy-ui] Add `keepMounted` prop (#38293) @decadef20
+
+### `@mui/base@5.0.0-beta.11`
+
+- &#8203;<!-- 30 -->[base-ui] Remove the legacy Extend\* types (#38184) @michaldudak
+- &#8203;<!-- 29 -->[base-ui] Add `useModal` hook (#38187) @mnajdova
+- &#8203;<!-- 28 -->[base-ui] Add `prepareForSlot` util (#38138) @mnajdova
+- &#8203;<!-- 26 -->[useButton][base-ui] Fix tabIndex not being forwarded (#38417) @DiegoAndai
+- &#8203;<!-- 25 -->[useButton][base-ui] Fix onFocusVisible not being handled (#38399) @DiegoAndai
+
+### Docs
+
+- &#8203;<!-- 32 -->[blog] Blog post for MUI X mid v6. Date Pickers, Data Grid, and Charts (#38241) @richbustos
+- &#8203;<!-- 35 -->[docs][base-ui] Update number input API docs (#38363) @mj12albert
+- &#8203;<!-- 29 -->[docs] Improve page transition speed (#38394) @oliviertassinari
+- &#8203;<!-- 28 -->[docs] Improve examples (#38398) @oliviertassinari
+- &#8203;<!-- 19 -->[docs][docs] Add `FileUpload` demo (#38420) @sai6855
+- &#8203;<!-- 18 -->[docs][joy-ui] Refine the Order Dashboard template design (#38395) @zanivan
+- &#8203;<!-- 17 -->[docs][material-ui][joy-ui] Simplify the Quickstart section on the Usage page (#38385) @danilo-leal
+- &#8203;<!-- 16 -->[docs][Menu][joy] Explain how to control the open state (#38355) @michaldudak
+- &#8203;<!-- 15 -->[docs][material] Revise the Support page (#38207) @samuelsycamore
+- &#8203;<!-- 14 -->[docs][material-ui] Remove incorrect `aria-label`s in extended variant examples of Floating Action Button (#37170) @ashleykolodziej
+- &#8203;<!-- 13 -->[docs][material-ui] Adjust slightly the installation page content (#38380) @danilo-leal
+- &#8203;<!-- 12 -->[docs][Switch] Fix the readOnly class name in docs (#38277) @michaldudak
+- &#8203;<!-- 11 -->[docs][TablePagination] Add Tailwind CSS & plain CSS introduction demo (#38286) @mnajdova
+
+### Examples
+
+- &#8203;<!-- 10 -->[examples] Add Joy UI + Vite.js + TypeScript example app (#37406) @nithins1
+
+### Core
+
+- &#8203;<!-- 30 -->[core] Consistent URL add leading / @oliviertassinari
+- &#8203;<!-- 27 -->[docs-infra] Fix rebase issue @oliviertassinari
+- &#8203;<!-- 26 -->[docs-infra] Fix typo in docs infra docs @oliviertassinari
+- &#8203;<!-- 25 -->[docs-infra] Fix nested list margin (#38456) @oliviertassinari
+- &#8203;<!-- 24 -->[docs-infra] Move the Diamond Sponsors to the TOC (#38410) @danilo-leal
+- &#8203;<!-- 22 -->[docs-infra] Move imports into page data (#38297) @alexfauquette
+- &#8203;<!-- 21 -->[docs-infra] Adjust heading styles (#38365) @danilo-leal
+- &#8203;<!-- 20 -->[docs-infra] Fix info callout border color (#38370) @danilo-leal
+- &#8203;<!-- 05 -->[website] Upgrade the homepage hero demos design (#38388) @danilo-leal
+- &#8203;<!-- 04 -->[website] Improve Base UI hero section demo (#38255) @danilo-leal
+- &#8203;<!-- 03 -->[website] Fix EmailSubscribe look (#38429) @oliviertassinari
+- &#8203;<!-- 02 -->[website] Link Discord in footer (#38369) @richbustos
+- &#8203;<!-- 01 -->[website] Clean up the `GetStartedButtons` component (#38256) @danilo-leal
+
+All contributors of this release in alphabetical order: @alexfauquette, @ashleykolodziej, @danilo-leal, @decadef20, @DiegoAndai, @flaviendelangle, @LukasTy, @michaldudak, @mj12albert, @mnajdova, @nithins1, @oliviertassinari, @richbustos, @sai6855, @samuelsycamore, @TheNatkat, @zanivan
+
 ## 5.14.4
 
 <!-- generated comparing v5.14.3..master -->
@@ -8,7 +196,7 @@ _Aug 8, 2023_
 
 A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
 
-- 🎉 Added [Number input](https://mui.com/base-ui/react-number-input) component & [useNumberInput](https://mui.com/base-ui/react-number-input#hook) hook in [Base UI](https://mui.com/base-ui/getting-started/) @mj12albert
+- 🎉 Added [Number Input](https://mui.com/base-ui/react-number-input/) component & [useNumberInput](https://mui.com/base-ui/react-number-input/#hook) hook in [Base UI](https://mui.com/base-ui/getting-started/) @mj12albert
 
 ### `@mui/material@5.14.4`
 
@@ -46,7 +234,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   A codemod is provided to help with the migration:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-use-named-imports <path>
+  npx @mui/codemod v5.0.0/base-use-named-exports <path>
   ```
 
 #### Changes
@@ -3717,7 +3905,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
 - [docs] Add webpack alias for legacy utils package (#33376) @jgbae
 - [docs] Improve external link icons synonyms (#33257) @davidgarciab
 - [examples] Update Base UI with Tailwind CSS to use the latest versions of the dependencies (#33401) @mnajdova
-- [examples] Add MUI base example (#33154) @siriwatknp
+- [examples] Add Base UI example (#33154) @siriwatknp
 
 ### Core
 
@@ -3736,7 +3924,7 @@ _Jul 4, 2022_
 
 A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
 
-- 🐛 Fixed an issue causing Typescript errors when building a project with Material UI v5.8.6 (@michaldudak)
+- 🐛 Fixed an issue causing TypeScript errors when building a project with Material UI v5.8.6 (@michaldudak)
 - 🐛 Fixed a few bugs in Material UI components. Thanks @henriqueholtz, @jake-collibra, @MattiasMartens and @TimoWilhelm!
 - many other 🐛 bug fixes and 📚 documentation improvements
 
@@ -3765,7 +3953,7 @@ A big thanks to the 13 contributors who made this release possible. Here are som
 
 ### `@mui/base@5.0.0-alpha.88`
 
-- [base] Remove a type incompatible with Typescript 3.5 (#33361) @michaldudak
+- [base] Remove a type incompatible with TypeScript 3.5 (#33361) @michaldudak
 - [BadgeUnstyled] Export BadgeUnstyledOwnProps interface to fix typescript compiler error (#33314) @aaronlademann-wf
 - [TablePaginationUnstyled] Accept callbacks in componentsProps (#33309) @michaldudak
 
@@ -5666,7 +5854,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
 
 ### Core
 
-- &#8203;<!-- 23 -->[core] Fix link to Open Collective @oliviertassinari
+- &#8203;<!-- 23 -->[core] Fix link to Open Collective @oliviertassinari
 - &#8203;<!-- 26 -->[core] Update snapshots and s3 fallback (#30134) @Janpot
 - &#8203;<!-- 24 -->[ci] Update CI bucket (#30080) @Janpot
 - &#8203;<!-- 13 -->[fix] size:snapshot for mui-material-next and mui-joy components (#30106) @Janpot
@@ -10382,7 +10570,7 @@ A big thanks to the 34 contributors who made this release possible. Here are som
 - [theme] Add htmlFontSize to Typography interface (#23412) @fergusmcdonald
 - [Tooltip] Fix PopperProps popper modifiers not being merged properly (#23421) @dominique-mueller
 - [Tooltip] Long press select text on iOS (#23466) @hmaddisb
-- [Tooltip] Unexpected behaviour onOpen/onClose (#23482) @brorlarsnicklas
+- [Tooltip] Unexpected behavior onOpen/onClose (#23482) @brorlarsnicklas
 
 ### `@material-ui/lab@v5.0.0-alpha.16`
 

package/Card/cardClasses.d.ts

@@ -1,8 +1,8 @@
-export interface CardClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type CardClassKey = keyof CardClasses;
-export declare function getCardUtilityClass(slot: string): string;
-declare const cardClasses: CardClasses;
-export default cardClasses;
+export interface CardClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type CardClassKey = keyof CardClasses;
+export declare function getCardUtilityClass(slot: string): string;
+declare const cardClasses: CardClasses;
+export default cardClasses;

package/CardActionArea/cardActionAreaClasses.d.ts

@@ -1,12 +1,12 @@
-export interface CardActionAreaClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
-    focusHighlight: string;
-}
-export type CardActionAreaClassKey = keyof CardActionAreaClasses;
-export declare function getCardActionAreaUtilityClass(slot: string): string;
-declare const cardActionAreaClasses: CardActionAreaClasses;
-export default cardActionAreaClasses;
+export interface CardActionAreaClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
+    focusVisible: string;
+    /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
+    focusHighlight: string;
+}
+export type CardActionAreaClassKey = keyof CardActionAreaClasses;
+export declare function getCardActionAreaUtilityClass(slot: string): string;
+declare const cardActionAreaClasses: CardActionAreaClasses;
+export default cardActionAreaClasses;

package/CardActions/cardActionsClasses.d.ts

@@ -1,10 +1,10 @@
-export interface CardActionsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disableSpacing={true}`. */
-    spacing: string;
-}
-export type CardActionsClassKey = keyof CardActionsClasses;
-export declare function getCardActionsUtilityClass(slot: string): string;
-declare const cardActionsClasses: CardActionsClasses;
-export default cardActionsClasses;
+export interface CardActionsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disableSpacing={true}`. */
+    spacing: string;
+}
+export type CardActionsClassKey = keyof CardActionsClasses;
+export declare function getCardActionsUtilityClass(slot: string): string;
+declare const cardActionsClasses: CardActionsClasses;
+export default cardActionsClasses;

package/CardContent/cardContentClasses.d.ts

@@ -1,8 +1,8 @@
-export interface CardContentClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type CardContentClassKey = keyof CardContentClasses;
-export declare function getCardContentUtilityClass(slot: string): string;
-declare const cardContentClasses: CardContentClasses;
-export default cardContentClasses;
+export interface CardContentClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type CardContentClassKey = keyof CardContentClasses;
+export declare function getCardContentUtilityClass(slot: string): string;
+declare const cardContentClasses: CardContentClasses;
+export default cardContentClasses;

package/CardHeader/cardHeaderClasses.d.ts

@@ -1,18 +1,18 @@
-export interface CardHeaderClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the avatar element. */
-    avatar: string;
-    /** Styles applied to the action element. */
-    action: string;
-    /** Styles applied to the content wrapper element. */
-    content: string;
-    /** Styles applied to the title Typography element. */
-    title: string;
-    /** Styles applied to the subheader Typography element. */
-    subheader: string;
-}
-export type CardHeaderClassKey = keyof CardHeaderClasses;
-export declare function getCardHeaderUtilityClass(slot: string): string;
-declare const cardHeaderClasses: CardHeaderClasses;
-export default cardHeaderClasses;
+export interface CardHeaderClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the avatar element. */
+    avatar: string;
+    /** Styles applied to the action element. */
+    action: string;
+    /** Styles applied to the content wrapper element. */
+    content: string;
+    /** Styles applied to the title Typography element. */
+    title: string;
+    /** Styles applied to the subheader Typography element. */
+    subheader: string;
+}
+export type CardHeaderClassKey = keyof CardHeaderClasses;
+export declare function getCardHeaderUtilityClass(slot: string): string;
+declare const cardHeaderClasses: CardHeaderClasses;
+export default cardHeaderClasses;

package/CardMedia/cardMediaClasses.d.ts

@@ -1,12 +1,12 @@
-export interface CardMediaClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
-    media: string;
-    /** Styles applied to the root element if `component="picture or img"`. */
-    img: string;
-}
-export type CardMediaClassKey = keyof CardMediaClasses;
-export declare function getCardMediaUtilityClass(slot: string): string;
-declare const cardMediaClasses: CardMediaClasses;
-export default cardMediaClasses;
+export interface CardMediaClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
+    media: string;
+    /** Styles applied to the root element if `component="picture or img"`. */
+    img: string;
+}
+export type CardMediaClassKey = keyof CardMediaClasses;
+export declare function getCardMediaUtilityClass(slot: string): string;
+declare const cardMediaClasses: CardMediaClasses;
+export default cardMediaClasses;