chore: add global types

Author: codebender828

global.d.ts

@@ -0,0 +1,8 @@
+declare global {
+  namespace JSX {
+    interface IntrinsicAttributes {
+      as?: string
+      label?: string
+    }
+  }
+}

packages/c-button/package.json

@@ -14,12 +14,12 @@
   "license": "MIT",
   "scripts": {
     "build": "concurrently yarn:build:*",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .tsx -d dist/esm --source-maps",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .tsx -d dist/cjs --source-maps",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions '.ts, .tsx' -d dist/esm --source-maps",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions '.ts, .tsx' -d dist/cjs --source-maps",
     "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
     "watch": "concurrently yarn:watch:*",
-    "watch:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .tsx -d dist/esm --source-maps --watch",
-    "watch:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .tsx -d dist/cjs --source-maps --watch",
+    "watch:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions '.ts, .tsx' -d dist/esm --source-maps --watch",
+    "watch:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions '.ts, .tsx' -d dist/cjs --source-maps --watch",
     "watch:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch"
   },
   "dependencies": {

packages/c-button/src/button.tsx

@@ -149,7 +149,8 @@ const CButtonIcon = defineComponent({
       : children?.[0]
 
     return () =>
-      <chakra.span label="button__icon" {...attrs}>
+    // @ts-ignore JSX props error
+      <chakra.span as="button__icon" {...attrs}>
         {_children}
       </chakra.span>
   },

packages/system/src/chakra.ts

@@ -60,6 +60,7 @@ const chakraProps = {
   layerStyle: String as PropType<StyleResolverProps['layerStyle']>,
   textStyle: String as PropType<StyleResolverProps['textStyle']>,
   apply: String as PropType<StyleResolverProps['apply']>,
+  label: String as PropType<StyleResolverOptions['label']>,
 }
 
 export type ChakraBaseComponentProps = typeof chakraProps

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"]
   },
   "include": [
     "packages",