build: resolve all build types

Author: codebender828

package.json

@@ -38,7 +38,7 @@
     "dev": "preconstruct dev",
     "clean": "pnpm -r --parallel run clean",
     "prebuild": "pnpm clean",
-    "build": "turbo run build --filter=!./examples/*",
+    "build": "turbo run build --filter=!./examples/* --filter=!{./packages/test-utils}",
     "build:types": "ts-node scripts/generate-global-types.ts",
     "postbuild": "pnpm build:types && pnpm size",
     "start": "preconstruct watch",

packages/c-avatar/src/c-avatar-group.tsx

@@ -20,6 +20,7 @@ import {
   cloneVNode,
 } from "vue"
 import { baseStyle } from "./c-avatar"
+import type * as CSS from "csstype"
 
 export const avatarGroupProps = {
   max: {

packages/system/package.json

@@ -26,7 +26,6 @@
     "@chakra-ui/c-color-mode": "workspace:*",
     "@chakra-ui/styled-system": "2.5.1",
     "@chakra-ui/utils": "2.0.14",
-    "@chakra-ui/vue-styled": "workspace:*",
     "@chakra-ui/vue-utils": "workspace:*",
     "@emotion/css": "^11.9.0",
     "@emotion/serialize": "1.1.1",
@@ -36,7 +35,6 @@
   },
   "devDependencies": {
     "@chakra-ui/theme": "^2.2.5",
-    "@chakra-ui/vue-styled": "workspace:*",
     "@types/lodash.memoize": "^4.1.6",
     "vue": "^3.2.37"
   },

packages/system/src/chakra.tsx

@@ -21,7 +21,6 @@ import {
   SystemProps,
   SystemStyleObject,
 } from "@chakra-ui/styled-system"
-import _styled from "@chakra-ui/vue-styled"
 
 import {
   isFunction,
@@ -410,7 +409,8 @@ export function styled<T extends As, P = {}>(
   const { baseStyle, ...styledOptions } = options ?? {}
 
   const styleObject = toCSSObject(options)
-  return _styled(component as ChakraTagOrComponent, styledOptions)(styleObject)
+  // @ts-ignore
+  return chakra(component as ChakraTagOrComponent, styledOptions)(styleObject)
 }
 
 export type ChakraComponent<P = ChakraProps> = ComponentWithProps<As & P>

packages/utils/package.json

@@ -22,7 +22,6 @@
   "dependencies": {
     "@chakra-ui/styled-system": "2.5.1",
     "@chakra-ui/utils": "2.0.14",
-    "@chakra-ui/vue-system": "workspace:*",
     "@types/lodash.camelcase": "^4.3.6",
     "@types/lodash.memoize": "^4.1.6",
     "css-box-model": "1.2.1",