@niibase/uniwind 1.0.0

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Text = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useUniwindAccent = require("../../hooks/useUniwindAccent.native");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const Text = exports.Text = (0, _utils.copyComponentProperties)(_reactNative.Text, props => {
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+  const state = {
+    isPressed,
+    isDisabled: Boolean(props.disabled)
+  };
+  const style = (0, _useStyle.useStyle)(props.className, state);
+  const selectionColor = (0, _useUniwindAccent.useUniwindAccent)(props.selectionColorClassName, state);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ...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);
+    }
+  });
+});
+module.exports = Text;

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TextInput = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useUniwindAccent = require("../../hooks/useUniwindAccent.native");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const TextInput = exports.TextInput = (0, _utils.copyComponentProperties)(_reactNative.TextInput, props => {
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+  const state = {
+    isDisabled: props.editable === false,
+    isFocused,
+    isPressed
+  };
+  const style = (0, _useStyle.useStyle)(props.className, state);
+  const cursorColor = (0, _useUniwindAccent.useUniwindAccent)(props.cursorColorClassName, state);
+  const selectionColor = (0, _useUniwindAccent.useUniwindAccent)(props.selectionColorClassName, state);
+  const placeholderTextColor = (0, _useUniwindAccent.useUniwindAccent)(props.placeholderTextColorClassName, state);
+  const selectionHandleColor = (0, _useUniwindAccent.useUniwindAccent)(props.selectionHandleColorClassName, state);
+  const underlineColorAndroid = (0, _useUniwindAccent.useUniwindAccent)(props.underlineColorAndroidClassName, state);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    ...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);
+    }
+  });
+});
+module.exports = TextInput;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TouchableHighlight = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useUniwindAccent = require("../../hooks/useUniwindAccent.native");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const TouchableHighlight = exports.TouchableHighlight = (0, _utils.copyComponentProperties)(_reactNative.TouchableHighlight, props => {
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = (0, _useStyle.useStyle)(props.className, state);
+  const underlayColor = (0, _useUniwindAccent.useUniwindAccent)(props.underlayColorClassName, state);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TouchableHighlight, {
+    ...props,
+    style: [style, props.style],
+    underlayColor: props.underlayColor ?? underlayColor,
+    onPressIn: event => {
+      setIsPressed(true);
+      props.onPressIn?.(event);
+    },
+    onPressOut: event => {
+      setIsPressed(false);
+      props.onPressOut?.(event);
+    }
+  });
+});
+module.exports = TouchableHighlight;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TouchableNativeFeedback = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const TouchableNativeFeedback = exports.TouchableNativeFeedback = (0, _utils.copyComponentProperties)(_reactNative.TouchableNativeFeedback, props => {
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = (0, _useStyle.useStyle)(props.className, state);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TouchableNativeFeedback, {
+    ...props,
+    style: [style, props.style],
+    onPressIn: event => {
+      setIsPressed(true);
+      props.onPressIn?.(event);
+    },
+    onPressOut: event => {
+      setIsPressed(false);
+      props.onPressOut?.(event);
+    }
+  });
+});
+module.exports = TouchableNativeFeedback;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TouchableOpacity = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const TouchableOpacity = exports.TouchableOpacity = (0, _utils.copyComponentProperties)(_reactNative.TouchableOpacity, props => {
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = (0, _useStyle.useStyle)(props.className, state);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    ...props,
+    style: [style, props.style],
+    onPressIn: event => {
+      setIsPressed(true);
+      props.onPressIn?.(event);
+    },
+    onPressOut: event => {
+      setIsPressed(false);
+      props.onPressOut?.(event);
+    }
+  });
+});
+module.exports = TouchableOpacity;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TouchableWithoutFeedback = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const TouchableWithoutFeedback = exports.TouchableWithoutFeedback = (0, _utils.copyComponentProperties)(_reactNative.TouchableWithoutFeedback, props => {
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+  const state = {
+    isDisabled: Boolean(props.disabled),
+    isPressed
+  };
+  const style = (0, _useStyle.useStyle)(props.className, state);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+    ...props,
+    style: [style, props.style],
+    onPressIn: event => {
+      setIsPressed(true);
+      props.onPressIn?.(event);
+    },
+    onPressOut: event => {
+      setIsPressed(false);
+      props.onPressOut?.(event);
+    }
+  });
+});
+module.exports = TouchableWithoutFeedback;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.View = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const View = exports.View = (0, _utils.copyComponentProperties)(_reactNative.View, props => {
+  const style = (0, _useStyle.useStyle)(props.className);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...props,
+    style: [style, props.style]
+  });
+});
+module.exports = View;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.VirtualizedList = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _hooks = require("../../hooks");
+var _utils = require("../utils");
+var _useStyle = require("./useStyle");
+const VirtualizedList = exports.VirtualizedList = (0, _utils.copyComponentProperties)(_reactNative.VirtualizedList, props => {
+  const style = (0, _useStyle.useStyle)(props.className);
+  const contentContainerStyle = (0, _useStyle.useStyle)(props.contentContainerClassName);
+  const listFooterComponentStyle = (0, _useStyle.useStyle)(props.ListFooterComponentClassName);
+  const listHeaderComponentStyle = (0, _useStyle.useStyle)(props.ListHeaderComponentClassName);
+  const endFillColor = (0, _hooks.useUniwindAccent)(props.endFillColorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.VirtualizedList, {
+    ...props,
+    style: [style, props.style],
+    contentContainerStyle: [contentContainerStyle, props.contentContainerStyle],
+    ListFooterComponentStyle: [listFooterComponentStyle, props.ListFooterComponentStyle],
+    ListHeaderComponentStyle: [listHeaderComponentStyle, props.ListHeaderComponentStyle],
+    endFillColor: props.endFillColor ?? endFillColor
+  });
+});
+module.exports = VirtualizedList;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyle = void 0;
+var _react = require("react");
+var _listener = require("../../core/listener");
+var _native = require("../../core/native");
+const emptyState = {
+  styles: {},
+  dependencies: []
+};
+const useStyle = (className, state) => {
+  const [_, rerender] = (0, _react.useReducer)(() => ({}), {});
+  const styleState = (0, _react.useMemo)(() => className ? _native.UniwindStore.getStyles(className, {
+    isDisabled: state?.isDisabled,
+    isFocused: state?.isFocused,
+    isPressed: state?.isPressed
+  }) : emptyState, [className, _, state?.isDisabled, state?.isFocused, state?.isPressed]);
+  (0, _react.useEffect)(() => {
+    if (__DEV__ || styleState.dependencies.length > 0) {
+      const dispose = _listener.UniwindListener.subscribe(rerender, styleState.dependencies);
+      return dispose;
+    }
+  }, [styleState]);
+  return styleState.styles;
+};
+exports.useStyle = useStyle;

