@sitecore/sc-contenthub-blok 0.0.37 → 0.0.38

package/node_modules/@mui/material/StepContent/StepContent.js

@@ -11,6 +11,7 @@ import Collapse from "../Collapse/index.js";
 import StepperContext from "../Stepper/StepperContext.js";
 import StepContext from "../Step/StepContext.js";
 import { getStepContentUtilityClass } from "./stepContentClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -66,6 +67,8 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     TransitionComponent = Collapse,
     transitionDuration: transitionDurationProp = 'auto',
     TransitionProps,
+    slots = {},
+    slotProps = {},
     ...other
   } = props;
   const {
@@ -90,19 +93,32 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
     transitionDuration = undefined;
   }
+  const externalForwardedProps = {
+    slots,
+    slotProps: {
+      transition: TransitionProps,
+      ...slotProps
+    }
+  };
+  const [TransitionSlot, transitionProps] = useSlot('transition', {
+    elementType: StepContentTransition,
+    externalForwardedProps,
+    ownerState,
+    className: classes.transition,
+    additionalProps: {
+      in: active || expanded,
+      timeout: transitionDuration,
+      unmountOnExit: true
+    }
+  });
   return /*#__PURE__*/_jsx(StepContentRoot, {
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState,
     ...other,
-    children: /*#__PURE__*/_jsx(StepContentTransition, {
+    children: /*#__PURE__*/_jsx(TransitionSlot, {
       as: TransitionComponent,
-      in: active || expanded,
-      className: classes.transition,
-      ownerState: ownerState,
-      timeout: transitionDuration,
-      unmountOnExit: true,
-      ...TransitionProps,
+      ...transitionProps,
       children: children
     })
   });
@@ -124,6 +140,20 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
    * @ignore
    */
   className: PropTypes.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    transition: PropTypes.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -132,6 +162,7 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
+   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    */
   TransitionComponent: PropTypes.elementType,
   /**
@@ -149,6 +180,7 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/node_modules/@mui/material/StepLabel/StepLabel.d.ts

@@ -15,7 +15,7 @@ export interface StepLabelSlots {
   /**
    * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
    */
-  stepIcon: React.ElementType<StepIconProps>;
+  stepIcon: React.ElementType;
 }
 
 export type StepLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<

package/node_modules/@mui/material/StepLabel/StepLabel.js

@@ -267,7 +267,5 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
-if (StepLabel) {
-  StepLabel.muiName = 'StepLabel';
-}
+StepLabel.muiName = 'StepLabel';
 export default StepLabel;

package/node_modules/@mui/material/Stepper/StepperContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 /**
  * Provides information about the current step in Stepper.

package/node_modules/@mui/material/SvgIcon/SvgIcon.js

@@ -230,7 +230,5 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */
    */
   viewBox: PropTypes.string
 } : void 0;
-if (SvgIcon) {
-  SvgIcon.muiName = 'SvgIcon';
-}
+SvgIcon.muiName = 'SvgIcon';
 export default SvgIcon;

