fix: tweak types (#806)

* fix: tweak types

* use import()

Author: huozhi

global.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="./css" />
+/// <reference types="./index" />
+/// <reference types="./macro" />
+/// <reference types="./style" />
+
+import React from 'react'
+
+declare module 'react' {
+  interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+    jsx?: boolean
+    global?: boolean
+  }
+}

index.d.ts

@@ -1,12 +1,3 @@
-import React from 'react'
-
-declare module 'react' {
-  interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
-    jsx?: boolean
-    global?: boolean
-  }
-}
-
 declare module 'styled-jsx' {
   export type StyledJsxStyleRegistry = {
     styles(options?: { nonce?: string }): JSX.Element[]
@@ -19,7 +10,7 @@ declare module 'styled-jsx' {
     children,
     registry
   }: {
-    children: JSX.Element | React.ReactNode
+    children: JSX.Element | import('react').ReactNode
     registry?: StyledJsxStyleRegistry
   }): JSX.Element
   export function createStyleRegistry(): StyledJsxStyleRegistry

package.json

@@ -7,6 +7,7 @@
   "files": [
     "dist",
     "lib",
+    "global.d.ts",
     "index.d.ts",
     "index.js",
     "babel.js",