@mui/lab 5.0.0-alpha.99 → 6.0.0-alpha.0

package/PickersDay/PickersDay.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The PickersDay component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { PickersDay } from '@mui/x-date-pickers'`", "or `import { PickersDay } from '@mui/x-date-pickers/PickersDay'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The PickersDay component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const PickersDay = /*#__PURE__*/React.forwardRef(function DeprecatedPickersDay() {

package/README.md

@@ -8,12 +8,8 @@ Install the package in your project directory with:
 
 <!-- #default-branch-switch -->
 
-```sh
-// with npm
-npm install @mui/lab
-
-// with yarn
-yarn add @mui/lab
+```bash
+npm install @mui/lab@next
 ```
 
 The lab has peer dependencies on the Material Design components and on the Emotion library.
@@ -21,16 +17,12 @@ If you are not already using them in your project, you can install with:
 
 <!-- #default-branch-switch -->
 
-```sh
-// with npm
-npm install @mui/material @emotion/react @emotion/styled
-
-// with yarn
-yarn add @mui/material @emotion/react @emotion/styled
+```bash
+npm install @mui/material@next @emotion/react @emotion/styled
 ```
 
 ## Documentation
 
 <!-- #default-branch-switch -->
 
-[The documentation](https://mui.com/components/about-the-lab/)
+Visit [https://next.mui.com/material-ui/about-the-lab/](https://next.mui.com/material-ui/about-the-lab/) to view the full documentation.

package/Rating/Rating.js

@@ -1,18 +1,19 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Rating from '@mui/material/Rating';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(Rating, _extends({
     ref: ref
   }, props));

package/Skeleton/Skeleton.js

@@ -1,18 +1,19 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import Skeleton from '@mui/material/Skeleton';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(Skeleton, _extends({
     ref: ref
   }, props));

package/SpeedDial/SpeedDial.js

@@ -1,18 +1,19 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SpeedDial from '@mui/material/SpeedDial';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(SpeedDial, _extends({
     ref: ref
   }, props));

package/SpeedDialAction/SpeedDialAction.js

@@ -1,18 +1,19 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SpeedDialAction from '@mui/material/SpeedDialAction';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialAction(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(SpeedDialAction, _extends({
     ref: ref
   }, props));

package/SpeedDialIcon/SpeedDialIcon.js

@@ -1,18 +1,19 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import SpeedDialIcon from '@mui/material/SpeedDialIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(SpeedDialIcon, _extends({
     ref: ref
   }, props));

package/StaticDatePicker/StaticDatePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The StaticDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const StaticDatePicker: StaticDatePickerComponent;
 export default StaticDatePicker;
-export declare type StaticDatePickerProps<TDate> = Record<any, any>;
+export type StaticDatePickerProps<TDate> = Record<any, any>;

package/StaticDatePicker/StaticDatePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticDatePicker } from '@mui/x-date-pickers'`", "or `import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The StaticDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDatePicker() {

package/StaticDateRangePicker/StaticDateRangePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The StaticDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const StaticDateRangePicker: StaticDateRangePickerComponent;
 export default StaticDateRangePicker;
-export declare type StaticDateRangePickerProps = Record<any, any>;
+export type StaticDateRangePickerProps = Record<any, any>;

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -1,15 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { StaticDateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The StaticDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateRangePicker() {

package/StaticDateTimePicker/StaticDateTimePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The StaticDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const StaticDateTimePicker: StaticDateTimePickerComponent;
 export default StaticDateTimePicker;
-export declare type StaticDateTimePickerProps<TDate> = Record<any, any>;
+export type StaticDateTimePickerProps<TDate> = Record<any, any>;

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticDateTimePicker } from '@mui/x-date-pickers'`", "or `import { StaticDateTimePicker } from '@mui/x-date-pickers/StaticDateTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The StaticDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticDateTimePicker() {

package/StaticTimePicker/StaticTimePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type StaticTimePickerComponent = (<TDate>(props: StaticTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const StaticTimePicker: StaticTimePickerComponent;
 export default StaticTimePicker;
-export declare type StaticTimePickerProps<TDate> = Record<any, any>;
+export type StaticTimePickerProps<TDate> = Record<any, any>;

package/StaticTimePicker/StaticTimePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticTimePicker } from '@mui/x-date-pickers'`", "or `import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const StaticTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedStaticTimePicker() {

package/TabContext/TabContext.d.ts

@@ -13,7 +13,7 @@ export interface TabContextProps {
   /**
    * The value of the currently selected `Tab`.
    */
-  value: string;
+  value: string | number;
 }
 /**
  *

package/TabContext/TabContext.js

@@ -1,16 +1,16 @@
+'use client';
+
 import * as React from 'react';
 import PropTypes from 'prop-types';
+
 /**
  * @type {React.Context<{ idPrefix: string; value: string } | null>}
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 const Context = /*#__PURE__*/React.createContext(null);
-
 if (process.env.NODE_ENV !== 'production') {
   Context.displayName = 'TabContext';
 }
-
 function useUniquePrefix() {
   const [id, setId] = React.useState(null);
   React.useEffect(() => {
@@ -18,7 +18,6 @@ function useUniquePrefix() {
   }, []);
   return id;
 }
-
 export default function TabContext(props) {
   const {
     children,
@@ -36,28 +35,24 @@ export default function TabContext(props) {
     children: children
   });
 }
-process.env.NODE_ENV !== "production" ? TabContext.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? TabContext.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * The value of the currently selected `Tab`.
    */
-  value: PropTypes.string.isRequired
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
 } : void 0;
+
 /**
  * @returns {unknown}
  */
-
 export function useTabContext() {
   return React.useContext(Context);
 }
@@ -65,21 +60,17 @@ export function getPanelId(context, value) {
   const {
     idPrefix
   } = context;
-
   if (idPrefix === null) {
     return null;
   }
-
   return `${context.idPrefix}-P-${value}`;
 }
 export function getTabId(context, value) {
   const {
     idPrefix
   } = context;
-
   if (idPrefix === null) {
     return null;
   }
-
   return `${context.idPrefix}-T-${value}`;
 }

package/TabList/TabList.d.ts

@@ -3,17 +3,19 @@ import { TabsTypeMap } from '@mui/material/Tabs';
 import { DistributiveOmit } from '@mui/types';
 import { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
 
+interface TabListOwnProps extends DistributiveOmit<TabsTypeMap['props'], 'children' | 'value'> {
+  /**
+   * A list of `<Tab />` elements.
+   */
+  children?: React.ReactNode;
+}
+
 export interface TabListTypeMap<
-  P = {},
-  D extends React.ElementType = TabsTypeMap['defaultComponent'],
+  AdditionalProps = {},
+  RootComponent extends React.ElementType = TabsTypeMap['defaultComponent'],
 > {
-  props: P & {
-    /**
-     * A list of `<Tab />` elements.
-     */
-    children?: React.ReactNode;
-  } & DistributiveOmit<TabsTypeMap['props'], 'children' | 'value'>;
-  defaultComponent: D;
+  props: AdditionalProps & TabListOwnProps;
+  defaultComponent: RootComponent;
 }
 
 /**
@@ -32,8 +34,8 @@ declare const TabList: OverridableComponent<TabListTypeMap>;
 export type TabListClassKey = keyof NonNullable<TabListTypeMap['props']['classes']>;
 
 export type TabListProps<
-  D extends React.ElementType = TabListTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TabListTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TabListTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TabListTypeMap<AdditionalProps, RootComponent>, RootComponent>;
 
 export default TabList;

package/TabList/TabList.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["children"];
@@ -8,21 +10,17 @@ import { useTabContext, getTabId, getPanelId } from '../TabContext';
 import { jsx as _jsx } from "react/jsx-runtime";
 const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
   const {
-    children: childrenProp
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children: childrenProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const context = useTabContext();
-
   if (context === null) {
     throw new TypeError('No TabContext provided');
   }
-
   const children = React.Children.map(childrenProp, child => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return null;
     }
-
     return /*#__PURE__*/React.cloneElement(child, {
       // SOMEDAY: `Tabs` will set those themselves
       'aria-controls': getPanelId(context, child.props.value),
@@ -35,14 +33,11 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
     children: children
   }));
 });
-process.env.NODE_ENV !== "production" ? TabList.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * A list of `<Tab />` elements.
    */

package/TabPanel/TabPanel.js

@@ -1,3 +1,5 @@
+'use client';
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["children", "className", "value"];
@@ -9,7 +11,6 @@ import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { getTabPanelUtilityClass } from './tabPanelClasses';
 import { getPanelId, getTabId, useTabContext } from '../TabContext';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -19,7 +20,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getTabPanelUtilityClass, classes);
 };
-
 const TabPanelRoot = styled('div', {
   name: 'MuiTabPanel',
   slot: 'Root',
@@ -34,23 +34,18 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     props: inProps,
     name: 'MuiTabPanel'
   });
-
   const {
-    children,
-    className,
-    value
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      value
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props);
-
   const classes = useUtilityClasses(ownerState);
   const context = useTabContext();
-
   if (context === null) {
     throw new TypeError('No TabContext provided');
   }
-
   const id = getPanelId(context, value);
   const tabId = getTabId(context, value);
   return /*#__PURE__*/_jsx(TabPanelRoot, _extends({
@@ -65,34 +60,27 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
     children: value === context.value && children
   }));
 });
