Optimize typing

Author: owjs3901

packages/react/src/components/Box.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Box<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Button.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Button<T extends React.ElementType = 'button'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Center.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Center<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Flex.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Flex<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Grid.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Grid<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Image.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Image<T extends React.ElementType = 'img'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Input.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Input<T extends React.ElementType = 'input'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Text.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function Text<T extends React.ElementType = 'span'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/ThemeScript.tsx

@@ -1,6 +1,5 @@
-import type { Conditional } from 'src/types/utils'
-
 import type { DevupTheme } from '../types/theme'
+import type { Conditional } from '../types/utils'
 
 interface ThemeScriptProps {
   auto?: boolean

packages/react/src/components/VStack.tsx

@@ -1,9 +1,9 @@
-import type { DevupProps } from '../types/props'
+import type { DevupComponentProps } from '../types/props'
 import type { Merge } from '../types/utils'
 
 export function VStack<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
+  props: Merge<React.ComponentProps<T>, DevupComponentProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }