Some Code questions

[carwack]

Hi,

I do have a few questions about the Chakra UI Vue Next code.

1. In packages/c-color-mode/src/color-mode.utils.ts, we have as ColorMode['value']. Why does this have to be an array notation? Could a dot notation be used here?

2. In packages/core/src/index.ts, is the default color mode now dark?

3. Inside the playground at packages/core/src/index.ts, the colors are set, does this mean there is no default light and dark color scheme set in the default Chakra Theme?

4. How does the responsive styled props work with components? I don't really understand which type the props need to be. Because I've set the props in CFlex to ArrayOrStringProp (example: align?: ArrayOrStringProp<CSS.Properties['alignItems']>) but now it doesn't seem to work with the responsive object notation.

Thanks a lot,