Merge pull request #269 from chakra-ui/feat/explicitImports

feat(exports): explicit exports from vue next

Author: codebender828

packages/c-form-control/examples/components.tsx

@@ -0,0 +1,22 @@
+import { h, defineComponent, computed, toRefs } from "vue"
+import { chakra, useMultiStyleConfig } from "@chakra-ui/vue-system"
+import { omitThemingProps } from "@chakra-ui/styled-system"
+import { useFormControl } from "@chakra-ui/c-form-control"
+import { vueThemingProps } from "@chakra-ui/vue-utils"
+
+export const CInput = defineComponent({
+  props: vueThemingProps,
+  setup(props, { attrs }) {
+    const styles = useMultiStyleConfig("Input", props)
+    const _props = computed(() => toRefs(omitThemingProps(props)))
+    const inputProps = useFormControl(_props.value)
+    console.log(JSON.stringify(styles.value, null, 2))
+    return () => (
+      <chakra.input
+        {...attrs}
+        __css={styles.value.field}
+        {...inputProps.value}
+      />
+    )
+  },
+})

packages/c-form-control/tests/c-form-control.cy.tsx

@@ -10,7 +10,7 @@ import {
   useFormControl,
 } from "../src"
 import * as Examples from "../examples"
-import { CInput } from "../examples/components"
+import { CInput } from "@chakra-ui/c-input"
 
 describe("FormControl Examples", () => {
   Object.entries(Examples).map(([name, example]) => {

packages/c-form-control/tsconfig.json

@@ -1,5 +1,4 @@
 {
   "extends": "../../tsconfig.json",
-  "include": ["src", "./index.tsx", "./index.ts"],
-  "exclude": ["examples"]
+  "include": ["src", "./index.tsx", "./index.ts", "examples"],
 }

packages/c-input/package.json

@@ -31,10 +31,10 @@
   },
   "dependencies": {
     "@chakra-ui/styled-system": "2.5.1",
-    "@chakra-ui/c-form-control": "workspace:*",
     "@chakra-ui/utils": "2.0.15",
     "@chakra-ui/vue-system": "workspace:*",
-    "@chakra-ui/vue-utils": "workspace:*"
+    "@chakra-ui/vue-utils": "workspace:*",
+    "@chakra-ui/c-form-control": "workspace:*"
   },
   "devDependencies": {
     "vue": "3.2.47"