Support for Dot-Separated Paths in "withArraySelector"

[TryV]

I would like to suggest an enhancement for the withArraySelector function. Currently, it allows selecting state slices using an array of keys. However, it would be incredibly useful if it could also support dot-separated paths for nested state selection.

Use Case:
In many applications, state can be nested deeply. Using dot-separated paths would simplify the selection of nested state slices and improve code readability. For example:

const useStoreWithArray = withArraySelector(useExampleStore);

Current method:
const { nestedState } = useStoreWithArray(['nestedState']);

Proposed method:
const { deeplyNestedState } = useStoreWithArray(['nested.state.path']);