@niibase/uniwind 1.0.0

package/dist/module/components/native/Switch.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch as RNSwitch } from "react-native";
+import { useUniwindAccent } from "../../hooks/useUniwindAccent.native.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const Switch = copyComponentProperties(RNSwitch, (props) => {
+  const state = {
+    isDisabled: Boolean(props.disabled)
+  };
+  const style = useStyle(props.className, state);
+  const trackColorOn = useUniwindAccent(props.trackColorOnClassName, state);
+  const trackColorOff = useUniwindAccent(props.trackColorOffClassName, state);
+  const thumbColor = useUniwindAccent(props.thumbColorClassName, state);
+  const ios_backgroundColor = useUniwindAccent(props.ios_backgroundColorClassName, state);
+  return /* @__PURE__ */ jsx(
+    RNSwitch,
+    {
+      ...props,
+      style: [style, props.style],
+      thumbColor: props.thumbColor ?? thumbColor,
+      trackColor: { true: props.trackColor?.true ?? trackColorOn, false: props.trackColor?.false ?? trackColorOff },
+      ios_backgroundColor: props.ios_backgroundColor ?? ios_backgroundColor
+    }
+  );
+});
+export default Switch;

package/dist/module/components/native/Text.d.ts

@@ -0,0 +1,3 @@
+import { Text as RNText } from 'react-native';
+export declare const Text: typeof RNText;
+export default Text;

