@multiplatform.one/components 5.0.26 → 6.0.0

package/dist/cjs/images/Image/Image.stories.cjs

@@ -0,0 +1,184 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var Image_stories_exports = {};
+__export(Image_stories_exports, {
+  BothDimensions: () => BothDimensions,
+  FullWidthResponsive: () => FullWidthResponsive,
+  Gallery: () => Gallery,
+  GifImage: () => GifImage,
+  HeightOnly: () => HeightOnly,
+  NoDimensions: () => NoDimensions,
+  ObjectFitContain: () => ObjectFitContain,
+  ObjectFitCover: () => ObjectFitCover,
+  SvgImage: () => SvgImage,
+  WidthOnly: () => WidthOnly,
+  WidthWithAspectRatio: () => WidthWithAspectRatio,
+  WithBorderRadius: () => WithBorderRadius,
+  default: () => Image_stories_default
+});
+module.exports = __toCommonJS(Image_stories_exports);
+var import_tamagui = require("tamagui");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const LANDSCAPE_IMG = "https://picsum.photos/id/10/800/400";
+const SQUARE_IMG = "https://picsum.photos/id/20/400/400";
+const SVG_IMG = "https://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg";
+const GIF_IMG = "https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif";
+const meta = {
+  title: "Components/Image",
+  component: import_index.Image,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+var Image_stories_default = meta;
+const BothDimensions = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Landscape with both dimensions",
+    width: 400,
+    height: 200
+  }
+};
+const WidthOnly = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Landscape with width only",
+    width: 400
+  }
+};
+const HeightOnly = {
+  args: {
+    src: SQUARE_IMG,
+    alt: "Square with height only",
+    height: 200
+  }
+};
+const WidthWithAspectRatio = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Landscape with width and aspect ratio",
+    width: 400,
+    aspectRatio: 16 / 9
+  }
+};
+const FullWidthResponsive = {
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    width: "100%",
+    maxWidth: 600,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+      src: LANDSCAPE_IMG,
+      alt: "Full width responsive",
+      width: "100%",
+      aspectRatio: 2
+    })
+  })
+};
+const ObjectFitCover = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Cover fit",
+    width: 300,
+    height: 300,
+    objectFit: "cover"
+  }
+};
+const ObjectFitContain = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Contain fit",
+    width: 300,
+    height: 300,
+    objectFit: "contain"
+  }
+};
+const SvgImage = {
+  args: {
+    src: SVG_IMG,
+    alt: "SVG logo",
+    width: 200,
+    height: 200
+  }
+};
+const GifImage = {
+  args: {
+    src: GIF_IMG,
+    alt: "Animated globe",
+    width: 200,
+    height: 200
+  }
+};
+const NoDimensions = {
+  args: {
+    src: SQUARE_IMG,
+    alt: "No explicit dimensions"
+  }
+};
+const WithBorderRadius = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Rounded image",
+    width: 300,
+    height: 200,
+    borderRadius: 16
+  }
+};
+const Gallery = {
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
+    padding: "$4",
+    maxWidth: 800,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+      src: LANDSCAPE_IMG,
+      alt: "Both dimensions",
+      width: 400,
+      height: 200,
+      testID: "gallery-both"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+      src: LANDSCAPE_IMG,
+      alt: "Width only",
+      width: 400,
+      testID: "gallery-width-only"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+      src: LANDSCAPE_IMG,
+      alt: "Width + aspect ratio",
+      width: 400,
+      aspectRatio: 16 / 9,
+      testID: "gallery-aspect-ratio"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+      src: SVG_IMG,
+      alt: "SVG",
+      width: 100,
+      height: 100,
+      testID: "gallery-svg"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+      src: GIF_IMG,
+      alt: "GIF",
+      width: 150,
+      height: 150,
+      testID: "gallery-gif"
+    })]
+  })
+};

package/dist/cjs/images/Image/Image.stories.native.js

