@tamagui/react-native-web-lite 1.114.4 → 1.115.0

package/dist/cjs/TextInput/index.cjs

@@ -0,0 +1,277 @@
+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, {
+  default: () => TextInput_default
+});
+module.exports = __toCommonJS(TextInput_exports);
+var React = __toESM(require("react")),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_react_native_web_internals2 = require("@tamagui/react-native-web-internals"),
+  import_createElement = __toESM(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,
+    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 = function () {
+        hostNode != null && (hostNode.value = "");
+      }, hostNode.isFocused = function () {
+        return 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], supportedProps.type = multiline ? void 0 : type;
+  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.default)(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: {},
+  placeholder: {
+    placeholderTextColor: "var(--placeholderTextColor)"
+  }
+});
+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/TouchableOpacity.cjs

@@ -0,0 +1,117 @@
+"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, {
+  default: () => TouchableOpacity_default
+});
+module.exports = __toCommonJS(TouchableOpacity_exports);
+var React = __toESM(require("react")),
+  import_react = require("react"),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_View = __toESM(require("./View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+function TouchableOpacity(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.default, {
+    ...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"
+    }
+  }),
+  MemoedTouchableOpacity = React.memo(React.forwardRef(TouchableOpacity));
+MemoedTouchableOpacity.displayName = "TouchableOpacity";
+MemoedTouchableOpacity.Mixin = {};
+var TouchableOpacity_default = MemoedTouchableOpacity;

package/dist/cjs/{TouchableWithoutFeedback.js → TouchableWithoutFeedback.cjs}

@@ -2,60 +2,73 @@ 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 __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;
-};
+    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);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
 var TouchableWithoutFeedback_exports = {};
 __export(TouchableWithoutFeedback_exports, {
   default: () => TouchableWithoutFeedback_default
 });
 module.exports = __toCommonJS(TouchableWithoutFeedback_exports);
-var React = __toESM(require("react")), import_react = require("react"), import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var React = __toESM(require("react")),
+  import_react = require("react"),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 const forwardPropsList = {
-  accessibilityDisabled: !0,
-  accessibilityLabel: !0,
-  accessibilityLiveRegion: !0,
-  accessibilityRole: !0,
-  accessibilityState: !0,
-  accessibilityValue: !0,
-  children: !0,
-  disabled: !0,
-  focusable: !0,
-  nativeID: !0,
-  onBlur: !0,
-  onFocus: !0,
-  onLayout: !0,
-  testID: !0
-}, pickProps = (props) => (0, import_react_native_web_internals.pick)(props, forwardPropsList);
+    accessibilityDisabled: !0,
+    accessibilityLabel: !0,
+    accessibilityLiveRegion: !0,
+    accessibilityRole: !0,
+    accessibilityState: !0,
+    accessibilityValue: !0,
+    children: !0,
+    disabled: !0,
+    focusable: !0,
+    nativeID: !0,
+    onBlur: !0,
+    onFocus: !0,
+    onLayout: !0,
+    testID: !0
+  },
+  pickProps = props => (0, import_react_native_web_internals.pick)(props, forwardPropsList);
 function TouchableWithoutFeedback(props, forwardedRef) {
   const {
-    delayPressIn,
-    delayPressOut,
-    delayLongPress,
-    disabled,
-    focusable,
-    onLongPress,
-    onPress,
-    onPressIn,
-    onPressOut,
-    rejectResponderTermination
-  } = props, hostRef = (0, import_react.useRef)(null), pressConfig = (0, import_react.useMemo)(
-    () => ({
+      delayPressIn,
+      delayPressOut,
+      delayLongPress,
+      disabled,
+      focusable,
+      onLongPress,
+      onPress,
+      onPressIn,
+      onPressOut,
+      rejectResponderTermination
+    } = props,
+    hostRef = (0, import_react.useRef)(null),
+    pressConfig = (0, import_react.useMemo)(() => ({
       cancelable: !rejectResponderTermination,
       disabled,
       delayLongPress,
@@ -65,26 +78,15 @@ function TouchableWithoutFeedback(props, forwardedRef) {
       onPress,
       onPressStart: onPressIn,
       onPressEnd: onPressOut
-    }),
-    [
-      disabled,
-      delayPressIn,
-      delayPressOut,
-      delayLongPress,
-      onLongPress,
-      onPress,
-      onPressIn,
-      onPressOut,
-      rejectResponderTermination
-    ]
-  ), pressEventHandlers = (0, import_react_native_web_internals.usePressEvents)(hostRef, pressConfig), element = React.Children.only(props.children), children = [element.props.children], supportedProps = pickProps(props);
+    }), [disabled, delayPressIn, delayPressOut, delayLongPress, onLongPress, onPress, onPressIn, onPressOut, rejectResponderTermination]),
+    pressEventHandlers = (0, import_react_native_web_internals.usePressEvents)(hostRef, pressConfig),
+    element = React.Children.only(props.children),
+    children = [element.props.children],
+    supportedProps = pickProps(props);
   supportedProps.accessibilityDisabled = disabled, supportedProps.focusable = !disabled && focusable !== !1, supportedProps.ref = (0, import_react_native_web_internals.useMergeRefs)(forwardedRef, hostRef, element.ref);
   const elementProps = Object.assign(supportedProps, pressEventHandlers);
   return React.cloneElement(element, elementProps, ...children);
 }
-const MemoedTouchableWithoutFeedback = React.memo(
-  React.forwardRef(TouchableWithoutFeedback)
-);
+const MemoedTouchableWithoutFeedback = React.memo(React.forwardRef(TouchableWithoutFeedback));
 MemoedTouchableWithoutFeedback.displayName = "TouchableWithoutFeedback";
-var TouchableWithoutFeedback_default = MemoedTouchableWithoutFeedback;
-//# sourceMappingURL=TouchableWithoutFeedback.js.map
+var TouchableWithoutFeedback_default = MemoedTouchableWithoutFeedback;

package/dist/cjs/UnimplementedView.cjs

@@ -0,0 +1,47 @@
+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 UnimplementedView_exports = {};
+__export(UnimplementedView_exports, {
+  default: () => UnimplementedView
+});
+module.exports = __toCommonJS(UnimplementedView_exports);
+var import_react = __toESM(require("react")),
+  import_View = __toESM(require("./View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+class UnimplementedView extends import_react.default.Component {
+  setNativeProps = () => {};
+  render() {
+    return process.env.NODE_ENV === "development" && console.warn("Unimplemented view"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+      ...this.props
+    });
+  }
+}

package/dist/cjs/Vibration/index.cjs

@@ -0,0 +1,37 @@
+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 Vibration_exports = {};
+__export(Vibration_exports, {
+  default: () => Vibration_default
+});
+module.exports = __toCommonJS(Vibration_exports);
+const vibrate = pattern => {
+    "vibrate" in window.navigator && window.navigator.vibrate(pattern);
+  },
+  Vibration = {
+    cancel() {
+      vibrate(0);
+    },
+    vibrate(pattern = 400) {
+      vibrate(pattern);
+    }
+  };
+var Vibration_default = Vibration;