package/dist/module/components/native/Text.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Text as RNText } from "react-native";
+import { useUniwindAccent } from "../../hooks/useUniwindAccent.native.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const Text = copyComponentProperties(RNText, (props) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isPressed,
+    isDisabled: Boolean(props.disabled)
+  };
+  const style = useStyle(props.className, state);
+  const selectionColor = useUniwindAccent(props.selectionColorClassName, state);
+  return /* @__PURE__ */ jsx(
+    RNText,
+    {
+      ...props,
+      style: [style, props.style],
+      selectionColor: props.selectionColor ?? selectionColor,
+      numberOfLines: style.WebkitLineClamp ?? props.numberOfLines,
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default Text;

package/dist/module/components/native/TextInput.d.ts

@@ -0,0 +1,3 @@
+import { TextInput as RNTextInput } from 'react-native';
+export declare const TextInput: typeof RNTextInput;
+export default TextInput;

package/dist/module/components/native/TextInput.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TextInput as RNTextInput } from "react-native";
+import { useUniwindAccent } from "../../hooks/useUniwindAccent.native.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const TextInput = copyComponentProperties(RNTextInput, (props) => {
+  const [isFocused, setIsFocused] = useState(false);
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isDisabled: props.editable === false,
+    isFocused,
+    isPressed
+  };
+  const style = useStyle(props.className, state);
+  const cursorColor = useUniwindAccent(props.cursorColorClassName, state);
+  const selectionColor = useUniwindAccent(props.selectionColorClassName, state);
+  const placeholderTextColor = useUniwindAccent(props.placeholderTextColorClassName, state);
+  const selectionHandleColor = useUniwindAccent(props.selectionHandleColorClassName, state);
+  const underlineColorAndroid = useUniwindAccent(props.underlineColorAndroidClassName, state);
+  return /* @__PURE__ */ jsx(
+    RNTextInput,
+    {
+      ...props,
+      style: [style, props.style],
+      cursorColor: props.cursorColor ?? cursorColor,
+      selectionColor: props.selectionColor ?? selectionColor,
+      placeholderTextColor: props.placeholderTextColor ?? placeholderTextColor,
+      selectionHandleColor: props.selectionHandleColor ?? selectionHandleColor,
+      underlineColorAndroid: props.underlineColorAndroid ?? underlineColorAndroid,
+      onFocus: (event) => {
+        setIsFocused(true);
+        props.onFocus?.(event);
+      },
+      onBlur: (event) => {
+        setIsFocused(false);
+        props.onBlur?.(event);
+      },
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default TextInput;

package/dist/module/components/native/TouchableHighlight.d.ts

@@ -0,0 +1,3 @@
+import { TouchableHighlightProps } from 'react-native';
+export declare const TouchableHighlight: import("react").ForwardRefExoticComponent<TouchableHighlightProps & import("react").RefAttributes<import("react-native").View>>;
+export default TouchableHighlight;

package/dist/module/components/native/TouchableHighlight.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TouchableHighlight as RNTouchableHighlight } from "react-native";
+import { useUniwindAccent } from "../../hooks/useUniwindAccent.native.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const TouchableHighlight = copyComponentProperties(RNTouchableHighlight, (props) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = useStyle(props.className, state);
+  const underlayColor = useUniwindAccent(props.underlayColorClassName, state);
+  return /* @__PURE__ */ jsx(
+    RNTouchableHighlight,
+    {
+      ...props,
+      style: [style, props.style],
+      underlayColor: props.underlayColor ?? underlayColor,
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default TouchableHighlight;

package/dist/module/components/native/TouchableNativeFeedback.d.ts

@@ -0,0 +1,3 @@
+import { TouchableNativeFeedback as RNTouchableNativeFeedback } from 'react-native';
+export declare const TouchableNativeFeedback: typeof RNTouchableNativeFeedback;
+export default TouchableNativeFeedback;

package/dist/module/components/native/TouchableNativeFeedback.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TouchableNativeFeedback as RNTouchableNativeFeedback } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const TouchableNativeFeedback = copyComponentProperties(RNTouchableNativeFeedback, (props) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = useStyle(props.className, state);
+  return /* @__PURE__ */ jsx(
+    RNTouchableNativeFeedback,
+    {
+      ...props,
+      style: [style, props.style],
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default TouchableNativeFeedback;

package/dist/module/components/native/TouchableOpacity.d.ts

@@ -0,0 +1,3 @@
+import { TouchableOpacityProps } from 'react-native';
+export declare const TouchableOpacity: import("react").ForwardRefExoticComponent<TouchableOpacityProps & import("react").RefAttributes<import("react-native").View>>;
+export default TouchableOpacity;

package/dist/module/components/native/TouchableOpacity.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TouchableOpacity as RNTouchableOpacity } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const TouchableOpacity = copyComponentProperties(RNTouchableOpacity, (props) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = useStyle(props.className, state);
+  return /* @__PURE__ */ jsx(
+    RNTouchableOpacity,
+    {
+      ...props,
+      style: [style, props.style],
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default TouchableOpacity;

package/dist/module/components/native/TouchableWithoutFeedback.d.ts

@@ -0,0 +1,3 @@
+import { TouchableWithoutFeedback as RNTouchableWithoutFeedback } from 'react-native';
+export declare const TouchableWithoutFeedback: typeof RNTouchableWithoutFeedback;
+export default TouchableWithoutFeedback;

package/dist/module/components/native/TouchableWithoutFeedback.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TouchableWithoutFeedback as RNTouchableWithoutFeedback } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const TouchableWithoutFeedback = copyComponentProperties(RNTouchableWithoutFeedback, (props) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = useStyle(props.className, state);
+  return /* @__PURE__ */ jsx(
+    RNTouchableWithoutFeedback,
+    {
+      ...props,
+      style: [style, props.style],
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default TouchableWithoutFeedback;

package/dist/module/components/native/View.d.ts

@@ -0,0 +1,3 @@
+import { View as RNView } from 'react-native';
+export declare const View: typeof RNView;
+export default View;

package/dist/module/components/native/View.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { View as RNView } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const View = copyComponentProperties(RNView, (props) => {
+  const style = useStyle(props.className);
+  return /* @__PURE__ */ jsx(
+    RNView,
+    {
+      ...props,
+      style: [style, props.style]
+    }
+  );
+});
+export default View;

package/dist/module/components/native/VirtualizedList.d.ts

@@ -0,0 +1,3 @@
+import { VirtualizedList as RNVirtualizedList } from 'react-native';
+export declare const VirtualizedList: typeof RNVirtualizedList;
+export default VirtualizedList;

package/dist/module/components/native/VirtualizedList.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { VirtualizedList as RNVirtualizedList } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const VirtualizedList = copyComponentProperties(RNVirtualizedList, (props) => {
+  const style = useStyle(props.className);
+  const contentContainerStyle = useStyle(props.contentContainerClassName);
+  const listFooterComponentStyle = useStyle(props.ListFooterComponentClassName);
+  const listHeaderComponentStyle = useStyle(props.ListHeaderComponentClassName);
+  const endFillColor = useUniwindAccent(props.endFillColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNVirtualizedList,
+    {
+      ...props,
+      style: [style, props.style],
+      contentContainerStyle: [contentContainerStyle, props.contentContainerStyle],
+      ListFooterComponentStyle: [listFooterComponentStyle, props.ListFooterComponentStyle],
+      ListHeaderComponentStyle: [listHeaderComponentStyle, props.ListHeaderComponentStyle],
+      endFillColor: props.endFillColor ?? endFillColor
+    }
+  );
+});
+export default VirtualizedList;

package/dist/module/components/native/useStyle.d.ts

@@ -0,0 +1,2 @@
+import { ComponentState, RNStyle } from '../../core/types';
+export declare const useStyle: (className?: string, state?: ComponentState) => RNStyle;

package/dist/module/components/native/useStyle.js

@@ -0,0 +1,22 @@
+import { useEffect, useMemo, useReducer } from "react";
+import { UniwindListener } from "../../core/listener.js";
+import { UniwindStore } from "../../core/native/index.js";
+const emptyState = { styles: {}, dependencies: [] };
+export const useStyle = (className, state) => {
+  const [_, rerender] = useReducer(() => ({}), {});
+  const styleState = useMemo(
+    () => className ? UniwindStore.getStyles(className, {
+      isDisabled: state?.isDisabled,
+      isFocused: state?.isFocused,
+      isPressed: state?.isPressed
+    }) : emptyState,
+    [className, _, state?.isDisabled, state?.isFocused, state?.isPressed]
+  );
+  useEffect(() => {
+    if (__DEV__ || styleState.dependencies.length > 0) {
+      const dispose = UniwindListener.subscribe(rerender, styleState.dependencies);
+      return dispose;
+    }
+  }, [styleState]);
+  return styleState.styles;
+};

package/dist/module/components/utils.d.ts

@@ -0,0 +1 @@
+export declare const copyComponentProperties: <T extends object>(Component: T, UniwindComponent: any) => T;

package/dist/module/components/utils.js

@@ -0,0 +1,11 @@
+export const copyComponentProperties = (Component, UniwindComponent) => {
+  Object.entries(Component).forEach(([key, value]) => {
+    if (["$$typeof", "render", "contextType"].includes(key)) {
+      return;
+    }
+    UniwindComponent[key] = value;
+  });
+  UniwindComponent.displayName = Component.displayName;
+  UniwindComponent.prototype = Object.getPrototypeOf(Component);
+  return UniwindComponent;
+};

package/dist/module/components/web/ActivityIndicator.d.ts

@@ -0,0 +1,3 @@
+import { ActivityIndicator as RNActivityIndicator } from 'react-native';
+export declare const ActivityIndicator: typeof RNActivityIndicator;
+export default ActivityIndicator;

package/dist/module/components/web/ActivityIndicator.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { ActivityIndicator as RNActivityIndicator } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const ActivityIndicator = copyComponentProperties(RNActivityIndicator, (props) => {
+  const color = useUniwindAccent(props.colorClassName);
+  return /* @__PURE__ */ jsx(
+    RNActivityIndicator,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      color: props.color ?? color
+    }
+  );
+});
+export default ActivityIndicator;

package/dist/module/components/web/Button.d.ts

@@ -0,0 +1,3 @@
+import { Button as RNButton } from 'react-native';
+export declare const Button: typeof RNButton;
+export default Button;

package/dist/module/components/web/Button.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Button as RNButton } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+export const Button = copyComponentProperties(RNButton, (props) => {
+  const color = useUniwindAccent(props.colorClassName);
+  return /* @__PURE__ */ jsx(
+    RNButton,
+    {
+      ...props,
+      color: props.color ?? color
+    }
+  );
+});
+export default Button;

package/dist/module/components/web/FlatList.d.ts

@@ -0,0 +1,3 @@
+import { FlatList as RNFlatList } from 'react-native';
+export declare const FlatList: typeof RNFlatList;
+export default FlatList;

package/dist/module/components/web/FlatList.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { FlatList as RNFlatList } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const FlatList = copyComponentProperties(RNFlatList, (props) => {
+  const hasSingleColumn = !("numColumns" in props) || props.numColumns === 1;
+  return /* @__PURE__ */ jsx(
+    RNFlatList,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      columnWrapperStyle: hasSingleColumn ? void 0 : [toRNWClassName(props.columnWrapperClassName), props.columnWrapperStyle],
+      contentContainerStyle: [toRNWClassName(props.contentContainerClassName), props.contentContainerStyle],
+      ListFooterComponentStyle: [toRNWClassName(props.ListFooterComponentClassName), props.ListFooterComponentStyle],
+      ListHeaderComponentStyle: [toRNWClassName(props.ListHeaderComponentClassName), props.ListHeaderComponentStyle]
+    }
+  );
+});
+export default FlatList;

package/dist/module/components/web/Image.d.ts

@@ -0,0 +1,3 @@
+import { Image as RNImage } from 'react-native';
+export declare const Image: typeof RNImage;
+export default Image;

package/dist/module/components/web/Image.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Image as RNImage } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const Image = copyComponentProperties(RNImage, (props) => {
+  const tintColor = useUniwindAccent(props.tintColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNImage,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      tintColor: props.tintColor ?? tintColor
+    }
+  );
+});
+export default Image;

package/dist/module/components/web/ImageBackground.d.ts

@@ -0,0 +1,3 @@
+import { ImageBackground as RNImageBackground } from 'react-native';
+export declare const ImageBackground: typeof RNImageBackground;
+export default ImageBackground;

package/dist/module/components/web/ImageBackground.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { ImageBackground as RNImageBackground } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const ImageBackground = copyComponentProperties(RNImageBackground, (props) => {
+  const tintColor = useUniwindAccent(props.tintColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNImageBackground,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      imageStyle: [toRNWClassName(props.imageClassName), props.imageStyle],
+      tintColor: props.tintColor ?? tintColor
+    }
+  );
+});
+export default ImageBackground;

package/dist/module/components/web/KeyboardAvoidingView.d.ts

@@ -0,0 +1,3 @@
+import { KeyboardAvoidingView as RNKeyboardAvoidingView } from 'react-native';
+export declare const KeyboardAvoidingView: typeof RNKeyboardAvoidingView;
+export default KeyboardAvoidingView;

package/dist/module/components/web/KeyboardAvoidingView.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { KeyboardAvoidingView as RNKeyboardAvoidingView } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const KeyboardAvoidingView = copyComponentProperties(RNKeyboardAvoidingView, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNKeyboardAvoidingView,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      contentContainerStyle: [toRNWClassName(props.contentContainerClassName), props.contentContainerStyle]
+    }
+  );
+});
+export default KeyboardAvoidingView;

