@mui/material 6.0.0-alpha.2 → 6.0.0-alpha.3

package/legacy/TabScrollButton/TabScrollButton.js

@@ -1,153 +0,0 @@
-'use client';
-
-/* eslint-disable jsx-a11y/aria-role */
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useSlotProps } from '@mui/base/utils';
-import composeClasses from '@mui/utils/composeClasses';
-import { useRtl } from '@mui/system/RtlProvider';
-import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
-import ButtonBase from '../ButtonBase';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
-import tabScrollButtonClasses, { getTabScrollButtonUtilityClass } from './tabScrollButtonClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    orientation = ownerState.orientation,
-    disabled = ownerState.disabled;
-  var slots = {
-    root: ['root', orientation, disabled && 'disabled']
-  };
-  return composeClasses(slots, getTabScrollButtonUtilityClass, classes);
-};
-var TabScrollButtonRoot = styled(ButtonBase, {
-  name: 'MuiTabScrollButton',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.orientation && styles[ownerState.orientation]];
-  }
-})(function (_ref) {
-  var ownerState = _ref.ownerState;
-  return _extends(_defineProperty({
-    width: 40,
-    flexShrink: 0,
-    opacity: 0.8
-  }, "&.".concat(tabScrollButtonClasses.disabled), {
-    opacity: 0
-  }), ownerState.orientation === 'vertical' && {
-    width: '100%',
-    height: 40,
-    '& svg': {
-      transform: "rotate(".concat(ownerState.isRtl ? -90 : 90, "deg)")
-    }
-  });
-});
-var TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {
-  var _slots$StartScrollBut, _slots$EndScrollButto;
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiTabScrollButton'
-  });
-  var className = props.className,
-    _props$slots = props.slots,
-    slots = _props$slots === void 0 ? {} : _props$slots,
-    _props$slotProps = props.slotProps,
-    slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
-    direction = props.direction,
-    orientation = props.orientation,
-    disabled = props.disabled,
-    other = _objectWithoutProperties(props, ["className", "slots", "slotProps", "direction", "orientation", "disabled"]);
-  var isRtl = useRtl();
-  var ownerState = _extends({
-    isRtl: isRtl
-  }, props);
-  var classes = useUtilityClasses(ownerState);
-  var StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : KeyboardArrowLeft;
-  var EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : KeyboardArrowRight;
-  var startButtonIconProps = useSlotProps({
-    elementType: StartButtonIcon,
-    externalSlotProps: slotProps.startScrollButtonIcon,
-    additionalProps: {
-      fontSize: 'small'
-    },
-    ownerState: ownerState
-  });
-  var endButtonIconProps = useSlotProps({
-    elementType: EndButtonIcon,
-    externalSlotProps: slotProps.endScrollButtonIcon,
-    additionalProps: {
-      fontSize: 'small'
-    },
-    ownerState: ownerState
-  });
-  return /*#__PURE__*/_jsx(TabScrollButtonRoot, _extends({
-    component: "div",
-    className: clsx(classes.root, className),
-    ref: ref,
-    role: null,
-    ownerState: ownerState,
-    tabIndex: null
-  }, other, {
-    children: direction === 'left' ? /*#__PURE__*/_jsx(StartButtonIcon, _extends({}, startButtonIconProps)) : /*#__PURE__*/_jsx(EndButtonIcon, _extends({}, endButtonIconProps))
-  }));
-});
-process.env.NODE_ENV !== "production" ? TabScrollButton.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 direction the button should indicate.
-   */
-  direction: PropTypes.oneOf(['left', 'right']).isRequired,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * The component orientation (layout flow direction).
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']).isRequired,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    endScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    startScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    EndScrollButtonIcon: PropTypes.elementType,
-    StartScrollButtonIcon: PropTypes.elementType
-  }),
-  /**
-   * 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])
-} : void 0;
-export default TabScrollButton;

package/legacy/TabScrollButton/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './TabScrollButton';
-export { default as tabScrollButtonClasses } from './tabScrollButtonClasses';
-export * from './tabScrollButtonClasses';

package/legacy/TabScrollButton/tabScrollButtonClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTabScrollButtonUtilityClass(slot) {
-  return generateUtilityClass('MuiTabScrollButton', slot);
-}
-var tabScrollButtonClasses = generateUtilityClasses('MuiTabScrollButton', ['root', 'vertical', 'horizontal', 'disabled']);
-export default tabScrollButtonClasses;

package/legacy/Table/Table.js

@@ -1,130 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import TableContext from './TableContext';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
-import { getTableUtilityClass } from './tableClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    stickyHeader = ownerState.stickyHeader;
-  var slots = {
-    root: ['root', stickyHeader && 'stickyHeader']
-  };
-  return composeClasses(slots, getTableUtilityClass, classes);
-};
-var TableRoot = styled('table', {
-  name: 'MuiTable',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, ownerState.stickyHeader && styles.stickyHeader];
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({
-    display: 'table',
-    width: '100%',
-    borderCollapse: 'collapse',
-    borderSpacing: 0,
-    '& caption': _extends({}, theme.typography.body2, {
-      padding: theme.spacing(2),
-      color: (theme.vars || theme).palette.text.secondary,
-      textAlign: 'left',
-      captionSide: 'bottom'
-    })
-  }, ownerState.stickyHeader && {
-    borderCollapse: 'separate'
-  });
-});
-var defaultComponent = 'table';
-var Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiTable'
-  });
-  var className = props.className,
-    _props$component = props.component,
-    component = _props$component === void 0 ? defaultComponent : _props$component,
-    _props$padding = props.padding,
-    padding = _props$padding === void 0 ? 'normal' : _props$padding,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    _props$stickyHeader = props.stickyHeader,
-    stickyHeader = _props$stickyHeader === void 0 ? false : _props$stickyHeader,
-    other = _objectWithoutProperties(props, ["className", "component", "padding", "size", "stickyHeader"]);
-  var ownerState = _extends({}, props, {
-    component: component,
-    padding: padding,
-    size: size,
-    stickyHeader: stickyHeader
-  });
-  var classes = useUtilityClasses(ownerState);
-  var table = React.useMemo(function () {
-    return {
-      padding: padding,
-      size: size,
-      stickyHeader: stickyHeader
-    };
-  }, [padding, size, stickyHeader]);
-  return /*#__PURE__*/_jsx(TableContext.Provider, {
-    value: table,
-    children: /*#__PURE__*/_jsx(TableRoot, _extends({
-      as: component,
-      role: component === defaultComponent ? null : 'table',
-      ref: ref,
-      className: clsx(classes.root, className),
-      ownerState: ownerState
-    }, other))
-  });
-});
-process.env.NODE_ENV !== "production" ? Table.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 table, normally `TableHead` and `TableBody`.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Allows TableCells to inherit padding of the Table.
-   * @default 'normal'
-   */
-  padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),
-  /**
-   * Allows TableCells to inherit size of the Table.
-   * @default 'medium'
-   */
-  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
-  /**
-   * Set the header sticky.
-   * @default false
-   */
-  stickyHeader: PropTypes.bool,
-  /**
-   * 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])
-} : void 0;
-export default Table;

package/legacy/Table/TableContext.js

@@ -1,12 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-/**
- * @ignore - internal component.
- */
-var TableContext = /*#__PURE__*/React.createContext();
-if (process.env.NODE_ENV !== 'production') {
-  TableContext.displayName = 'TableContext';
-}
-export default TableContext;

