@hanzogui/react-native-web-lite 2.0.0

package/dist/cjs/Dimensions/__tests__/index-test.cjs

@@ -0,0 +1,54 @@
+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 __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));
+var import__ = __toESM(require("../index.cjs"), 1);
+describe("apis/Dimensions/index.js", () => {
+  test("get", () => {
+    expect(import__.default.get("screen")).toMatchInlineSnapshot(`
+      {
+        "fontScale": 1,
+        "height": 0,
+        "scale": 1,
+        "width": 0,
+      }
+    `), expect(import__.default.get("window")).toMatchInlineSnapshot(`
+      {
+        "fontScale": 1,
+        "height": 768,
+        "scale": 1,
+        "width": 1024,
+      }
+    `);
+  }), test("set", () => {
+    expect(() => import__.default.set({})).toThrow();
+  }), test("addEventListener", () => {
+    const handler = jest.fn(),
+      subscription = import__.default.addEventListener("change", handler);
+    import__.default._update(), expect(handler).toHaveBeenCalledTimes(1), expect(handler).toHaveBeenLastCalledWith({
+      window: import__.default.get("window"),
+      screen: import__.default.get("screen")
+    }), subscription.remove(), import__.default._update(), expect(handler).toHaveBeenCalledTimes(1);
+  }), test("removeEventListener", () => {
+    const handler = jest.fn();
+    import__.default.removeEventListener("change", handler), import__.default._update(), expect(handler).toHaveBeenCalledTimes(0);
+  });
+});

package/dist/cjs/Dimensions/index.cjs

