@sitecore/sc-contenthub-blok 1.0.32 → 2.0.1

package/node_modules/@mui/material/LinearProgress/LinearProgress.mjs

@@ -10,9 +10,23 @@ import memoTheme from "../utils/memoTheme.mjs";
 import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
 import capitalize from "../utils/capitalize.mjs";
+import { getReducedMotionStyles, getTransitionStyles } from "../transitions/utils.mjs";
 import { getLinearProgressUtilityClass } from "./linearProgressClasses.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TRANSITION_DURATION = 4; // seconds
+const EMPTY_STYLE = {};
+let warnedMinMaxWithoutVariant = false;
+let warnedInvalidMinMaxValue = false;
+let warnedValueRequired = false;
+let warnedInvalidMinMaxValueBuffer = false;
+let warnedValueBufferRequired = false;
+export function resetWarningFlags() {
+  warnedMinMaxWithoutVariant = false;
+  warnedInvalidMinMaxValue = false;
+  warnedValueRequired = false;
+  warnedInvalidMinMaxValueBuffer = false;
+  warnedValueBufferRequired = false;
+}
 const indeterminate1Keyframe = keyframes`
   0% {
     left: -35%;
@@ -188,7 +202,11 @@ const LinearProgressDashed = styled('span', {
 })), bufferAnimation || {
   // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
   animation: `${bufferKeyframe} 3s infinite linear`
-});
+}, memoTheme(({
+  theme
+}) => getReducedMotionStyles(theme, {
+  animation: 'none'
+}) || EMPTY_STYLE));
 const LinearProgressBar1 = styled('span', {
   name: 'MuiLinearProgress',
   slot: 'Bar1',
@@ -197,59 +215,81 @@ const LinearProgressBar1 = styled('span', {
   }
 })(memoTheme(({
   theme
-}) => ({
-  width: '100%',
-  position: 'absolute',
-  left: 0,
-  bottom: 0,
-  top: 0,
-  transition: 'transform 0.2s linear',
-  transformOrigin: 'left',
-  variants: [{
-    props: {
-      color: 'inherit'
-    },
-    style: {
-      backgroundColor: 'currentColor'
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      backgroundColor: (theme.vars || theme).palette[color].main
-    }
-  })), {
-    props: {
-      variant: 'determinate'
-    },
-    style: {
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  }, {
-    props: {
-      variant: 'buffer'
-    },
-    style: {
-      zIndex: 1,
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
-    style: {
-      width: 'auto'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
-    style: indeterminate1Animation || {
-      animation: `${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
-    }
-  }]
-})));
+}) => {
+  const reducedMotionIndeterminateStyles = getReducedMotionStyles(theme, {
+    animation: 'none',
+    left: '30%',
+    right: 'auto',
+    width: '40%'
+  });
+  return {
+    width: '100%',
+    position: 'absolute',
+    left: 0,
+    bottom: 0,
+    top: 0,
+    ...getTransitionStyles(theme, 'transform', {
+      duration: '0.2s',
+      easing: 'linear'
+    }),
+    transformOrigin: 'left',
+    variants: [{
+      props: {
+        color: 'inherit'
+      },
+      style: {
+        backgroundColor: 'currentColor'
+      }
+    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
+      props: {
+        color
+      },
+      style: {
+        backgroundColor: (theme.vars || theme).palette[color].main
+      }
+    })), {
+      props: {
+        variant: 'determinate'
+      },
+      style: {
+        ...getTransitionStyles(theme, 'transform', {
+          duration: `.${TRANSITION_DURATION}s`,
+          easing: 'linear'
+        })
+      }
+    }, {
+      props: {
+        variant: 'buffer'
+      },
+      style: {
+        zIndex: 1,
+        ...getTransitionStyles(theme, 'transform', {
+          duration: `.${TRANSITION_DURATION}s`,
+          easing: 'linear'
+        })
+      }
+    }, {
+      props: ({
+        ownerState
+      }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
+      style: {
+        width: 'auto'
+      }
+    }, {
+      props: ({
+        ownerState
+      }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
+      style: indeterminate1Animation || {
+        animation: `${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
+      }
+    }, ...(reducedMotionIndeterminateStyles ? [{
+      props: ({
+        ownerState
+      }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
+      style: reducedMotionIndeterminateStyles
+    }] : [])]
+  };
+}));
 const LinearProgressBar2 = styled('span', {
   name: 'MuiLinearProgress',
   slot: 'Bar2',
@@ -258,67 +298,84 @@ const LinearProgressBar2 = styled('span', {
   }
 })(memoTheme(({
   theme
-}) => ({
-  width: '100%',
-  position: 'absolute',
-  left: 0,
-  bottom: 0,
-  top: 0,
-  transition: 'transform 0.2s linear',
-  transformOrigin: 'left',
-  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
-    props: {
-      color
-    },
-    style: {
-      '--LinearProgressBar2-barColor': (theme.vars || theme).palette[color].main
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.variant !== 'buffer' && ownerState.color !== 'inherit',
-    style: {
-      backgroundColor: 'var(--LinearProgressBar2-barColor, currentColor)'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant !== 'buffer' && ownerState.color === 'inherit',
-    style: {
-      backgroundColor: 'currentColor'
-    }
-  }, {
-    props: {
-      color: 'inherit'
-    },
-    style: {
-      opacity: 0.3
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
-    props: {
-      color,
-      variant: 'buffer'
-    },
-    style: {
-      backgroundColor: getColorShade(theme, color),
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
-    style: {
-      width: 'auto'
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
-    style: indeterminate2Animation || {
-      animation: `${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
-    }
-  }]
-})));
+}) => {
+  const reducedMotionIndeterminateStyles = getReducedMotionStyles(theme, {
+    animation: 'none',
+    display: 'none'
+  });
+  return {
+    width: '100%',
+    position: 'absolute',
+    left: 0,
+    bottom: 0,
+    top: 0,
+    ...getTransitionStyles(theme, 'transform', {
+      duration: '0.2s',
+      easing: 'linear'
+    }),
+    transformOrigin: 'left',
+    variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
+      props: {
+        color
+      },
+      style: {
+        '--LinearProgressBar2-barColor': (theme.vars || theme).palette[color].main
+      }
+    })), {
+      props: ({
+        ownerState
+      }) => ownerState.variant !== 'buffer' && ownerState.color !== 'inherit',
+      style: {
+        backgroundColor: 'var(--LinearProgressBar2-barColor, currentColor)'
+      }
+    }, {
+      props: ({
+        ownerState
+      }) => ownerState.variant !== 'buffer' && ownerState.color === 'inherit',
+      style: {
+        backgroundColor: 'currentColor'
+      }
+    }, {
+      props: {
+        color: 'inherit'
+      },
+      style: {
+        opacity: 0.3
+      }
+    }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color]) => ({
+      props: {
+        color,
+        variant: 'buffer'
+      },
+      style: {
+        backgroundColor: getColorShade(theme, color),
+        ...getTransitionStyles(theme, 'transform', {
+          duration: `.${TRANSITION_DURATION}s`,
+          easing: 'linear'
+        })
+      }
+    })), {
+      props: ({
+        ownerState
+      }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
+      style: {
+        width: 'auto'
+      }
+    }, {
+      props: ({
+        ownerState
+      }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
+      style: indeterminate2Animation || {
+        animation: `${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
+      }
+    }, ...(reducedMotionIndeterminateStyles ? [{
+      props: ({
+        ownerState
+      }) => ownerState.variant === 'indeterminate' || ownerState.variant === 'query',
+      style: reducedMotionIndeterminateStyles
+    }] : [])]
+  };
+}));
 
 /**
  * ## ARIA
@@ -348,8 +405,9 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     variant
   };
   if (process.env.NODE_ENV !== 'production') {
-    if (['indeterminate', 'query'].includes(variant) && (minProp !== undefined || maxProp !== undefined)) {
+    if (!warnedMinMaxWithoutVariant && ['indeterminate', 'query'].includes(variant) && (minProp !== undefined || maxProp !== undefined)) {
       console.warn(`MUI: You have provided the \`min\` or \`max\` props with an 'indeterminate' or 'query' variant. These props will have no effect.`);
+      warnedMinMaxWithoutVariant = true;
     }
   }
   const min = minProp ?? 0;
@@ -364,8 +422,9 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
   if (variant === 'determinate' || variant === 'buffer') {
     if (value !== undefined) {
       if (process.env.NODE_ENV !== 'production') {
-        if (value < min || value > max || min >= max) {
+        if (!warnedInvalidMinMaxValue && (value < min || value > max || min >= max)) {
           console.error(`MUI: The min, max, and value props in LinearProgress should be numbers where min < max and min <= value <= max. Received min=${min}, max=${max}, value=${value}.`);
+          warnedInvalidMinMaxValue = true;
         }
       }
       const range = max - min;
@@ -379,14 +438,18 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       rootProps['aria-valuemin'] = min;
       rootProps['aria-valuemax'] = max;
     } else if (process.env.NODE_ENV !== 'production') {
-      console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress.');
+      if (!warnedValueRequired) {
+        console.error('MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress.');
+        warnedValueRequired = true;
+      }
     }
   }
   if (variant === 'buffer') {
     if (valueBuffer !== undefined) {
       if (process.env.NODE_ENV !== 'production') {
-        if (valueBuffer < min || valueBuffer > max || valueBuffer < value || min >= max) {
+        if (!warnedInvalidMinMaxValueBuffer && (valueBuffer < min || valueBuffer > max || valueBuffer < value || min >= max)) {
           console.error(`MUI: The min, max, value, and valueBuffer props in LinearProgress should be numbers where min < max and min <= value <= valueBuffer <= max. Received min=${min}, max=${max}, value=${value}, valueBuffer=${valueBuffer}.`);
+          warnedInvalidMinMaxValueBuffer = true;
         }
       }
       const range = max - min;
@@ -396,7 +459,10 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       }
       inlineStyles.bar2.transform = range > 0 ? `translateX(${transform}%)` : 'translateX(-100%)'; // empty-state fallback when range is invalid
     } else if (process.env.NODE_ENV !== 'production') {
-      console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
+      if (!warnedValueBufferRequired) {
+        console.error('MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.');
+        warnedValueBufferRequired = true;
+      }
     }
   }
   return /*#__PURE__*/_jsxs(LinearProgressRoot, {

package/node_modules/@mui/material/ListItem/ListItem.d.mts

@@ -4,6 +4,7 @@ import { Theme } from "../styles/index.mjs";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.mjs";
 import { ListItemClasses } from "./listItemClasses.mjs";
 import { SlotProps } from "../utils/types.mjs";
+export interface ListItemRootSlotPropsOverrides {}
 export interface ListItemSecondaryActionSlotPropsOverrides {}
 
 /**
@@ -62,7 +63,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    root?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemRootSlotPropsOverrides, ListItemOwnerState> | undefined;
     secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState> | undefined;
   } | undefined;
   /**

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

@@ -4,6 +4,7 @@ import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { ListItemClasses } from "./listItemClasses.js";
 import { SlotProps } from "../utils/types.js";
+export interface ListItemRootSlotPropsOverrides {}
 export interface ListItemSecondaryActionSlotPropsOverrides {}
 
 /**
@@ -62,7 +63,7 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    root?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemRootSlotPropsOverrides, ListItemOwnerState> | undefined;
     secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState> | undefined;
   } | undefined;
   /**

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

@@ -19,6 +19,7 @@ var _ListContext = _interopRequireDefault(require("../List/ListContext"));
 var _listItemClasses = require("./listItemClasses");
 var _ListItemButton = require("../ListItemButton");
 var _ListItemSecondaryAction = _interopRequireDefault(require("../ListItemSecondaryAction"));
+var _utils = require("../transitions/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const overridesResolver = (props, styles) => {
   const {
@@ -119,7 +120,7 @@ const ListItemRoot = exports.ListItemRoot = (0, _zeroStyled.styled)('div', {
       ownerState
     }) => ownerState.button,
     style: {
-      transition: theme.transitions.create('background-color', {
+      ...(0, _utils.getTransitionStyles)(theme, 'background-color', {
         duration: theme.transitions.duration.shortest
       }),
       '&:hover': {
@@ -264,7 +265,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    * @default {}
    */
   slotProps: _propTypes.default.shape({
-    root: _propTypes.default.object,
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
     secondaryAction: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**

package/node_modules/@mui/material/ListItem/ListItem.mjs

@@ -12,6 +12,7 @@ import ListContext from "../List/ListContext.mjs";
 import { getListItemUtilityClass } from "./listItemClasses.mjs";
 import { listItemButtonClasses } from "../ListItemButton/index.mjs";
 import ListItemSecondaryAction from "../ListItemSecondaryAction/index.mjs";
+import { getTransitionStyles } from "../transitions/utils.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const overridesResolver = (props, styles) => {
   const {
@@ -111,7 +112,7 @@ export const ListItemRoot = styled('div', {
       ownerState
     }) => ownerState.button,
     style: {
-      transition: theme.transitions.create('background-color', {
+      ...getTransitionStyles(theme, 'background-color', {
         duration: theme.transitions.duration.shortest
       }),
       '&:hover': {
@@ -256,7 +257,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    * @default {}
    */
   slotProps: PropTypes.shape({
-    root: PropTypes.object,
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     secondaryAction: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
   /**

package/node_modules/@mui/material/ListItemButton/ListItemButton.d.mts

@@ -6,7 +6,7 @@ import { OverrideProps } from "../OverridableComponent/index.mjs";
 import { ListItemButtonClasses } from "./listItemButtonClasses.mjs";
 
 /**
- * This interface is kept for backward compatibility. To extend `LitItemButton`
+ * This interface is kept for backward compatibility. To extend `ListItemButton`
  * props through module augmentation, use `ListItemButtonOwnProps`.
  */
 export interface ListItemButtonBaseProps {

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

@@ -6,7 +6,7 @@ import { OverrideProps } from "../OverridableComponent/index.js";
 import { ListItemButtonClasses } from "./listItemButtonClasses.js";
 
 /**
- * This interface is kept for backward compatibility. To extend `LitItemButton`
+ * This interface is kept for backward compatibility. To extend `ListItemButton`
  * props through module augmentation, use `ListItemButtonOwnProps`.
  */
 export interface ListItemButtonBaseProps {

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

@@ -20,6 +20,7 @@ var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEff
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _ListContext = _interopRequireDefault(require("../List/ListContext"));
 var _listItemButtonClasses = _interopRequireWildcard(require("./listItemButtonClasses"));
+var _utils = require("../transitions/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const overridesResolver = (props, styles) => {
   const {
@@ -66,7 +67,7 @@ const ListItemButtonRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
   textAlign: 'left',
   paddingTop: 8,
   paddingBottom: 8,
-  transition: theme.transitions.create('background-color', {
+  ...(0, _utils.getTransitionStyles)(theme, 'background-color', {
     duration: theme.transitions.duration.shortest
   }),
   '&:hover': {

package/node_modules/@mui/material/ListItemButton/ListItemButton.mjs

@@ -13,6 +13,7 @@ import useEnhancedEffect from "../utils/useEnhancedEffect.mjs";
 import useForkRef from "../utils/useForkRef.mjs";
 import ListContext from "../List/ListContext.mjs";
 import listItemButtonClasses, { getListItemButtonUtilityClass } from "./listItemButtonClasses.mjs";
+import { getTransitionStyles } from "../transitions/utils.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const overridesResolver = (props, styles) => {
   const {
@@ -58,7 +59,7 @@ const ListItemButtonRoot = styled(ButtonBase, {
   textAlign: 'left',
   paddingTop: 8,
   paddingBottom: 8,
-  transition: theme.transitions.create('background-color', {
+  ...getTransitionStyles(theme, 'background-color', {
     duration: theme.transitions.duration.shortest
   }),
   '&:hover': {

package/node_modules/@mui/material/Menu/Menu.d.mts

@@ -7,7 +7,7 @@ import { PopoverProps } from "../Popover/index.mjs";
 import { MenuListProps } from "../MenuList/index.mjs";
 import { ModalProps } from "../Modal/index.mjs";
 import { BackdropProps } from "../Backdrop/index.mjs";
-import { TransitionProps } from "../transitions/transition.mjs";
+import { TransitionProps } from "../transitions/types.mjs";
 import { MenuClasses } from "./menuClasses.mjs";
 import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.mjs";
 export interface MenuRootSlotPropsOverrides {}

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

@@ -7,7 +7,7 @@ import { PopoverProps } from "../Popover/index.js";
 import { MenuListProps } from "../MenuList/index.js";
 import { ModalProps } from "../Modal/index.js";
 import { BackdropProps } from "../Backdrop/index.js";
-import { TransitionProps } from "../transitions/transition.js";
+import { TransitionProps } from "../transitions/types.js";
 import { MenuClasses } from "./menuClasses.js";
 import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
 export interface MenuRootSlotPropsOverrides {}

package/node_modules/@mui/material/MenuItem/MenuItem.d.mts

@@ -38,6 +38,7 @@ export interface MenuItemOwnProps {
   divider?: boolean | undefined;
   /**
    * If `true`, the component is selected.
+   * For `menuitemcheckbox` and `menuitemradio` roles, this also drives `aria-checked`.
    * @default false
    */
   selected?: boolean | undefined;

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

@@ -38,6 +38,7 @@ export interface MenuItemOwnProps {
   divider?: boolean | undefined;
   /**
    * If `true`, the component is selected.
+   * For `menuitemcheckbox` and `menuitemradio` roles, this also drives `aria-checked`.
    * @default false
    */
   selected?: boolean | undefined;

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

@@ -175,6 +175,11 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     className,
     ...other
   } = props;
+
+  // `menuitemcheckbox`/`menuitemradio` require `aria-checked`; derive it from `selected`
+  // (an omitted `selected` means unchecked). Other roles keep `selected` presentational.
+  const isCheckableRole = role === 'menuitemcheckbox' || role === 'menuitemradio';
+  const ariaChecked = isCheckableRole ? Boolean(props.selected) : undefined;
   const focusSource = (0, _utils.useSelectFocusSource)();
   const context = React.useContext(_ListContext.default);
   const childContext = React.useMemo(() => ({
@@ -235,6 +240,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItemRoot, {
       ref: handleRef,
       role: role,
+      "aria-checked": ariaChecked,
       tabIndex: tabIndex,
       component: component,
       internalNativeButton: false,
@@ -311,6 +317,7 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes /* remove-proptypes *
   role: _propTypes.default.string,
   /**
    * If `true`, the component is selected.
+   * For `menuitemcheckbox` and `menuitemradio` roles, this also drives `aria-checked`.
    * @default false
    */
   selected: _propTypes.default.bool,

package/node_modules/@mui/material/MenuItem/MenuItem.mjs

@@ -167,6 +167,11 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     className,
     ...other
   } = props;
+
+  // `menuitemcheckbox`/`menuitemradio` require `aria-checked`; derive it from `selected`
+  // (an omitted `selected` means unchecked). Other roles keep `selected` presentational.
+  const isCheckableRole = role === 'menuitemcheckbox' || role === 'menuitemradio';
+  const ariaChecked = isCheckableRole ? Boolean(props.selected) : undefined;
   const focusSource = useSelectFocusSource();
   const context = React.useContext(ListContext);
   const childContext = React.useMemo(() => ({
@@ -227,6 +232,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     children: /*#__PURE__*/_jsx(MenuItemRoot, {
       ref: handleRef,
       role: role,
+      "aria-checked": ariaChecked,
       tabIndex: tabIndex,
       component: component,
       internalNativeButton: false,
@@ -303,6 +309,7 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes /* remove-proptypes *
   role: PropTypes.string,
   /**
    * If `true`, the component is selected.
+   * For `menuitemcheckbox` and `menuitemradio` roles, this also drives `aria-checked`.
    * @default false
    */
   selected: PropTypes.bool,

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

@@ -192,7 +192,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
       return focusInitialTarget(true);
     }
   }), [focusInitialTarget]);
-  const rovingContainerProps = getContainerProps();
+  const rovingContainerProps = getContainerProps(undefined, other.onFocus);
   const handleRef = (0, _useForkRef.default)(listRef, rovingContainerProps.ref, ref);
   const menuListContextValue = React.useMemo(() => ({
     itemsFocusableWhenDisabled: disabledItemsFocusable,
@@ -242,9 +242,9 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
     ref: handleRef,
     className: className,
     onKeyDown: handleKeyDown,
-    onFocus: rovingContainerProps.onFocus,
     tabIndex: -1,
     ...other,
+    onFocus: rovingContainerProps.onFocus,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuListContext.MenuListContext.Provider, {
       value: menuListContextValue,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_useRovingTabIndex2.RovingTabIndexContext.Provider, {
@@ -288,6 +288,10 @@ process.env.NODE_ENV !== "production" ? MenuList.propTypes /* remove-proptypes *
    * @default false
    */
   disableListWrap: _propTypes.default.bool,
+  /**
+   * @ignore
+   */
+  onFocus: _propTypes.default.func,
   /**
    * @ignore
    */