Optimize typing

Author: owjs3901

packages/react/src/types/props/index.ts

@@ -23,17 +23,21 @@ export interface DevupShortcutsProps
     DevupUiMotionPathProps,
     DevupUiPositionProps,
     DevupUiTextProps {}
+
 export type DevupCommonProps = Merge<
   {
     [K in keyof Properties]?: ResponsiveValue<Properties[K]>
   },
   DevupShortcutsProps
 >
 
-export interface DevupProps<T extends React.ElementType>
+export interface DevupProps
   extends DevupCommonProps,
     DevupSelectorProps,
-    DevupThemeSelectorProps {
+    DevupThemeSelectorProps {}
+
+export interface DevupComponentProps<T extends React.ElementType>
+  extends DevupProps {
   as?: T
   styleVars?: Record<string, string | undefined>
 }

packages/react/src/utils/css.ts

@@ -1,20 +1,12 @@
-import type { DevupCommonProps } from '../types/props'
-import type { DevupSelectorProps } from '../types/props/selector'
-import type { DevupThemeSelectorProps } from '../types/props/selector'
+import type { DevupProps } from '../types/props'
 
-export function css(
-  props: DevupCommonProps | DevupSelectorProps | DevupThemeSelectorProps,
-): string
+export function css(props: DevupProps): string
 export function css(strings: TemplateStringsArray): string
 export function css(): string
 
 export function css(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  strings?:
-    | TemplateStringsArray
-    | DevupCommonProps
-    | DevupSelectorProps
-    | DevupThemeSelectorProps,
+  strings?: TemplateStringsArray | DevupProps,
 ): string {
   throw new Error('Cannot run on the runtime')
 }