@niibase/uniwind 1.0.0

package/dist/module/components/index.js

@@ -0,0 +1,312 @@
+module.exports = {
+  get ActivityIndicator() {
+    return require("./native/ActivityIndicator").ActivityIndicator;
+  },
+  get Button() {
+    return require("./native/Button").Button;
+  },
+  get FlatList() {
+    return require("./native/FlatList").FlatList;
+  },
+  get Image() {
+    return require("./native/Image").Image;
+  },
+  get ImageBackground() {
+    return require("./native/ImageBackground").ImageBackground;
+  },
+  get InputAccessoryView() {
+    return require("./native/InputAccessoryView").InputAccessoryView;
+  },
+  get KeyboardAvoidingView() {
+    return require("./native/KeyboardAvoidingView").KeyboardAvoidingView;
+  },
+  get Modal() {
+    return require("./native/Modal").Modal;
+  },
+  get Pressable() {
+    return require("./native/Pressable").Pressable;
+  },
+  get RefreshControl() {
+    return require("./native/RefreshControl").RefreshControl;
+  },
+  get SafeAreaView() {
+    return require("./native/SafeAreaView").SafeAreaView;
+  },
+  get ScrollView() {
+    return require("./native/ScrollView").ScrollView;
+  },
+  get SectionList() {
+    return require("./native/SectionList").SectionList;
+  },
+  get Switch() {
+    return require("./native/Switch").Switch;
+  },
+  get Text() {
+    return require("./native/Text").Text;
+  },
+  get TextInput() {
+    return require("./native/TextInput").TextInput;
+  },
+  get TouchableHighlight() {
+    return require("./native/TouchableHighlight").TouchableHighlight;
+  },
+  get TouchableNativeFeedback() {
+    return require("./native/TouchableNativeFeedback").TouchableNativeFeedback;
+  },
+  get TouchableOpacity() {
+    return require("./native/TouchableOpacity").TouchableOpacity;
+  },
+  get TouchableWithoutFeedback() {
+    return require("./native/TouchableWithoutFeedback").TouchableWithoutFeedback;
+  },
+  get View() {
+    return require("./native/View").View;
+  },
+  get VirtualizedList() {
+    return require("./native/VirtualizedList").VirtualizedList;
+  },
+  // Unsupported
+  get DrawerLayoutAndroid() {
+    return require("react-native").DrawerLayoutAndroid;
+  },
+  get experimental_LayoutConformance() {
+    return require("react-native").experimental_LayoutConformance;
+  },
+  get ProgressBarAndroid() {
+    return require("react-native").ProgressBarAndroid;
+  },
+  get StatusBar() {
+    return require("react-native").StatusBar;
+  },
+  get unstable_TextAncestorContext() {
+    return require("react-native").unstable_TextAncestorContext;
+  },
+  get Touchable() {
+    return require("react-native").Touchable;
+  },
+  get VirtualizedSectionList() {
+    return require("react-native").VirtualizedSectionList;
+  },
+  get unstable_VirtualView() {
+    return require("react-native").unstable_VirtualView;
+  },
+  get AccessibilityInfo() {
+    return require("react-native").AccessibilityInfo;
+  },
+  get ActionSheetIOS() {
+    return require("react-native").ActionSheetIOS;
+  },
+  get Alert() {
+    return require("react-native").Alert;
+  },
+  get Animated() {
+    return require("react-native").Animated;
+  },
+  get Appearance() {
+    return require("react-native").Appearance;
+  },
+  get AppRegistry() {
+    return require("react-native").AppRegistry;
+  },
+  get AppState() {
+    return require("react-native").AppState;
+  },
+  get BackHandler() {
+    return require("react-native").BackHandler;
+  },
+  get Clipboard() {
+    return require("react-native").Clipboard;
+  },
+  get codegenNativeCommands() {
+    return require("react-native").codegenNativeCommands;
+  },
+  get codegenNativeComponent() {
+    return require("react-native").codegenNativeComponent;
+  },
+  get DeviceEventEmitter() {
+    return require("react-native").DeviceEventEmitter;
+  },
+  get DeviceInfo() {
+    return require("react-native").DeviceInfo;
+  },
+  get DevMenu() {
+    return require("react-native").DevMenu;
+  },
+  get DevSettings() {
+    return require("react-native").DevSettings;
+  },
+  get Dimensions() {
+    return require("react-native").Dimensions;
+  },
+  get DynamicColorIOS() {
+    return require("react-native").DynamicColorIOS;
+  },
+  get Easing() {
+    return require("react-native").Easing;
+  },
+  get findNodeHandle() {
+    return require("react-native").findNodeHandle;
+  },
+  get I18nManager() {
+    return require("react-native").I18nManager;
+  },
+  get InteractionManager() {
+    return require("react-native").InteractionManager;
+  },
+  get Keyboard() {
+    return require("react-native").Keyboard;
+  },
+  get LayoutAnimation() {
+    return require("react-native").LayoutAnimation;
+  },
+  get Linking() {
+    return require("react-native").Linking;
+  },
+  get LogBox() {
+    return require("react-native").LogBox;
+  },
+  get NativeAppEventEmitter() {
+    return require("react-native").NativeAppEventEmitter;
+  },
+  get NativeDialogManagerAndroid() {
+    return require("react-native").NativeDialogManagerAndroid;
+  },
+  get NativeEventEmitter() {
+    return require("react-native").NativeEventEmitter;
+  },
+  get NativeModules() {
+    return require("react-native").NativeModules;
+  },
+  get Networking() {
+    return require("react-native").Networking;
+  },
+  get PanResponder() {
+    return require("react-native").PanResponder;
+  },
+  get PermissionsAndroid() {
+    return require("react-native").PermissionsAndroid;
+  },
+  get PixelRatio() {
+    return require("react-native").PixelRatio;
+  },
+  get Platform() {
+    return require("react-native").Platform;
+  },
+  get PlatformColor() {
+    return require("react-native").PlatformColor;
+  },
+  get PushNotificationIOS() {
+    return require("react-native").PushNotificationIOS;
+  },
+  get processColor() {
+    return require("react-native").processColor;
+  },
+  get registerCallableModule() {
+    return require("react-native").registerCallableModule;
+  },
+  get requireNativeComponent() {
+    return require("react-native").requireNativeComponent;
+  },
+  get RootTagContext() {
+    return require("react-native").RootTagContext;
+  },
+  get Settings() {
+    return require("react-native").Settings;
+  },
+  get Share() {
+    return require("react-native").Share;
+  },
+  get StyleSheet() {
+    return require("react-native").StyleSheet;
+  },
+  get Systrace() {
+    return require("react-native").Systrace;
+  },
+  get ToastAndroid() {
+    return require("react-native").ToastAndroid;
+  },
+  get TurboModuleRegistry() {
+    return require("react-native").TurboModuleRegistry;
+  },
+  get UIManager() {
+    return require("react-native").UIManager;
+  },
+  get unstable_batchedUpdates() {
+    return require("react-native").unstable_batchedUpdates;
+  },
+  get useAnimatedValue() {
+    return require("react-native").useAnimatedValue;
+  },
+  get useColorScheme() {
+    return require("react-native").useColorScheme;
+  },
+  get useWindowDimensions() {
+    return require("react-native").useWindowDimensions;
+  },
+  get UTFSequence() {
+    return require("react-native").UTFSequence;
+  },
+  get Vibration() {
+    return require("react-native").Vibration;
+  },
+  get VirtualViewMode() {
+    return require("react-native").VirtualViewMode;
+  },
+  get NativeComponentRegistry() {
+    return require("react-native").NativeComponentRegistry;
+  },
+  get ReactNativeVersion() {
+    return require("react-native").ReactNativeVersion;
+  },
+  get TVEventControl() {
+    return require("react-native").TVEventControl;
+  },
+  get TVEventHandler() {
+    return require("react-native").TVEventHandler;
+  },
+  get useTVEventHandler() {
+    return require("react-native").useTVEventHandler;
+  },
+  get TVFocusGuideView() {
+    return require("react-native").TVFocusGuideView;
+  },
+  get TVMenuControl() {
+    return require("react-native").TVMenuControl;
+  },
+  get TVTextScrollView() {
+    return require("react-native").TVTextScrollView;
+  },
+  get DynamicColorMacOS() {
+    return require("react-native").DynamicColorMacOS;
+  },
+  get ColorWithSystemEffectMacOS() {
+    return require("react-native").ColorWithSystemEffectMacOS;
+  },
+  get Flyout() {
+    return require("react-native").Flyout;
+  },
+  get Glyph() {
+    return require("react-native").Glyph;
+  },
+  get Popup() {
+    return require("react-native").Popup;
+  },
+  get supportKeyboard() {
+    return require("react-native").supportKeyboard;
+  },
+  get EventPhase() {
+    return require("react-native").EventPhase;
+  },
+  get HandledEventPhase() {
+    return require("react-native").HandledEventPhase;
+  },
+  get ViewWindows() {
+    return require("react-native").ViewWindows;
+  },
+  get AppTheme() {
+    return require("react-native").AppTheme;
+  },
+  get XamlHost() {
+    return require("react-native").XamlHost;
+  }
+};

