@niibase/uniwind 1.0.0 → 1.0.11

package/dist/common/components/react-native-gesture-handler/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+module.exports = {
+  get BaseButton() {
+    return require("./native/BaseButton").BaseButton;
+  },
+  get BorderlessButton() {
+    return require("./native/BorderlessButton").BorderlessButton;
+  },
+  get DrawerLayoutAndroid() {
+    return require("./native/DrawerLayoutAndroid").DrawerLayoutAndroid;
+  },
+  get FlatList() {
+    return require("./native/FlatList").FlatList;
+  },
+  get GestureHandlerRootView() {
+    return require("./native/GestureHandlerRootView").GestureHandlerRootView;
+  },
+  get Pressable() {
+    return require("./native/Pressable").Pressable;
+  },
+  get PureNativeButton() {
+    return require("./native/PureNativeButton").PureNativeButton;
+  },
+  get RawButton() {
+    return require("./native/RawButton").RawButton;
+  },
+  get RectButton() {
+    return require("./native/RectButton").RectButton;
+  },
+  get RefreshControl() {
+    return require("./native/RefreshControl").RefreshControl;
+  },
+  get ScrollView() {
+    return require("./native/ScrollView").ScrollView;
+  },
+  get Switch() {
+    return require("./native/Switch").Switch;
+  },
+  get Text() {
+    return require("./native/Text").Text;
+  },
+  get TextInput() {
+    return require("./native/TextInput").TextInput;
+  },
+  get TouchableNativeFeedback() {
+    return require("./native/TouchableNativeFeedback").TouchableNativeFeedback;
+  },
+  get TouchableOpacity() {
+    return require("./native/TouchableOpacity").TouchableOpacity;
+  },
+  get TouchableWithoutFeedback() {
+    return require("./native/TouchableWithoutFeedback").TouchableWithoutFeedback;
+  },
+  // Re-export non-component exports from react-native-gesture-handler
+  get DrawerLayout() {
+    return require("react-native-gesture-handler").DrawerLayout;
+  },
+  get Swipeable() {
+    return require("react-native-gesture-handler").Swipeable;
+  },
+  get TouchableHighlight() {
+    return require("react-native-gesture-handler").TouchableHighlight;
+  },
+  get Directions() {
+    return require("react-native-gesture-handler").Directions;
+  },
+  get State() {
+    return require("react-native-gesture-handler").State;
+  },
+  get PointerType() {
+    return require("react-native-gesture-handler").PointerType;
+  },
+  get gestureHandlerRootHOC() {
+    return require("react-native-gesture-handler").gestureHandlerRootHOC;
+  },
+  get GestureDetector() {
+    return require("react-native-gesture-handler").GestureDetector;
+  },
+  get Gesture() {
+    return require("react-native-gesture-handler").Gesture;
+  },
+  get TapGestureHandler() {
+    return require("react-native-gesture-handler").TapGestureHandler;
+  },
+  get ForceTouchGestureHandler() {
+    return require("react-native-gesture-handler").ForceTouchGestureHandler;
+  },
+  get LongPressGestureHandler() {
+    return require("react-native-gesture-handler").LongPressGestureHandler;
+  },
+  get PanGestureHandler() {
+    return require("react-native-gesture-handler").PanGestureHandler;
+  },
+  get PinchGestureHandler() {
+    return require("react-native-gesture-handler").PinchGestureHandler;
+  },
+  get RotationGestureHandler() {
+    return require("react-native-gesture-handler").RotationGestureHandler;
+  },
+  get FlingGestureHandler() {
+    return require("react-native-gesture-handler").FlingGestureHandler;
+  },
+  get createNativeWrapper() {
+    return require("react-native-gesture-handler").createNativeWrapper;
+  },
+  get NativeViewGestureHandler() {
+    return require("react-native-gesture-handler").NativeViewGestureHandler;
+  },
+  get HoverEffect() {
+    return require("react-native-gesture-handler").HoverEffect;
+  },
+  get MouseButton() {
+    return require("react-native-gesture-handler").MouseButton;
+  },
+  get enableExperimentalWebImplementation() {
+    return require("react-native-gesture-handler").enableExperimentalWebImplementation;
+  },
+  get enableLegacyWebImplementation() {
+    return require("react-native-gesture-handler").enableLegacyWebImplementation;
+  }
+};

package/dist/common/components/react-native-gesture-handler/native/BaseButton.js

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

package/dist/common/components/react-native-gesture-handler/native/BorderlessButton.js

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

package/dist/common/components/react-native-gesture-handler/native/DrawerLayoutAndroid.js

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

package/dist/common/components/react-native-gesture-handler/native/FlatList.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.FlatList = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _hooks = require("../../../hooks");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const FlatList = exports.FlatList = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.FlatList, props => {
+  const style = (0, _useStyle.useStyle)(props.className);
+  const styleColumnWrapper = (0, _useStyle.useStyle)(props.columnWrapperClassName);
+  const styleContentContainer = (0, _useStyle.useStyle)(props.contentContainerClassName);
+  const styleListFooterComponent = (0, _useStyle.useStyle)(props.ListFooterComponentClassName);
+  const styleListHeaderComponent = (0, _useStyle.useStyle)(props.ListHeaderComponentClassName);
+  const endFillColor = (0, _hooks.useUniwindAccent)(props.endFillColorClassName);
+  const hasSingleColumn = !("numColumns" in props) || props.numColumns === 1;
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.FlatList, {
+    ...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
+  });
+});
+module.exports = FlatList;

