@sitecore/sc-contenthub-blok 0.0.91 → 1.0.2

package/node_modules/@mui/material/node/Tabs/Tabs.js

@@ -26,6 +26,7 @@ var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallbac
 var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const nextItem = (list, item) => {
   if (list === item) {
@@ -82,7 +83,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', vertical && 'vertical'],
     scroller: ['scroller', fixed && 'fixed', hideScrollbar && 'hideScrollbar', scrollableX && 'scrollableX', scrollableY && 'scrollableY'],
-    flexContainer: ['flexContainer', vertical && 'flexContainerVertical', centered && 'centered'],
+    list: ['list', 'flexContainer', vertical && 'flexContainerVertical', vertical && 'vertical', centered && 'centered'],
     indicator: ['indicator'],
     scrollButtons: ['scrollButtons', scrollButtonsHideMobile && 'scrollButtonsHideMobile'],
     scrollableX: [scrollableX && 'scrollableX'],
@@ -183,14 +184,14 @@ const TabsScroller = (0, _zeroStyled.styled)('div', {
     }
   }]
 });
-const FlexContainer = (0, _zeroStyled.styled)('div', {
+const List = (0, _zeroStyled.styled)('div', {
   name: 'MuiTabs',
-  slot: 'FlexContainer',
+  slot: 'List',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];
+    return [styles.list, styles.flexContainer, ownerState.vertical && styles.flexContainerVertical, ownerState.centered && styles.centered];
   }
 })({
   display: 'flex',
@@ -278,13 +279,16 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     indicatorColor = 'primary',
     onChange,
     orientation = 'horizontal',
-    ScrollButtonComponent = _TabScrollButton.default,
+    ScrollButtonComponent,
+    // TODO: remove in v7 (deprecated in v6)
     scrollButtons = 'auto',
     selectionFollowsFocus,
     slots = {},
     slotProps = {},
     TabIndicatorProps = {},
+    // TODO: remove in v7 (deprecated in v6)
     TabScrollButtonProps = {},
+    // TODO: remove in v7 (deprecated in v6)
     textColor = 'primary',
     value,
     variant = 'standard',
@@ -344,6 +348,14 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   const valueToIndex = new Map();
   const tabsRef = React.useRef(null);
   const tabListRef = React.useRef(null);
+  const externalForwardedProps = {
+    slots,
+    slotProps: {
+      indicator: TabIndicatorProps,
+      scrollButton: TabScrollButtonProps,
+      ...slotProps
+    }
+  };
   const getTabsMeta = () => {
     const tabsNode = tabsRef.current;
     let tabsMeta;
@@ -465,50 +477,62 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
   const handleEndScrollClick = () => {
     moveTabsScroll(getScrollSize());
   };
+  const [ScrollbarSlot, {
+    onChange: scrollbarOnChange,
+    ...scrollbarSlotProps
+  }] = (0, _useSlot.default)('scrollbar', {
+    className: (0, _clsx.default)(classes.scrollableX, classes.hideScrollbar),
+    elementType: TabsScrollbarSize,
+    shouldForwardComponentProp: true,
+    externalForwardedProps,
+    ownerState
+  });
 
   // TODO Remove <ScrollbarSize /> as browser support for hiding the scrollbar
   // with CSS improves.
   const handleScrollbarSizeChange = React.useCallback(scrollbarWidth => {
+    scrollbarOnChange?.(scrollbarWidth);
     setScrollerStyle({
       overflow: null,
       scrollbarWidth
     });
-  }, []);
+  }, [scrollbarOnChange]);
+  const [ScrollButtonsSlot, scrollButtonSlotProps] = (0, _useSlot.default)('scrollButtons', {
+    className: (0, _clsx.default)(classes.scrollButtons, TabScrollButtonProps.className),
+    elementType: _TabScrollButton.default,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
+      orientation,
+      slots: {
+        StartScrollButtonIcon: slots.startScrollButtonIcon || slots.StartScrollButtonIcon,
+        EndScrollButtonIcon: slots.endScrollButtonIcon || slots.EndScrollButtonIcon
+      },
+      slotProps: {
+        startScrollButtonIcon: startScrollButtonIconProps,
+        endScrollButtonIcon: endScrollButtonIconProps
+      }
+    }
+  });
   const getConditionalElements = () => {
     const conditionalElements = {};
-    conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsScrollbarSize, {
-      onChange: handleScrollbarSizeChange,
-      className: (0, _clsx.default)(classes.scrollableX, classes.hideScrollbar)
+    conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollbarSlot, {
+      ...scrollbarSlotProps,
+      onChange: handleScrollbarSizeChange
     }) : null;
     const scrollButtonsActive = displayStartScroll || displayEndScroll;
     const showScrollButtons = scrollable && (scrollButtons === 'auto' && scrollButtonsActive || scrollButtons === true);
-    conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButtonComponent, {
-      slots: {
-        StartScrollButtonIcon: slots.StartScrollButtonIcon
-      },
-      slotProps: {
-        startScrollButtonIcon: startScrollButtonIconProps
-      },
-      orientation: orientation,
+    conditionalElements.scrollButtonStart = showScrollButtons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButtonsSlot, {
       direction: isRtl ? 'right' : 'left',
       onClick: handleStartScrollClick,
       disabled: !displayStartScroll,
-      ...TabScrollButtonProps,
-      className: (0, _clsx.default)(classes.scrollButtons, TabScrollButtonProps.className)
+      ...scrollButtonSlotProps
     }) : null;
-    conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButtonComponent, {
-      slots: {
-        EndScrollButtonIcon: slots.EndScrollButtonIcon
-      },
-      slotProps: {
-        endScrollButtonIcon: endScrollButtonIconProps
-      },
-      orientation: orientation,
+    conditionalElements.scrollButtonEnd = showScrollButtons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButtonsSlot, {
       direction: isRtl ? 'left' : 'right',
       onClick: handleEndScrollClick,
       disabled: !displayEndScroll,
-      ...TabScrollButtonProps,
-      className: (0, _clsx.default)(classes.scrollButtons, TabScrollButtonProps.className)
+      ...scrollButtonSlotProps
     }) : null;
     return conditionalElements;
   };