@@ -0,0 +1,191 @@
+"use strict";
+
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var Image_stories_exports = {};
+__export(Image_stories_exports, {
+  BothDimensions: () => BothDimensions,
+  FullWidthResponsive: () => FullWidthResponsive,
+  Gallery: () => Gallery,
+  GifImage: () => GifImage,
+  HeightOnly: () => HeightOnly,
+  NoDimensions: () => NoDimensions,
+  ObjectFitContain: () => ObjectFitContain,
+  ObjectFitCover: () => ObjectFitCover,
+  SvgImage: () => SvgImage,
+  WidthOnly: () => WidthOnly,
+  WidthWithAspectRatio: () => WidthWithAspectRatio,
+  WithBorderRadius: () => WithBorderRadius,
+  default: () => Image_stories_default
+});
+module.exports = __toCommonJS(Image_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_index = require("./index.native.js");
+var LANDSCAPE_IMG = "https://picsum.photos/id/10/800/400";
+var SQUARE_IMG = "https://picsum.photos/id/20/400/400";
+var SVG_IMG = "https://upload.wikimedia.org/wikipedia/commons/0/02/SVG_logo.svg";
+var GIF_IMG = "https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif";
+var meta = {
+  title: "Components/Image",
+  component: import_index.Image,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+var Image_stories_default = meta;
+var BothDimensions = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Landscape with both dimensions",
+    width: 400,
+    height: 200
+  }
+};
+var WidthOnly = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Landscape with width only",
+    width: 400
+  }
+};
+var HeightOnly = {
+  args: {
+    src: SQUARE_IMG,
+    alt: "Square with height only",
+    height: 200
+  }
+};
+var WidthWithAspectRatio = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Landscape with width and aspect ratio",
+    width: 400,
+    aspectRatio: 16 / 9
+  }
+};
+var FullWidthResponsive = {
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      width: "100%",
+      maxWidth: 600,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+        src: LANDSCAPE_IMG,
+        alt: "Full width responsive",
+        width: "100%",
+        aspectRatio: 2
+      })
+    });
+  }
+};
+var ObjectFitCover = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Cover fit",
+    width: 300,
+    height: 300,
+    objectFit: "cover"
+  }
+};
+var ObjectFitContain = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Contain fit",
+    width: 300,
+    height: 300,
+    objectFit: "contain"
+  }
+};
+var SvgImage = {
+  args: {
+    src: SVG_IMG,
+    alt: "SVG logo",
+    width: 200,
+    height: 200
+  }
+};
+var GifImage = {
+  args: {
+    src: GIF_IMG,
+    alt: "Animated globe",
+    width: 200,
+    height: 200
+  }
+};
+var NoDimensions = {
+  args: {
+    src: SQUARE_IMG,
+    alt: "No explicit dimensions"
+  }
+};
+var WithBorderRadius = {
+  args: {
+    src: LANDSCAPE_IMG,
+    alt: "Rounded image",
+    width: 300,
+    height: 200,
+    borderRadius: 16
+  }
+};
+var Gallery = {
+  render: function render2() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$4",
+      padding: "$4",
+      maxWidth: 800,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+        src: LANDSCAPE_IMG,
+        alt: "Both dimensions",
+        width: 400,
+        height: 200,
+        testID: "gallery-both"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+        src: LANDSCAPE_IMG,
+        alt: "Width only",
+        width: 400,
+        testID: "gallery-width-only"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+        src: LANDSCAPE_IMG,
+        alt: "Width + aspect ratio",
+        width: 400,
+        aspectRatio: 16 / 9,
+        testID: "gallery-aspect-ratio"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+        src: SVG_IMG,
+        alt: "SVG",
+        width: 100,
+        height: 100,
+        testID: "gallery-svg"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Image, {
+        src: GIF_IMG,
+        alt: "GIF",
+        width: 150,
+        height: 150,
+        testID: "gallery-gif"
+      })]
+    });
+  }
+};
+//# sourceMappingURL=Image.stories.native.js.map

package/dist/cjs/images/Image/Image.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Image_stories_exports","__export","BothDimensions","FullWidthResponsive","Gallery","GifImage","HeightOnly","NoDimensions","ObjectFitContain","ObjectFitCover","SvgImage","WidthOnly","WidthWithAspectRatio","WithBorderRadius","default","Image_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_index","LANDSCAPE_IMG","SQUARE_IMG","SVG_IMG","GIF_IMG","meta","title","component","Image","parameters","status","type","args","src","alt","width","height","aspectRatio","render","jsx","View","maxWidth","children","objectFit","borderRadius","render2","jsxs","YStack","gap","padding","testID"],"sources":["../../../../src/images/Image/Image.stories.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/images/Image/index.cjs