package/legacy/Table/Tablelvl2Context.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-/**
- * @ignore - internal component.
- */
-var Tablelvl2Context = /*#__PURE__*/React.createContext();
-if (process.env.NODE_ENV !== 'production') {
-  Tablelvl2Context.displayName = 'Tablelvl2Context';
-}
-export default Tablelvl2Context;

package/legacy/Table/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './Table';
-export { default as tableClasses } from './tableClasses';
-export * from './tableClasses';

package/legacy/Table/tableClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTableUtilityClass(slot) {
-  return generateUtilityClass('MuiTable', slot);
-}
-var tableClasses = generateUtilityClasses('MuiTable', ['root', 'stickyHeader']);
-export default tableClasses;

package/legacy/TableBody/TableBody.js

@@ -1,85 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
-import { getTableBodyUtilityClass } from './tableBodyClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getTableBodyUtilityClass, classes);
-};
-var TableBodyRoot = styled('tbody', {
-  name: 'MuiTableBody',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.root;
-  }
-})({
-  display: 'table-row-group'
-});
-var tablelvl2 = {
-  variant: 'body'
-};
-var defaultComponent = 'tbody';
-var TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiTableBody'
-  });
-  var className = props.className,
-    _props$component = props.component,
-    component = _props$component === void 0 ? defaultComponent : _props$component,
-    other = _objectWithoutProperties(props, ["className", "component"]);
-  var ownerState = _extends({}, props, {
-    component: component
-  });
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
-    value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableBodyRoot, _extends({
-      className: clsx(classes.root, className),
-      as: component,
-      ref: ref,
-      role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState
-    }, other))
-  });
-});
-process.env.NODE_ENV !== "production" ? TableBody.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, normally `TableRow`.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * 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])
-} : void 0;
-export default TableBody;