@@ -0,0 +1,82 @@
+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 Dimensions_exports = {};
+__export(Dimensions_exports, {
+  Dimensions: () => Dimensions,
+  default: () => Dimensions_default
+});
+module.exports = __toCommonJS(Dimensions_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals");
+const dimensions = {
+    window: {
+      fontScale: 1,
+      height: 0,
+      scale: 1,
+      width: 0
+    },
+    screen: {
+      fontScale: 1,
+      height: 0,
+      scale: 1,
+      width: 0
+    }
+  },
+  listeners = {};
+let shouldInit = import_react_native_web_internals.canUseDOM;
+function update() {
+  if (!import_react_native_web_internals.canUseDOM) return;
+  const win = window,
+    docEl = win.document.documentElement;
+  dimensions.window = {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth
+  }, dimensions.screen = {
+    fontScale: 1,
+    height: win.screen.height,
+    scale: win.devicePixelRatio || 1,
+    width: win.screen.width
+  };
+}
+function handleResize() {
+  update(), Array.isArray(listeners.change) && listeners.change.forEach(handler => handler(dimensions));
+}
+class Dimensions {
+  static get(dimension) {
+    return shouldInit && (shouldInit = !1, update()), (0, import_react_native_web_internals.invariant)(dimensions[dimension], `No dimension set for key ${dimension}`), dimensions[dimension];
+  }
+  static set(initialDimensions) {
+    initialDimensions && (import_react_native_web_internals.canUseDOM ? (0, import_react_native_web_internals.invariant)(!1, "Dimensions cannot be set in the browser") : (initialDimensions.screen != null && (dimensions.screen = initialDimensions.screen), initialDimensions.window != null && (dimensions.window = initialDimensions.window)));
+  }
+  static addEventListener(type, handler) {
+    return listeners[type] = listeners[type] || [], listeners[type].push(handler), {
+      remove: () => {
+        this.removeEventListener(type, handler);
+      }
+    };
+  }
+  static removeEventListener(type, handler) {
+    Array.isArray(listeners[type]) && (listeners[type] = listeners[type].filter(_handler => _handler !== handler));
+  }
+}
+import_react_native_web_internals.canUseDOM && window.addEventListener("resize", handleResize, !1);
+var Dimensions_default = Dimensions;

package/dist/cjs/FlatList.cjs

@@ -0,0 +1,197 @@
+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 FlatList_exports = {};
+__export(FlatList_exports, {
+  FlatList: () => FlatList,
+  default: () => FlatList_default
+});
+module.exports = __toCommonJS(FlatList_exports);
+var import_react_native_web_internals = require("@hanzogui/react-native-web-internals"),
+  import_memoize_one = __toESM(require("memoize-one"), 1),
+  import_react = __toESM(require("react"), 1),
+  import_deepDiffer = require("./vendor/react-native/deepDiffer/index.cjs"),
+  import_VirtualizedList = require("./vendor/react-native/VirtualizedList/index.cjs"),
+  import_VirtualizeUtils = require("./vendor/react-native/VirtualizeUtils/index.cjs"),
+  import_View = require("./View/index.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function removeClippedSubviewsOrDefault(removeClippedSubviews) {
+  return removeClippedSubviews ?? import_react_native_web_internals.Platform.OS === "android";
+}
+function numColumnsOrDefault(numColumns) {
+  return numColumns ?? 1;
+}
+function isArrayLike(data) {
+  return typeof Object(data).length == "number";
+}
+class FlatList extends import_react.default.PureComponent {
+  props;
+  _listRef = null;
+  _virtualizedListPairs = [];
+  constructor(props) {
+    super(props), this.props = props, this._checkProps(this.props), this.props.viewabilityConfigCallbackPairs ? this._virtualizedListPairs = this.props.viewabilityConfigCallbackPairs.map(pair => ({
+      viewabilityConfig: pair.viewabilityConfig,
+      onViewableItemsChanged: this._createOnViewableItemsChanged(pair.onViewableItemsChanged)
+    })) : this.props.onViewableItemsChanged && this._virtualizedListPairs.push({
+      viewabilityConfig: this.props.viewabilityConfig,
+      onViewableItemsChanged: this._createOnViewableItemsChanged(this.props.onViewableItemsChanged)
+    });
+  }
+  componentDidUpdate(prevProps) {
+    (0, import_react_native_web_internals.invariant)(prevProps.numColumns === this.props.numColumns, "Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component."), (0, import_react_native_web_internals.invariant)(prevProps.onViewableItemsChanged === this.props.onViewableItemsChanged, "Changing onViewableItemsChanged on the fly is not supported"), (0, import_react_native_web_internals.invariant)(!(0, import_deepDiffer.deepDiffer)(prevProps.viewabilityConfig, this.props.viewabilityConfig), "Changing viewabilityConfig on the fly is not supported"), (0, import_react_native_web_internals.invariant)(prevProps.viewabilityConfigCallbackPairs === this.props.viewabilityConfigCallbackPairs, "Changing viewabilityConfigCallbackPairs on the fly is not supported"), this._checkProps(this.props);
+  }
+  _captureRef = ref => {
+    this._listRef = ref;
+  };
+  _checkProps(props) {
+    const {
+        getItem,
+        getItemCount,
+        horizontal,
+        columnWrapperStyle,
+        onViewableItemsChanged,
+        viewabilityConfigCallbackPairs
+      } = props,
+      numColumns = numColumnsOrDefault(this.props.numColumns);
+    (0, import_react_native_web_internals.invariant)(!getItem && !getItemCount, "FlatList does not support custom data formats."), numColumns > 1 ? (0, import_react_native_web_internals.invariant)(!horizontal, "numColumns does not support horizontal.") : (0, import_react_native_web_internals.invariant)(!columnWrapperStyle, "columnWrapperStyle not supported for single column lists"), (0, import_react_native_web_internals.invariant)(!(onViewableItemsChanged && viewabilityConfigCallbackPairs), "FlatList does not support setting both onViewableItemsChanged and viewabilityConfigCallbackPairs.");
+  }
+  _getItem = (data, index) => {
+    const numColumns = numColumnsOrDefault(this.props.numColumns);
+    if (numColumns > 1) {
+      const ret = [];
+      for (let kk = 0; kk < numColumns; kk++) {
+        const itemIndex = index * numColumns + kk;
+        if (itemIndex < data.length) {
+          const item = data[itemIndex];
+          ret.push(item);
+        }
+      }
+      return ret;
+    } else return data[index];
+  };
+  _getItemCount = data => {
+    if (data != null && isArrayLike(data)) {
+      const numColumns = numColumnsOrDefault(this.props.numColumns);
+      return numColumns > 1 ? Math.ceil(data.length / numColumns) : data.length;
+    } else return 0;
+  };
+  _keyExtractor = (items, index) => {
+    const numColumns = numColumnsOrDefault(this.props.numColumns),
+      keyExtractor = this.props.keyExtractor ?? import_VirtualizeUtils.keyExtractor;
+    return numColumns > 1 ? ((0, import_react_native_web_internals.invariant)(Array.isArray(items), "FlatList: Expected each item to be an array with multiple columns."), items.map((item, kk) => keyExtractor(item, index * numColumns + kk)).join(":")) : keyExtractor(items, index);
+  };
+  _pushMultiColumnViewable(arr, v) {
+    const numColumns = numColumnsOrDefault(this.props.numColumns),
+      keyExtractor = this.props.keyExtractor ?? import_VirtualizeUtils.keyExtractor;
+    v.item.forEach((item, ii) => {
+      (0, import_react_native_web_internals.invariant)(v.index != null, "Missing index!");
+      const index = v.index * numColumns + ii;
+      arr.push({
+        ...v,
+        item,
+        key: keyExtractor(item, index),
+        index
+      });
+    });
+  }
+  _createOnViewableItemsChanged(onViewableItemsChanged) {
+    return info => {
+      const numColumns = numColumnsOrDefault(this.props.numColumns);
+      if (onViewableItemsChanged) if (numColumns > 1) {
+        const changed = [],
+          viewableItems = [];
+        info.viewableItems.forEach(v => this._pushMultiColumnViewable(viewableItems, v)), info.changed.forEach(v => this._pushMultiColumnViewable(changed, v)), onViewableItemsChanged({
+          viewableItems,
+          changed
+        });
+      } else onViewableItemsChanged(info);
+    };
+  }
+  _renderer = (ListItemComponent, renderItem, columnWrapperStyle, numColumns, extraData) => {
+    const cols = numColumnsOrDefault(numColumns),
+      render = props => ListItemComponent ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemComponent, {
+        ...props
+      }) : renderItem ? renderItem(props) : null,
+      renderProp = info => {
+        if (cols > 1) {
+          const {
+            item,
+            index
+          } = info;
+          return (0, import_react_native_web_internals.invariant)(Array.isArray(item), "Expected array of items with numColumns > 1"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+            style: [styles.row, columnWrapperStyle],
+            children: item.map((it, kk) => {
+              const element = render({
+                item: it,
+                index: index * cols + kk,
+                separators: info.separators
+              });
+              return element != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.default.Fragment, {
+                children: element
+              }, kk) : null;
+            })
+          });
+        } else return render(info);
+      };
+    return ListItemComponent ? {
+      ListItemComponent: renderProp
+    } : {
+      renderItem: renderProp
+    };
+  };
+  _memoizedRenderer = (0, import_memoize_one.default)(this._renderer);
+  render() {
+    const {
+        numColumns,
+        columnWrapperStyle,
+        removeClippedSubviews: _removeClippedSubviews,
+        strictMode = !1,
+        ...restProps
+      } = this.props,
+      renderer = strictMode ? this._memoizedRenderer : this._renderer;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_VirtualizedList.VirtualizedList, {
+      ...restProps,
+      getItem: this._getItem,
+      getItemCount: this._getItemCount,
+      keyExtractor: this._keyExtractor,
+      ref: this._captureRef,
+      viewabilityConfigCallbackPairs: this._virtualizedListPairs,
+      removeClippedSubviews: removeClippedSubviewsOrDefault(_removeClippedSubviews),
+      ...renderer(this.props.ListItemComponent, this.props.renderItem, columnWrapperStyle, numColumns, this.props.extraData)
+    });
+  }
+}
+const styles = {
+  row: {
+    flexDirection: "row"
+  }
+};
+var FlatList_default = FlatList;

