fix: declare module and fix conflict typing name (#805)

* fix: declare module and fix conflict typing name

* update css, marco, style

css.d.ts

@@ -1,11 +1,16 @@
 // Definitions by: @types/styled-jsx <https://www.npmjs.com/package/@types/styled-jsx>
 
-declare function css(chunks: TemplateStringsArray, ...args: any[]): JSX.Element
-declare namespace css {
-  function global(chunks: TemplateStringsArray, ...args: any[]): JSX.Element
-  function resolve(
-    chunks: TemplateStringsArray,
-    ...args: any[]
-  ): { className: string; styles: JSX.Element }
+declare module 'styled-jsx/css' {
+  function css(chunks: TemplateStringsArray, ...args: any[]): JSX.Element
+  namespace css {
+    export function global(
+      chunks: TemplateStringsArray,
+      ...args: any[]
+    ): JSX.Element
+    export function resolve(
+      chunks: TemplateStringsArray,
+      ...args: any[]
+    ): { className: string; styles: JSX.Element }
+  }
+  export = css
 }
-export = css

index.d.ts

@@ -7,18 +7,20 @@ declare module 'react' {
   }
 }
 
-export type StyleRegistry = {
-  styles(options?: { nonce?: string }): JSX.Element[]
-  flush(): void
-  add(props: any): void
-  remove(props: any): void
+declare module 'styled-jsx' {
+  export type StyledJsxStyleRegistry = {
+    styles(options?: { nonce?: string }): JSX.Element[]
+    flush(): void
+    add(props: any): void
+    remove(props: any): void
+  }
+  export function useStyleRegistry(): StyledJsxStyleRegistry
+  export function StyleRegistry({
+    children,
+    registry
+  }: {
+    children: JSX.Element | React.ReactNode
+    registry?: StyledJsxStyleRegistry
+  }): JSX.Element
+  export function createStyleRegistry(): StyledJsxStyleRegistry
 }
-export function useStyleRegistry(): StyleRegistry
-export function StyleRegistry({
-  children,
-  registry
-}: {
-  children: JSX.Element | React.ReactNode
-  registry?: StyleRegistry
-}): JSX.Element
-export function createStyleRegistry(): StyleRegistry

macro.d.ts

@@ -1,11 +1,13 @@
-declare namespace css {
-  function resolve(
-    chunks: TemplateStringsArray,
-    ...args: any[]
-  ): {
-    className: string
-    styles: JSX.Element
+declare module 'styled-jsx/marco' {
+  namespace marco {
+    function resolve(
+      chunks: TemplateStringsArray,
+      ...args: any[]
+    ): {
+      className: string
+      styles: JSX.Element
+    }
   }
-}
 
-export = css
+  export = marco
+}

style.d.ts

@@ -1 +1,3 @@
-export default function JSXStyle(props: any): null
+declare module 'styled-jsx/style' {
+  export default function JSXStyle(props: any): null
+}