package/legacy/TableBody/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './TableBody';
-export { default as tableBodyClasses } from './tableBodyClasses';
-export * from './tableBodyClasses';

package/legacy/TableBody/tableBodyClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTableBodyUtilityClass(slot) {
-  return generateUtilityClass('MuiTableBody', slot);
-}
-var tableBodyClasses = generateUtilityClasses('MuiTableBody', ['root']);
-export default tableBodyClasses;

package/legacy/TableCell/TableCell.js

@@ -1,208 +0,0 @@
-'use client';
-
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { darken, alpha, lighten } from '@mui/system/colorManipulator';
-import capitalize from '../utils/capitalize';
-import TableContext from '../Table/TableContext';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
-import tableCellClasses, { getTableCellUtilityClass } from './tableCellClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes,
-    variant = ownerState.variant,
-    align = ownerState.align,
-    padding = ownerState.padding,
-    size = ownerState.size,
-    stickyHeader = ownerState.stickyHeader;
-  var slots = {
-    root: ['root', variant, stickyHeader && 'stickyHeader', align !== 'inherit' && "align".concat(capitalize(align)), padding !== 'normal' && "padding".concat(capitalize(padding)), "size".concat(capitalize(size))]
-  };
-  return composeClasses(slots, getTableCellUtilityClass, classes);
-};
-var TableCellRoot = styled('td', {
-  name: 'MuiTableCell',
-  slot: 'Root',
-  overridesResolver: function overridesResolver(props, styles) {
-    var ownerState = props.ownerState;
-    return [styles.root, styles[ownerState.variant], styles["size".concat(capitalize(ownerState.size))], ownerState.padding !== 'normal' && styles["padding".concat(capitalize(ownerState.padding))], ownerState.align !== 'inherit' && styles["align".concat(capitalize(ownerState.align))], ownerState.stickyHeader && styles.stickyHeader];
-  }
-})(function (_ref) {
-  var theme = _ref.theme,
-    ownerState = _ref.ownerState;
-  return _extends({}, theme.typography.body2, {
-    display: 'table-cell',
-    verticalAlign: 'inherit',
-    // Workaround for a rendering bug with spanned columns in Chrome 62.0.
-    // Removes the alpha (sets it to 1), and lightens or darkens the theme color.
-    borderBottom: theme.vars ? "1px solid ".concat(theme.vars.palette.TableCell.border) : "1px solid\n    ".concat(theme.palette.mode === 'light' ? lighten(alpha(theme.palette.divider, 1), 0.88) : darken(alpha(theme.palette.divider, 1), 0.68)),
-    textAlign: 'left',
-    padding: 16
-  }, ownerState.variant === 'head' && {
-    color: (theme.vars || theme).palette.text.primary,
-    lineHeight: theme.typography.pxToRem(24),
-    fontWeight: theme.typography.fontWeightMedium
-  }, ownerState.variant === 'body' && {
-    color: (theme.vars || theme).palette.text.primary
-  }, ownerState.variant === 'footer' && {
-    color: (theme.vars || theme).palette.text.secondary,
-    lineHeight: theme.typography.pxToRem(21),
-    fontSize: theme.typography.pxToRem(12)
-  }, ownerState.size === 'small' && _defineProperty({
-    padding: '6px 16px'
-  }, "&.".concat(tableCellClasses.paddingCheckbox), {
-    width: 24,
-    // prevent the checkbox column from growing
-    padding: '0 12px 0 16px',
-    '& > *': {
-      padding: 0
-    }
-  }), ownerState.padding === 'checkbox' && {
-    width: 48,
-    // prevent the checkbox column from growing
-    padding: '0 0 0 4px'
-  }, ownerState.padding === 'none' && {
-    padding: 0
-  }, ownerState.align === 'left' && {
-    textAlign: 'left'
-  }, ownerState.align === 'center' && {
-    textAlign: 'center'
-  }, ownerState.align === 'right' && {
-    textAlign: 'right',
-    flexDirection: 'row-reverse'
-  }, ownerState.align === 'justify' && {
-    textAlign: 'justify'
-  }, ownerState.stickyHeader && {
-    position: 'sticky',
-    top: 0,
-    zIndex: 2,
-    backgroundColor: (theme.vars || theme).palette.background.default
-  });
-});
-
-/**
- * The component renders a `<th>` element when the parent context is a header
- * or otherwise a `<td>` element.
- */
-var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiTableCell'
-  });
-  var _props$align = props.align,
-    align = _props$align === void 0 ? 'inherit' : _props$align,
-    className = props.className,
-    componentProp = props.component,
-    paddingProp = props.padding,
-    scopeProp = props.scope,
-    sizeProp = props.size,
-    sortDirection = props.sortDirection,
-    variantProp = props.variant,
-    other = _objectWithoutProperties(props, ["align", "className", "component", "padding", "scope", "size", "sortDirection", "variant"]);
-  var table = React.useContext(TableContext);
-  var tablelvl2 = React.useContext(Tablelvl2Context);
-  var isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
-  var component;
-  if (componentProp) {
-    component = componentProp;
-  } else {
-    component = isHeadCell ? 'th' : 'td';
-  }
-  var scope = scopeProp;
-  // scope is not a valid attribute for <td/> elements.
-  // source: https://html.spec.whatwg.org/multipage/tables.html#the-td-element
-  if (component === 'td') {
-    scope = undefined;
-  } else if (!scope && isHeadCell) {
-    scope = 'col';
-  }
-  var variant = variantProp || tablelvl2 && tablelvl2.variant;
-  var ownerState = _extends({}, props, {
-    align: align,
-    component: component,
-    padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
-    size: sizeProp || (table && table.size ? table.size : 'medium'),
-    sortDirection: sortDirection,
-    stickyHeader: variant === 'head' && table && table.stickyHeader,
-    variant: variant
-  });
-  var classes = useUtilityClasses(ownerState);
-  var ariaSort = null;
-  if (sortDirection) {
-    ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
-  }
-  return /*#__PURE__*/_jsx(TableCellRoot, _extends({
-    as: component,
-    ref: ref,
-    className: clsx(classes.root, className),
-    "aria-sort": ariaSort,
-    scope: scope,
-    ownerState: ownerState
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? TableCell.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the table cell content.
-   *
-   * Monetary or generally number fields **should be right aligned** as that allows
-   * you to add them up quickly in your head without having to worry about decimals.
-   * @default 'inherit'
-   */
-  align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),
-  /**
-   * 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 component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Sets the padding applied to the cell.
-   * The prop defaults to the value (`'default'`) inherited from the parent Table component.
-   */
-  padding: PropTypes.oneOf(['checkbox', 'none', 'normal']),
-  /**
-   * Set scope attribute.
-   */
-  scope: PropTypes.string,
-  /**
-   * Specify the size of the cell.
-   * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
-   */
-  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
-  /**
-   * Set aria-sort direction.
-   */
-  sortDirection: PropTypes.oneOf(['asc', 'desc', false]),
-  /**
-   * 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]),
-  /**
-   * Specify the cell type.
-   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body', 'footer', 'head']), PropTypes.string])
-} : void 0;
-export default TableCell;

package/legacy/TableCell/index.js

@@ -1,5 +0,0 @@
-'use client';
-
-export { default } from './TableCell';
-export { default as tableCellClasses } from './tableCellClasses';
-export * from './tableCellClasses';

package/legacy/TableCell/tableCellClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTableCellUtilityClass(slot) {
-  return generateUtilityClass('MuiTableCell', slot);
-}
-var tableCellClasses = generateUtilityClasses('MuiTableCell', ['root', 'head', 'body', 'footer', 'sizeSmall', 'sizeMedium', 'paddingCheckbox', 'paddingNone', 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify', 'stickyHeader']);
-export default tableCellClasses;