package/dist/module/components/web/Modal.d.ts

@@ -0,0 +1,3 @@
+import { Modal as RNModal } from 'react-native';
+export declare const Modal: typeof RNModal;
+export default Modal;

package/dist/module/components/web/Modal.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Modal as RNModal } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const Modal = copyComponentProperties(RNModal, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNModal,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default Modal;

package/dist/module/components/web/Pressable.d.ts

@@ -0,0 +1,3 @@
+import { PressableProps } from 'react-native';
+export declare const Pressable: import("react").ForwardRefExoticComponent<PressableProps & import("react").RefAttributes<import("react-native").View>>;
+export default Pressable;

package/dist/module/components/web/Pressable.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Pressable as RNPressable } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const Pressable = copyComponentProperties(RNPressable, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNPressable,
+    {
+      ...props,
+      style: (state) => [toRNWClassName(props.className), typeof props.style === "function" ? props.style(state) : props.style]
+    }
+  );
+});
+export default Pressable;

package/dist/module/components/web/RefreshControl.d.ts

@@ -0,0 +1,3 @@
+import { RefreshControl as RNRefreshControl } from 'react-native';
+export declare const RefreshControl: typeof RNRefreshControl;
+export default RefreshControl;

package/dist/module/components/web/RefreshControl.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { RefreshControl as RNRefreshControl } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const RefreshControl = copyComponentProperties(RNRefreshControl, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNRefreshControl,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default RefreshControl;

package/dist/module/components/web/SafeAreaView.d.ts

@@ -0,0 +1,3 @@
+import { SafeAreaView as RNSafeAreaView } from 'react-native';
+export declare const SafeAreaView: typeof RNSafeAreaView;
+export default SafeAreaView;

package/dist/module/components/web/SafeAreaView.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { SafeAreaView as RNSafeAreaView } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const SafeAreaView = copyComponentProperties(RNSafeAreaView, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNSafeAreaView,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default SafeAreaView;

package/dist/module/components/web/ScrollView.d.ts

@@ -0,0 +1,3 @@
+import { ScrollView as RNScrollView } from 'react-native';
+export declare const ScrollView: typeof RNScrollView;
+export default ScrollView;

package/dist/module/components/web/ScrollView.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { ScrollView as RNScrollView } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const ScrollView = copyComponentProperties(RNScrollView, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNScrollView,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      contentContainerStyle: [toRNWClassName(props.contentContainerClassName), props.contentContainerStyle]
+    }
+  );
+});
+export default ScrollView;

package/dist/module/components/web/SectionList.d.ts

@@ -0,0 +1,3 @@
+import { SectionList as RNSectionList } from 'react-native';
+export declare const SectionList: typeof RNSectionList;
+export default SectionList;

package/dist/module/components/web/SectionList.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { SectionList as RNSectionList } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const SectionList = copyComponentProperties(RNSectionList, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNSectionList,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      contentContainerStyle: [toRNWClassName(props.contentContainerClassName), props.contentContainerStyle],
+      ListFooterComponentStyle: [toRNWClassName(props.ListFooterComponentClassName), props.ListFooterComponentStyle],
+      ListHeaderComponentStyle: [toRNWClassName(props.ListHeaderComponentClassName), props.ListHeaderComponentStyle]
+    }
+  );
+});
+export default SectionList;

package/dist/module/components/web/Switch.d.ts

@@ -0,0 +1,3 @@
+import { Switch as RNSwitch } from 'react-native';
+export declare const Switch: typeof RNSwitch;
+export default Switch;