package/dist/common/components/utils.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.copyComponentProperties = void 0;
+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;
+};
+exports.copyComponentProperties = copyComponentProperties;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.ActivityIndicator = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _hooks = require("../../hooks");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const ActivityIndicator = exports.ActivityIndicator = (0, _utils.copyComponentProperties)(_reactNative.ActivityIndicator, props => {
+  const color = (0, _hooks.useUniwindAccent)(props.colorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    color: props.color ?? color
+  });
+});
+module.exports = ActivityIndicator;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Button = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _hooks = require("../../hooks");
+var _utils = require("../utils");
+const Button = exports.Button = (0, _utils.copyComponentProperties)(_reactNative.Button, props => {
+  const color = (0, _hooks.useUniwindAccent)(props.colorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.Button, {
+    ...props,
+    color: props.color ?? color
+  });
+});
+module.exports = Button;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.FlatList = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const FlatList = exports.FlatList = (0, _utils.copyComponentProperties)(_reactNative.FlatList, props => {
+  const hasSingleColumn = !("numColumns" in props) || props.numColumns === 1;
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    columnWrapperStyle: hasSingleColumn ? void 0 : [(0, _rnw.toRNWClassName)(props.columnWrapperClassName), props.columnWrapperStyle],
+    contentContainerStyle: [(0, _rnw.toRNWClassName)(props.contentContainerClassName), props.contentContainerStyle],
+    ListFooterComponentStyle: [(0, _rnw.toRNWClassName)(props.ListFooterComponentClassName), props.ListFooterComponentStyle],
+    ListHeaderComponentStyle: [(0, _rnw.toRNWClassName)(props.ListHeaderComponentClassName), props.ListHeaderComponentStyle]
+  });
+});
+module.exports = FlatList;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Image = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _hooks = require("../../hooks");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const Image = exports.Image = (0, _utils.copyComponentProperties)(_reactNative.Image, props => {
+  const tintColor = (0, _hooks.useUniwindAccent)(props.tintColorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    tintColor: props.tintColor ?? tintColor
+  });
+});
+module.exports = Image;

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.ImageBackground = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _hooks = require("../../hooks");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const ImageBackground = exports.ImageBackground = (0, _utils.copyComponentProperties)(_reactNative.ImageBackground, props => {
+  const tintColor = (0, _hooks.useUniwindAccent)(props.tintColorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    imageStyle: [(0, _rnw.toRNWClassName)(props.imageClassName), props.imageStyle],
+    tintColor: props.tintColor ?? tintColor
+  });
+});
+module.exports = ImageBackground;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.KeyboardAvoidingView = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const KeyboardAvoidingView = exports.KeyboardAvoidingView = (0, _utils.copyComponentProperties)(_reactNative.KeyboardAvoidingView, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    contentContainerStyle: [(0, _rnw.toRNWClassName)(props.contentContainerClassName), props.contentContainerStyle]
+  });
+});
+module.exports = KeyboardAvoidingView;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Modal = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const Modal = exports.Modal = (0, _utils.copyComponentProperties)(_reactNative.Modal, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = Modal;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Pressable = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const Pressable = exports.Pressable = (0, _utils.copyComponentProperties)(_reactNative.Pressable, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...props,
+    style: state => [(0, _rnw.toRNWClassName)(props.className), typeof props.style === "function" ? props.style(state) : props.style]
+  });
+});
+module.exports = Pressable;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.RefreshControl = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const RefreshControl = exports.RefreshControl = (0, _utils.copyComponentProperties)(_reactNative.RefreshControl, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = RefreshControl;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.SafeAreaView = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const SafeAreaView = exports.SafeAreaView = (0, _utils.copyComponentProperties)(_reactNative.SafeAreaView, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = SafeAreaView;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.ScrollView = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const ScrollView = exports.ScrollView = (0, _utils.copyComponentProperties)(_reactNative.ScrollView, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    contentContainerStyle: [(0, _rnw.toRNWClassName)(props.contentContainerClassName), props.contentContainerStyle]
+  });
+});
+module.exports = ScrollView;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.SectionList = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const SectionList = exports.SectionList = (0, _utils.copyComponentProperties)(_reactNative.SectionList, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.SectionList, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    contentContainerStyle: [(0, _rnw.toRNWClassName)(props.contentContainerClassName), props.contentContainerStyle],
+    ListFooterComponentStyle: [(0, _rnw.toRNWClassName)(props.ListFooterComponentClassName), props.ListFooterComponentStyle],
+    ListHeaderComponentStyle: [(0, _rnw.toRNWClassName)(props.ListHeaderComponentClassName), props.ListHeaderComponentStyle]
+  });
+});
+module.exports = SectionList;

