build(icon): fix dependency cycle

Author: codebender828

packages/c-accordion/package.json

@@ -19,6 +19,6 @@
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types"
   },
   "dependencies": {
-    "@chakra-ui/vue-system": "1.0.0"
+    "@chakra-ui/vue-system": "*"
   }
 }

packages/c-alert/package.json

@@ -25,6 +25,6 @@
   },
   "dependencies": {
     "@chakra-ui/styled-system": "^1.4.1",
-    "@chakra-ui/vue-system": "1.0.0"
+    "@chakra-ui/vue-system": "*"
   }
 }

packages/c-button/package.json

@@ -19,6 +19,6 @@
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types"
   },
   "dependencies": {
-    "@chakra-ui/vue-system": "1.0.0"
+    "@chakra-ui/vue-system": "*"
   }
 }

packages/c-icon/src/icon.ts

@@ -1,13 +1,7 @@
 import { h, defineComponent, PropType, computed, inject } from 'vue'
-import {
-  chakra,
-  DOMElements,
-  StyleAndHTMLAttibutes,
-} from '@chakra-ui/vue-system'
-import { InternalIcon } from './icon.internals'
-import internalIcons from './icon.internals'
+import { chakra, DOMElements } from '@chakra-ui/vue-system'
 
-const fallbackIcon: InternalIcon = {
+const fallbackIcon = {
   path: `
     <g stroke="currentColor" strokeWidth="1.5">
       <path
@@ -43,7 +37,7 @@ export const CIcon = defineComponent({
   setup(props, { slots, attrs }) {
     const icons = inject<Record<string, any>>('$chakraIcons')
     const icon = computed(() => icons?.[props?.name as string] || fallbackIcon)
-    const vnodeProps = computed<StyleAndHTMLAttibutes>(() => ({
+    const vnodeProps = computed(() => ({
       w: props.size,
       h: props.size,
       display: 'inline-block',

packages/c-icon/src/index.ts

@@ -1,3 +1 @@
 export * from './icon'
-export { default as internalIcons } from './icon.internals'
-export * from './icon.internals'

packages/c-theme-provider/package.json

@@ -23,6 +23,6 @@
     "watch:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch"
   },
   "dependencies": {
-    "@chakra-ui/vue-next": "^1.0.0"
+    "@chakra-ui/vue-next": "*"
   }
 }

packages/core/package.json

@@ -24,7 +24,6 @@
   },
   "dependencies": {
     "@chakra-ui/vue-theme": "*",
-    "@chakra-ui/vue-utils": "*",
-    "@chakra-ui/c-icon": "*"
+    "@chakra-ui/vue-utils": "*"
   }
 }

packages/c-icon/src/icon.internals.ts renamed to packages/core/src/icon.internals.ts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vue'
 import defaultTheme, { ColorMode } from '@chakra-ui/vue-theme'
-import { internalIcons } from '@chakra-ui/c-icon'
+import internalIcons from './icon.internals'
 import { extendTheme, ThemeOverride } from './extend-theme'
 import { MergedIcons, parseIcons } from './parse-icons'
 

packages/core/src/index.ts

@@ -21,9 +21,9 @@
   },
   "dependencies": {
     "@chakra-ui/styled-system": "^1.4.1",
-    "@chakra-ui/vue-next": "^1.0.0",
-    "@chakra-ui/vue-theme": "^1.0.0",
-    "@chakra-ui/vue-utils": "^1.0.0",
+    "@chakra-ui/vue-next": "*",
+    "@chakra-ui/vue-theme": "*",
+    "@chakra-ui/vue-utils": "*",
     "lodash.camelcase": "^4.3.0",
     "lodash.kebabcase": "^4.1.1"
   },