core/coverage.d.ts

@@ -1,11 +1,16 @@
 declare module '@uiw/react-shields/coverage' {
-  import Container from '@uiw/react-shields/esm/common/Container';
-  import Coverages from '@uiw/react-shields/esm/coverages/Coverages';
-  import Codacy from '@uiw/react-shields/esm/coverages/Codacy';
-  type CoverageComponent = typeof Container & {
-    Coverages: typeof Coverages;
-    Codacy: typeof Codacy;
+  import { ContainerProps } from '@uiw/react-shields/esm/common/Container';
+
+  const Coverage: {
+    (props: ContainerProps): import('react/jsx-runtime').JSX.Element;
+    Coverages: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/coverages/Coverages').CoveragesProps &
+        import('react').RefAttributes<HTMLImageElement>
+    >;
+    Codacy: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/coverages/Codacy').CodacyProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    displayName: string;
   };
-  const Coverage: CoverageComponent;
   export default Coverage;
 }

core/github.d.ts

@@ -1,23 +1,32 @@
 declare module '@uiw/react-shields/github' {
-  import Container from '@uiw/react-shields/esm/common/Container';
-  import Issues from '@uiw/react-shields/esm/github/Issues';
-  import Size from '@uiw/react-shields/esm/github/Size';
-  import Downloads from '@uiw/react-shields/esm/github/Downloads';
-  import Activity from '@uiw/react-shields/esm/github/Activity';
-  import Version from '@uiw/react-shields/esm/github/Version';
-  import License from '@uiw/react-shields/esm/github/License';
-  import Analysis from '@uiw/react-shields/esm/github/Analysis';
-  import Social from '@uiw/react-shields/esm/github/Social';
-  type GithubComponent = typeof Container & {
-    Issues: typeof Issues;
-    Size: typeof Size;
-    Downloads: typeof Downloads;
-    License: typeof License;
-    Activity: typeof Activity;
-    Analysis: typeof Analysis;
-    Version: typeof Version;
-    Social: typeof Social;
+  import { ContainerProps } from '@uiw/react-shields/esm/common/Container';
+  const Github: {
+    (props: ContainerProps): import('react/jsx-runtime').JSX.Element;
+    Issues: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/Issues').IssuesProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Size: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/Size').SizeProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Downloads: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/Downloads').DownloadsProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    License: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/License').LicenseProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Activity: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/Activity').ActivityProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Analysis: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/Analysis').AnalysisProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Version: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/Version').VersionProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Social: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/github/Social').SocialProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    displayName: string;
   };
-  const Github: GithubComponent;
   export default Github;
 }

core/npm.d.ts

@@ -1,13 +1,17 @@
 declare module '@uiw/react-shields/npm' {
-  import Container from '@uiw/react-shields/esm/common/Container';
-  import Version from '@uiw/react-shields/esm/npm/Version';
-  import Size from '@uiw/react-shields/esm/npm/Size';
-  import Downloads from '@uiw/react-shields/esm/npm/Downloads';
-  type NpmComponent = typeof Container & {
-    Version: typeof Version;
-    Size: typeof Size;
-    Downloads: typeof Downloads;
+  import { ContainerProps } from '@uiw/react-shields/esm/common/Container';
+  const Npm: {
+    (props: ContainerProps): import('react/jsx-runtime').JSX.Element;
+    Version: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/npm/Version').VersionProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Size: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/npm/Size').SizeProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    Downloads: import('react').ForwardRefExoticComponent<
+      import('@uiw/react-shields/esm/npm/Downloads').DownloadProps & import('react').RefAttributes<HTMLImageElement>
+    >;
+    displayName: string;
   };
-  const Npm: NpmComponent;
   export default Npm;
 }

core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-shields",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Shields.io for react component, Quality metadata badges for open source projects.",
   "author": "Kenny Wong <wowohoo@qq.com>",
   "license": "MIT",

core/src/coverages/index.tsx

@@ -2,12 +2,7 @@ import Container, { ContainerProps } from '../common/Container';
 import Coverages from './Coverages';
 import Codacy from './Codacy';
 
-type CoverageComponent = typeof Container & {
-  Coverages: typeof Coverages;
-  Codacy: typeof Codacy;
-};
-
-const Coverage = (props: ContainerProps) => (<Container {...props} />) as unknown as CoverageComponent;
+const Coverage = (props: ContainerProps) => <Container {...props} />;
 Coverage.Coverages = Coverages;
 Coverage.Codacy = Codacy;
 Coverage.displayName = 'Github';

core/src/github/index.tsx

@@ -8,18 +8,7 @@ import Version from './Version';
 import Analysis from './Analysis';
 import Social from './Social';
 
-type GithubComponent = typeof Container & {
-  Issues: typeof Issues;
-  Size: typeof Size;
-  Downloads: typeof Downloads;
-  License: typeof License;
-  Activity: typeof Activity;
-  Analysis: typeof Analysis;
-  Version: typeof Version;
-  Social: typeof Social;
-};
-
-const Github = (props: ContainerProps) => (<Container {...props} />) as unknown as GithubComponent;
+const Github = (props: ContainerProps) => <Container {...props} />;
 
 Github.Issues = Issues;
 Github.Size = Size;

core/src/npm/index.tsx

@@ -3,13 +3,7 @@ import Version from './Version';
 import Size from './Size';
 import Downloads from './Downloads';
 
-type NpmComponent = typeof Container & {
-  Version: typeof Version;
-  Size: typeof Size;
-  Downloads: typeof Downloads;
-};
-
-const Npm = (props: ContainerProps) => (<Container {...props} />) as unknown as NpmComponent;
+const Npm = (props: ContainerProps) => <Container {...props} />;
 
 Npm.Version = Version;
 Npm.Size = Size;

lerna.json

@@ -1,4 +1,4 @@
 {
-  "version": "2.0.0",
+  "version": "2.0.1",
   "packages": ["core", "www"]
 }

www/package.json

@@ -1,6 +1,6 @@
 {
   "name": "website",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "preview": true,
   "scripts": {
     "build": "kkt build",
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@uiw/react-markdown-preview-example": "^1.3.1",
-    "@uiw/react-shields": "2.0.0",
+    "@uiw/react-shields": "2.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

www/src/index.tsx

@@ -1,7 +1,7 @@
 import { createRoot } from 'react-dom/client';
 import MarkdownPreviewExample from '@uiw/react-markdown-preview-example';
-// import Github from '@uiw/react-shields/github';
-// import Npm from '@uiw/react-shields/npm';
+import Github from '@uiw/react-shields/github';
+import Npm from '@uiw/react-shields/npm';
 import data from '../../core/README.md';
 import pkg from '../../core/package.json';
 
@@ -21,7 +21,16 @@ root.render(
   >
     <GithubEx href="https://github.com/uiwjs/react-shields" />
     <Example>
-      <div></div>
+      <div>
+        <Github.Social user="jaywcjlove" repo="uiw" href="https://github.com/jaywcjlove" />
+        <Github user="uiwjs" repo="react-shields">
+          <Github.Social type="forks" />
+          <Github.Social type="stars" />
+          <Github.Social type="watchers" />
+          <Github.Social type="followers" />
+          <Npm.Version scope="@uiw" packageName="react-shields" />
+        </Github>
+      </div>
     </Example>
   </MarkdownPreviewExample>,
 );