package/node_modules/@mui/material/Table/Tablelvl2Context.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 /**

package/node_modules/@mui/material/TablePagination/TablePagination.d.ts

@@ -2,11 +2,14 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '../styles';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
-import { TablePaginationActionsProps } from './TablePaginationActions';
+import { TablePaginationActionsProps, TablePaginationActionsSlots } from './TablePaginationActions';
 import { TableCellProps } from '../TableCell';
 import { IconButtonProps } from '../IconButton';
 import { SelectProps } from '../Select';
 import { TablePaginationClasses } from './tablePaginationClasses';
+import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types';
+import { ToolbarProps } from '../Toolbar';
+import { MenuItemProps } from '../MenuItem';
 
 export interface LabelDisplayedRowsArgs {
   from: number;
@@ -15,6 +18,133 @@ export interface LabelDisplayedRowsArgs {
   page: number;
 }
 
+export interface TablePaginationRootSlotPropsOverrides {}
+
+export interface TablePaginationToolbarSlotPropsOverrides {}
+
+export interface TablePaginationSpacerSlotPropsOverrides {}
+
+export interface TablePaginationSelectLabelSlotPropsOverrides {}
+
+export interface TablePaginationSelectSlotPropsOverrides {}
+
+export interface TablePaginationMenuItemSlotPropsOverrides {}
+
+export interface TablePaginationDisplayedRowsSlotPropsOverrides {}
+
+export interface TablePaginationActionsSlotPropsOverrides {}
+
+export interface TablePaginationSlots {
+  /**
+   * The component that renders the root slot.
+   * [Follow this guide](https://mui.com/material-ui/api/table-cell/#props) to learn more about the requirements for this component.
+   * @default TableCell
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the toolbar slot.
+   * [Follow this guide](https://mui.com/material-ui/api/toolbar/#props) to learn more about the requirements for this component.
+   * @default Toolbar
+   */
+  toolbar: React.ElementType;
+  /**
+   * The tag that renders the spacer slot.
+   * @default 'div'
+   */
+  spacer: React.ElementType;
+  /**
+   * The tag that renders the selectLabel slot.
+   * @default 'p'
+   */
+  selectLabel: React.ElementType;
+  /**
+   * The component that renders the select slot.
+   * [Follow this guide](https://mui.com/material-ui/api/select/#props) to learn more about the requirements for this component.
+   * @default Select
+   */
+  select: React.ElementType;
+  /**
+   * The component that renders the select slot.
+   * [Follow this guide](https://mui.com/material-ui/api/menu-item/#props) to learn more about the requirements for this component.
+   * @default MenuItem
+   */
+  menuItem: React.ElementType;
+  /**
+   * The tag that renders the displayedRows slot.
+   * @default 'p'
+   */
+  displayedRows: React.ElementType;
+  /**
+   * The slots that passed to the actions slot.
+   */
+  actions: TablePaginationActionsSlots;
+}
+
+export type TablePaginationSlotsAndSlotProps = CreateSlotsAndSlotProps<
+  TablePaginationSlots,
+  {
+    /**
+     * Props forwarded to the root slot.
+     * By default, the avaible props are based on the [TableCell](https://mui.com/material-ui/api/table-cell/#props) component.
+     */
+    root: SlotProps<
+      React.ElementType<TableCellProps>,
+      TablePaginationRootSlotPropsOverrides,
+      TablePaginationOwnerState
+    >;
+    /**
+     * Props forwarded to the toolbar slot.
+     * By default, the avaible props are based on the [Toolbar](https://mui.com/material-ui/api/toolbar/#props) component.
+     */
+    toolbar: SlotProps<
+      React.ElementType<ToolbarProps>,
+      TablePaginationToolbarSlotPropsOverrides,
+      TablePaginationOwnerState
+    >;
+    /**
+     * Props forwarded to the spacer slot.
+     * By default, the avaible props are based on the div element.
+     */
+    spacer: SlotProps<'div', TablePaginationSpacerSlotPropsOverrides, TablePaginationOwnerState>;
+    /**
+     * Props forwarded to the selectLabel slot.
+     * By default, the avaible props are based on the paragraph element.
+     */
+    selectLabel: SlotProps<
+      'p',
+      TablePaginationSelectLabelSlotPropsOverrides,
+      TablePaginationOwnerState
+    >;
+    /**
+     * Props forwarded to the select slot.
+     * By default, the avaible props are based on the [Select](https://mui.com/material-ui/api/select/#props) component.
+     */
+    select: Partial<SelectProps> & TablePaginationSelectSlotPropsOverrides;
+    /**
+     * Props forwarded to the menuItem slot.
+     * By default, the avaible props are based on the [MenuItem](https://mui.com/material-ui/api/menu-item/#props) component.
+     */
+    menuItem: SlotProps<
+      React.ElementType<MenuItemProps>,
+      TablePaginationMenuItemSlotPropsOverrides,
+      TablePaginationOwnerState
+    >;
+    /**
+     * Props forwarded to the displayedRows slot.
+     * By default, the avaible props are based on the paragraph element.
+     */
+    displayedRows: SlotProps<
+      'p',
+      TablePaginationDisplayedRowsSlotPropsOverrides,
+      TablePaginationOwnerState
+    >;
+    /**
+     * Props forwarded to the actions slot.
+     */
+    actions: TablePaginationActionsProps['slotProps'] & TablePaginationActionsSlotPropsOverrides;
+  }
+>;
+
 /**
  * This type is kept for compatibility. Use `TablePaginationOwnProps` instead.
  */
@@ -134,30 +264,16 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
    * @default false
    */
   showLastButton?: boolean;
