@mui/material 5.14.2 → 5.14.4

package/TableContainer/tableContainerClasses.d.ts

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

package/TableFooter/TableFooter.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableFooterClasses } from './tableFooterClasses';
 
-export interface TableFooterTypeMap<P = {}, D extends React.ElementType = 'tfoot'> {
-  props: P & {
+export interface TableFooterTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'tfoot',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component, normally `TableRow`.
      */
@@ -19,7 +22,7 @@ export interface TableFooterTypeMap<P = {}, D extends React.ElementType = 'tfoot
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -34,8 +37,10 @@ export interface TableFooterTypeMap<P = {}, D extends React.ElementType = 'tfoot
 declare const TableFooter: OverridableComponent<TableFooterTypeMap>;
 
 export type TableFooterProps<
-  D extends React.ElementType = TableFooterTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableFooterTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableFooterTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableFooterTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableFooter;

package/TableFooter/TableFooter.js

@@ -6,7 +6,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';

package/TableFooter/tableFooterClasses.d.ts

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

package/TableHead/TableHead.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableHeadClasses } from './tableHeadClasses';
 
-export interface TableHeadTypeMap<P = {}, D extends React.ElementType = 'thead'> {
-  props: P & {
+export interface TableHeadTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'thead',
+> {
+  props: AdditionalProps & {
     /**
      * The content of the component, normally `TableRow`.
      */
@@ -19,7 +22,7 @@ export interface TableHeadTypeMap<P = {}, D extends React.ElementType = 'thead'>
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -34,8 +37,10 @@ export interface TableHeadTypeMap<P = {}, D extends React.ElementType = 'thead'>
 declare const TableHead: OverridableComponent<TableHeadTypeMap>;
 
 export type TableHeadProps<
-  D extends React.ElementType = TableHeadTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableHeadTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableHeadTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableHeadTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableHead;

package/TableHead/TableHead.js

@@ -6,7 +6,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';

package/TableHead/tableHeadClasses.d.ts

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

package/TablePagination/TablePagination.d.ts

@@ -15,8 +15,11 @@ export interface LabelDisplayedRowsArgs {
   page: number;
 }
 
-export interface TablePaginationTypeMap<P, D extends React.ElementType> {
-  props: P &
+export interface TablePaginationTypeMap<
+  AdditionalProps,
+  DefaultComponent extends React.ElementType,
+> {
+  props: AdditionalProps &
     TablePaginationBaseProps & {
       /**
        * The component used for displaying the actions.
@@ -121,7 +124,7 @@ export interface TablePaginationTypeMap<P, D extends React.ElementType> {
        */
       sx?: SxProps<Theme>;
     };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -143,8 +146,10 @@ declare const TablePagination: OverridableComponent<
 export type TablePaginationBaseProps = Omit<TableCellProps, 'classes' | 'component' | 'children'>;
 
 export type TablePaginationProps<
-  D extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>,
-  P = {},
-> = OverrideProps<TablePaginationTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = React.JSXElementConstructor<TablePaginationBaseProps>,
+  AdditionalProps = {},
+> = OverrideProps<TablePaginationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TablePagination;

package/TablePagination/tablePaginationClasses.d.ts

@@ -1,28 +1,28 @@
-export interface TablePaginationClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Toolbar component. */
-    toolbar: string;
-    /** Styles applied to the spacer element. */
-    spacer: string;
-    /** Styles applied to the select label Typography element. */
-    selectLabel: string;
-    /** Styles applied to the Select component `root` element. */
-    selectRoot: string;
-    /** Styles applied to the Select component `select` class. */
-    select: string;
-    /** Styles applied to the Select component `icon` class. */
-    selectIcon: string;
-    /** Styles applied to the Select component `root` element. */
-    input: string;
-    /** Styles applied to the MenuItem component. */
-    menuItem: string;
-    /** Styles applied to the displayed rows Typography element. */
-    displayedRows: string;
-    /** Styles applied to the internal `TablePaginationActions` component. */
-    actions: string;
-}
-export type TablePaginationClassKey = keyof TablePaginationClasses;
-export declare function getTablePaginationUtilityClass(slot: string): string;
-declare const tablePaginationClasses: TablePaginationClasses;
-export default tablePaginationClasses;
+export interface TablePaginationClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Toolbar component. */
+    toolbar: string;
+    /** Styles applied to the spacer element. */
+    spacer: string;
+    /** Styles applied to the select label Typography element. */
+    selectLabel: string;
+    /** Styles applied to the Select component `root` element. */
+    selectRoot: string;
+    /** Styles applied to the Select component `select` class. */
+    select: string;
+    /** Styles applied to the Select component `icon` class. */
+    selectIcon: string;
+    /** Styles applied to the Select component `root` element. */
+    input: string;
+    /** Styles applied to the MenuItem component. */
+    menuItem: string;
+    /** Styles applied to the displayed rows Typography element. */
+    displayedRows: string;
+    /** Styles applied to the internal `TablePaginationActions` component. */
+    actions: string;
+}
+export type TablePaginationClassKey = keyof TablePaginationClasses;
+export declare function getTablePaginationUtilityClass(slot: string): string;
+declare const tablePaginationClasses: TablePaginationClasses;
+export default tablePaginationClasses;

package/TableRow/TableRow.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TableRowClasses } from './tableRowClasses';
 
-export interface TableRowTypeMap<P = {}, D extends React.ElementType = 'tr'> {
-  props: P & {
+export interface TableRowTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'tr',
+> {
+  props: AdditionalProps & {
     /**
      * Should be valid <tr> children such as `TableCell`.
      */
@@ -29,7 +32,7 @@ export interface TableRowTypeMap<P = {}, D extends React.ElementType = 'tr'> {
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  * Will automatically set dynamic row height
@@ -46,8 +49,10 @@ export interface TableRowTypeMap<P = {}, D extends React.ElementType = 'tr'> {
 declare const TableRow: OverridableComponent<TableRowTypeMap>;
 
 export type TableRowProps<
-  D extends React.ElementType = TableRowTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableRowTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableRowTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableRowTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableRow;

package/TableRow/TableRow.js

@@ -6,7 +6,7 @@ const _excluded = ["className", "component", "hover", "selected"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '@mui/system';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';

package/TableRow/tableRowClasses.d.ts

@@ -1,16 +1,16 @@
-export interface TableRowClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-    /** State class applied to the root element if `hover={true}`. */
-    hover: string;
-    /** Styles applied to the root element if table variant="head". */
-    head: string;
-    /** Styles applied to the root element if table variant="footer". */
-    footer: string;
-}
-export type TableRowClassKey = keyof TableRowClasses;
-export declare function getTableRowUtilityClass(slot: string): string;
-declare const tableRowClasses: TableRowClasses;
-export default tableRowClasses;
+export interface TableRowClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+    /** State class applied to the root element if `hover={true}`. */
+    hover: string;
+    /** Styles applied to the root element if table variant="head". */
+    head: string;
+    /** Styles applied to the root element if table variant="footer". */
+    footer: string;
+}
+export type TableRowClassKey = keyof TableRowClasses;
+export declare function getTableRowUtilityClass(slot: string): string;
+declare const tableRowClasses: TableRowClasses;
+export default tableRowClasses;

package/TableSortLabel/TableSortLabel.d.ts

@@ -6,10 +6,10 @@ import { OverrideProps } from '../OverridableComponent';
 import { TableSortLabelClasses } from './tableSortLabelClasses';
 
 export type TableSortLabelTypeMap<
-  P = {},
-  D extends React.ElementType = 'span',
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'span',
 > = ExtendButtonBaseTypeMap<{
-  props: P & {
+  props: AdditionalProps & {
     /**
      * If `true`, the label will have the active styling (should be true for the sorted column).
      * @default false
@@ -43,7 +43,7 @@ export type TableSortLabelTypeMap<
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }>;
 
 /**
@@ -61,8 +61,10 @@ export type TableSortLabelTypeMap<
 declare const TableSortLabel: ExtendButtonBase<TableSortLabelTypeMap>;
 
 export type TableSortLabelProps<
-  D extends React.ElementType = TableSortLabelTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TableSortLabelTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TableSortLabelTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TableSortLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default TableSortLabel;

package/TableSortLabel/TableSortLabel.js

@@ -3,7 +3,7 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["active", "children", "className", "direction", "hideSortIcon", "IconComponent"];
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';

package/TableSortLabel/tableSortLabelClasses.d.ts

@@ -1,16 +1,16 @@
-export interface TableSortLabelClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `active={true}`. */
-    active: string;
-    /** Styles applied to the icon component. */
-    icon: string;
-    /** Styles applied to the icon component if `direction="desc"`. */
-    iconDirectionDesc: string;
-    /** Styles applied to the icon component if `direction="asc"`. */
-    iconDirectionAsc: string;
-}
-export type TableSortLabelClassKey = keyof TableSortLabelClasses;
-export declare function getTableSortLabelUtilityClass(slot: string): string;
-declare const tableSortLabelClasses: TableSortLabelClasses;
-export default tableSortLabelClasses;
+export interface TableSortLabelClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `active={true}`. */
+    active: string;
+    /** Styles applied to the icon component. */
+    icon: string;
+    /** Styles applied to the icon component if `direction="desc"`. */
+    iconDirectionDesc: string;
+    /** Styles applied to the icon component if `direction="asc"`. */
+    iconDirectionAsc: string;
+}
+export type TableSortLabelClassKey = keyof TableSortLabelClasses;
+export declare function getTableSortLabelUtilityClass(slot: string): string;
+declare const tableSortLabelClasses: TableSortLabelClasses;
+export default tableSortLabelClasses;

package/Tabs/Tabs.d.ts

@@ -24,8 +24,11 @@ export interface TabsOwnerState extends TabsProps {
   scrollButtonsHideMobile: boolean;
 }
 
-export interface TabsTypeMap<P = {}, D extends React.ElementType = typeof ButtonBase> {
-  props: P & {
+export interface TabsTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = typeof ButtonBase,
+> {
+  props: AdditionalProps & {
     /**
      * Callback fired when the component mounts.
      * This is useful when you want to trigger an action programmatically.
@@ -172,7 +175,7 @@ export interface TabsTypeMap<P = {}, D extends React.ElementType = typeof Button
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -193,8 +196,10 @@ export interface TabsActions {
 }
 
 export type TabsProps<
-  D extends React.ElementType = TabsTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<TabsTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = TabsTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<TabsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Tabs;

package/Tabs/tabsClasses.d.ts

@@ -1,32 +1,32 @@
-export interface TabsClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the flex container element. */
-    flexContainer: string;
-    /** Styles applied to the flex container element if `orientation="vertical"`. */
-    flexContainerVertical: string;
-    /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
-    centered: string;
-    /** Styles applied to the tablist element. */
-    scroller: string;
-    /** Styles applied to the tablist element if `!variant="scrollable"`. */
-    fixed: string;
-    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
-    scrollableX: string;
-    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
-    scrollableY: string;
-    /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
-    hideScrollbar: string;
-    /** Styles applied to the ScrollButtonComponent component. */
-    scrollButtons: string;
-    /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
-    scrollButtonsHideMobile: string;
-    /** Styles applied to the TabIndicator component. */
-    indicator: string;
-}
-export type TabsClassKey = keyof TabsClasses;
-export declare function getTabsUtilityClass(slot: string): string;
-declare const tabsClasses: TabsClasses;
-export default tabsClasses;
+export interface TabsClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the flex container element. */
+    flexContainer: string;
+    /** Styles applied to the flex container element if `orientation="vertical"`. */
+    flexContainerVertical: string;
+    /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
+    centered: string;
+    /** Styles applied to the tablist element. */
+    scroller: string;
+    /** Styles applied to the tablist element if `!variant="scrollable"`. */
+    fixed: string;
+    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
+    scrollableX: string;
+    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
+    scrollableY: string;
+    /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
+    hideScrollbar: string;
+    /** Styles applied to the ScrollButtonComponent component. */
+    scrollButtons: string;
+    /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
+    scrollButtonsHideMobile: string;
+    /** Styles applied to the TabIndicator component. */
+    indicator: string;
+}
+export type TabsClassKey = keyof TabsClasses;
+export declare function getTabsUtilityClass(slot: string): string;
+declare const tabsClasses: TabsClasses;
+export default tabsClasses;

package/TextField/TextField.js

@@ -6,7 +6,7 @@ const _excluded = ["autoComplete", "autoFocus", "children", "className", "color"
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { refType, unstable_useId as useId } from '@mui/utils';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/TextField/textFieldClasses.d.ts

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

package/TextareaAutosize/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from '@mui/base/TextareaAutosize';
+export { TextareaAutosize as default } from '@mui/base/TextareaAutosize';
 export * from '@mui/base/TextareaAutosize';

package/TextareaAutosize/index.js

@@ -1 +1 @@
-export { default } from '@mui/base/TextareaAutosize';
+export { TextareaAutosize as default } from '@mui/base/TextareaAutosize';

package/ToggleButton/ToggleButton.d.ts

@@ -11,10 +11,10 @@ export interface ToggleButtonPropsSizeOverrides {}
 export interface ToggleButtonPropsColorOverrides {}
 
 export type ToggleButtonTypeMap<
-  P = {},
-  D extends React.ElementType = 'button',
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'button',
 > = ExtendButtonBaseTypeMap<{
-  props: P & {
+  props: AdditionalProps & {
     /**
      * The content of the component.
      */
@@ -82,7 +82,7 @@ export type ToggleButtonTypeMap<
      */
     value: NonNullable<unknown>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }>;
 
 /**
@@ -99,8 +99,10 @@ export type ToggleButtonTypeMap<
 declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
 
 export type ToggleButtonProps<
-  D extends React.ElementType = ToggleButtonTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ToggleButtonTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default ToggleButton;

package/ToggleButton/ToggleButton.js

@@ -7,7 +7,7 @@ const _excluded = ["children", "className", "color", "disabled", "disableFocusRi
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '../styles';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';

package/ToggleButton/toggleButtonClasses.d.ts

@@ -1,24 +1,24 @@
-export interface ToggleButtonClasses {
-    /** 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 `selected={true}`. */
-    selected: string;
-    /** State class applied to the root element if `color="standard"`. */
-    standard: string;
-    /** State class applied to the root element if `color="primary"`. */
-    primary: string;
-    /** State class applied to the root element if `color="secondary"`. */
-    secondary: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-}
-export type ToggleButtonClassKey = keyof ToggleButtonClasses;
-export declare function getToggleButtonUtilityClass(slot: string): string;
-declare const toggleButtonClasses: ToggleButtonClasses;
-export default toggleButtonClasses;
+export interface ToggleButtonClasses {
+    /** 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 `selected={true}`. */
+    selected: string;
+    /** State class applied to the root element if `color="standard"`. */
+    standard: string;
+    /** State class applied to the root element if `color="primary"`. */
+    primary: string;
+    /** State class applied to the root element if `color="secondary"`. */
+    secondary: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+}
+export type ToggleButtonClassKey = keyof ToggleButtonClasses;
+export declare function getToggleButtonUtilityClass(slot: string): string;
+declare const toggleButtonClasses: ToggleButtonClasses;
+export default toggleButtonClasses;