chore: declare global props

Author: codebender828

global.d.ts

@@ -1,8 +1,10 @@
+export {}
 declare global {
   namespace JSX {
-    interface IntrinsicAttributes {
+    export interface IntrinsicAttributes {
       as?: string
       label?: string
+      poop?: 'name' | 'hard' | 'soft'
     }
   }
 }

packages/c-button/src/button.tsx

@@ -1,4 +1,4 @@
-import { h, defineComponent, PropType, computed, cloneVNode } from 'vue'
+import { defineComponent, PropType, computed, cloneVNode } from 'vue'
 import {
   chakra,
   DOMElements,

packages/system/src/chakra.ts

@@ -50,6 +50,12 @@ interface StyleResolverOptions extends StyleResolverProps {
 
 interface ChakraFactoryOptions extends StyleResolverProps {}
 
+declare global {
+  namespace JSX {
+    interface IntrinsicAttributes extends StyleResolverProps {}
+  }
+}
+
 const chakraProps = {
   __css: Object as PropType<StyleResolverProps['__css']>,
   sx: Object as PropType<StyleResolverProps['sx']>,
@@ -253,7 +259,7 @@ export const resolveStyles = (
 }
 
 type IChakraFactory = {
-  [key in DOMElements]: DefineComponent
+  [key in DOMElements]: DefineComponent | JSX.Element
 } & {
   (tag: DOMElements, options?: StyleResolverProps): DefineComponent
 }

tsconfig.json

@@ -16,7 +16,7 @@
     "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
     "skipLibCheck": true,                     /* Skip type checking of declaration files. */
     "forceConsistentCasingInFileNames": true,  /* Disallow inconsistently-cased references to the same file. */
-    "typeRoots": ["./node_modules/@types", "./jsx.d.ts"]
+    "typeRoots": ["./node_modules/@types", "./global.d.ts"]
   },
   "include": [
     "packages",