-process.env.NODE_ENV !== "production" ? TabPanel.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-
+process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
    * no `value` was passed to `Tab`.

package/TabPanel/tabPanelClasses.d.ts

@@ -2,7 +2,7 @@ export interface TabPanelClasses {
     /** Styles applied to the root element. */
     root: string;
 }
-export declare type TabPanelClassKey = keyof TabPanelClasses;
+export type TabPanelClassKey = keyof TabPanelClasses;
 export declare function getTabPanelUtilityClass(slot: string): string;
 declare const tabPanelClasses: TabPanelClasses;
 export default tabPanelClasses;

package/TabPanel/tabPanelClasses.js

@@ -1,4 +1,5 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getTabPanelUtilityClass(slot) {
   return generateUtilityClass('MuiTabPanel', slot);
 }

package/TimePicker/TimePicker.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-declare type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+type TimePickerComponent = (<TDate>(props: TimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
     propTypes?: any;
 };
 /**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 declare const TimePicker: TimePickerComponent;
 export default TimePicker;
-export declare type TimePickerProps<TDate> = Record<any, any>;
+export type TimePickerProps<TDate> = Record<any, any>;

package/TimePicker/TimePicker.js

@@ -1,15 +1,16 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The TimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { TimePicker } from '@mui/x-date-pickers'`", "or `import { TimePicker } from '@mui/x-date-pickers/TimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
+ * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
  * @ignore - do not document.
  */
 const TimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedTimePicker() {