package/dist/module/components/native/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/native/ActivityIndicator.js

@@ -0,0 +1,18 @@
+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 { useStyle } from "./useStyle.js";
+export const ActivityIndicator = copyComponentProperties(RNActivityIndicator, (props) => {
+  const style = useStyle(props.className);
+  const color = useUniwindAccent(props.colorClassName);
+  return /* @__PURE__ */ jsx(
+    RNActivityIndicator,
+    {
+      ...props,
+      style: [style, props.style],
+      color: props.color ?? color
+    }
+  );
+});
+export default ActivityIndicator;

package/dist/module/components/native/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/native/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/native/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/native/FlatList.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { FlatList as RNFlatList } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const FlatList = copyComponentProperties(RNFlatList, (props) => {
+  const style = useStyle(props.className);
+  const styleColumnWrapper = useStyle(props.columnWrapperClassName);
+  const styleContentContainer = useStyle(props.contentContainerClassName);
+  const styleListFooterComponent = useStyle(props.ListFooterComponentClassName);
+  const styleListHeaderComponent = useStyle(props.ListHeaderComponentClassName);
+  const endFillColor = useUniwindAccent(props.endFillColorClassName);
+  const hasSingleColumn = !("numColumns" in props) || props.numColumns === 1;
+  return /* @__PURE__ */ jsx(
+    RNFlatList,
+    {
+      ...props,
+      style: [style, props.style],
+      columnWrapperStyle: hasSingleColumn ? void 0 : [styleColumnWrapper, props.columnWrapperStyle],
+      contentContainerStyle: [styleContentContainer, props.contentContainerStyle],
+      ListFooterComponentStyle: [styleListFooterComponent, props.ListFooterComponentStyle],
+      ListHeaderComponentStyle: [styleListHeaderComponent, props.ListHeaderComponentStyle],
+      endFillColor: props.endFillColor ?? endFillColor
+    }
+  );
+});
+export default FlatList;

