chore(types): update types

Author: koca

packages/layout/src/list.ts

@@ -9,7 +9,7 @@ import {
 } from '@chakra-ui/vue-system'
 import { h, defineComponent, PropType, computed } from 'vue'
 import { chakra, DOMElements } from '@chakra-ui/vue-system'
-import { getValidChildren } from '@chakra-ui/vue-utils'
+import { getValidChildren, SNAO, SAO } from '@chakra-ui/vue-utils'
 
 interface ListOptions {
   /**
@@ -46,13 +46,11 @@ export const CList = defineComponent({
       default: 'ul',
     },
     styleType: {
-      type: [Object, String, Array] as PropType<ListProps['listStyleType']>,
+      type: SAO as PropType<ListProps['listStyleType']>,
       default: 'none',
     },
-    stylePosition: [Object, String, Array] as PropType<
-      ListProps['listStylePosition']
-    >,
-    spacing: [Object, String, Array] as PropType<ListProps['margin']>,
+    stylePosition: SAO as PropType<ListProps['listStylePosition']>,
+    spacing: SNAO as PropType<ListProps['margin']>,
   },
   setup(props, { slots, attrs }) {
     const styles = useMultiStyleConfig('List', props)

packages/layout/src/stack.ts

@@ -15,7 +15,7 @@ import {
   selector,
   StackDirection,
 } from './stack.utils'
-import { getValidChildren } from '@chakra-ui/vue-utils'
+import { getValidChildren, SNAO, SAO } from '@chakra-ui/vue-utils'
 
 interface StackOptions {
   /**
@@ -102,14 +102,14 @@ const stackProps = {
     type: [Object, String] as PropType<DOMElements>,
     default: 'div',
   },
-  align: [Object, String, Array] as PropType<StackProps['align']>,
-  justify: [Object, String, Array] as PropType<StackProps['justify']>,
-  wrap: [Object, String, Array] as PropType<StackProps['wrap']>,
+  align: SAO as PropType<StackProps['align']>,
+  justify: SAO as PropType<StackProps['justify']>,
+  wrap: SAO as PropType<StackProps['wrap']>,
   spacing: {
-    type: [Object, String, Array] as PropType<StackProps['spacing']>,
+    type: SNAO as PropType<StackProps['spacing']>,
     default: '0.5rem',
   },
-  direction: [Object, String, Array] as PropType<StackProps['direction']>,
+  direction: SAO as PropType<StackProps['direction']>,
 
   // todo: divider
   divider: [Object, Boolean] as PropType<StackProps['divider']>,

packages/utils/src/props.ts

@@ -9,4 +9,5 @@ export const vueThemingProps = {
 }
 
 export const SNA = [Number, String, Array]
+export const SAO = [String, Array, Object]
 export const SNAO = [Number, String, Array, Object]