package/dist/common/components/web/Switch.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Switch = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _hooks = require("../../hooks");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const Switch = exports.Switch = (0, _utils.copyComponentProperties)(_reactNative.Switch, props => {
+  const trackColorOn = (0, _hooks.useUniwindAccent)(props.trackColorOnClassName);
+  const trackColorOff = (0, _hooks.useUniwindAccent)(props.trackColorOffClassName);
+  const thumbColor = (0, _hooks.useUniwindAccent)(props.thumbColorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.Switch, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    thumbColor: props.thumbColor ?? thumbColor,
+    trackColor: {
+      true: props.trackColor?.true ?? trackColorOn,
+      false: props.trackColor?.false ?? trackColorOff
+    }
+  });
+});
+module.exports = Switch;

package/dist/common/components/web/Text.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Text = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const Text = exports.Text = (0, _utils.copyComponentProperties)(_reactNative.Text, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = Text;

package/dist/common/components/web/TextInput.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TextInput = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const TextInput = exports.TextInput = (0, _utils.copyComponentProperties)(_reactNative.TextInput, props => {
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style]
+  });
+});
+module.exports = TextInput;

package/dist/common/components/web/TouchableHighlight.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.TouchableHighlight = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNative = require("react-native");
+var _hooks = require("../../hooks");
+var _utils = require("../utils");
+var _rnw = require("./rnw");
+const TouchableHighlight = exports.TouchableHighlight = (0, _utils.copyComponentProperties)(_reactNative.TouchableHighlight, props => {
+  const underlayColor = (0, _hooks.useUniwindAccent)(props.underlayColorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNative.TouchableHighlight, {
+    ...props,
+    style: [(0, _rnw.toRNWClassName)(props.className), props.style],
+    underlayColor: props.underlayColor ?? underlayColor
+  });
+});
+module.exports = TouchableHighlight;