@mui/lab 5.0.0-alpha.86 → 5.0.0-alpha.87

package/AdapterDateFns/index.d.ts

@@ -1 +1 @@
-export { AdapterDateFns as default } from '@mui/x-date-pickers/AdapterDateFns';
+export { AdapterDateFns as default } from '@mui/x-date-pickers/AdapterDateFns';

package/AdapterDayjs/index.d.ts

@@ -1 +1 @@
-export { AdapterDayjs as default } from '@mui/x-date-pickers/AdapterDayjs';
+export { AdapterDayjs as default } from '@mui/x-date-pickers/AdapterDayjs';

package/AdapterLuxon/index.d.ts

@@ -1 +1 @@
-export { AdapterLuxon as default } from '@mui/x-date-pickers/AdapterLuxon';
+export { AdapterLuxon as default } from '@mui/x-date-pickers/AdapterLuxon';

package/AdapterMoment/index.d.ts

@@ -1 +1 @@
-export { AdapterMoment as default } from '@mui/x-date-pickers/AdapterMoment';
+export { AdapterMoment as default } from '@mui/x-date-pickers/AdapterMoment';

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.8.5
+
+<!-- generated comparing v5.8.4..master -->
+
+_Jun 20, 2022_
+
+A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Added support for CSS variables in the `Avatar` component and the `SpeedDialAction` component respectively by @vicasas and @gin1314
+- many other 🐛 bug fixes and 📚 documentation improvements
+
+### `@mui/material@5.8.5`
+
+- &#8203;<!-- 30 -->[Avatar] Add support for CSS variables (#32499) @vicasas
+- &#8203;<!-- 19 -->[Dialog] Fix broken styles if `maxWidth` is set to `false` (#32987) @kmurgic
+- &#8203;<!-- 04 -->[SpeedDialAction] Add support for CSS variables (#32608) @gin1314
+- &#8203;<!-- 02 -->[Tabs] Increment scroll of the minimum amount possible (#33103) @oliviertassinari
+
+### `@mui/codemod@5.8.5`
+
+- &#8203;<!-- 24 -->[codemod] Preserve comments within jss-to-tss-react (#33170) @ryancogswell
+
+### `@mui/lab@5.0.0-alpha.87`
+
+- &#8203;<!-- 06 -->[Masonry] Fix flickering when used with React 18 (#33163) @mnajdova
+
+### `@mui/base@5.0.0-alpha.86`
+
+- &#8203;<!-- 29 -->[BadgeUnstyled] Accept callbacks in componentsProps (#33176) @michaldudak
+- &#8203;<!-- 25 -->[ButtonUnstyled] Use useSlotProps (#33096) @michaldudak
+- &#8203;<!-- 11 -->[FormControlUnstyled] Accept callbacks in componentsProps (#33180) @michaldudak
+- &#8203;<!-- 10 -->[InputUnstyled] Use useSlotProps (#33094) @michaldudak
+- &#8203;<!-- 05 -->[ModalUnstyled] Define ownerState and slot props' types (#32901) @michaldudak
+- &#8203;<!-- 03 -->[SwitchUnstyled] Use useSlotProps (#33174) @michaldudak
+
+### `@mui/joy@5.0.0-alpha.33`
+
+- &#8203;<!-- 09 -->[Joy] Add Checkbox documentation (#33171) @siriwatknp
+- &#8203;<!-- 08 -->[Joy] Add List documentation (#33120) @siriwatknp
+- &#8203;<!-- 07 -->[Joy] Make slider displays Joy classname (#33051) @siriwatknp
+
+### Docs
+
+- &#8203;<!-- 28 -->[blog] Update Blogpost to clear confusion on "no impact" disclaimer. (#33131) @joserodolfofreitas
+- &#8203;<!-- 27 -->[blog] Add post about v5 Migration guide update (#33063) @samuelsycamore
+- &#8203;<!-- 26 -->[blog] Fix display on Safari (#33102) @oliviertassinari
+- &#8203;<!-- 18 -->[docs] Add guide on how to use MUI Base with Tailwind CSS (#33100) @mnajdova
+- &#8203;<!-- 17 -->[docs] Improve Joy template UX (#33159) @siriwatknp
+- &#8203;<!-- 16 -->[docs] Update Shadow DOM guide (#33160) @cherniavskii
+- &#8203;<!-- 15 -->[docs] Fix SEO regressions (#33106) @oliviertassinari
+- &#8203;<!-- 14 -->[docs] Add job ad in table of content (#33143) @mnajdova
+- &#8203;<!-- 13 -->[docs] Add customization as a value proposition (#33014) @oliviertassinari
+- &#8203;<!-- 12 -->[examples] Add example using nextjs & @mui/styles as a starter for the migration to v5 (#33005) @mnajdova
+- &#8203;<!-- 01 -->[website] Replace Airtable with Ashby links for applying to a opened position (#33193) @DanailH
+
+### Core
+
+- &#8203;<!-- 31 -->[core] Add CSS variables support for Material UI components (#32835) @siriwatknp
+- &#8203;<!-- 23 -->[core] Add name to workspace root package.json (#33226) @Janpot
+- &#8203;<!-- 22 -->[core] Update bug template with generic instruction (#33153) @joserodolfofreitas
+- &#8203;<!-- 21 -->[core] Remove dead and redundant code (#33125) @oliviertassinari
+- &#8203;<!-- 20 -->[core] Improve inline code rendering within the details tag (#33086) @Harmouch101
+
+All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @gin1314, @Harmouch101, @Janpot, @joserodolfofreitas, @kmurgic, @michaldudak, @mnajdova, @oliviertassinari, @ryancogswell, @samuelsycamore, @siriwatknp, @vicasas
+
 ## 5.8.4
 
 <!-- generated comparing v5.8.3..master -->
