Remove React.* imports

Author: mikewuu

src/lib/ui/Table/TableBody.tsx

@@ -1,3 +1,5 @@
-export function TableBody(props: { children: React.ReactNode }) {
+import type { ReactNode } from 'react'
+
+export function TableBody(props: { children: ReactNode }) {
   return <div className='seam--table-body'>{props.children}</div>
 }

src/lib/ui/Table/TableHeader.tsx

@@ -1,3 +1,5 @@
-export function TableHeader(props: { children: React.ReactNode }) {
+import type { ReactNode } from 'react'
+
+export function TableHeader(props: { children: ReactNode }) {
   return <div className='seam--table-header'>{props.children}</div>
 }

src/lib/ui/Table/TableTitle.tsx

@@ -1,3 +1,5 @@
-export function TableTitle(props: { children: React.ReactNode }) {
+import type { ReactNode } from 'react'
+
+export function TableTitle(props: { children: ReactNode }) {
   return <h5 className='seam--table-title'>{props.children}</h5>
 }

src/lib/ui/types.ts

@@ -1,2 +1,4 @@
-export type DivProps = React.HTMLAttributes<HTMLDivElement>
-export type ButtonProps = React.HtmlHTMLAttributes<HTMLButtonElement>
+import type { HTMLAttributes, HtmlHTMLAttributes } from 'react'
+
+export type DivProps = HTMLAttributes<HTMLDivElement>
+export type ButtonProps = HtmlHTMLAttributes<HTMLButtonElement>

src/lib/ui/typography/Caption.tsx

@@ -1,3 +1,5 @@
-export function Caption(props: { children: React.ReactNode }) {
+import type { ReactNode } from 'react'
+
+export function Caption(props: { children: ReactNode }) {
   return <span className='seam--caption'>{props.children}</span>
 }

src/lib/ui/typography/Title.tsx

@@ -1,3 +1,5 @@
-export function Title(props: { children: React.ReactNode }) {
+import type { ReactNode } from 'react'
+
+export function Title(props: { children: ReactNode }) {
   return <span className='seam--title'>{props.children}</span>
 }