@mui/material 7.0.1 → 7.1.0

package/modern/TableCell/TableCell.js

@@ -1,270 +0,0 @@
-'use client';
-
-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.js";
-import TableContext from "../Table/TableContext.js";
-import Tablelvl2Context from "../Table/Tablelvl2Context.js";
-import { styled } from "../zero-styled/index.js";
-import memoTheme from "../utils/memoTheme.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import tableCellClasses, { getTableCellUtilityClass } from "./tableCellClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    variant,
-    align,
-    padding,
-    size,
-    stickyHeader
-  } = ownerState;
-  const slots = {
-    root: ['root', variant, stickyHeader && 'stickyHeader', align !== 'inherit' && `align${capitalize(align)}`, padding !== 'normal' && `padding${capitalize(padding)}`, `size${capitalize(size)}`]
-  };
-  return composeClasses(slots, getTableCellUtilityClass, classes);
-};
-const TableCellRoot = styled('td', {
-  name: 'MuiTableCell',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.variant], styles[`size${capitalize(ownerState.size)}`], ownerState.padding !== 'normal' && styles[`padding${capitalize(ownerState.padding)}`], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.stickyHeader && styles.stickyHeader];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  ...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 ${theme.vars.palette.TableCell.border}` : `1px solid
-    ${theme.palette.mode === 'light' ? lighten(alpha(theme.palette.divider, 1), 0.88) : darken(alpha(theme.palette.divider, 1), 0.68)}`,
-  textAlign: 'left',
-  padding: 16,
-  variants: [{
-    props: {
-      variant: 'head'
-    },
-    style: {
-      color: (theme.vars || theme).palette.text.primary,
-      lineHeight: theme.typography.pxToRem(24),
-      fontWeight: theme.typography.fontWeightMedium
-    }
-  }, {
-    props: {
-      variant: 'body'
-    },
-    style: {
-      color: (theme.vars || theme).palette.text.primary
-    }
-  }, {
-    props: {
-      variant: 'footer'
-    },
-    style: {
-      color: (theme.vars || theme).palette.text.secondary,
-      lineHeight: theme.typography.pxToRem(21),
-      fontSize: theme.typography.pxToRem(12)
-    }
-  }, {
-    props: {
-      size: 'small'
-    },
-    style: {
-      padding: '6px 16px',
-      [`&.${tableCellClasses.paddingCheckbox}`]: {
-        width: 24,
-        // prevent the checkbox column from growing
-        padding: '0 12px 0 16px',
-        '& > *': {
-          padding: 0
-        }
-      }
-    }
-  }, {
-    props: {
-      padding: 'checkbox'
-    },
-    style: {
-      width: 48,
-      // prevent the checkbox column from growing
-      padding: '0 0 0 4px'
-    }
-  }, {
-    props: {
-      padding: 'none'
-    },
-    style: {
-      padding: 0
-    }
-  }, {
-    props: {
-      align: 'left'
-    },
-    style: {
-      textAlign: 'left'
-    }
-  }, {
-    props: {
-      align: 'center'
-    },
-    style: {
-      textAlign: 'center'
-    }
-  }, {
-    props: {
-      align: 'right'
-    },
-    style: {
-      textAlign: 'right',
-      flexDirection: 'row-reverse'
-    }
-  }, {
-    props: {
-      align: 'justify'
-    },
-    style: {
-      textAlign: 'justify'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.stickyHeader,
-    style: {
-      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.
- */
-const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiTableCell'
-  });
-  const {
-    align = 'inherit',
-    className,
-    component: componentProp,
-    padding: paddingProp,
-    scope: scopeProp,
-    size: sizeProp,
-    sortDirection,
-    variant: variantProp,
-    ...other
-  } = props;
-  const table = React.useContext(TableContext);
-  const tablelvl2 = React.useContext(Tablelvl2Context);
-  const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
-  let component;
-  if (componentProp) {
-    component = componentProp;
-  } else {
-    component = isHeadCell ? 'th' : 'td';
-  }
-  let 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';
-  }
-  const variant = variantProp || tablelvl2 && tablelvl2.variant;
-  const ownerState = {
-    ...props,
-    align,
-    component,
-    padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
-    size: sizeProp || (table && table.size ? table.size : 'medium'),
-    sortDirection,
-    stickyHeader: variant === 'head' && table && table.stickyHeader,
-    variant
-  };
-  const classes = useUtilityClasses(ownerState);
-  let ariaSort = null;
-  if (sortDirection) {
-    ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
-  }
-  return /*#__PURE__*/_jsx(TableCellRoot, {
-    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/modern/TableCell/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./TableCell.js";
-export * from "./TableCell.js";
-export { default as tableCellClasses } from "./tableCellClasses.js";
-export * from "./tableCellClasses.js";

package/modern/TableCell/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TableCell.js";
-export { default as tableCellClasses } from "./tableCellClasses.js";
-export * from "./tableCellClasses.js";

package/modern/TableCell/tableCellClasses.d.ts

@@ -1,32 +0,0 @@
-export interface TableCellClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
-  head: string;
-  /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
-  body: string;
-  /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
-  footer: 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 `padding="checkbox"`. */
-  paddingCheckbox: string;
-  /** Styles applied to the root element if `padding="none"`. */
-  paddingNone: string;
-  /** Styles applied to the root element if `align="left"`. */
-  alignLeft: string;
-  /** Styles applied to the root element if `align="center"`. */
-  alignCenter: string;
-  /** Styles applied to the root element if `align="right"`. */
-  alignRight: string;
-  /** Styles applied to the root element if `align="justify"`. */
-  alignJustify: string;
-  /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
-  stickyHeader: string;
-}
-export type TableCellClassKey = keyof TableCellClasses;
-export declare function getTableCellUtilityClass(slot: string): string;
-declare const tableCellClasses: TableCellClasses;
-export default tableCellClasses;

package/modern/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);
-}
-const tableCellClasses = generateUtilityClasses('MuiTableCell', ['root', 'head', 'body', 'footer', 'sizeSmall', 'sizeMedium', 'paddingCheckbox', 'paddingNone', 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify', 'stickyHeader']);
-export default tableCellClasses;

package/modern/TableContainer/TableContainer.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { TableContainerClasses } from "./tableContainerClasses.js";
-export interface TableContainerOwnProps {
-  /**
-   * The content of the component, normally `Table`.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<TableContainerClasses>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface TableContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & TableContainerOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [Table](https://mui.com/material-ui/react-table/)
- *
- * API:
- *
- * - [TableContainer API](https://mui.com/material-ui/api/table-container/)
- */
-declare const TableContainer: OverridableComponent<TableContainerTypeMap>;
-export type TableContainerProps<RootComponent extends React.ElementType = TableContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default TableContainer;

package/modern/TableContainer/TableContainer.js

@@ -1,78 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import composeClasses from '@mui/utils/composeClasses';
-import { styled } from "../zero-styled/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import { getTableContainerUtilityClass } from "./tableContainerClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getTableContainerUtilityClass, classes);
-};
-const TableContainerRoot = styled('div', {
-  name: 'MuiTableContainer',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  width: '100%',
-  overflowX: 'auto'
-});
-const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiTableContainer'
-  });
-  const {
-    className,
-    component = 'div',
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    component
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TableContainerRoot, {
-    ref: ref,
-    as: component,
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? TableContainer.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 `Table`.
-   */
-  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 TableContainer;

package/modern/TableContainer/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./TableContainer.js";
-export * from "./TableContainer.js";
-export { default as tableContainerClasses } from "./tableContainerClasses.js";
-export * from "./tableContainerClasses.js";

package/modern/TableContainer/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TableContainer.js";
-export { default as tableContainerClasses } from "./tableContainerClasses.js";
-export * from "./tableContainerClasses.js";

package/modern/TableContainer/tableContainerClasses.d.ts

@@ -1,8 +0,0 @@
-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/modern/TableContainer/tableContainerClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTableContainerUtilityClass(slot) {
-  return generateUtilityClass('MuiTableContainer', slot);
-}
-const tableContainerClasses = generateUtilityClasses('MuiTableContainer', ['root']);
-export default tableContainerClasses;

package/modern/TableFooter/TableFooter.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { TableFooterClasses } from "./tableFooterClasses.js";
-export interface TableFooterOwnProps {
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<TableFooterClasses>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface TableFooterTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tfoot'> {
-  props: AdditionalProps & TableFooterOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [Table](https://mui.com/material-ui/react-table/)
- *
- * API:
- *
- * - [TableFooter API](https://mui.com/material-ui/api/table-footer/)
- */
-declare const TableFooter: OverridableComponent<TableFooterTypeMap>;
-export type TableFooterProps<RootComponent extends React.ElementType = TableFooterTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableFooterTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default TableFooter;

package/modern/TableFooter/TableFooter.js

@@ -1,86 +0,0 @@
-'use client';
-
-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.js";
-import { styled } from "../zero-styled/index.js";
-import { useDefaultProps } from "../DefaultPropsProvider/index.js";
-import { getTableFooterUtilityClass } from "./tableFooterClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getTableFooterUtilityClass, classes);
-};
-const TableFooterRoot = styled('tfoot', {
-  name: 'MuiTableFooter',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  display: 'table-footer-group'
-});
-const tablelvl2 = {
-  variant: 'footer'
-};
-const defaultComponent = 'tfoot';
-const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: 'MuiTableFooter'
-  });
-  const {
-    className,
-    component = defaultComponent,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    component
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(Tablelvl2Context.Provider, {
-    value: tablelvl2,
-    children: /*#__PURE__*/_jsx(TableFooterRoot, {
-      as: component,
-      className: clsx(classes.root, className),
-      ref: ref,
-      role: component === defaultComponent ? null : 'rowgroup',
-      ownerState: ownerState,
-      ...other
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? TableFooter.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 TableFooter;

package/modern/TableFooter/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from "./TableFooter.js";
-export * from "./TableFooter.js";
-export { default as tableFooterClasses } from "./tableFooterClasses.js";
-export * from "./tableFooterClasses.js";

package/modern/TableFooter/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TableFooter.js";
-export { default as tableFooterClasses } from "./tableFooterClasses.js";
-export * from "./tableFooterClasses.js";

package/modern/TableFooter/tableFooterClasses.d.ts

@@ -1,8 +0,0 @@
-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/modern/TableFooter/tableFooterClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export function getTableFooterUtilityClass(slot) {
-  return generateUtilityClass('MuiTableFooter', slot);
-}
-const tableFooterClasses = generateUtilityClasses('MuiTableFooter', ['root']);
-export default tableFooterClasses;

package/modern/TableHead/TableHead.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { TableHeadClasses } from "./tableHeadClasses.js";
-export interface TableHeadOwnProps {
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<TableHeadClasses>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface TableHeadTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'thead'> {
-  props: AdditionalProps & TableHeadOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- *
- * Demos:
- *
- * - [Table](https://mui.com/material-ui/react-table/)
- *
- * API:
- *
- * - [TableHead API](https://mui.com/material-ui/api/table-head/)
- */
-declare const TableHead: OverridableComponent<TableHeadTypeMap>;
-export type TableHeadProps<RootComponent extends React.ElementType = TableHeadTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableHeadTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default TableHead;