package/dist/module/components/native/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/native/Image.js

@@ -0,0 +1,18 @@
+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 { useStyle } from "./useStyle.js";
+export const Image = copyComponentProperties(RNImage, (props) => {
+  const style = useStyle(props.className);
+  const tintColor = useUniwindAccent(props.tintColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNImage,
+    {
+      ...props,
+      style: [style, props.style],
+      tintColor: props.tintColor ?? tintColor
+    }
+  );
+});
+export default Image;

package/dist/module/components/native/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/native/ImageBackground.js

@@ -0,0 +1,20 @@
+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 { useStyle } from "./useStyle.js";
+export const ImageBackground = copyComponentProperties(RNImageBackground, (props) => {
+  const style = useStyle(props.className);
+  const imageStyle = useStyle(props.imageClassName);
+  const tintColor = useUniwindAccent(props.tintColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNImageBackground,
+    {
+      ...props,
+      style: [style, props.style],
+      imageStyle: [imageStyle, props.imageStyle],
+      tintColor: props.tintColor ?? tintColor
+    }
+  );
+});
+export default ImageBackground;

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

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

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

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { InputAccessoryView as RNInputAccessoryView } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const InputAccessoryView = copyComponentProperties(
+  RNInputAccessoryView,
+  (props) => {
+    const style = useStyle(props.className);
+    const backgroundColor = useUniwindAccent(props.backgroundColorClassName);
+    return /* @__PURE__ */ jsx(
+      RNInputAccessoryView,
+      {
+        ...props,
+        backgroundColor: props.backgroundColor ?? backgroundColor,
+        style: [style, props.style]
+      }
+    );
+  }
+);
+export default InputAccessoryView;

