chore: fix package build

Author: codebender828

packages/anatomy/package.json

@@ -25,7 +25,8 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@chakra-ui/vue-system": "0.1.0-alpha.10"
+    "@chakra-ui/vue-system": "0.1.0-alpha.10",
+    "@chakra-ui/vue-theme-tools": "0.1.0-alpha.10"
   },
   "devDependencies": {
     "vue": "^3.2.29"

packages/anatomy/tests/__snapshots__/vue-anatomy.test.ts.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render properly 1`] = `
+<DocumentFragment>
+  <!--[object Object]-->
+</DocumentFragment>
+`;

packages/c-accordion/package.json

@@ -20,6 +20,8 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
+    "@chakra-ui/utils": "^2.0.3",
+    "@chakra-ui/vue-composables": "0.1.0-alpha.9",
     "@chakra-ui/vue-system": "0.1.0-alpha.10",
     "@chakra-ui/vue-utils": "0.1.0-alpha.10",
     "@zag-js/accordion": "^0.1.9",

packages/c-accordion/src/accordion.tsx

@@ -104,8 +104,6 @@ export const CAccordion: ComponentWithProps<CAccordionProps> = defineComponent({
       ...attrs,
     })
 
-    console.log("styles", styles.value)
-
     AccordionProvider(apiRef)
     StylesProvider(styles)
 
@@ -213,9 +211,6 @@ export const CAccordionPanel = defineComponent({
     const state = computed(() => api.value.getItemState({ value: id.value }))
 
     const isOpen = computed(() => state.value.isOpen)
-    watchEffect(() => {
-      console.log("isOpen", id.value, isOpen.value)
-    })
 
     return () => {
       const contentProps = api.value.getContentProps({

packages/c-theme-provider/src/index.ts

@@ -8,21 +8,28 @@ import {
   computed,
 } from "vue"
 import { Theme } from "@chakra-ui/vue-theme"
+import { ComponentWithProps } from "@chakra-ui/vue-system"
 
-const CThemeProvider = defineComponent({
-  name: "CThemeProvider",
-  props: {
-    value: {
-      type: [Object] as PropType<Theme>,
-      default: () => undefined,
+export interface CThemeProviderProps {
+  value?: Theme
+}
+
+const CThemeProvider: ComponentWithProps<CThemeProviderProps> = defineComponent(
+  {
+    name: "CThemeProvider",
+    props: {
+      value: {
+        type: [Object] as PropType<Theme>,
+        default: () => undefined,
+      },
+    },
+    setup(props, { slots }) {
+      const pluginTheme = inject("$chakraTheme")
+      const applicationTheme = computed(() => props.value || pluginTheme)
+      provide("$chakraTheme", applicationTheme.value)
+      return () => h(Fragment, slots.default?.({ $chakraTheme: props.value }))
     },
-  },
-  setup(props, { slots }) {
-    const pluginTheme = inject("$chakraTheme")
-    const applicationTheme = computed(() => props.value || pluginTheme)
-    provide("$chakraTheme", applicationTheme.value)
-    return () => h(Fragment, slots.default?.({ $chakraTheme: props.value }))
-  },
-})
+  }
+)
 
 export default CThemeProvider

packages/theme/package.json

@@ -20,12 +20,13 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
+    "@chakra-ui/vue-anatomy": "0.0.0-alpha.0",
     "@chakra-ui/vue-theme-tools": "0.1.0-alpha.10"
   },
   "peerDependencies": {
-    "@chakra-ui/utils": "^1.8.2",
+    "@chakra-ui/utils": "^2.0.3",
     "@chakra-ui/vue-system": "0.1.0-alpha.10",
-    "vue": "^3.1.4"
+    "vue": "^3.2.29"
   },
   "publishConfig": {
     "access": "public"