package/dist/common/components/react-native-gesture-handler/native/GestureHandlerRootView.js

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

package/dist/common/components/react-native-gesture-handler/native/Pressable.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Pressable = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _native = require("../../../core/native");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const Pressable = exports.Pressable = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.Pressable, props => {
+  const style = (0, _useStyle.useStyle)(props.className, {
+    isDisabled: Boolean(props.disabled)
+  });
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.Pressable, {
+    ...props,
+    style: state => {
+      if (state.pressed) {
+        return [_native.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];
+    }
+  });
+});
+module.exports = Pressable;

package/dist/common/components/react-native-gesture-handler/native/PureNativeButton.js

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

package/dist/common/components/react-native-gesture-handler/native/RawButton.js

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

package/dist/common/components/react-native-gesture-handler/native/RectButton.js

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

package/dist/common/components/react-native-gesture-handler/native/RefreshControl.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.RefreshControl = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _hooks = require("../../../hooks");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const RefreshControl = exports.RefreshControl = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.RefreshControl, props => {
+  const style = (0, _useStyle.useStyle)(props.className);
+  const color = (0, _hooks.useUniwindAccent)(props.colorsClassName);
+  const tintColor = (0, _hooks.useUniwindAccent)(props.tintColorClassName);
+  const titleColor = (0, _hooks.useUniwindAccent)(props.titleColorClassName);
+  const progressBackgroundColor = (0, _hooks.useUniwindAccent)(props.progressBackgroundColorClassName);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.RefreshControl, {
+    ...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
+  });
+});
+module.exports = RefreshControl;

package/dist/common/components/react-native-gesture-handler/native/ScrollView.js

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

package/dist/common/components/react-native-gesture-handler/native/Switch.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.Switch = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _useUniwindAccent = require("../../../hooks/useUniwindAccent.native");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const Switch = exports.Switch = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.Switch, props => {
+  const state = {
+    isDisabled: Boolean(props.disabled)
+  };
+  const style = (0, _useStyle.useStyle)(props.className, state);
+  const trackColorOn = (0, _useUniwindAccent.useUniwindAccent)(props.trackColorOnClassName, state);
+  const trackColorOff = (0, _useUniwindAccent.useUniwindAccent)(props.trackColorOffClassName, state);
+  const thumbColor = (0, _useUniwindAccent.useUniwindAccent)(props.thumbColorClassName, state);
+  const ios_backgroundColor = (0, _useUniwindAccent.useUniwindAccent)(props.ios_backgroundColorClassName, state);
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.Switch, {
+    ...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
+  });
+});
+module.exports = Switch;

package/dist/common/components/react-native-gesture-handler/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 _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _useUniwindAccent = require("../../../hooks/useUniwindAccent.native");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const Text = exports.Text = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.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)(_reactNativeGestureHandler.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/react-native-gesture-handler/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 _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _useUniwindAccent = require("../../../hooks/useUniwindAccent.native");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const TextInput = exports.TextInput = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.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)(_reactNativeGestureHandler.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/react-native-gesture-handler/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 _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const TouchableNativeFeedback = exports.TouchableNativeFeedback = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.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)(_reactNativeGestureHandler.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/react-native-gesture-handler/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 _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const TouchableOpacity = exports.TouchableOpacity = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.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)(_reactNativeGestureHandler.TouchableOpacity, {
+    ...props,
+    style: [style, props.style],
+    onPressIn: () => {
+      setIsPressed(true);
+      props.onPressIn?.();
+    },
+    onPressOut: () => {
+      setIsPressed(false);
+      props.onPressOut?.();
+    }
+  });
+});
+module.exports = TouchableOpacity;

package/dist/common/components/react-native-gesture-handler/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 _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _useStyle = require("../../native/useStyle");
+var _utils = require("../../utils");
+const TouchableWithoutFeedback = exports.TouchableWithoutFeedback = (0, _utils.copyComponentProperties)(_reactNativeGestureHandler.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)(_reactNativeGestureHandler.TouchableWithoutFeedback, {
+    ...props,
+    style: [style, props.style],
+    onPressIn: () => {
+      setIsPressed(true);
+      props.onPressIn?.();
+    },
+    onPressOut: () => {
+      setIsPressed(false);
+      props.onPressOut?.();
+    }
+  });
+});
+module.exports = TouchableWithoutFeedback;

package/dist/common/components/react-native-svg/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var Svg = _interopRequireWildcard(require("react-native-svg"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+module.exports = {
+  ...Svg,
+  get Svg() {
+    return require("./native/Svg").Svg;
+  },
+  get default() {
+    return require("./native/Svg").default;
+  }
+};

package/dist/common/components/react-native-svg/native/Svg.js

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

package/dist/common/components/react-native-svg/web/Svg.js

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