package/dist/module/components/native/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/native/KeyboardAvoidingView.js

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

package/dist/module/components/native/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/native/Modal.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Modal as RNModal } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const Modal = copyComponentProperties(RNModal, (props) => {
+  const style = useStyle(props.className);
+  const backdropColor = useUniwindAccent(props.backdropColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNModal,
+    {
+      ...props,
+      style: [style, props.style],
+      backdropColor: props.backdropColor ?? backdropColor
+    }
+  );
+});
+export default Modal;

package/dist/module/components/native/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/native/Pressable.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { Pressable as RNPressable } from "react-native";
+import { UniwindStore } from "../../core/native/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const Pressable = copyComponentProperties(RNPressable, (props) => {
+  const style = useStyle(props.className, {
+    isDisabled: Boolean(props.disabled)
+  });
+  return /* @__PURE__ */ jsx(
+    RNPressable,
+    {
+      ...props,
+      style: (state) => {
+        if (state.pressed) {
+          return [
+            UniwindStore.getStyles(
+              props.className,
+              { isDisabled: Boolean(props.disabled), isPressed: true }
+            ).styles,
+            typeof props.style === "function" ? props.style(state) : props.style
+          ];
+        }
+        return [style, typeof props.style === "function" ? props.style(state) : props.style];
+      }
+    }
+  );
+});
+export default Pressable;

package/dist/module/components/native/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/native/RefreshControl.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { RefreshControl as RNRefreshControl } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const RefreshControl = copyComponentProperties(RNRefreshControl, (props) => {
+  const style = useStyle(props.className);
+  const color = useUniwindAccent(props.colorsClassName);
+  const tintColor = useUniwindAccent(props.tintColorClassName);
+  const titleColor = useUniwindAccent(props.titleColorClassName);
+  const progressBackgroundColor = useUniwindAccent(props.progressBackgroundColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNRefreshControl,
+    {
+      ...props,
+      style: [style, props.style],
+      colors: props.colors ?? (color !== void 0 ? [color] : void 0),
+      tintColor: props.tintColor ?? tintColor,
+      titleColor: props.titleColor ?? titleColor,
+      progressBackgroundColor: props.progressBackgroundColor ?? progressBackgroundColor
+    }
+  );
+});
+export default RefreshControl;

package/dist/module/components/native/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/native/SafeAreaView.js

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

package/dist/module/components/native/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/native/ScrollView.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { ScrollView as RNScrollView } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const ScrollView = copyComponentProperties(RNScrollView, (props) => {
+  const style = useStyle(props.className);
+  const contentContainerStyle = useStyle(props.contentContainerClassName);
+  const endFillColor = useUniwindAccent(props.endFillColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNScrollView,
+    {
+      ...props,
+      style: [style, props.style],
+      contentContainerStyle: [contentContainerStyle, props.contentContainerStyle],
+      endFillColor: props.endFillColor ?? endFillColor
+    }
+  );
+});
+export default ScrollView;

package/dist/module/components/native/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/native/SectionList.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { SectionList as RNSectionList } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { useStyle } from "./useStyle.js";
+export const SectionList = copyComponentProperties(RNSectionList, (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(
+    RNSectionList,
+    {
+      ...props,
+      style: [style, props.style],
+      contentContainerStyle: [contentContainerStyle, props.contentContainerStyle],
+      ListFooterComponentStyle: [listFooterComponentStyle, props.ListFooterComponentStyle],
+      ListHeaderComponentStyle: [listHeaderComponentStyle, props.ListHeaderComponentStyle],
+      endFillColor: props.endFillColor ?? endFillColor
+    }
+  );
+});
+export default SectionList;

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

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