-  /**
-   * The props used for each slot inside the TablePagination.
-   * @default {}
-   */
-  slotProps?: {
-    actions?: TablePaginationActionsProps['slotProps'];
-    select?: Partial<SelectProps>;
-  };
-  /**
-   * The components used for each slot inside the TablePagination.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots?: {
-    actions?: TablePaginationActionsProps['slots'];
-  };
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme>;
 }
 
+export interface TablePaginationOwnerState extends TablePaginationOwnProps {}
+
 export interface TablePaginationTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
-  props: AdditionalProps & TablePaginationOwnProps;
+  props: AdditionalProps & TablePaginationOwnProps & TablePaginationSlotsAndSlotProps;
   defaultComponent: RootComponent;
 }
 

package/node_modules/@mui/material/TablePagination/TablePagination.js

@@ -7,7 +7,6 @@ import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import isHostComponent from "../utils/isHostComponent.js";
 import { styled } from "../zero-styled/index.js";
 import memoTheme from "../utils/memoTheme.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
@@ -19,6 +18,7 @@ import Toolbar from "../Toolbar/index.js";
 import TablePaginationActions from "./TablePaginationActions.js";
 import useId from "../utils/useId.js";
 import tablePaginationClasses, { getTablePaginationUtilityClass } from "./tablePaginationClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const TablePaginationRoot = styled(TableCell, {
@@ -154,7 +154,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
   const {
     ActionsComponent = TablePaginationActions,
     backIconButtonProps,
-    className,
     colSpan: colSpanProp,
     component = TableCell,
     count,
@@ -191,22 +190,73 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     }
     return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
   };
-  return /*#__PURE__*/_jsx(TablePaginationRoot, {
-    colSpan: colSpan,
-    ref: ref,
-    as: component,
-    ownerState: ownerState,
-    className: clsx(classes.root, className),
-    ...other,
-    children: /*#__PURE__*/_jsxs(TablePaginationToolbar, {
-      className: classes.toolbar,
-      children: [/*#__PURE__*/_jsx(TablePaginationSpacer, {
-        className: classes.spacer
-      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelectLabel, {
-        className: classes.selectLabel,
-        id: labelId,
+  const externalForwardedProps = {
+    slots,
+    slotProps
+  };
+  const [RootSlot, rootSlotProps] = useSlot('root', {
+    ref,
+    className: classes.root,
+    elementType: TablePaginationRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      component,
+      ...other
+    },
+    ownerState,
+    additionalProps: {
+      colSpan
+    }
+  });
+  const [ToolbarSlot, toolbarSlotProps] = useSlot('toolbar', {
+    className: classes.toolbar,
+    elementType: TablePaginationToolbar,
+    externalForwardedProps,
+    ownerState
+  });
+  const [SpacerSlot, spacerSlotProps] = useSlot('spacer', {
+    className: classes.spacer,
+    elementType: TablePaginationSpacer,
+    externalForwardedProps,
+    ownerState
+  });
+  const [SelectLabelSlot, selectLabelSlotProps] = useSlot('selectLabel', {
+    className: classes.selectLabel,
+    elementType: TablePaginationSelectLabel,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
+      id: labelId
+    }
+  });
+  const [SelectSlot, selectSlotProps] = useSlot('select', {
+    className: classes.select,
+    elementType: TablePaginationSelect,
+    externalForwardedProps,
+    ownerState
+  });
+  const [MenuItemSlot, menuItemSlotProps] = useSlot('menuItem', {
+    className: classes.menuItem,
+    elementType: MenuItemComponent,
+    externalForwardedProps,
+    ownerState
+  });
+  const [DisplayedRows, displayedRowsProps] = useSlot('displayedRows', {
+    className: classes.displayedRows,
+    elementType: TablePaginationDisplayedRows,
+    externalForwardedProps,
+    ownerState
+  });
+  return /*#__PURE__*/_jsx(RootSlot, {
+    ...rootSlotProps,
+    children: /*#__PURE__*/_jsxs(ToolbarSlot, {
+      ...toolbarSlotProps,
+      children: [/*#__PURE__*/_jsx(SpacerSlot, {
+        ...spacerSlotProps
+      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(SelectLabelSlot, {
+        ...selectLabelSlotProps,
         children: labelRowsPerPage
-      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, {
+      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(SelectSlot, {
         variant: "standard",
         ...(!selectProps.variant && {
           input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {}))
@@ -225,16 +275,14 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
           icon: clsx(classes.selectIcon, (selectProps.classes || {}).icon)
         },
         disabled: disabled,
-        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/_createElement(MenuItemComponent, {
-          ...(!isHostComponent(MenuItemComponent) && {
-            ownerState
-          }),
-          className: classes.menuItem,
+        ...selectSlotProps,
+        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/_createElement(MenuItemSlot, {
+          ...menuItemSlotProps,
           key: rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption,
           value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption
         }, rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption))
-      }), /*#__PURE__*/_jsx(TablePaginationDisplayedRows, {
-        className: classes.displayedRows,
+      }), /*#__PURE__*/_jsx(DisplayedRows, {
+        ...displayedRowsProps,
         children: labelDisplayedRows({
           from: count === 0 ? 0 : page * rowsPerPage + 1,
           to: getLabelDisplayedRowsTo(),
@@ -281,10 +329,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
   /**
    * @ignore
    */
@@ -408,7 +452,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    */
   showLastButton: PropTypes.bool,
   /**
-   * The props used for each slot inside the TablePagination.
+   * The props used for each slot inside.
    * @default {}
    */
   slotProps: PropTypes.shape({
@@ -422,11 +466,16 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
       previousButton: PropTypes.object,
       previousButtonIcon: PropTypes.object
     }),
-    select: PropTypes.object
+    displayedRows: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    menuItem: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    select: PropTypes.object,
+    selectLabel: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    spacer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    toolbar: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
   /**
-   * The components used for each slot inside the TablePagination.
-   * Either a string to use a HTML element or a component.
+   * The components used for each slot inside.
    * @default {}
    */
   slots: PropTypes.shape({
@@ -439,7 +488,14 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
       nextButtonIcon: PropTypes.elementType,
       previousButton: PropTypes.elementType,
       previousButtonIcon: PropTypes.elementType
-    })
+    }),
+    displayedRows: PropTypes.elementType,
+    menuItem: PropTypes.elementType,
+    root: PropTypes.elementType,
+    select: PropTypes.elementType,
+    selectLabel: PropTypes.elementType,
+    spacer: PropTypes.elementType,
+    toolbar: PropTypes.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/node_modules/@mui/material/TableSortLabel/TableSortLabel.d.ts

@@ -4,6 +4,48 @@ import { Theme } from '..';
 import { ExtendButtonBase, ExtendButtonBaseTypeMap } from '../ButtonBase';
 import { OverrideProps } from '../OverridableComponent';
 import { TableSortLabelClasses } from './tableSortLabelClasses';
+import { CreateSlotsAndSlotProps, SlotProps } from '../utils/types';
+
+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 {
   /**
@@ -46,7 +88,7 @@ export type TableSortLabelTypeMap<
   AdditionalProps = {},
   RootComponent extends React.ElementType = 'span',
 > = ExtendButtonBaseTypeMap<{
-  props: AdditionalProps & TableSortLabelOwnProps;
+  props: AdditionalProps & TableSortLabelOwnProps & TableSortLabelSlotsAndSlotProps;
   defaultComponent: RootComponent;
 }>;
 

package/node_modules/@mui/material/TableSortLabel/TableSortLabel.js

@@ -11,6 +11,7 @@ import memoTheme from "../utils/memoTheme.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import capitalize from "../utils/capitalize.js";
 import tableSortLabelClasses, { getTableSortLabelUtilityClass } from "./tableSortLabelClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -110,6 +111,8 @@ const TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inP
     direction = 'asc',
     hideSortIcon = false,
     IconComponent = ArrowDownwardIcon,
+    slots = {},
+    slotProps = {},
     ...other
   } = props;
   const ownerState = {
@@ -120,17 +123,31 @@ const TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inP
     IconComponent
   };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(TableSortLabelRoot, {
+  const externalForwardedProps = {
+    slots,
+    slotProps
+  };
+  const [RootSlot, rootProps] = useSlot('root', {
+    elementType: TableSortLabelRoot,
+    externalForwardedProps,
+    ownerState,
     className: clsx(classes.root, className),
-    component: "span",
+    ref
+  });
+  const [IconSlot, iconProps] = useSlot('icon', {
+    elementType: TableSortLabelIcon,
+    externalForwardedProps,
+    ownerState,
+    className: classes.icon
+  });
+  return /*#__PURE__*/_jsxs(RootSlot, {
     disableRipple: true,
-    ownerState: ownerState,
-    ref: ref,
+    component: "span",
+    ...rootProps,
     ...other,
-    children: [children, hideSortIcon && !active ? null : /*#__PURE__*/_jsx(TableSortLabelIcon, {
+    children: [children, hideSortIcon && !active ? null : /*#__PURE__*/_jsx(IconSlot, {
       as: IconComponent,
-      className: clsx(classes.icon),
-      ownerState: ownerState
+      ...iconProps
     })]
   });
 });
@@ -171,6 +188,22 @@ process.env.NODE_ENV !== "production" ? TableSortLabel.propTypes /* remove-propt
    * @default ArrowDownwardIcon
    */
   IconComponent: PropTypes.elementType,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    icon: PropTypes.elementType,
+    root: PropTypes.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/node_modules/@mui/material/TextField/TextField.d.ts

@@ -188,6 +188,7 @@ export interface BaseTextFieldProps
   SelectProps?: Partial<SelectProps>;
   /**
    * The size of the component.
+   * @default 'medium'
    */
   size?: OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides>;
   /**

package/node_modules/@mui/material/TextField/TextField.js

@@ -400,6 +400,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
   SelectProps: PropTypes.object,
   /**
    * The size of the component.
+   * @default 'medium'
    */
   size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
   /**

package/node_modules/@mui/material/ToggleButtonGroup/ToggleButtonGroupButtonContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 /**
  * @ignore - internal component.

package/node_modules/@mui/material/ToggleButtonGroup/ToggleButtonGroupContext.js

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 /**
  * @ignore - internal component.