@hanzogui/react-native-web-lite 2.0.0

package/dist/cjs/StatusBar/index.cjs

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StatusBar_exports = {};
+__export(StatusBar_exports, {
+  StatusBar: () => StatusBar,
+  default: () => StatusBar_default
+});
+module.exports = __toCommonJS(StatusBar_exports);
+const emptyFunction = () => {};
+function StatusBar() {
+  return null;
+}
+StatusBar.setBackgroundColor = emptyFunction;
+StatusBar.setBarStyle = emptyFunction;
+StatusBar.setHidden = emptyFunction;
+StatusBar.setNetworkActivityIndicatorVisible = emptyFunction;
+StatusBar.setTranslucent = emptyFunction;
+var StatusBar_default = StatusBar;

package/dist/cjs/Text/index.cjs

@@ -0,0 +1,170 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Text_exports = {};
+__export(Text_exports, {
+  Text: () => Text,
+  default: () => Text_default
+});
+module.exports = __toCommonJS(Text_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals"),
+  React = __toESM(require("react"), 1),
+  import_createElement = require("../createElement/index.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const pickProps = props => (0, import_react_native_web_internals.pick)(props, import_react_native_web_internals.forwardPropsListText),
+  Text = React.forwardRef((props, forwardedRef) => {
+    const {
+        hrefAttrs,
+        numberOfLines,
+        onClick,
+        onLayout,
+        onPress,
+        onMoveShouldSetResponder,
+        onMoveShouldSetResponderCapture,
+        onResponderEnd,
+        onResponderGrant,
+        onResponderMove,
+        onResponderReject,
+        onResponderRelease,
+        onResponderStart,
+        onResponderTerminate,
+        onResponderTerminationRequest,
+        onScrollShouldSetResponder,
+        onScrollShouldSetResponderCapture,
+        onSelectionChangeShouldSetResponder,
+        onSelectionChangeShouldSetResponderCapture,
+        onStartShouldSetResponder,
+        onStartShouldSetResponderCapture,
+        selectable,
+        ...rest
+      } = props,
+      hasTextAncestor = React.useContext(import_react_native_web_internals.TextAncestorContext),
+      hostRef = React.useRef(null),
+      {
+        direction: contextDirection
+      } = (0, import_react_native_web_internals.useLocaleContext)();
+    (0, import_react_native_web_internals.useElementLayout)(hostRef, onLayout), (0, import_react_native_web_internals.useResponderEvents)(hostRef, {
+      onMoveShouldSetResponder,
+      onMoveShouldSetResponderCapture,
+      onResponderEnd,
+      onResponderGrant,
+      onResponderMove,
+      onResponderReject,
+      onResponderRelease,
+      onResponderStart,
+      onResponderTerminate,
+      onResponderTerminationRequest,
+      onScrollShouldSetResponder,
+      onScrollShouldSetResponderCapture,
+      onSelectionChangeShouldSetResponder,
+      onSelectionChangeShouldSetResponderCapture,
+      onStartShouldSetResponder,
+      onStartShouldSetResponderCapture
+    });
+    const handleClick = React.useCallback(e => {
+      onClick != null ? onClick(e) : onPress != null && (e.stopPropagation(), onPress(e));
+    }, [onClick, onPress]);
+    let component = hasTextAncestor ? "span" : "div";
+    const langDirection = props.lang != null ? (0, import_react_native_web_internals.getLocaleDirection)(props.lang) : null,
+      componentDirection = props.dir || langDirection,
+      writingDirection = componentDirection || contextDirection,
+      supportedProps = pickProps(rest);
+    if (supportedProps.dir = componentDirection, hasTextAncestor || (supportedProps.dir = componentDirection ?? "auto"), (onClick || onPress) && (supportedProps.onClick = handleClick), supportedProps.style = [numberOfLines != null && numberOfLines > 1 && {
+      WebkitLineClamp: numberOfLines
+    }, hasTextAncestor === !0 ? styles.textHasAncestor$raw : styles.text, numberOfLines === 1 && styles.textOneLine, numberOfLines != null && numberOfLines > 1 && styles.textMultiLine, props.style, selectable === !0 && styles.selectable, selectable === !1 && styles.notSelectable, onPress && styles.pressable], props.href != null && (component = "a", hrefAttrs != null)) {
+      const {
+        download,
+        rel,
+        target
+      } = hrefAttrs;
+      download != null && (supportedProps.download = download), rel != null && (supportedProps.rel = rel), typeof target == "string" && (supportedProps.target = target.charAt(0) !== "_" ? "_" + target : target);
+    }
+    const platformMethodsRef = (0, import_react_native_web_internals.usePlatformMethods)(supportedProps),
+      setRef = (0, import_react_native_web_internals.useMergeRefs)(hostRef, platformMethodsRef, forwardedRef);
+    supportedProps.ref = setRef;
+    const element = (0, import_createElement.useCreateElement)(component, supportedProps, {
+      writingDirection
+    });
+    return hasTextAncestor ? element : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native_web_internals.TextAncestorContext.Provider, {
+      value: !0,
+      children: element
+    });
+  });
+Text.displayName = "Text";
+const textStyle = {
+    backgroundColor: "transparent",
+    border: "0 solid black",
+    boxSizing: "border-box",
+    color: "black",
+    display: "inline",
+    font: "14px System",
+    listStyle: "none",
+    margin: 0,
+    padding: 0,
+    textAlign: "inherit",
+    textDecoration: "none",
+    whiteSpace: "pre-wrap",
+    wordWrap: "break-word"
+  },
+  styles = {
+    text: textStyle,
+    textHasAncestor$raw: {
+      ...textStyle,
+      color: "inherit",
+      font: "inherit",
+      whiteSpace: "inherit"
+    },
+    textOneLine: {
+      maxWidth: "100%",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      wordWrap: "normal"
+    },
+    // See #13
+    textMultiLine: {
+      display: "-webkit-box",
+      maxWidth: "100%",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      WebkitBoxOrient: "vertical"
+    },
+    notSelectable: {
+      userSelect: "none"
+    },
+    selectable: {
+      userSelect: "text"
+    },
+    pressable: {
+      cursor: "pointer"
+    }
+  };
+var Text_default = Text;

package/dist/cjs/Text/types.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/TextInput/index.cjs

@@ -0,0 +1,285 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var TextInput_exports = {};
+__export(TextInput_exports, {
+  TextInput: () => TextInput,
+  default: () => TextInput_default
+});
+module.exports = __toCommonJS(TextInput_exports);
+var React = __toESM(require("react"), 1),
+  import_react_native_web_internals = require("@hanzogui/react-native-web-internals"),
+  import_react_native_web_internals2 = require("@hanzogui/react-native-web-internals"),
+  import_createElement = require("../createElement/index.cjs");
+const isSelectionStale = (node, selection) => {
+    const {
+        selectionEnd,
+        selectionStart
+      } = node,
+      {
+        start,
+        end
+      } = selection;
+    return start !== selectionStart || end !== selectionEnd;
+  },
+  setSelection = (node, selection) => {
+    if (isSelectionStale(node, selection)) {
+      const {
+        start,
+        end
+      } = selection;
+      try {
+        node.setSelectionRange(start, end || start);
+      } catch {}
+    }
+  },
+  forwardPropsList = Object.assign({}, import_react_native_web_internals2.forwardedProps.defaultProps, import_react_native_web_internals2.forwardedProps.accessibilityProps, import_react_native_web_internals2.forwardedProps.clickProps, import_react_native_web_internals2.forwardedProps.focusProps, import_react_native_web_internals2.forwardedProps.keyboardProps, import_react_native_web_internals2.forwardedProps.mouseProps, import_react_native_web_internals2.forwardedProps.touchProps, import_react_native_web_internals2.forwardedProps.styleProps, {
+    autoCapitalize: !0,
+    className: !0,
+    autoComplete: !0,
+    autoCorrect: !0,
+    autoFocus: !0,
+    defaultValue: !0,
+    disabled: !0,
+    lang: !0,
+    maxLength: !0,
+    onChange: !0,
+    onScroll: !0,
+    placeholder: !0,
+    pointerEvents: !0,
+    readOnly: !0,
+    rows: !0,
+    spellCheck: !0,
+    value: !0,
+    type: !0
+  }),
+  pickProps = props => (0, import_react_native_web_internals2.pick)(props, forwardPropsList),
+  useIsomorphicLayoutEffect = typeof window > "u" ? React.useEffect : React.useLayoutEffect;
+function isEventComposing(nativeEvent) {
+  return nativeEvent.isComposing || nativeEvent.keyCode === 229;
+}
+let focusTimeout = null;
+const TextInput = React.forwardRef((props, forwardedRef) => {
+  const {
+    autoCapitalize = "sentences",
+    autoComplete,
+    autoCompleteType,
+    autoCorrect = !0,
+    blurOnSubmit,
+    clearTextOnFocus,
+    dir,
+    editable,
+    enterKeyHint,
+    inputMode = "text",
+    keyboardType,
+    multiline = !1,
+    numberOfLines,
+    onBlur,
+    onChange,
+    onChangeText,
+    onContentSizeChange,
+    onFocus,
+    onKeyPress,
+    onLayout,
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChange,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture,
+    onSubmitEditing,
+    placeholderTextColor,
+    readOnly = !1,
+    returnKeyType,
+    rows = 1,
+    secureTextEntry = !1,
+    selection,
+    selectTextOnFocus,
+    showSoftInputOnFocus,
+    caretHidden,
+    spellCheck
+  } = props;
+  let type, _inputMode;
+  if (inputMode != null) _inputMode = inputMode, inputMode === "email" ? type = "email" : inputMode === "tel" ? type = "tel" : inputMode === "search" ? type = "search" : inputMode === "url" ? type = "url" : type = "text";else if (keyboardType != null) switch (warn("keyboardType", "keyboardType is deprecated. Use inputMode."), keyboardType) {
+    case "email-address":
+      type = "email";
+      break;
+    case "number-pad":
+    case "numeric":
+      _inputMode = "numeric";
+      break;
+    case "decimal-pad":
+      _inputMode = "decimal";
+      break;
+    case "phone-pad":
+      type = "tel";
+      break;
+    case "search":
+    case "web-search":
+      type = "search";
+      break;
+    case "url":
+      type = "url";
+      break;
+    default:
+      type = "text";
+  }
+  secureTextEntry && (type = "password");
+  const dimensions = React.useRef({
+      height: null,
+      width: null
+    }),
+    hostRef = React.useRef(null),
+    handleContentSizeChange = React.useCallback(hostNode => {
+      if (multiline && onContentSizeChange && hostNode != null) {
+        const newHeight = hostNode.scrollHeight,
+          newWidth = hostNode.scrollWidth;
+        (newHeight !== dimensions.current.height || newWidth !== dimensions.current.width) && (dimensions.current.height = newHeight, dimensions.current.width = newWidth, onContentSizeChange({
+          nativeEvent: {
+            contentSize: {
+              height: dimensions.current.height,
+              width: dimensions.current.width
+            }
+          }
+        }));
+      }
+    }, [multiline, onContentSizeChange]),
+    imperativeRef = React.useMemo(() => hostNode => {
+      hostNode != null && (hostNode.clear = () => {
+        hostNode != null && (hostNode.value = "");
+      }, hostNode.isFocused = () => hostNode != null && import_react_native_web_internals2.TextInputState.currentlyFocusedField() === hostNode, handleContentSizeChange(hostNode));
+    }, [handleContentSizeChange]);
+  function handleBlur(e) {
+    import_react_native_web_internals2.TextInputState._currentlyFocusedNode = null, onBlur && (e.nativeEvent.text = e.target.value, onBlur(e));
+  }
+  function handleChange(e) {
+    const hostNode = e.target,
+      text = hostNode.value;
+    e.nativeEvent.text = text, handleContentSizeChange(hostNode), onChange && onChange(e), onChangeText && onChangeText(text);
+  }
+  function handleFocus(e) {
+    const hostNode = e.target;
+    onFocus && (e.nativeEvent.text = hostNode.value, onFocus(e)), hostNode != null && (import_react_native_web_internals2.TextInputState._currentlyFocusedNode = hostNode, clearTextOnFocus && (hostNode.value = ""), selectTextOnFocus && (focusTimeout != null && clearTimeout(focusTimeout), focusTimeout = setTimeout(() => {
+      hostNode?.select();
+    }, 0)));
+  }
+  function handleKeyDown(e) {
+    const hostNode = e.target;
+    e.stopPropagation();
+    const shouldBlurOnSubmit = blurOnSubmit ?? !multiline,
+      nativeEvent = e.nativeEvent,
+      isComposing = isEventComposing(nativeEvent);
+    onKeyPress && onKeyPress(e), e.key === "Enter" && !e.shiftKey &&
+    // Do not call submit if composition is occuring.
+    !isComposing && !e.isDefaultPrevented() && ((blurOnSubmit || !multiline) && onSubmitEditing && (e.preventDefault(), nativeEvent.text = e.target.value, onSubmitEditing(e)), shouldBlurOnSubmit && hostNode != null && setTimeout(() => hostNode.blur(), 0));
+  }
+  function handleSelectionChange(e) {
+    if (onSelectionChange) try {
+      const node = e.target,
+        {
+          selectionStart,
+          selectionEnd
+        } = node;
+      e.nativeEvent.selection = {
+        start: selectionStart,
+        end: selectionEnd
+      }, e.nativeEvent.text = e.target.value, onSelectionChange(e);
+    } catch {}
+  }
+  useIsomorphicLayoutEffect(() => {
+    const node = hostRef.current;
+    node != null && selection != null && setSelection(node, selection), document.activeElement === node && (import_react_native_web_internals2.TextInputState._currentlyFocusedNode = node);
+  }, [hostRef, selection]);
+  const component = multiline ? "textarea" : "input";
+  (0, import_react_native_web_internals2.useElementLayout)(hostRef, onLayout), (0, import_react_native_web_internals2.useResponderEvents)(hostRef, {
+    onMoveShouldSetResponder,
+    onMoveShouldSetResponderCapture,
+    onResponderEnd,
+    onResponderGrant,
+    onResponderMove,
+    onResponderReject,
+    onResponderRelease,
+    onResponderStart,
+    onResponderTerminate,
+    onResponderTerminationRequest,
+    onScrollShouldSetResponder,
+    onScrollShouldSetResponderCapture,
+    onSelectionChangeShouldSetResponder,
+    onSelectionChangeShouldSetResponderCapture,
+    onStartShouldSetResponder,
+    onStartShouldSetResponderCapture
+  });
+  const {
+      direction: contextDirection
+    } = (0, import_react_native_web_internals2.useLocaleContext)(),
+    supportedProps = pickProps(props);
+  supportedProps.autoCapitalize = autoCapitalize, supportedProps.autoComplete = autoComplete || autoCompleteType || "on", supportedProps.autoCorrect = autoCorrect ? "on" : "off", supportedProps.dir = dir !== void 0 ? dir : "auto", returnKeyType != null && warn("returnKeyType", "returnKeyType is deprecated. Use enterKeyHint."), supportedProps.enterKeyHint = enterKeyHint || returnKeyType, supportedProps.inputMode = _inputMode, supportedProps.onBlur = handleBlur, supportedProps.onChange = handleChange, supportedProps.onFocus = handleFocus, supportedProps.onKeyDown = handleKeyDown, supportedProps.onSelect = handleSelectionChange, editable != null && warn("editable", "editable is deprecated. Use readOnly."), supportedProps.readOnly = readOnly === !0 || editable === !1, numberOfLines != null && warn("numberOfLines", "TextInput numberOfLines is deprecated. Use rows."), supportedProps.rows = multiline ? rows ?? numberOfLines : 1, supportedProps.spellCheck = spellCheck ?? autoCorrect, supportedProps.style = [{
+    "--placeholderTextColor": placeholderTextColor
+  }, styles.textinput$raw, styles.placeholder, props.style, caretHidden && styles.caretHidden], supportedProps.type = multiline ? void 0 : type, supportedProps.virtualkeyboardpolicy = showSoftInputOnFocus === !1 ? "manual" : "auto";
+  const platformMethodsRef = (0, import_react_native_web_internals2.usePlatformMethods)(supportedProps),
+    setRef = (0, import_react_native_web_internals2.useMergeRefs)(hostRef, platformMethodsRef, imperativeRef, forwardedRef);
+  supportedProps.ref = setRef;
+  const langDirection = props.lang != null ? (0, import_react_native_web_internals2.getLocaleDirection)(props.lang) : null,
+    writingDirection = props.dir || langDirection || contextDirection;
+  return (0, import_createElement.useCreateElement)(component, supportedProps, {
+    writingDirection
+  });
+});
+function warn(...args) {
+  process.env.NODE_ENV !== "production" && console.warn(...args);
+}
+TextInput.displayName = "TextInput";
+TextInput.State = import_react_native_web_internals2.TextInputState;
+const styles = import_react_native_web_internals.StyleSheet.create({
+  textinput$raw: {
+    MozAppearance: "textfield",
+    WebkitAppearance: "none",
+    appearance: "none"
+  },
+  placeholder: {
+    placeholderTextColor: "var(--placeholderTextColor)"
+  },
+  caretHidden: {
+    caretColor: "transparent"
+  }
+});
+var TextInput_default = TextInput;

package/dist/cjs/TextInput/types.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/TouchableNativeFeedback.cjs

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var TouchableNativeFeedback_exports = {};
+__export(TouchableNativeFeedback_exports, {
+  TouchableNativeFeedback: () => import_UnimplementedView.UnimplementedView
+});
+module.exports = __toCommonJS(TouchableNativeFeedback_exports);
+var import_UnimplementedView = require("./UnimplementedView.cjs");

package/dist/cjs/TouchableOpacity.cjs

@@ -0,0 +1,116 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var TouchableOpacity_exports = {};
+__export(TouchableOpacity_exports, {
+  TouchableOpacity: () => TouchableOpacity
+});
+module.exports = __toCommonJS(TouchableOpacity_exports);
+var React = __toESM(require("react"), 1),
+  import_react = require("react"),
+  import_react_native_web_internals = require("@hanzogui/react-native-web-internals"),
+  import_View = require("./View/index.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function TouchableOpacityImpl(props, forwardedRef) {
+  const {
+      activeOpacity,
+      delayPressIn,
+      delayPressOut,
+      delayLongPress,
+      disabled,
+      focusable,
+      onLongPress,
+      onPress,
+      onPressIn,
+      onPressOut,
+      rejectResponderTermination,
+      style,
+      ...rest
+    } = props,
+    hostRef = (0, import_react.useRef)(null),
+    setRef = (0, import_react_native_web_internals.useMergeRefs)(forwardedRef, hostRef),
+    [duration, setDuration] = (0, import_react.useState)("0s"),
+    [opacityOverride, setOpacityOverride] = (0, import_react.useState)(null),
+    setOpacityTo = (0, import_react.useCallback)((value, duration2) => {
+      setOpacityOverride(value), setDuration(duration2 ? `${duration2 / 1e3}s` : "0s");
+    }, [setOpacityOverride, setDuration]),
+    setOpacityActive = (0, import_react.useCallback)(duration2 => {
+      setOpacityTo(activeOpacity ?? 0.2, duration2);
+    }, [activeOpacity, setOpacityTo]),
+    setOpacityInactive = (0, import_react.useCallback)(duration2 => {
+      setOpacityTo(null, duration2);
+    }, [setOpacityTo]),
+    pressConfig = (0, import_react.useMemo)(() => ({
+      cancelable: !rejectResponderTermination,
+      disabled,
+      delayLongPress,
+      delayPressStart: delayPressIn,
+      delayPressEnd: delayPressOut,
+      onLongPress,
+      onPress,
+      onPressStart(event) {
+        const isGrant = event.dispatchConfig != null ? event.dispatchConfig.registrationName === "onResponderGrant" : event.type === "keydown";
+        setOpacityActive(isGrant ? 0 : 150), onPressIn?.(event);
+      },
+      onPressEnd(event) {
+        setOpacityInactive(250), onPressOut?.(event);
+      }
+    }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination, setOpacityActive, setOpacityInactive]),
+    pressEventHandlers = (0, import_react_native_web_internals.usePressEvents)(hostRef, pressConfig);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+    ...rest,
+    ...pressEventHandlers,
+    accessibilityDisabled: disabled,
+    focusable: !disabled && focusable !== !1,
+    ref: setRef,
+    style: [styles.root, !disabled && styles.actionable, style, opacityOverride != null && {
+      opacity: opacityOverride
+    }, {
+      transitionDuration: duration
+    }]
+  });
+}
+const styles = import_react_native_web_internals.StyleSheet.create({
+    root: {
+      transitionProperty: "opacity",
+      transitionDuration: "0.15s",
+      userSelect: "none"
+    },
+    actionable: {
+      cursor: "pointer",
+      touchAction: "manipulation"
+    }
+  }),
+  TouchableOpacity = React.memo(React.forwardRef(TouchableOpacityImpl));
+TouchableOpacity.displayName = "TouchableOpacity";
+TouchableOpacity.Mixin = {};