@@ -636,15 +660,18 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     updateIndicator: updateIndicatorState,
     updateScrollButtons: updateScrollButtonState
   }), [updateIndicatorState, updateScrollButtonState]);
-  const indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsIndicator, {
-    ...TabIndicatorProps,
+  const [IndicatorSlot, indicatorSlotProps] = (0, _useSlot.default)('indicator', {
     className: (0, _clsx.default)(classes.indicator, TabIndicatorProps.className),
-    ownerState: ownerState,
-    style: {
-      ...indicatorStyle,
-      ...TabIndicatorProps.style
+    elementType: TabsIndicator,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
+      style: indicatorStyle
     }
   });
+  const indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)(IndicatorSlot, {
+    ...indicatorSlotProps
+  });
   let childIndex = 0;
   const children = React.Children.map(childrenProp, child => {
     if (! /*#__PURE__*/React.isValidElement(child)) {
@@ -673,6 +700,10 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     });
   });
   const handleKeyDown = event => {
+    // Check if a modifier key (Alt, Shift, Ctrl, Meta) is pressed
+    if (event.altKey || event.shiftKey || event.ctrlKey || event.metaKey) {
+      return;
+    }
     const list = tabListRef.current;
     const currentFocus = (0, _ownerDocument.default)(list).activeElement;
     // Keyboard navigation assumes that [role="tab"] are siblings
@@ -711,29 +742,54 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
     }
   };
   const conditionalElements = getConditionalElements();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabsRoot, {
+  const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
+    ref,
     className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState,
-    ref: ref,
-    as: component,
-    ...other,
-    children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabsScroller, {
-      className: classes.scroller,
-      ownerState: ownerState,
+    elementType: TabsRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other,
+      component
+    },
+    ownerState
+  });
+  const [ScrollerSlot, scrollerSlotProps] = (0, _useSlot.default)('scroller', {
+    ref: tabsRef,
+    className: classes.scroller,
+    elementType: TabsScroller,
+    externalForwardedProps,
+    ownerState,
+    additionalProps: {
       style: {
         overflow: scrollerStyle.overflow,
         [vertical ? `margin${isRtl ? 'Left' : 'Right'}` : 'marginBottom']: visibleScrollbar ? undefined : -scrollerStyle.scrollbarWidth
-      },
-      ref: tabsRef,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FlexContainer, {
+      }
+    }
+  });
+  const [ListSlot, listSlotProps] = (0, _useSlot.default)('list', {
+    ref: tabListRef,
+    className: (0, _clsx.default)(classes.list, classes.flexContainer),
+    elementType: List,
+    externalForwardedProps,
+    ownerState,
+    getSlotProps: handlers => ({
+      ...handlers,
+      onKeyDown: event => {
+        handleKeyDown(event);
+        handlers.onKeyDown?.(event);
+      }
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
+    ...rootSlotProps,
+    children: [conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /*#__PURE__*/(0, _jsxRuntime.jsxs)(ScrollerSlot, {
+      ...scrollerSlotProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ListSlot, {
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
         "aria-orientation": orientation === 'vertical' ? 'vertical' : null,
-        className: classes.flexContainer,
-        ownerState: ownerState,
-        onKeyDown: handleKeyDown,
-        ref: tabListRef,
         role: "tablist",
+        ...listSlotProps,
         children: children
       }), mounted && indicator]
     }), conditionalElements.scrollButtonEnd]
@@ -809,6 +865,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
   orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
   /**
    * The component used to render the scroll buttons.
+   * @deprecated use the `slots.scrollButtons` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default TabScrollButton
    */
   ScrollButtonComponent: _propTypes.default.elementType,
@@ -830,12 +887,17 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    */
   selectionFollowsFocus: _propTypes.default.bool,
   /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
+   * The props used for each slot inside.
    * @default {}
    */
   slotProps: _propTypes.default.shape({
     endScrollButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    indicator: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    list: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    scrollbar: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    scrollButtons: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    scroller: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
     startScrollButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**
@@ -843,7 +905,15 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    * @default {}
    */
   slots: _propTypes.default.shape({
+    endScrollButtonIcon: _propTypes.default.elementType,
     EndScrollButtonIcon: _propTypes.default.elementType,
+    indicator: _propTypes.default.elementType,
+    list: _propTypes.default.elementType,
+    root: _propTypes.default.elementType,
+    scrollbar: _propTypes.default.elementType,
+    scrollButtons: _propTypes.default.elementType,
+    scroller: _propTypes.default.elementType,
+    startScrollButtonIcon: _propTypes.default.elementType,
     StartScrollButtonIcon: _propTypes.default.elementType
   }),
   /**
@@ -852,11 +922,13 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
   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]),
   /**
    * Props applied to the tab indicator element.
+   * @deprecated use the `slotProps.indicator` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default  {}
    */
   TabIndicatorProps: _propTypes.default.object,
   /**
    * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
+   * @deprecated use the `slotProps.scrollButtons` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   TabScrollButtonProps: _propTypes.default.object,

package/node_modules/@mui/material/node/Tabs/tabsClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getTabsUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTabs', slot);
 }
-const tabsClasses = (0, _generateUtilityClasses.default)('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
+const tabsClasses = (0, _generateUtilityClasses.default)('MuiTabs', ['root', 'vertical', 'list', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
 var _default = exports.default = tabsClasses;

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

@@ -167,6 +167,25 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     }
     inputAdditionalProps['aria-describedby'] = undefined;
   }
+  const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
+    elementType: TextFieldRoot,
+    shouldForwardComponentProp: true,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    ownerState,
+    className: (0, _clsx.default)(classes.root, className),
+    ref,
+    additionalProps: {
+      disabled,
+      error,
+      fullWidth,
+      required,
+      color,
+      variant
+    }
+  });
   const [InputSlot, inputProps] = (0, _useSlot.default)('input', {
     elementType: InputComponent,
     externalForwardedProps,
@@ -218,17 +237,8 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     },
     ...inputProps
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextFieldRoot, {
-    className: (0, _clsx.default)(classes.root, className),
-    disabled: disabled,
-    error: error,
-    fullWidth: fullWidth,
-    ref: ref,
-    required: required,
-    color: color,
-    variant: variant,
-    ownerState: ownerState,
-    ...other,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
+    ...rootProps,
     children: [label != null && label !== '' && /*#__PURE__*/(0, _jsxRuntime.jsx)(InputLabelSlot, {
       htmlFor: id,
       id: inputLabelId,
@@ -430,6 +440,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
     htmlInput: _propTypes.default.elementType,
     input: _propTypes.default.elementType,
     inputLabel: _propTypes.default.elementType,
+    root: _propTypes.default.elementType,
     select: _propTypes.default.elementType
   }),
   /**

package/node_modules/@mui/material/node/TextareaAutosize/TextareaAutosize.js

@@ -29,19 +29,26 @@ const styles = {
     transform: 'translateZ(0)'
   }
 };
+function isObjectEmpty(object) {
+  // eslint-disable-next-line
+  for (const _ in object) {
+    return false;
+  }
+  return true;
+}
 function isEmpty(obj) {
-  return obj === undefined || obj === null || Object.keys(obj).length === 0 || obj.outerHeightStyle === 0 && !obj.overflowing;
+  return isObjectEmpty(obj) || obj.outerHeightStyle === 0 && !obj.overflowing;
 }
 
 /**
  *
  * Demos:
  *
- * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
+ * - [Textarea Autosize](https://v6.mui.com/material-ui/react-textarea-autosize/)
  *
  * API:
  *
- * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
+ * - [TextareaAutosize API](https://v6.mui.com/material-ui/api/textarea-autosize/)
  */
 const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
   const {
@@ -55,14 +62,18 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
   const {
     current: isControlled
   } = React.useRef(value != null);
-  const inputRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(forwardedRef, inputRef);
+  const textareaRef = React.useRef(null);
+  const handleRef = (0, _utils.unstable_useForkRef)(forwardedRef, textareaRef);
   const heightRef = React.useRef(null);
-  const shadowRef = React.useRef(null);
+  const hiddenTextareaRef = React.useRef(null);
   const calculateTextareaStyles = React.useCallback(() => {
-    const input = inputRef.current;
-    const containerWindow = (0, _utils.unstable_ownerWindow)(input);
-    const computedStyle = containerWindow.getComputedStyle(input);
+    const textarea = textareaRef.current;
+    const hiddenTextarea = hiddenTextareaRef.current;
+    if (!textarea || !hiddenTextarea) {
+      return undefined;
+    }
+    const containerWindow = (0, _utils.unstable_ownerWindow)(textarea);
+    const computedStyle = containerWindow.getComputedStyle(textarea);
 
     // If input's width is shrunk and it's not visible, don't sync height.
     if (computedStyle.width === '0px') {
@@ -71,25 +82,24 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
         overflowing: false
       };
     }
-    const inputShallow = shadowRef.current;
-    inputShallow.style.width = computedStyle.width;
-    inputShallow.value = input.value || props.placeholder || 'x';
-    if (inputShallow.value.slice(-1) === '\n') {
+    hiddenTextarea.style.width = computedStyle.width;
+    hiddenTextarea.value = textarea.value || props.placeholder || 'x';
+    if (hiddenTextarea.value.slice(-1) === '\n') {
       // Certain fonts which overflow the line height will cause the textarea
       // to report a different scrollHeight depending on whether the last line
       // is empty. Make it non-empty to avoid this issue.
-      inputShallow.value += ' ';
+      hiddenTextarea.value += ' ';
     }
     const boxSizing = computedStyle.boxSizing;
     const padding = getStyleValue(computedStyle.paddingBottom) + getStyleValue(computedStyle.paddingTop);
     const border = getStyleValue(computedStyle.borderBottomWidth) + getStyleValue(computedStyle.borderTopWidth);
 
     // The height of the inner content
-    const innerHeight = inputShallow.scrollHeight;
+    const innerHeight = hiddenTextarea.scrollHeight;
 
     // Measure height of a textarea with a single row
-    inputShallow.value = 'x';
-    const singleRowHeight = inputShallow.scrollHeight;
+    hiddenTextarea.value = 'x';
+    const singleRowHeight = hiddenTextarea.scrollHeight;
 
     // The height of the outer content
     let outerHeight = innerHeight;
@@ -109,52 +119,63 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
       overflowing
     };
   }, [maxRows, minRows, props.placeholder]);
+  const didHeightChange = (0, _utils.unstable_useEventCallback)(() => {
+    const textarea = textareaRef.current;
+    const textareaStyles = calculateTextareaStyles();
+    if (!textarea || !textareaStyles || isEmpty(textareaStyles)) {
+      return false;
+    }
+    const outerHeightStyle = textareaStyles.outerHeightStyle;
+    return heightRef.current != null && heightRef.current !== outerHeightStyle;
+  });
   const syncHeight = React.useCallback(() => {
+    const textarea = textareaRef.current;
     const textareaStyles = calculateTextareaStyles();
-    if (isEmpty(textareaStyles)) {
+    if (!textarea || !textareaStyles || isEmpty(textareaStyles)) {
       return;
     }
     const outerHeightStyle = textareaStyles.outerHeightStyle;
-    const input = inputRef.current;
     if (heightRef.current !== outerHeightStyle) {
       heightRef.current = outerHeightStyle;
-      input.style.height = `${outerHeightStyle}px`;
+      textarea.style.height = `${outerHeightStyle}px`;
     }
-    input.style.overflow = textareaStyles.overflowing ? 'hidden' : '';
+    textarea.style.overflow = textareaStyles.overflowing ? 'hidden' : '';
   }, [calculateTextareaStyles]);
+  const frameRef = React.useRef(-1);
   (0, _utils.unstable_useEnhancedEffect)(() => {
-    const handleResize = () => {
-      syncHeight();
-    };
-    // Workaround a "ResizeObserver loop completed with undelivered notifications" error
-    // in test.
-    // Note that we might need to use this logic in production per https://github.com/WICG/resize-observer/issues/38
-    // Also see https://github.com/mui/mui-x/issues/8733
-    let rAF;
-    const rAFHandleResize = () => {
-      cancelAnimationFrame(rAF);
-      rAF = requestAnimationFrame(() => {
-        handleResize();
-      });
-    };
-    const debounceHandleResize = (0, _utils.unstable_debounce)(handleResize);
-    const input = inputRef.current;
-    const containerWindow = (0, _utils.unstable_ownerWindow)(input);
-    containerWindow.addEventListener('resize', debounceHandleResize);
+    const debouncedHandleResize = (0, _utils.unstable_debounce)(syncHeight);
+    const textarea = textareaRef?.current;
+    if (!textarea) {
+      return undefined;
+    }
+    const containerWindow = (0, _utils.unstable_ownerWindow)(textarea);
+    containerWindow.addEventListener('resize', debouncedHandleResize);
     let resizeObserver;
     if (typeof ResizeObserver !== 'undefined') {
-      resizeObserver = new ResizeObserver(process.env.NODE_ENV === 'test' ? rAFHandleResize : handleResize);
-      resizeObserver.observe(input);
+      resizeObserver = new ResizeObserver(() => {
+        if (didHeightChange()) {
+          // avoid "ResizeObserver loop completed with undelivered notifications" error
+          // by temporarily unobserving the textarea element while manipulating the height
+          // and reobserving one frame later
+          resizeObserver.unobserve(textarea);
+          cancelAnimationFrame(frameRef.current);
+          syncHeight();
+          frameRef.current = requestAnimationFrame(() => {
+            resizeObserver.observe(textarea);
+          });
+        }
+      });
+      resizeObserver.observe(textarea);
     }
     return () => {
-      debounceHandleResize.clear();
-      cancelAnimationFrame(rAF);
-      containerWindow.removeEventListener('resize', debounceHandleResize);
+      debouncedHandleResize.clear();
+      cancelAnimationFrame(frameRef.current);
+      containerWindow.removeEventListener('resize', debouncedHandleResize);
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
     };
-  }, [calculateTextareaStyles, syncHeight]);
+  }, [calculateTextareaStyles, syncHeight, didHeightChange]);
   (0, _utils.unstable_useEnhancedEffect)(() => {
     syncHeight();
   });
@@ -180,7 +201,7 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
       "aria-hidden": true,
       className: props.className,
       readOnly: true,
-      ref: shadowRef,
+      ref: hiddenTextareaRef,
       tabIndex: -1,
       style: {
         ...styles.shadow,

package/node_modules/@mui/material/node/Tooltip/Tooltip.js

@@ -849,7 +849,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes /* remove-proptypes */
    * Tooltip placement.
    * @default 'bottom'
    */
-  placement: _propTypes.default.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+  placement: _propTypes.default.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
   /**
    * The component used for the popper.
    * @deprecated use the `slots.popper` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.

package/node_modules/@mui/material/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v6.4.1
+ * @mui/material v6.5.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the