@niibase/uniwind 1.6.4 → 1.8.0

package/src/bundler/types.ts

@@ -0,0 +1,17 @@
+export type UniwindConfig = {
+    cssEntryFile: string
+    extraThemes?: Array<string>
+    extraComponents?: Record<string, string>
+    dtsFile?: string
+}
+
+export type Polyfills = {
+    rem?: number
+    responsive?: 'text' | 'components' | boolean
+}
+
+export type UniwindMetroConfig = UniwindConfig & {
+    polyfills?: Polyfills
+    debug?: boolean
+    isTV?: boolean
+}

package/src/common/consts.ts

@@ -10,3 +10,28 @@ export const enum Platform {
 
 export const UNIWIND_PLATFORM_VARIABLES = '__uniwind-platform-'
 export const UNIWIND_THEME_VARIABLES = '__uniwind-theme-'
+
+export enum StyleDependency {
+    ColorScheme = 1,
+    Theme = 2,
+    Dimensions = 3,
+    Orientation = 4,
+    Insets = 5,
+    FontScale = 6,
+    Rtl = 7,
+    AdaptiveThemes = 8,
+    Variables = 9,
+}
+
+export const enum Orientation {
+    Portrait = 'portrait',
+    Landscape = 'landscape',
+}
+
+export const enum ColorScheme {
+    Light = 'light',
+    Dark = 'dark',
+}
+
+export const DEFAULT_SCREEN_WIDTH = 375
+export const DEFAULT_SCREEN_HEIGHT = 680

package/src/components/ScopedTheme/ScopedTheme.native.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react'
 import { UniwindContext } from '../../core/context'
-import { ThemeName, UniwindContextType } from '../../core/types'
+import type { ThemeName, UniwindContextType } from '../../core/types'
 
 type ScopedThemeProps = {
     theme: ThemeName

package/src/components/native/ActivityIndicator.tsx

@@ -1,4 +1,5 @@
-import { ActivityIndicator as RNActivityIndicator, ActivityIndicatorProps } from 'react-native'
+import type { ActivityIndicatorProps } from 'react-native'
+import { ActivityIndicator as RNActivityIndicator } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/Button.tsx

@@ -1,4 +1,5 @@
-import { Button as RNButton, ButtonProps } from 'react-native'
+import type { ButtonProps } from 'react-native'
+import { Button as RNButton } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 

package/src/components/native/FlatList.tsx

@@ -1,4 +1,5 @@
-import { FlatList as RNFlatList, FlatListProps } from 'react-native'
+import type { FlatListProps } from 'react-native'
+import { FlatList as RNFlatList } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/Image.tsx

@@ -1,4 +1,5 @@
-import { Image as RNImage, ImageProps } from 'react-native'
+import type { ImageProps } from 'react-native'
+import { Image as RNImage } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/ImageBackground.tsx

@@ -1,4 +1,5 @@
-import { ImageBackground as RNImageBackground, ImageBackgroundProps } from 'react-native'
+import type { ImageBackgroundProps } from 'react-native'
+import { ImageBackground as RNImageBackground } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/InputAccessoryView.tsx

@@ -1,5 +1,6 @@
-import { ForwardedRef } from 'react'
-import { InputAccessoryView as RNInputAccessoryView, InputAccessoryViewProps } from 'react-native'
+import type { ForwardedRef } from 'react'
+import type { InputAccessoryViewProps } from 'react-native'
+import { InputAccessoryView as RNInputAccessoryView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/KeyboardAvoidingView.tsx

@@ -1,4 +1,5 @@
-import { KeyboardAvoidingView as RNKeyboardAvoidingView, KeyboardAvoidingViewProps } from 'react-native'
+import type { KeyboardAvoidingViewProps } from 'react-native'
+import { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useStyle } from './useStyle'
 

package/src/components/native/Modal.tsx

@@ -1,4 +1,5 @@
-import { Modal as RNModal, ModalProps } from 'react-native'
+import type { ModalProps } from 'react-native'
+import { Modal as RNModal } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/Pressable.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Pressable as RNPressable, PressableProps } from 'react-native'
+import { Pressable as RNPressable, type PressableProps } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useStyle } from './useStyle'
 

package/src/components/native/RefreshControl.tsx

@@ -1,4 +1,5 @@
-import { RefreshControl as RNRefreshControl, RefreshControlProps } from 'react-native'
+import type { RefreshControlProps } from 'react-native'
+import { RefreshControl as RNRefreshControl } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/SafeAreaView.tsx

@@ -1,4 +1,5 @@
-import { SafeAreaView as RNSafeAreaView, ViewProps } from 'react-native'
+import type { ViewProps } from 'react-native'
+import { SafeAreaView as RNSafeAreaView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useStyle } from './useStyle'
 

package/src/components/native/ScrollView.tsx

@@ -1,4 +1,5 @@
-import { ScrollView as RNScrollView, ScrollViewProps } from 'react-native'
+import type { ScrollViewProps } from 'react-native'
+import { ScrollView as RNScrollView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/SectionList.tsx

@@ -1,4 +1,5 @@
-import { SectionList as RNSectionList, SectionListProps } from 'react-native'
+import type { SectionListProps } from 'react-native'
+import { SectionList as RNSectionList } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/Switch.tsx

@@ -1,5 +1,6 @@
-import { Switch as RNSwitch, SwitchProps } from 'react-native'
-import { ComponentState } from '../../core/types'
+import type { SwitchProps } from 'react-native'
+import { Switch as RNSwitch } from 'react-native'
+import type { ComponentState } from '../../core/types'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/Text.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
-import { Text as RNText, TextProps } from 'react-native'
-import { ComponentState } from '../../core/types'
+import type { TextProps } from 'react-native'
+import { Text as RNText } from 'react-native'
+import type { ComponentState } from '../../core/types'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/TextInput.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
-import { TextInput as RNTextInput, TextInputProps } from 'react-native'
-import { ComponentState } from '../../core/types'
+import type { TextInputProps } from 'react-native'
+import { TextInput as RNTextInput } from 'react-native'
+import type { ComponentState } from '../../core/types'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/TouchableHighlight.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
-import { TouchableHighlight as RNTouchableHighlight, TouchableHighlightProps } from 'react-native'
-import { ComponentState } from '../../core/types'
+import type { TouchableHighlightProps } from 'react-native'
+import { TouchableHighlight as RNTouchableHighlight } from 'react-native'
+import type { ComponentState } from '../../core/types'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/TouchableNativeFeedback.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
-import { TouchableNativeFeedback as RNTouchableNativeFeedback, TouchableNativeFeedbackProps } from 'react-native'
-import { ComponentState } from '../../core/types'
+import type { TouchableNativeFeedbackProps } from 'react-native'
+import { TouchableNativeFeedback as RNTouchableNativeFeedback } from 'react-native'
+import type { ComponentState } from '../../core/types'
 import { copyComponentProperties } from '../utils'
 import { useStyle } from './useStyle'
 

package/src/components/native/TouchableOpacity.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
-import { TouchableOpacity as RNTouchableOpacity, TouchableOpacityProps } from 'react-native'
-import { ComponentState } from '../../core/types'
+import type { TouchableOpacityProps } from 'react-native'
+import { TouchableOpacity as RNTouchableOpacity } from 'react-native'
+import type { ComponentState } from '../../core/types'
 import { copyComponentProperties } from '../utils'
 import { useStyle } from './useStyle'
 

package/src/components/native/TouchableWithoutFeedback.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
-import { TouchableWithoutFeedback as RNTouchableWithoutFeedback, TouchableWithoutFeedbackProps } from 'react-native'
-import { ComponentState } from '../../core/types'
+import type { TouchableWithoutFeedbackProps } from 'react-native'
+import { TouchableWithoutFeedback as RNTouchableWithoutFeedback } from 'react-native'
+import type { ComponentState } from '../../core/types'
 import { copyComponentProperties } from '../utils'
 import { useStyle } from './useStyle'
 

package/src/components/native/View.tsx

@@ -1,4 +1,5 @@
-import { View as RNView, ViewProps } from 'react-native'
+import type { ViewProps } from 'react-native'
+import { View as RNView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useStyle } from './useStyle'
 

package/src/components/native/VirtualizedList.tsx

@@ -1,4 +1,5 @@
-import { VirtualizedList as RNVirtualizedList, VirtualizedListProps } from 'react-native'
+import type { VirtualizedListProps } from 'react-native'
+import { VirtualizedList as RNVirtualizedList } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { useAccentColor } from './useAccentColor'
 import { useStyle } from './useStyle'

package/src/components/native/useAccentColor.ts

@@ -1,6 +1,6 @@
 import { isDefined } from '../../common/utils'
 import { Logger } from '../../core/logger'
-import { ComponentState } from '../../core/types'
+import type { ComponentState } from '../../core/types'
 import { useStyle } from './useStyle'
 
 let warnedOnce = false

package/src/components/native/useStyle.ts

@@ -1,10 +1,10 @@
 /* eslint-disable prefer-arrow/prefer-arrow-functions */
-import { ComponentType, useLayoutEffect, useReducer } from 'react'
+import { type ComponentType, useLayoutEffect, useReducer } from 'react'
 import { createAnimatedComponent } from 'react-native-reanimated'
 import { useUniwindContext } from '../../core/context'
 import { UniwindListener } from '../../core/listener'
 import { UniwindStore } from '../../core/native'
-import { ComponentState, RNStyle } from '../../core/types'
+import type { ComponentState, RNStyle } from '../../core/types'
 import { weakFamily } from '../../core/weak-map'
 
 export function useStyle(className?: string, componentProps?: Record<string, any>, state?: ComponentState): RNStyle

package/src/components/react-native-gesture-handler/native/BaseButton.tsx

@@ -1,4 +1,4 @@
-import { BaseButton as RNGHBaseButton, BaseButtonProps } from 'react-native-gesture-handler'
+import { BaseButton as RNGHBaseButton, type BaseButtonProps } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/BorderlessButton.tsx

@@ -1,4 +1,4 @@
-import { BorderlessButton as RNGHBorderlessButton, BorderlessButtonProps } from 'react-native-gesture-handler'
+import { BorderlessButton as RNGHBorderlessButton, type BorderlessButtonProps } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/DrawerLayoutAndroid.tsx

@@ -1,4 +1,4 @@
-import { DrawerLayoutAndroidProps } from 'react-native'
+import type { DrawerLayoutAndroidProps } from 'react-native'
 import { DrawerLayoutAndroid as RNGHDrawerLayoutAndroid } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'

package/src/components/react-native-gesture-handler/native/FlatList.tsx

@@ -1,4 +1,4 @@
-import { FlatListProps } from 'react-native'
+import type { FlatListProps } from 'react-native'
 import { FlatList as RNGHFlatList } from 'react-native-gesture-handler'
 import { useAccentColor } from '../../native/useAccentColor'
 import { useStyle } from '../../native/useStyle'

package/src/components/react-native-gesture-handler/native/GestureHandlerRootView.tsx

@@ -1,5 +1,5 @@
 import { GestureHandlerRootView as RNGestureHandlerRootView } from 'react-native-gesture-handler'
-import { GestureHandlerRootViewProps } from 'react-native-gesture-handler/lib/typescript/components/GestureHandlerRootView'
+import type { GestureHandlerRootViewProps } from 'react-native-gesture-handler/lib/typescript/components/GestureHandlerRootView'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/Pressable.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Pressable as RNGHPressable, PressableProps } from 'react-native-gesture-handler'
+import { Pressable as RNGHPressable, type PressableProps } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/PureNativeButton.tsx

@@ -1,4 +1,4 @@
-import { PureNativeButton as RNGHPureNativeButton, RawButtonProps } from 'react-native-gesture-handler'
+import { PureNativeButton as RNGHPureNativeButton, type RawButtonProps } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/RawButton.tsx

@@ -1,4 +1,4 @@
-import { RawButton as RNGHRawButton, RawButtonProps } from 'react-native-gesture-handler'
+import { RawButton as RNGHRawButton, type RawButtonProps } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/RectButton.tsx

@@ -1,4 +1,4 @@
-import { RectButton as RNGHRectButton, RectButtonProps } from 'react-native-gesture-handler'
+import { RectButton as RNGHRectButton, type RectButtonProps } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/RefreshControl.tsx

@@ -1,4 +1,4 @@
-import { RefreshControlProps } from 'react-native'
+import type { RefreshControlProps } from 'react-native'
 import { RefreshControl as RNGHRefreshControl } from 'react-native-gesture-handler'
 import { useAccentColor } from '../../native/useAccentColor'
 import { useStyle } from '../../native/useStyle'

package/src/components/react-native-gesture-handler/native/ScrollView.tsx

@@ -1,4 +1,4 @@
-import { ScrollViewProps } from 'react-native'
+import type { ScrollViewProps } from 'react-native'
 import { ScrollView as RNGHScrollView } from 'react-native-gesture-handler'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'

package/src/components/react-native-gesture-handler/native/Switch.tsx

@@ -1,6 +1,6 @@
-import { SwitchProps } from 'react-native'
+import type { SwitchProps } from 'react-native'
 import { Switch as RNGHSwitch } from 'react-native-gesture-handler'
-import { ComponentState } from '../../../core/types'
+import type { ComponentState } from '../../../core/types'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/Text.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
-import { TextProps } from 'react-native'
+import type { TextProps } from 'react-native'
 import { Text as RNGHText } from 'react-native-gesture-handler'
-import { ComponentState } from '../../../core/types'
+import type { ComponentState } from '../../../core/types'
 import { useAccentColor } from '../../native/useAccentColor'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'

package/src/components/react-native-gesture-handler/native/TextInput.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
-import { TextInputProps } from 'react-native'
+import type { TextInputProps } from 'react-native'
 import { TextInput as RNGHTextInput } from 'react-native-gesture-handler'
-import { ComponentState } from '../../../core/types'
+import type { ComponentState } from '../../../core/types'
 import { useAccentColor } from '../../native/useAccentColor'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'

package/src/components/react-native-gesture-handler/native/TouchableNativeFeedback.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
-import { TouchableNativeFeedbackProps } from 'react-native'
+import type { TouchableNativeFeedbackProps } from 'react-native'
 import { TouchableNativeFeedback as RNGHTouchableNativeFeedback } from 'react-native-gesture-handler'
-import { ComponentState } from '../../../core/types'
+import type { ComponentState } from '../../../core/types'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/TouchableOpacity.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
-import { TouchableOpacity as RNGHTouchableOpacity, TouchableOpacityProps } from 'react-native-gesture-handler'
-import { ComponentState } from '../../../core/types'
+import { TouchableOpacity as RNGHTouchableOpacity, type TouchableOpacityProps } from 'react-native-gesture-handler'
+import type { ComponentState } from '../../../core/types'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/react-native-gesture-handler/native/TouchableWithoutFeedback.tsx

@@ -1,9 +1,9 @@
 import { useState } from 'react'
 import {
     TouchableWithoutFeedback as RNGHTouchableWithoutFeedback,
-    TouchableWithoutFeedbackProps,
+    type TouchableWithoutFeedbackProps,
 } from 'react-native-gesture-handler'
-import { ComponentState } from '../../../core/types'
+import type { ComponentState } from '../../../core/types'
 import { useStyle } from '../../native/useStyle'
 import { copyComponentProperties } from '../../utils'
 

package/src/components/web/ActivityIndicator.tsx

@@ -1,4 +1,5 @@
-import { ActivityIndicator as RNActivityIndicator, ActivityIndicatorProps } from 'react-native'
+import type { ActivityIndicatorProps } from 'react-native'
+import { ActivityIndicator as RNActivityIndicator } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/Button.tsx

@@ -1,4 +1,5 @@
-import { Button as RNButton, ButtonProps } from 'react-native'
+import type { ButtonProps } from 'react-native'
+import { Button as RNButton } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { useUniwindAccent } from './useUniwindAccent'

package/src/components/web/FlatList.tsx

@@ -1,4 +1,5 @@
-import { FlatList as RNFlatList, FlatListProps } from 'react-native'
+import type { FlatListProps } from 'react-native'
+import { FlatList as RNFlatList } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/Image.tsx

@@ -1,4 +1,5 @@
-import { Image as RNImage, ImageProps } from 'react-native'
+import type { ImageProps } from 'react-native'
+import { Image as RNImage } from 'react-native'
 import { useResolveClassNames } from '../../hooks'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'

package/src/components/web/ImageBackground.tsx

@@ -1,4 +1,5 @@
-import { ImageBackground as RNImageBackground, ImageBackgroundProps } from 'react-native'
+import type { ImageBackgroundProps } from 'react-native'
+import { ImageBackground as RNImageBackground } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/KeyboardAvoidingView.tsx

@@ -1,4 +1,5 @@
-import { KeyboardAvoidingView as RNKeyboardAvoidingView, KeyboardAvoidingViewProps } from 'react-native'
+import type { KeyboardAvoidingViewProps } from 'react-native'
+import { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/Modal.tsx

@@ -1,4 +1,5 @@
-import { Modal as RNModal, ModalProps } from 'react-native'
+import type { ModalProps } from 'react-native'
+import { Modal as RNModal } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/Pressable.tsx

@@ -1,4 +1,5 @@
-import { Pressable as RNPressable, PressableProps } from 'react-native'
+import type { PressableProps } from 'react-native'
+import { Pressable as RNPressable } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/RefreshControl.tsx

@@ -1,4 +1,5 @@
-import { RefreshControl as RNRefreshControl, RefreshControlProps } from 'react-native'
+import type { RefreshControlProps } from 'react-native'
+import { RefreshControl as RNRefreshControl } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/SafeAreaView.tsx

@@ -1,4 +1,5 @@
-import { SafeAreaView as RNSafeAreaView, ViewProps } from 'react-native'
+import type { ViewProps } from 'react-native'
+import { SafeAreaView as RNSafeAreaView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/ScrollView.tsx

@@ -1,4 +1,5 @@
-import { ScrollView as RNScrollView, ScrollViewProps } from 'react-native'
+import type { ScrollViewProps } from 'react-native'
+import { ScrollView as RNScrollView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/SectionList.tsx

@@ -1,4 +1,5 @@
-import { SectionList as RNSectionList, SectionListProps } from 'react-native'
+import type { SectionListProps } from 'react-native'
+import { SectionList as RNSectionList } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/Switch.tsx

@@ -1,4 +1,5 @@
-import { Switch as RNSwitch, SwitchProps } from 'react-native'
+import type { SwitchProps } from 'react-native'
+import { Switch as RNSwitch } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/Text.tsx

@@ -1,4 +1,5 @@
-import { Text as RNText, TextProps } from 'react-native'
+import type { TextProps } from 'react-native'
+import { Text as RNText } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/TextInput.tsx

@@ -1,4 +1,5 @@
-import { TextInput as RNTextInput, TextInputProps } from 'react-native'
+import type { TextInputProps } from 'react-native'
+import { TextInput as RNTextInput } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/TouchableHighlight.tsx

@@ -1,4 +1,5 @@
-import { TouchableHighlight as RNTouchableHighlight, TouchableHighlightProps } from 'react-native'
+import type { TouchableHighlightProps } from 'react-native'
+import { TouchableHighlight as RNTouchableHighlight } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/TouchableOpacity.tsx

@@ -1,4 +1,5 @@
-import { TouchableOpacity as RNTouchableOpacity, TouchableOpacityProps } from 'react-native'
+import type { TouchableOpacityProps } from 'react-native'
+import { TouchableOpacity as RNTouchableOpacity } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/TouchableWithoutFeedback.tsx

@@ -1,4 +1,5 @@
-import { TouchableWithoutFeedback as RNTouchableWithoutFeedback, TouchableWithoutFeedbackProps } from 'react-native'
+import type { TouchableWithoutFeedbackProps } from 'react-native'
+import { TouchableWithoutFeedback as RNTouchableWithoutFeedback } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/View.tsx

@@ -1,4 +1,5 @@
-import { View as RNView, ViewProps } from 'react-native'
+import type { ViewProps } from 'react-native'
+import { View as RNView } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'

package/src/components/web/VirtualizedList.tsx

@@ -1,4 +1,5 @@
-import { VirtualizedList as RNVirtualizedList, VirtualizedListProps } from 'react-native'
+import type { VirtualizedListProps } from 'react-native'
+import { VirtualizedList as RNVirtualizedList } from 'react-native'
 import { copyComponentProperties } from '../utils'
 import { generateDataSet } from './generateDataSet'
 import { toRNWClassName } from './rnw'