@@ -0,0 +1,89 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var Image_exports = {};
+__export(Image_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(Image_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_useAssets = require("../../hooks/useAssets/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Image({
+  alt,
+  blurRadius: _blurRadius,
+  capInsets: _capInsets,
+  crossOrigin,
+  defaultSource: _defaultSource,
+  fadeDuration: _fadeDuration,
+  loadingIndicatorSource: _loadingIndicatorSource,
+  objectFit,
+  onError,
+  onLoad,
+  onLoadEnd,
+  onLoadStart,
+  onPartialLoad: _onPartialLoad,
+  onProgress,
+  progressiveRenderingEnabled: _progressiveRenderingEnabled,
+  referrerPolicy,
+  resizeMethod: _resizeMethod,
+  source: sourceProp,
+  src,
+  srcSet,
+  svg: _svg,
+  tintColor: _tintColor,
+  ...props
+}) {
+  const source = sourceProp || src;
+  const [asset] = (0, import_useAssets.useAssets)(typeof source === "number" ? [source] : []);
+  const imageUriSource = (0, import_react.useMemo)(() => {
+    if (typeof source === "string") {
+      return {
+        uri: source
+      };
+    }
+    if (typeof source === "number") return asset;
+    return source?.default || source;
+  }, [asset, source]);
+  const resolvedSrc = (0, import_react.useMemo)(() => {
+    if (typeof source === "string") return source;
+    if (!imageUriSource || Array.isArray(imageUriSource)) return void 0;
+    return imageUriSource.uri;
+  }, [source, imageUriSource]);
+  if (!resolvedSrc && typeof source !== "number") return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+    ...props,
+    alt,
+    crossOrigin,
+    objectFit,
+    onError,
+    onLoad,
+    onLoadEnd,
+    onLoadStart,
+    onProgress,
+    referrerPolicy,
+    source: imageUriSource,
+    src: resolvedSrc,
+    srcSet
+  });
+}

package/dist/cjs/images/Image/index.native.js

