@vodafone_de/brix-components 3.1.3 → 3.1.6

package/TablePagination/TablePaginationActions.js

@@ -1,199 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _RtlProvider = require("@mui/system/RtlProvider");
-var _KeyboardArrowLeft = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));
-var _KeyboardArrowRight = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowRight"));
-var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _LastPage = _interopRequireDefault(require("../internal/svg-icons/LastPage"));
-var _FirstPage = _interopRequireDefault(require("../internal/svg-icons/FirstPage"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * @ignore - internal component.
- */const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
-  const {
-    backIconButtonProps,
-    count,
-    disabled = false,
-    getItemAriaLabel,
-    nextIconButtonProps,
-    onPageChange,
-    page,
-    rowsPerPage,
-    showFirstButton,
-    showLastButton,
-    slots = {},
-    slotProps = {},
-    ...other
-  } = props;
-  const isRtl = (0, _RtlProvider.useRtl)();
-  const handleFirstPageButtonClick = event => {
-    onPageChange(event, 0);
-  };
-  const handleBackButtonClick = event => {
-    onPageChange(event, page - 1);
-  };
-  const handleNextButtonClick = event => {
-    onPageChange(event, page + 1);
-  };
-  const handleLastPageButtonClick = event => {
-    onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
-  };
-  const FirstButton = slots.firstButton ?? _IconButton.default;
-  const LastButton = slots.lastButton ?? _IconButton.default;
-  const NextButton = slots.nextButton ?? _IconButton.default;
-  const PreviousButton = slots.previousButton ?? _IconButton.default;
-  const FirstButtonIcon = slots.firstButtonIcon ?? _FirstPage.default;
-  const LastButtonIcon = slots.lastButtonIcon ?? _LastPage.default;
-  const NextButtonIcon = slots.nextButtonIcon ?? _KeyboardArrowRight.default;
-  const PreviousButtonIcon = slots.previousButtonIcon ?? _KeyboardArrowLeft.default;
-  const FirstButtonSlot = isRtl ? LastButton : FirstButton;
-  const PreviousButtonSlot = isRtl ? NextButton : PreviousButton;
-  const NextButtonSlot = isRtl ? PreviousButton : NextButton;
-  const LastButtonSlot = isRtl ? FirstButton : LastButton;
-  const firstButtonSlotProps = isRtl ? slotProps.lastButton : slotProps.firstButton;
-  const previousButtonSlotProps = isRtl ? slotProps.nextButton : slotProps.previousButton;
-  const nextButtonSlotProps = isRtl ? slotProps.previousButton : slotProps.nextButton;
-  const lastButtonSlotProps = isRtl ? slotProps.firstButton : slotProps.lastButton;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    ref: ref,
-    ...other,
-    children: [showFirstButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(FirstButtonSlot, {
-      onClick: handleFirstPageButtonClick,
-      disabled: disabled || page === 0,
-      "aria-label": getItemAriaLabel('first', page),
-      title: getItemAriaLabel('first', page),
-      ...firstButtonSlotProps,
-      children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LastButtonIcon, {
-        ...slotProps.lastButtonIcon
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(FirstButtonIcon, {
-        ...slotProps.firstButtonIcon
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonSlot, {
-      onClick: handleBackButtonClick,
-      disabled: disabled || page === 0,
-      color: "inherit",
-      "aria-label": getItemAriaLabel('previous', page),
-      title: getItemAriaLabel('previous', page),
-      ...(previousButtonSlotProps ?? backIconButtonProps),
-      children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
-        ...slotProps.nextButtonIcon
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
-        ...slotProps.previousButtonIcon
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonSlot, {
-      onClick: handleNextButtonClick,
-      disabled: disabled || (count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false),
-      color: "inherit",
-      "aria-label": getItemAriaLabel('next', page),
-      title: getItemAriaLabel('next', page),
-      ...(nextButtonSlotProps ?? nextIconButtonProps),
-      children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
-        ...slotProps.previousButtonIcon
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
-        ...slotProps.nextButtonIcon
-      })
-    }), showLastButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(LastButtonSlot, {
-      onClick: handleLastPageButtonClick,
-      disabled: disabled || page >= Math.ceil(count / rowsPerPage) - 1,
-      "aria-label": getItemAriaLabel('last', page),
-      title: getItemAriaLabel('last', page),
-      ...lastButtonSlotProps,
-      children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(FirstButtonIcon, {
-        ...slotProps.firstButtonIcon
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(LastButtonIcon, {
-        ...slotProps.lastButtonIcon
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
-  /**
-   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
-   */
-  backIconButtonProps: _propTypes.default.object,
-  /**
-   * The total number of rows.
-   */
-  count: _propTypes.default.number.isRequired,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Accepts a function which returns a string value that provides a user-friendly name for the current page.
-   *
-   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-   *
-   * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
-   * @param {number} page The page number to format.
-   * @returns {string}
-   */
-  getItemAriaLabel: _propTypes.default.func.isRequired,
-  /**
-   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
-   */
-  nextIconButtonProps: _propTypes.default.object,
-  /**
-   * Callback fired when the page is changed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {number} page The page selected.
-   */
-  onPageChange: _propTypes.default.func.isRequired,
-  /**
-   * The zero-based index of the current page.
-   */
-  page: _propTypes.default.number.isRequired,
-  /**
-   * The number of rows per page.
-   */
-  rowsPerPage: _propTypes.default.number.isRequired,
-  /**
-   * If `true`, show the first-page button.
-   */
-  showFirstButton: _propTypes.default.bool.isRequired,
-  /**
-   * If `true`, show the last-page button.
-   */
-  showLastButton: _propTypes.default.bool.isRequired,
-  /**
-   * The props used for each slot inside the TablePaginationActions.
-   * @default {}
-   */
-  slotProps: _propTypes.default.shape({
-    firstButton: _propTypes.default.object,
-    firstButtonIcon: _propTypes.default.object,
-    lastButton: _propTypes.default.object,
-    lastButtonIcon: _propTypes.default.object,
-    nextButton: _propTypes.default.object,
-    nextButtonIcon: _propTypes.default.object,
-    previousButton: _propTypes.default.object,
-    previousButtonIcon: _propTypes.default.object
-  }),
-  /**
-   * The components used for each slot inside the TablePaginationActions.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: _propTypes.default.shape({
-    firstButton: _propTypes.default.elementType,
-    firstButtonIcon: _propTypes.default.elementType,
-    lastButton: _propTypes.default.elementType,
-    lastButtonIcon: _propTypes.default.elementType,
-    nextButton: _propTypes.default.elementType,
-    nextButtonIcon: _propTypes.default.elementType,
-    previousButton: _propTypes.default.elementType,
-    previousButtonIcon: _propTypes.default.elementType
-  })
-} : void 0;
-var _default = exports.default = TablePaginationActions;

package/TablePagination/index.d.ts

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

package/TablePagination/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  tablePaginationClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _TablePagination.default;
-  }
-});
-Object.defineProperty(exports, "tablePaginationClasses", {
-  enumerable: true,
-  get: function () {
-    return _tablePaginationClasses.default;
-  }
-});
-var _TablePagination = _interopRequireDefault(require("./TablePagination"));
-var _tablePaginationClasses = _interopRequireWildcard(require("./tablePaginationClasses"));
-Object.keys(_tablePaginationClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _tablePaginationClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tablePaginationClasses[key];
-    }
-  });
-});

package/TablePagination/tablePaginationClasses.d.ts

@@ -1,28 +0,0 @@
-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/TablePagination/tablePaginationClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getTablePaginationUtilityClass = getTablePaginationUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getTablePaginationUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiTablePagination', slot);
-}
-const tablePaginationClasses = (0, _generateUtilityClasses.default)('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
-var _default = exports.default = tablePaginationClasses;

package/TableRow/TableRow.d.ts

@@ -1,50 +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 { TableRowClasses } from "./tableRowClasses.js";
-export interface TableRowOwnProps {
-  /**
-   * Should be valid `<tr>` children such as `TableCell`.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<TableRowClasses>;
-  /**
-   * If `true`, the table row will shade on hover.
-   * @default false
-   */
-  hover?: boolean;
-  /**
-   * If `true`, the table row will have the selected shading.
-   * @default false
-   */
-  selected?: boolean;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface TableRowTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tr'> {
-  props: AdditionalProps & TableRowOwnProps;
-  defaultComponent: RootComponent;
-}
-/**
- * Will automatically set dynamic row height
- * based on the material table element parent (head, body, etc).
- *
- * Demos:
- *
- * - [Table](https://mui.com/material-ui/react-table/)
- *
- * API:
- *
- * - [TableRow API](https://mui.com/material-ui/api/table-row/)
- */
-declare const TableRow: OverridableComponent<TableRowTypeMap>;
-export type TableRowProps<RootComponent extends React.ElementType = TableRowTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableRowTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default TableRow;

package/TableRow/TableRow.js

@@ -1,134 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _colorManipulator = require("@mui/system/colorManipulator");
-var _Tablelvl2Context = _interopRequireDefault(require("../Table/Tablelvl2Context"));
-var _zeroStyled = require("../zero-styled");
-var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
-var _DefaultPropsProvider = require("../DefaultPropsProvider");
-var _tableRowClasses = _interopRequireWildcard(require("./tableRowClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    selected,
-    hover,
-    head,
-    footer
-  } = ownerState;
-  const slots = {
-    root: ['root', selected && 'selected', hover && 'hover', head && 'head', footer && 'footer']
-  };
-  return (0, _composeClasses.default)(slots, _tableRowClasses.getTableRowUtilityClass, classes);
-};
-const TableRowRoot = (0, _zeroStyled.styled)('tr', {
-  name: 'MuiTableRow',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.head && styles.head, ownerState.footer && styles.footer];
-  }
-})((0, _memoTheme.default)(({
-  theme
-}) => ({
-  color: 'inherit',
-  display: 'table-row',
-  verticalAlign: 'middle',
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  [`&.${_tableRowClasses.default.hover}:hover`]: {
-    backgroundColor: (theme.vars || theme).palette.action.hover
-  },
-  [`&.${_tableRowClasses.default.selected}`]: {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _colorManipulator.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
-    '&:hover': {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _colorManipulator.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity)
-    }
-  }
-})));
-const defaultComponent = 'tr';
-/**
- * Will automatically set dynamic row height
- * based on the material table element parent (head, body, etc).
- */
-const TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
-  const props = (0, _DefaultPropsProvider.useDefaultProps)({
-    props: inProps,
-    name: 'MuiTableRow'
-  });
-  const {
-    className,
-    component = defaultComponent,
-    hover = false,
-    selected = false,
-    ...other
-  } = props;
-  const tablelvl2 = React.useContext(_Tablelvl2Context.default);
-  const ownerState = {
-    ...props,
-    component,
-    hover,
-    selected,
-    head: tablelvl2 && tablelvl2.variant === 'head',
-    footer: tablelvl2 && tablelvl2.variant === 'footer'
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRowRoot, {
-    as: component,
-    ref: ref,
-    className: (0, _clsx.default)(classes.root, className),
-    role: component === defaultComponent ? null : 'row',
-    ownerState: ownerState,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? TableRow.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`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Should be valid `<tr>` children such as `TableCell`.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: _propTypes.default.elementType,
-  /**
-   * If `true`, the table row will shade on hover.
-   * @default false
-   */
-  hover: _propTypes.default.bool,
-  /**
-   * If `true`, the table row will have the selected shading.
-   * @default false
-   */
-  selected: _propTypes.default.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
-} : void 0;
-var _default = exports.default = TableRow;

package/TableRow/index.d.ts

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

package/TableRow/index.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  tableRowClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _TableRow.default;
-  }
-});
-Object.defineProperty(exports, "tableRowClasses", {
-  enumerable: true,
-  get: function () {
-    return _tableRowClasses.default;
-  }
-});
-var _TableRow = _interopRequireDefault(require("./TableRow"));
-var _tableRowClasses = _interopRequireWildcard(require("./tableRowClasses"));
-Object.keys(_tableRowClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _tableRowClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _tableRowClasses[key];
-    }
-  });
-});

package/TableRow/tableRowClasses.d.ts

@@ -1,16 +0,0 @@
-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/TableRow/tableRowClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getTableRowUtilityClass = getTableRowUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getTableRowUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiTableRow', slot);
-}
-const tableRowClasses = (0, _generateUtilityClasses.default)('MuiTableRow', ['root', 'selected', 'hover', 'head', 'footer']);
-var _default = exports.default = tableRowClasses;

package/TableSortLabel/TableSortLabel.d.ts

@@ -1,90 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
-import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
-import { OverrideProps } from "../OverridableComponent/index.js";
-import { TableSortLabelClasses } from "./tableSortLabelClasses.js";
-import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
-export interface TableSortLabelRootSlotPropsOverrides {}
-export interface TableSortLabelIconSlotPropsOverrides {}
-export interface TableSortLabelSlots {
-  /**
-   * The component that renders the root slot.
-   * @default span
-   */
-  root?: React.ElementType;
-  /**
-   * The component that renders the icon slot.
-   * @default ArrowDownwardIcon
-   */
-  icon?: React.ElementType;
-}
-export type TableSortLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<TableSortLabelSlots, {
-  /**
-   * Props forwarded to the root slot.
-   */
-  root: SlotProps<React.ElementType<React.HTMLAttributes<HTMLSpanElement>>, TableSortLabelRootSlotPropsOverrides, TableSortLabelOwnerState>;
-  /**
-   * Props forwarded to the icon slot.
-   */
-  icon: SlotProps<React.ElementType<React.SVGAttributes<SVGSVGElement>>, TableSortLabelIconSlotPropsOverrides, TableSortLabelOwnerState>;
-}>;
-export interface TableSortLabelOwnerState extends TableSortLabelOwnProps {}
-export interface TableSortLabelOwnProps {
-  /**
-   * If `true`, the label will have the active styling (should be true for the sorted column).
-   * @default false
-   */
-  active?: boolean;
-  /**
-   * Label contents, the arrow will be appended automatically.
-   */
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<TableSortLabelClasses>;
-  /**
-   * The current sort direction.
-   * @default 'asc'
-   */
-  direction?: 'asc' | 'desc';
-  /**
-   * Hide sort icon when active is false.
-   * @default false
-   */
-  hideSortIcon?: boolean;
-  /**
-   * Sort icon to use.
-   * @default ArrowDownwardIcon
-   */
-  IconComponent?: React.JSXElementConstructor<{
-    className: string;
-  }>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export type TableSortLabelTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & TableSortLabelOwnProps & TableSortLabelSlotsAndSlotProps;
-  defaultComponent: RootComponent;
-}>;
-
-/**
- * A button based label for placing inside `TableCell` for column sorting.
- *
- * Demos:
- *
- * - [Table](https://mui.com/material-ui/react-table/)
- *
- * API:
- *
- * - [TableSortLabel API](https://mui.com/material-ui/api/table-sort-label/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
- */
-declare const TableSortLabel: ExtendButtonBase<TableSortLabelTypeMap>;
-export type TableSortLabelProps<RootComponent extends React.ElementType = TableSortLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableSortLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
-};
-export default TableSortLabel;