package/dist/cjs/I18nManager/index.cjs

@@ -0,0 +1,34 @@
+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 I18nManager_exports = {};
+__export(I18nManager_exports, {
+  I18nManager: () => I18nManager
+});
+module.exports = __toCommonJS(I18nManager_exports);
+const I18nManager = {
+  allowRTL() {},
+  forceRTL() {},
+  getConstants() {
+    return {
+      isRTL: !1
+    };
+  }
+};

package/dist/cjs/Image/index.cjs

@@ -0,0 +1,293 @@
+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 Image_exports = {};
+__export(Image_exports, {
+  Image: () => ImageWithStatics,
+  default: () => Image_default
+});
+module.exports = __toCommonJS(Image_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"),
+  import_PixelRatio = require("../PixelRatio/index.cjs"),
+  import_View = require("../View/index.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const ERRORED = "ERRORED",
+  LOADED = "LOADED",
+  LOADING = "LOADING",
+  IDLE = "IDLE";
+let _filterId = 0;
+const svgDataUriPattern = /^(data:image\/svg\+xml;utf8,)(.*)/;
+function createTintColorSVG(tintColor, id) {
+  return tintColor && id != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("svg", {
+    style: {
+      position: "absolute",
+      height: 0,
+      visibility: "hidden",
+      width: 0
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("defs", {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)("filter", {
+        id: `tint-${id}`,
+        suppressHydrationWarning: !0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("feFlood", {
+          floodColor: `${tintColor}`
+        }, tintColor), /* @__PURE__ */(0, import_jsx_runtime.jsx)("feComposite", {
+          in2: "SourceAlpha",
+          operator: "atop"
+        })]
+      })
+    })
+  }) : null;
+}
+function getFlatStyle(style, blurRadius, filterId) {
+  const flatStyle = import_react_native_web_internals.StyleSheet.flatten(style),
+    {
+      filter,
+      resizeMode,
+      shadowOffset,
+      tintColor
+    } = flatStyle,
+    filters = [];
+  let _filter = null;
+  if (filter && filters.push(filter), blurRadius && filters.push(`blur(${blurRadius}px)`), shadowOffset) {
+    const shadowString = (0, import_react_native_web_internals.createBoxShadowValue)(flatStyle);
+    shadowString && filters.push(`drop-shadow(${shadowString})`);
+  }
+  return tintColor && filterId != null && filters.push(`url(#tint-${filterId})`), filters.length > 0 && (_filter = filters.join(" ")), delete flatStyle.blurRadius, delete flatStyle.shadowColor, delete flatStyle.shadowOpacity, delete flatStyle.shadowOffset, delete flatStyle.shadowRadius, delete flatStyle.tintColor, delete flatStyle.overlayColor, delete flatStyle.resizeMode, [flatStyle, resizeMode, _filter, tintColor];
+}
+function resolveAssetDimensions(source) {
+  if (typeof source == "number") {
+    const {
+      height,
+      width
+    } = (0, import_react_native_web_internals2.getAssetByID)(source);
+    return {
+      height,
+      width
+    };
+  } else if (source != null && !Array.isArray(source) && typeof source == "object") {
+    const {
+      height,
+      width
+    } = source;
+    return {
+      height,
+      width
+    };
+  }
+}
+function resolveAssetUri(source) {
+  let uri = null;
+  if (typeof source == "number") {
+    const asset = (0, import_react_native_web_internals2.getAssetByID)(source);
+    let scale = asset.scales[0];
+    if (asset.scales.length > 1) {
+      const preferredScale = import_PixelRatio.PixelRatio.get();
+      scale = asset.scales.reduce((prev, curr) => Math.abs(curr - preferredScale) < Math.abs(prev - preferredScale) ? curr : prev);
+    }
+    const scaleSuffix = scale !== 1 ? `@${scale}x` : "";
+    uri = asset ? `${asset.httpServerLocation}/${asset.name}${scaleSuffix}.${asset.type}` : "";
+  } else typeof source == "string" ? uri = source : source && typeof source.uri == "string" && (uri = source.uri);
+  if (uri) {
+    const match = uri.match(svgDataUriPattern);
+    if (match) {
+      const [, prefix, svg] = match,
+        encodedSvg = encodeURIComponent(svg);
+      return `${prefix}${encodedSvg}`;
+    }
+  }
+  return uri;
+}
+const Image = React.forwardRef((props, ref) => {
+  const {
+    accessibilityLabel,
+    blurRadius,
+    defaultSource,
+    draggable,
+    onError,
+    onLayout,
+    onLoad,
+    onLoadEnd,
+    onLoadStart,
+    pointerEvents,
+    source,
+    style,
+    ...rest
+  } = props;
+  if (process.env.NODE_ENV !== "production" && props.children) throw new Error("The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.");
+  const [state, updateState] = React.useState(() => {
+      const uri2 = resolveAssetUri(source);
+      return uri2 != null && import_react_native_web_internals2.ImageLoader.has(uri2) ? LOADED : IDLE;
+    }),
+    [layout, updateLayout] = React.useState({}),
+    hasTextAncestor = React.useContext(import_react_native_web_internals.TextAncestorContext),
+    hiddenImageRef = React.useRef(null),
+    filterRef = React.useRef(_filterId++),
+    requestRef = React.useRef(null),
+    shouldDisplaySource = state === LOADED || state === LOADING && defaultSource == null,
+    [flatStyle, _resizeMode, filter, tintColor] = getFlatStyle({}, blurRadius, filterRef.current),
+    resizeMode = props.resizeMode || _resizeMode || "cover",
+    selectedSource = shouldDisplaySource ? source : defaultSource,
+    displayImageUri = resolveAssetUri(selectedSource),
+    imageSizeStyle = resolveAssetDimensions(selectedSource),
+    backgroundImage = displayImageUri ? `url("${displayImageUri}")` : null,
+    backgroundSize = getBackgroundSize(),
+    hiddenImage = displayImageUri ? (0, import_createElement.createElement)("img", {
+      alt: accessibilityLabel || "",
+      style: styles.accessibilityImage$raw,
+      draggable: draggable || !1,
+      ref: hiddenImageRef,
+      src: displayImageUri
+    }) : null;
+  function getBackgroundSize() {
+    if (hiddenImageRef.current != null && (resizeMode === "center" || resizeMode === "repeat")) {
+      const {
+          naturalHeight,
+          naturalWidth
+        } = hiddenImageRef.current,
+        {
+          height,
+          width
+        } = layout;
+      if (naturalHeight && naturalWidth && height && width) {
+        const scaleFactor = Math.min(1, width / naturalWidth, height / naturalHeight),
+          x = Math.ceil(scaleFactor * naturalWidth),
+          y = Math.ceil(scaleFactor * naturalHeight);
+        return `${x}px ${y}px`;
+      }
+    }
+  }
+  function handleLayout(e) {
+    if (resizeMode === "center" || resizeMode === "repeat" || onLayout) {
+      const {
+        layout: layout2
+      } = e.nativeEvent;
+      onLayout && onLayout(e), updateLayout(layout2);
+    }
+  }
+  const uri = resolveAssetUri(source);
+  return React.useEffect(() => {
+    abortPendingRequest(), uri != null && (updateState(LOADING), onLoadStart && onLoadStart(), requestRef.current = import_react_native_web_internals2.ImageLoader.load(uri, function (e) {
+      updateState(LOADED), onLoad && onLoad(e), onLoadEnd && onLoadEnd();
+    }, function () {
+      updateState(ERRORED), onError && onError({
+        nativeEvent: {
+          error: `Failed to load resource ${uri} (404)`
+        }
+      }), onLoadEnd && onLoadEnd();
+    }));
+    function abortPendingRequest() {
+      requestRef.current != null && (import_react_native_web_internals2.ImageLoader.abort(requestRef.current), requestRef.current = null);
+    }
+    return abortPendingRequest;
+  }, [uri, requestRef, updateState, onError, onLoad, onLoadEnd, onLoadStart]), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_View.View, {
+    ...rest,
+    "aria-label": accessibilityLabel,
+    onLayout: handleLayout,
+    pointerEvents,
+    ref,
+    style: [style, styles.root, hasTextAncestor && styles.inline, imageSizeStyle, flatStyle],
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+      style: [...[].concat(styles.image), resizeModeStyles[resizeMode], {
+        backgroundImage,
+        filter
+      }, backgroundSize != null && {
+        backgroundSize
+      }],
+      suppressHydrationWarning: !0
+    }), hiddenImage, createTintColorSVG(tintColor, filterRef.current)]
+  });
+});
+Image.displayName = "Image";
+const ImageWithStatics = Image;
+ImageWithStatics.getSize = function (uri, success, failure) {
+  import_react_native_web_internals2.ImageLoader.getSize(uri, success, failure);
+};
+ImageWithStatics.prefetch = function (uri) {
+  return import_react_native_web_internals2.ImageLoader.prefetch(uri);
+};
+ImageWithStatics.queryCache = function (uris) {
+  return import_react_native_web_internals2.ImageLoader.queryCache(uris);
+};
+const styles = import_react_native_web_internals.StyleSheet.create({
+    root: {
+      flexBasis: "auto",
+      overflow: "hidden",
+      zIndex: 0
+    },
+    inline: {
+      display: "inline-flex"
+    },
+    image: {
+      ...import_react_native_web_internals.StyleSheet.absoluteFillObject,
+      backgroundColor: "transparent",
+      backgroundPosition: "center",
+      backgroundRepeat: "no-repeat",
+      backgroundSize: "cover",
+      height: "100%",
+      width: "100%",
+      zIndex: -1
+    },
+    accessibilityImage$raw: {
+      ...import_react_native_web_internals.StyleSheet.absoluteFillObject,
+      height: "100%",
+      opacity: 0,
+      width: "100%",
+      zIndex: -1
+    }
+  }),
+  resizeModeStyles = import_react_native_web_internals.StyleSheet.create({
+    center: {
+      backgroundSize: "auto"
+    },
+    contain: {
+      backgroundSize: "contain"
+    },
+    cover: {
+      backgroundSize: "cover"
+    },
+    none: {
+      backgroundPosition: "0",
+      backgroundSize: "auto"
+    },
+    repeat: {
+      backgroundPosition: "0",
+      backgroundRepeat: "repeat",
+      backgroundSize: "auto"
+    },
+    stretch: {
+      backgroundSize: "100% 100%"
+    }
+  });
+var Image_default = ImageWithStatics;

package/dist/cjs/Image/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);