@@ -0,0 +1,202 @@
+"use strict";
+
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  Image: () => Image
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_tamagui2 = require("tamagui");
+var import_tamagui3 = require("tamagui");
+var import_useAssets = require("../../hooks/useAssets/index.native.js");
+var import_SvgUri = require("../SvgUri/index.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function Image(param) {
+  var {
+    alt,
+    blurRadius,
+    capInsets,
+    crossOrigin,
+    defaultSource,
+    fadeDuration,
+    loadingIndicatorSource,
+    objectFit,
+    onError,
+    onLoad,
+    onLoadEnd,
+    onLoadStart,
+    onPartialLoad,
+    onProgress,
+    progressiveRenderingEnabled,
+    referrerPolicy,
+    resizeMethod,
+    source: sourceProp,
+    src,
+    srcSet,
+    svg,
+    tintColor,
+    ...props
+  } = param;
+  var source = sourceProp || src;
+  var [asset] = (0, import_useAssets.useAssets)(typeof source === "number" ? [source] : []);
+  var style = (0, import_tamagui2.useStyle)(props);
+  var imageUriSource = (0, import_react.useMemo)(function () {
+    if (typeof source === "string") {
+      return {
+        uri: source
+      };
+    }
+    if (typeof source === "number") return asset;
+    return (source === null || source === void 0 ? void 0 : source.default) || source;
+  }, [asset, source]);
+  var resolvedSrc = (0, import_react.useMemo)(function () {
+    if (typeof source === "string") return source;
+    if (!imageUriSource || Array.isArray(imageUriSource)) return void 0;
+    return imageUriSource.uri;
+  }, [source, imageUriSource]);
+  var isSvg = (0, import_react.useMemo)(function () {
+    if (!resolvedSrc) return false;
+    return svg || /\.svg([?#]|$)/.test(resolvedSrc) || resolvedSrc.startsWith("data:image/svg+xml");
+  }, [resolvedSrc, svg]);
+  var aspectRatio = (0, import_react.useMemo)(function () {
+    var aspectRatio2;
+    if (typeof style.aspectRatio === "string") {
+      var separator = style.aspectRatio.includes("/") ? "/" : ":";
+      var [width, height] = style.aspectRatio.split(separator);
+      aspectRatio2 = Number.parseFloat(width || "0") / Number.parseFloat(height || "0");
+    } else if (style.aspectRatio) {
+      aspectRatio2 = style.aspectRatio;
+    } else if ((typeof imageUriSource === "undefined" ? "undefined" : _type_of(imageUriSource)) === "object" && !Array.isArray(imageUriSource)) {
+      var {
+        width: width1,
+        height: height1
+      } = imageUriSource;
+      if (typeof width1 === "number" && typeof height1 === "number" && height1 > 0) {
+        aspectRatio2 = width1 / height1;
+      }
+    }
+    return Number.isFinite(aspectRatio2) ? aspectRatio2 : void 0;
+  }, [style.aspectRatio, imageUriSource]);
+  var getDimensionFromStyle = (0, import_react.useCallback)(function (styleDimension) {
+    if (typeof styleDimension === "number") {
+      return Math.max(0, styleDimension);
+    }
+    if (typeof styleDimension === "string" && styleDimension.endsWith("px")) {
+      return Math.max(0, Number.parseInt(styleDimension, 10));
+    }
+    if (styleDimension && (typeof styleDimension === "undefined" ? "undefined" : _type_of(styleDimension)) === "object") {
+      var {
+        val
+      } = styleDimension;
+      if (typeof val === "number") return Math.max(0, val);
+      if (typeof val === "string" && val.endsWith("px")) {
+        return Math.max(0, Number.parseInt(val, 10));
+      }
+    }
+  }, []);
+  var calculatedHeight = (0, import_react.useMemo)(function () {
+    var height = getDimensionFromStyle(style.height);
+    var width = getDimensionFromStyle(style.width);
+    if (typeof height !== "undefined") return height;
+    if (typeof width === "number" && aspectRatio) {
+      return Math.round(width / aspectRatio);
+    }
+  }, [getDimensionFromStyle, style.height, style.width, aspectRatio]);
+  var calculatedWidth = (0, import_react.useMemo)(function () {
+    var width = getDimensionFromStyle(style.width);
+    var height = getDimensionFromStyle(style.height);
+    if (typeof width !== "undefined") return width;
+    if (typeof height === "number" && aspectRatio) {
+      return Math.round(height * aspectRatio);
+    }
+  }, [getDimensionFromStyle, style.height, style.width, aspectRatio]);
+  var fill = (0, import_react.useMemo)(function () {
+    var width = getDimensionFromStyle(style.width);
+    var height = getDimensionFromStyle(style.height);
+    return typeof width === "undefined" || typeof height === "undefined";
+  }, [getDimensionFromStyle, style.width, style.height]);
+  var preserveAspectRatio = (0, import_react.useMemo)(function () {
+    if (!objectFit) return void 0;
+    switch (objectFit) {
+      case "contain":
+        return "xMidYMid meet";
+      case "cover":
+        return "xMidYMid slice";
+      case "fill":
+        return "none";
+      case "none":
+        return "none";
+    }
+  }, [objectFit]);
+  if (!imageUriSource && !fill) return null;
+  if (isSvg && !Array.isArray(imageUriSource) && (imageUriSource === null || imageUriSource === void 0 ? void 0 : imageUriSource.uri)) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...props,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SvgUri.SvgUri, {
+        accessibilityLabel: alt,
+        height: fill ? void 0 : calculatedHeight,
+        onError,
+        onLoad,
+        preserveAspectRatio,
+        uri: imageUriSource.uri,
+        width: fill ? void 0 : calculatedWidth
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui3.Image, {
+      alt,
+      blurRadius,
+      capInsets,
+      crossOrigin,
+      defaultSource,
+      fadeDuration,
+      height: fill ? void 0 : calculatedHeight,
+      loadingIndicatorSource,
+      objectFit,
+      onError,
+      onLoad,
+      onLoadEnd,
+      onLoadStart,
+      onPartialLoad,
+      onProgress,
+      progressiveRenderingEnabled,
+      referrerPolicy,
+      resizeMethod,
+      source: imageUriSource,
+      srcSet,
+      tintColor,
+      width: fill ? void 0 : calculatedWidth
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/images/Image/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["index_native_exports","__export","Image","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_tamagui","import_tamagui2","import_tamagui3","import_useAssets","import_SvgUri","_type_of","obj","Symbol","constructor","param","alt","blurRadius","capInsets","crossOrigin","defaultSource","fadeDuration","loadingIndicatorSource","objectFit","onError","onLoad","onLoadEnd","onLoadStart","onPartialLoad","onProgress","progressiveRenderingEnabled","referrerPolicy","resizeMethod","source","sourceProp","src","srcSet","svg","tintColor","props","asset","useAssets","style","useStyle","imageUriSource","useMemo","uri","default","resolvedSrc","Array","isArray","isSvg","test","startsWith","aspectRatio","aspectRatio2","separator","includes","width","height","split","Number","parseFloat","width1","height1","isFinite","getDimensionFromStyle","useCallback","styleDimension","Math","max","endsWith","parseInt","val","calculatedHeight","round","calculatedWidth","fill","preserveAspectRatio","jsx","View","children","SvgUri","accessibilityLabel"],"sources":["../../../../src/images/Image/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}