@@ -1101,7 +1166,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
 - &#8203;<!-- 25 -->[core] Update playwright docker to match the specified version (#31236) @siriwatknp
 - &#8203;<!-- 24 -->[core] Remove parallel on buildTypes (#31189) @siriwatknp
 - &#8203;<!-- 23 -->[core] Fix propTypes generation for optional any props (#31141) @m4theushw
-- &#8203;<!-- 04 -->[Typescript] Remove variants deprecation (#31239) @siriwatknp
+- &#8203;<!-- 04 -->[typescript] Remove variants deprecation (#31239) @siriwatknp
 
 All contributors of this release in alphabetical order: @adriancampos, @Andarist, @bonellia, @davwheat, @greengiraffe, @hbjORbj, @iclaude3, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @RedHeadphone, @robertwt7, @samuelsycamore, @siriwatknp, @sviande
 
@@ -1166,7 +1231,7 @@ A big thanks to the 16 contributors who made this release possible. Here are som
 - [Select] Allow customizing Select based on its variant (#30788) @michaldudak
 - [Portal] Re-export 'Portal' in material (#31003) @liradb2000
 - [ToggleButton] Add prop types for `onClick` and `onChange` (#30883) @sydneyjodon-wk
-- [Typescript] Added TypeText declaration to the exports file (#30890) @agauravdev
+- [typescript] Added TypeText declaration to the exports file (#30890) @agauravdev
 
 ### `@mui/system@5.4.2`
 
@@ -4604,8 +4669,8 @@ A big thanks to the 15 contributors who made this release possible. Here are som
 - &#8203;<!-- 29 -->[Button] Rename `pending` prop to `loading` in LoadingButton (#25874) @m4theushw
 
   ```diff
-  -<LoadingButton pending pendingIndicator="Pending..." pendingPosition="end" />
-  +<LoadingButton loading loadingIndicator="Pending..." loadingPosition="end" />
+  -<LoadingButton pending pendingIndicator="Pending…" pendingPosition="end" />
+  +<LoadingButton loading loadingIndicator="Pending…" loadingPosition="end" />
   ```
 
 - &#8203;<!-- 25 -->[ButtonBase] Remove buttonRef prop (#25896) @m4theushw

package/CalendarPicker/CalendarPicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { CalendarPickerProps } from '@mui/x-date-pickers/CalendarPicker';
-declare type CalendarPickerComponent = (<TDate>(props: CalendarPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const CalendarPicker: CalendarPickerComponent;
-export default CalendarPicker;
+import * as React from 'react';
+import { CalendarPickerProps } from '@mui/x-date-pickers/CalendarPicker';
+declare type CalendarPickerComponent = (<TDate>(props: CalendarPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const CalendarPicker: CalendarPickerComponent;
+export default CalendarPicker;

package/CalendarPicker/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './CalendarPicker';
-export { calendarPickerClasses } from '@mui/x-date-pickers/CalendarPicker';
-export type { CalendarPickerClassKey, CalendarPickerClasses, CalendarPickerProps, CalendarPickerView, } from '@mui/x-date-pickers/CalendarPicker';
+export { default } from './CalendarPicker';
+export { calendarPickerClasses } from '@mui/x-date-pickers/CalendarPicker';
+export type { CalendarPickerClassKey, CalendarPickerClasses, CalendarPickerProps, CalendarPickerView, } from '@mui/x-date-pickers/CalendarPicker';

package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { CalendarPickerSkeletonProps } from '@mui/x-date-pickers/CalendarPickerSkeleton';
-declare type CalendarPickerSkeletonComponent = ((props: CalendarPickerSkeletonProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const CalendarPickerSkeleton: CalendarPickerSkeletonComponent;
-export default CalendarPickerSkeleton;
+import * as React from 'react';
+import { CalendarPickerSkeletonProps } from '@mui/x-date-pickers/CalendarPickerSkeleton';
+declare type CalendarPickerSkeletonComponent = ((props: CalendarPickerSkeletonProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const CalendarPickerSkeleton: CalendarPickerSkeletonComponent;
+export default CalendarPickerSkeleton;

package/CalendarPickerSkeleton/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './CalendarPickerSkeleton';
-export { calendarPickerSkeletonClasses, getCalendarPickerSkeletonUtilityClass, } from '@mui/x-date-pickers/CalendarPickerSkeleton';
-export type { CalendarPickerSkeletonClassKey, CalendarPickerSkeletonProps, } from '@mui/x-date-pickers/CalendarPickerSkeleton';
+export { default } from './CalendarPickerSkeleton';
+export { calendarPickerSkeletonClasses, getCalendarPickerSkeletonUtilityClass, } from '@mui/x-date-pickers/CalendarPickerSkeleton';
+export type { CalendarPickerSkeletonClassKey, CalendarPickerSkeletonProps, } from '@mui/x-date-pickers/CalendarPickerSkeleton';

package/ClockPicker/ClockPicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { ClockPickerProps } from '@mui/x-date-pickers/ClockPicker';
-declare type ClockPickerComponent = (<TDate>(props: ClockPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const ClockPicker: ClockPickerComponent;
-export default ClockPicker;
+import * as React from 'react';
+import { ClockPickerProps } from '@mui/x-date-pickers/ClockPicker';
+declare type ClockPickerComponent = (<TDate>(props: ClockPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const ClockPicker: ClockPickerComponent;
+export default ClockPicker;

package/ClockPicker/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from './ClockPicker';
-export { clockPickerClasses } from '@mui/x-date-pickers/ClockPicker';
-export type { ClockPickerClasses, ClockPickerClassKey, ClockPickerProps, ClockPickerView, } from '@mui/x-date-pickers/ClockPicker';
+export { default } from './ClockPicker';
+export { clockPickerClasses } from '@mui/x-date-pickers/ClockPicker';
+export type { ClockPickerClasses, ClockPickerClassKey, ClockPickerProps, ClockPickerView, } from '@mui/x-date-pickers/ClockPicker';

package/DatePicker/DatePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
-declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DatePicker: DatePickerComponent;
-export default DatePicker;
+import * as React from 'react';
+import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
+declare type DatePickerComponent = (<TDate>(props: DatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DatePicker: DatePickerComponent;
+export default DatePicker;

package/DatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DatePicker';
-export type { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
+export { default } from './DatePicker';
+export type { DatePickerProps } from '@mui/x-date-pickers/DatePicker';

package/DateRangePicker/DateRangePicker.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DateRangePicker: DateRangePickerComponent;
-export default DateRangePicker;
-export declare type DateRangePickerProps = Record<any, any>;
-export declare type DateRange<TDate> = [TDate | null, TDate | null];
+import * as React from 'react';
+declare type DateRangePickerComponent = (<TDate>(props: DateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DateRangePicker: DateRangePickerComponent;
+export default DateRangePicker;
+export declare type DateRangePickerProps = Record<any, any>;
+export declare type DateRange<TDate> = [TDate | null, TDate | null];

package/DateRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DateRangePicker';
-export * from './DateRangePicker';
+export { default } from './DateRangePicker';
+export * from './DateRangePicker';

package/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-declare type DateRangePickerDayComponent = (<TDate>(props: DateRangePickerDayProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DateRangePickerDay: DateRangePickerDayComponent;
-export default DateRangePickerDay;
-export declare const getDateRangePickerDayUtilityClass: (slot: string) => string;
-export declare type DateRangePickerDayProps = Record<any, any>;
-export declare type DateRangePickerDayClasses = any;
-export declare type DateRangePickerDayClassKey = any;
+import * as React from 'react';
+declare type DateRangePickerDayComponent = (<TDate>(props: DateRangePickerDayProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DateRangePickerDay: DateRangePickerDayComponent;
+export default DateRangePickerDay;
+export declare const getDateRangePickerDayUtilityClass: (slot: string) => string;
+export declare type DateRangePickerDayProps = Record<any, any>;
+export declare type DateRangePickerDayClasses = any;
+export declare type DateRangePickerDayClassKey = any;

package/DateRangePickerDay/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DateRangePickerDay';
-export * from './DateRangePickerDay';
+export { default } from './DateRangePickerDay';
+export * from './DateRangePickerDay';

package/DateTimePicker/DateTimePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
-declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DateTimePicker: DateTimePickerComponent;
-export default DateTimePicker;
+import * as React from 'react';
+import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
+declare type DateTimePickerComponent = (<TDate>(props: DateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DateTimePicker: DateTimePickerComponent;
+export default DateTimePicker;

package/DateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DateTimePicker';
-export type { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
+export { default } from './DateTimePicker';
+export type { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';

package/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { DesktopDatePickerProps } from '@mui/x-date-pickers/DesktopDatePicker';
-declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DesktopDatePicker: DesktopDatePickerComponent;
-export default DesktopDatePicker;
+import * as React from 'react';
+import { DesktopDatePickerProps } from '@mui/x-date-pickers/DesktopDatePicker';
+declare type DesktopDatePickerComponent = (<TDate>(props: DesktopDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DesktopDatePicker: DesktopDatePickerComponent;
+export default DesktopDatePicker;

package/DesktopDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DesktopDatePicker';
-export type { DesktopDatePickerProps } from '@mui/x-date-pickers/DesktopDatePicker';
+export { default } from './DesktopDatePicker';
+export type { DesktopDatePickerProps } from '@mui/x-date-pickers/DesktopDatePicker';

package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
-export default DesktopDateRangePicker;
-export declare type DesktopDateRangePickerProps = Record<any, any>;
+import * as React from 'react';
+declare type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
+export default DesktopDateRangePicker;
+export declare type DesktopDateRangePickerProps = Record<any, any>;

package/DesktopDateRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DesktopDateRangePicker';
-export * from './DesktopDateRangePicker';
+export { default } from './DesktopDateRangePicker';
+export * from './DesktopDateRangePicker';

package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { DesktopDateTimePickerProps } from '@mui/x-date-pickers/DesktopDateTimePicker';
-declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
-export default DesktopDateTimePicker;
+import * as React from 'react';
+import { DesktopDateTimePickerProps } from '@mui/x-date-pickers/DesktopDateTimePicker';
+declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
+export default DesktopDateTimePicker;

package/DesktopDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DesktopDateTimePicker';
-export type { DesktopDateTimePickerProps } from '@mui/x-date-pickers/DesktopDateTimePicker';
+export { default } from './DesktopDateTimePicker';
+export type { DesktopDateTimePickerProps } from '@mui/x-date-pickers/DesktopDateTimePicker';

package/DesktopTimePicker/DesktopTimePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { DesktopTimePickerProps } from '@mui/x-date-pickers/DesktopTimePicker';
-declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const DesktopTimePicker: DesktopTimePickerComponent;
-export default DesktopTimePicker;
+import * as React from 'react';
+import { DesktopTimePickerProps } from '@mui/x-date-pickers/DesktopTimePicker';
+declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const DesktopTimePicker: DesktopTimePickerComponent;
+export default DesktopTimePicker;

package/DesktopTimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { DesktopTimePicker as default } from '@mui/x-date-pickers/DesktopTimePicker';
-export type { DesktopTimePickerProps } from '@mui/x-date-pickers/DesktopTimePicker';
+export { DesktopTimePicker as default } from '@mui/x-date-pickers/DesktopTimePicker';
+export type { DesktopTimePickerProps } from '@mui/x-date-pickers/DesktopTimePicker';

package/LoadingButton/loadingButtonClasses.d.ts

@@ -1,22 +1,22 @@
-export interface LoadingButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `loading={true}`. */
-    loading: string;
-    /** Styles applied to the loadingIndicator element. */
-    loadingIndicator: string;
-    /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
-    loadingIndicatorCenter: string;
-    /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
-    loadingIndicatorStart: string;
-    /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
-    loadingIndicatorEnd: string;
-    /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
-    endIconLoadingEnd: string;
-    /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
-    startIconLoadingStart: string;
-}
-export declare type LoadingButtonClassKey = keyof LoadingButtonClasses;
-export declare function getLoadingButtonUtilityClass(slot: string): string;
-declare const loadingButtonClasses: LoadingButtonClasses;
-export default loadingButtonClasses;
+export interface LoadingButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `loading={true}`. */
+    loading: string;
+    /** Styles applied to the loadingIndicator element. */
+    loadingIndicator: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="center"`. */
+    loadingIndicatorCenter: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="start"`. */
+    loadingIndicatorStart: string;
+    /** Styles applied to the loadingIndicator element if `loadingPosition="end"`. */
+    loadingIndicatorEnd: string;
+    /** Styles applied to the endIcon element if `loading={true}` and `loadingPosition="end"`. */
+    endIconLoadingEnd: string;
+    /** Styles applied to the startIcon element if `loading={true}` and `loadingPosition="start"`. */
+    startIconLoadingStart: string;
+}
+export declare type LoadingButtonClassKey = keyof LoadingButtonClasses;
+export declare function getLoadingButtonUtilityClass(slot: string): string;
+declare const loadingButtonClasses: LoadingButtonClasses;
+export default loadingButtonClasses;

package/LocalizationProvider/LocalizationProvider.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';
-declare type LocalizationProviderComponent = ((props: LocalizationProviderProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const LocalizationProvider: LocalizationProviderComponent;
-export default LocalizationProvider;
+import * as React from 'react';
+import { LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';
+declare type LocalizationProviderComponent = ((props: LocalizationProviderProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const LocalizationProvider: LocalizationProviderComponent;
+export default LocalizationProvider;

package/LocalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './LocalizationProvider';
-export type { LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';
+export { default } from './LocalizationProvider';
+export type { LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';

package/Masonry/Masonry.js

@@ -2,6 +2,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["children", "className", "component", "columns", "spacing", "defaultColumns", "defaultHeight", "defaultSpacing"];
 import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { flushSync } from 'react-dom';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { createUnarySpacing, getValue, handleBreakpoints, unstable_resolveBreakpointValues as resolveBreakpointValues } from '@mui/system';
 import { deepmerge, unstable_useForkRef as useForkRef } from '@mui/utils';
@@ -229,9 +230,13 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     });
 
     if (!skip) {
-      setMaxColumnHeight(Math.max(...columnHeights));
-      const numOfLineBreaks = currentNumberOfColumns > 0 ? currentNumberOfColumns - 1 : 0;
-      setNumberOfLineBreaks(numOfLineBreaks);
+      // In React 18, state updates in a ResizeObserver's callback are happening after the paint which causes flickering
+      // when doing some visual updates in it. Using flushSync ensures that the dom will be painted after the states updates happen
+      // Related issue - https://github.com/facebook/react/issues/24331
+      flushSync(() => {
+        setMaxColumnHeight(Math.max(...columnHeights));
+        setNumberOfLineBreaks(currentNumberOfColumns > 0 ? currentNumberOfColumns - 1 : 0);
+      });
     }
   };
 

package/Masonry/masonryClasses.d.ts

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

package/MobileDatePicker/MobileDatePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { MobileDatePickerProps } from '@mui/x-date-pickers/MobileDatePicker';
-declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const MobileDatePicker: MobileDatePickerComponent;
-export default MobileDatePicker;
+import * as React from 'react';
+import { MobileDatePickerProps } from '@mui/x-date-pickers/MobileDatePicker';
+declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const MobileDatePicker: MobileDatePickerComponent;
+export default MobileDatePicker;

package/MobileDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './MobileDatePicker';
-export type { MobileDatePickerProps } from '@mui/x-date-pickers/MobileDatePicker';
+export { default } from './MobileDatePicker';
+export type { MobileDatePickerProps } from '@mui/x-date-pickers/MobileDatePicker';

package/MobileDateRangePicker/MobileDateRangePicker.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-declare type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
-    propTypes?: any;
-};
-/**
- * @ignore - do not document.
- */
-declare const MobileDateRangePicker: MobileDateRangePickerComponent;
-export default MobileDateRangePicker;
-export declare type MobileDateRangePickerProps = Record<any, any>;
+import * as React from 'react';
+declare type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const MobileDateRangePicker: MobileDateRangePickerComponent;
+export default MobileDateRangePicker;
+export declare type MobileDateRangePickerProps = Record<any, any>;

package/MobileDateRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './MobileDateRangePicker';
-export * from './MobileDateRangePicker';
+export { default } from './MobileDateRangePicker';
+export * from './MobileDateRangePicker';