@multiplatform.one/components 0.2.0

package/dist/jsx/hooks/useAnimationDriverToggle.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { AnimationDriverTogglerContext } from "../providers/AnimationDriverTogglerContextProvider";
+const useAnimationDriverToggler = () => {
+  const contextValue = useContext(AnimationDriverTogglerContext);
+  if (!contextValue)
+    throw new Error("Should be used within the AnimationDriverTogglerContext provider");
+  return contextValue;
+};
+export {
+  useAnimationDriverToggler
+};
+//# sourceMappingURL=useAnimationDriverToggle.js.map

package/dist/jsx/hooks/useAnimationDriverToggle.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useAnimationDriverToggle.ts"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,qCAAqC;AAEvC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,eAAe,WAAW,6BAA6B;AAC7D,MAAI,CAAC;AAAc,UAAM,IAAI,MAAM,kEAAkE;AACrG,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/hooks/useAnimationDriverToggle.mjs

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { AnimationDriverTogglerContext } from "../providers/AnimationDriverTogglerContextProvider";
+const useAnimationDriverToggler = () => {
+  const contextValue = useContext(AnimationDriverTogglerContext);
+  if (!contextValue)
+    throw new Error("Should be used within the AnimationDriverTogglerContext provider");
+  return contextValue;
+};
+export {
+  useAnimationDriverToggler
+};
+//# sourceMappingURL=useAnimationDriverToggle.mjs.map

package/dist/jsx/hooks/useAnimationDriverToggle.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useAnimationDriverToggle.ts"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,qCAAqC;AAEvC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,eAAe,WAAW,6BAA6B;AAC7D,MAAI,CAAC;AAAc,UAAM,IAAI,MAAM,kEAAkE;AACrG,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/hooks/useAssets/index.js

@@ -0,0 +1,21 @@
+function useAssets(modules) {
+  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module) => {
+    if (typeof module.default !== "undefined" && module.__esModule === true)
+      return module.default;
+    return module;
+  });
+  return modulesArr.map(
+    (module) => typeof module === "string" ? {
+      uri: module
+    } : {
+      uri: module.src,
+      height: module.height,
+      blurDataURL: module.blurDataURL,
+      width: module.width
+    }
+  );
+}
+export {
+  useAssets
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/hooks/useAssets/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/hooks/useAssets/index.ts"],
+  "mappings": "AAEO,SAAS,UAAU,SAA6C;AACrE,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAgB;AACrF,QAAI,OAAO,OAAO,YAAY,eAAe,OAAO,eAAe;AAAM,aAAO,OAAO;AACvF,WAAO;AAAA,EACT,CAAC;AACD,SAAO,WAAW;AAAA,IAAI,CAAC,WACrB,OAAO,WAAW,WACd;AAAA,MACE,KAAK;AAAA,IACP,IACA;AAAA,MACE,KAAK,OAAO;AAAA,MACZ,QAAQ,OAAO;AAAA,MACf,aAAa,OAAO;AAAA,MACpB,OAAO,OAAO;AAAA,IAChB;AAAA,EACN;AACF;",
+  "names": []
+}

package/dist/jsx/hooks/useAssets/index.mjs

@@ -0,0 +1,21 @@
+function useAssets(modules) {
+  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module) => {
+    if (typeof module.default !== "undefined" && module.__esModule === true)
+      return module.default;
+    return module;
+  });
+  return modulesArr.map(
+    (module) => typeof module === "string" ? {
+      uri: module
+    } : {
+      uri: module.src,
+      height: module.height,
+      blurDataURL: module.blurDataURL,
+      width: module.width
+    }
+  );
+}
+export {
+  useAssets
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/hooks/useAssets/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/hooks/useAssets/index.ts"],
+  "mappings": "AAEO,SAAS,UAAU,SAA6C;AACrE,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAgB;AACrF,QAAI,OAAO,OAAO,YAAY,eAAe,OAAO,eAAe;AAAM,aAAO,OAAO;AACvF,WAAO;AAAA,EACT,CAAC;AACD,SAAO,WAAW;AAAA,IAAI,CAAC,WACrB,OAAO,WAAW,WACd;AAAA,MACE,KAAK;AAAA,IACP,IACA;AAAA,MACE,KAAK,OAAO;AAAA,MACZ,QAAQ,OAAO;AAAA,MACf,aAAa,OAAO;AAAA,MACpB,OAAO,OAAO;AAAA,IAChB;AAAA,EACN;AACF;",
+  "names": []
+}

package/dist/jsx/hooks/useAssets/index.native.js

@@ -0,0 +1,29 @@
+import { useAssets as expoUseAssets } from "expo-asset";
+const logger = console;
+function useAssets(modules) {
+  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module) => {
+    if (typeof module.default !== "undefined" && module.__esModule === true)
+      return module.default;
+    return module;
+  });
+  const [assets, err] = expoUseAssets(modulesArr);
+  if (err)
+    logger.error(err);
+  if (!assets)
+    return new Array(modulesArr.length);
+  return assets.map((asset) => ({
+    type: asset.type,
+    uri: asset.uri,
+    width: asset.width || void 0,
+    height: asset.height || void 0,
+    name: asset.name,
+    hash: asset.hash,
+    localUri: asset.localUri,
+    downloading: asset.downloading,
+    downloaded: asset.downloaded
+  }));
+}
+export {
+  useAssets
+};
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/hooks/useAssets/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/hooks/useAssets/index.native.ts"],
+  "mappings": "AAEA,SAAS,aAAa,qBAAqB;AAE3C,MAAM,SAAS;AAER,SAAS,UAAU,SAA6C;AACrE,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAgB;AACrF,QAAI,OAAO,OAAO,YAAY,eAAe,OAAO,eAAe;AAAM,aAAO,OAAO;AACvF,WAAO;AAAA,EACT,CAAC;AACD,QAAM,CAAC,QAAQ,GAAG,IAAI,cAAc,UAAU;AAC9C,MAAI;AAAK,WAAO,MAAM,GAAG;AACzB,MAAI,CAAC;AAAQ,WAAO,IAAI,MAAM,WAAW,MAAM;AAC/C,SAAO,OAAO,IAAI,CAAC,WAAsB;AAAA,IACvC,MAAM,MAAM;AAAA,IACZ,KAAK,MAAM;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,QAAQ,MAAM,UAAU;AAAA,IACxB,MAAM,MAAM;AAAA,IACZ,MAAM,MAAM;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EACpB,EAAE;AACJ;",
+  "names": []
+}

package/dist/jsx/hooks/useAssets/index.native.mjs

@@ -0,0 +1,29 @@
+import { useAssets as expoUseAssets } from "expo-asset";
+const logger = console;
+function useAssets(modules) {
+  const modulesArr = (Array.isArray(modules) ? modules : [modules]).map((module) => {
+    if (typeof module.default !== "undefined" && module.__esModule === true)
+      return module.default;
+    return module;
+  });
+  const [assets, err] = expoUseAssets(modulesArr);
+  if (err)
+    logger.error(err);
+  if (!assets)
+    return new Array(modulesArr.length);
+  return assets.map((asset) => ({
+    type: asset.type,
+    uri: asset.uri,
+    width: asset.width || void 0,
+    height: asset.height || void 0,
+    name: asset.name,
+    hash: asset.hash,
+    localUri: asset.localUri,
+    downloading: asset.downloading,
+    downloaded: asset.downloaded
+  }));
+}
+export {
+  useAssets
+};
+//# sourceMappingURL=index.native.mjs.map

package/dist/jsx/hooks/useAssets/index.native.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/hooks/useAssets/index.native.ts"],
+  "mappings": "AAEA,SAAS,aAAa,qBAAqB;AAE3C,MAAM,SAAS;AAER,SAAS,UAAU,SAA6C;AACrE,QAAM,cAAc,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,WAAgB;AACrF,QAAI,OAAO,OAAO,YAAY,eAAe,OAAO,eAAe;AAAM,aAAO,OAAO;AACvF,WAAO;AAAA,EACT,CAAC;AACD,QAAM,CAAC,QAAQ,GAAG,IAAI,cAAc,UAAU;AAC9C,MAAI;AAAK,WAAO,MAAM,GAAG;AACzB,MAAI,CAAC;AAAQ,WAAO,IAAI,MAAM,WAAW,MAAM;AAC/C,SAAO,OAAO,IAAI,CAAC,WAAsB;AAAA,IACvC,MAAM,MAAM;AAAA,IACZ,KAAK,MAAM;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,QAAQ,MAAM,UAAU;AAAA,IACxB,MAAM,MAAM;AAAA,IACZ,MAAM,MAAM;AAAA,IACZ,UAAU,MAAM;AAAA,IAChB,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EACpB,EAAE;AACJ;",
+  "names": []
+}

package/dist/jsx/hooks/useAssets/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/jsx/hooks/useAssets/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/hooks/useAssets/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/hooks/useAssets/types.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/hooks/useClipboard.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+import { useEvent } from "tamagui";
+const copyToClipboard = (text) => {
+  return navigator.clipboard.writeText(text);
+};
+function useClipboard(text = "", timeout = 1500) {
+  const [hasCopied, setHasCopied] = useState(false);
+  const onCopy = useEvent(async () => {
+    await copyToClipboard(text);
+    setHasCopied(true);
+  });
+  useEffect(() => {
+    if (!hasCopied)
+      return;
+    const id = setTimeout(() => {
+      setHasCopied(false);
+    }, timeout);
+    return () => clearTimeout(id);
+  }, [timeout, hasCopied]);
+  return { value: text, onCopy, hasCopied };
+}
+export {
+  copyToClipboard,
+  useClipboard
+};
+//# sourceMappingURL=useClipboard.js.map

package/dist/jsx/hooks/useClipboard.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useClipboard.ts"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAElB,MAAM,kBAAkB,CAAC,SAAiB;AAC/C,SAAO,UAAU,UAAU,UAAU,IAAI;AAC3C;AAEO,SAAS,aAAa,OAAO,IAAI,UAAU,MAAM;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,SAAS,SAAS,YAAY;AAClC,UAAM,gBAAgB,IAAI;AAC1B,iBAAa,IAAI;AAAA,EACnB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC;AAAW;AAChB,UAAM,KAAK,WAAW,MAAM;AAC1B,mBAAa,KAAK;AAAA,IACpB,GAAG,OAAO;AACV,WAAO,MAAM,aAAa,EAAE;AAAA,EAC9B,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,SAAO,EAAE,OAAO,MAAM,QAAQ,UAAU;AAC1C;",
+  "names": []
+}

package/dist/jsx/hooks/useClipboard.mjs

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+import { useEvent } from "tamagui";
+const copyToClipboard = (text) => {
+  return navigator.clipboard.writeText(text);
+};
+function useClipboard(text = "", timeout = 1500) {
+  const [hasCopied, setHasCopied] = useState(false);
+  const onCopy = useEvent(async () => {
+    await copyToClipboard(text);
+    setHasCopied(true);
+  });
+  useEffect(() => {
+    if (!hasCopied)
+      return;
+    const id = setTimeout(() => {
+      setHasCopied(false);
+    }, timeout);
+    return () => clearTimeout(id);
+  }, [timeout, hasCopied]);
+  return { value: text, onCopy, hasCopied };
+}
+export {
+  copyToClipboard,
+  useClipboard
+};
+//# sourceMappingURL=useClipboard.mjs.map

package/dist/jsx/hooks/useClipboard.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useClipboard.ts"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB;AAElB,MAAM,kBAAkB,CAAC,SAAiB;AAC/C,SAAO,UAAU,UAAU,UAAU,IAAI;AAC3C;AAEO,SAAS,aAAa,OAAO,IAAI,UAAU,MAAM;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,SAAS,SAAS,YAAY;AAClC,UAAM,gBAAgB,IAAI;AAC1B,iBAAa,IAAI;AAAA,EACnB,CAAC;AAED,YAAU,MAAM;AACd,QAAI,CAAC;AAAW;AAChB,UAAM,KAAK,WAAW,MAAM;AAC1B,mBAAa,KAAK;AAAA,IACpB,GAAG,OAAO;AACV,WAAO,MAAM,aAAa,EAAE;AAAA,EAC9B,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,SAAO,EAAE,OAAO,MAAM,QAAQ,UAAU;AAC1C;",
+  "names": []
+}

package/dist/jsx/images/SimpleImage/index.js

@@ -0,0 +1,124 @@
+import { useEffect, useState } from "react";
+import { MultiPlatform } from "multiplatform.one";
+import { Platform, Image as RNImage } from "react-native";
+import { SvgUri } from "../SvgUri";
+import { XMLParser } from "fast-xml-parser";
+import { YStack, Image } from "tamagui";
+import { useAssets } from "../../hooks/useAssets";
+import { useMemo } from "react";
+function SimpleImage({ src, svg, width, height, resizeMode, aspectRatio, ...imageProps }) {
+  const preserveAspectRatio = useMemo(() => getPreserveAspectRatio(resizeMode), [resizeMode]);
+  let source = src;
+  if (typeof src === "object" && typeof src.uri === "undefined" || typeof src === "number") {
+    [source] = useAssets(src);
+  }
+  const [imageAspectRatio, setImageAspectRatio] = useState(
+    typeof source === "object" && source.width && source.height ? source.width / source.height : void 0
+  );
+  if (!Number.isFinite(aspectRatio))
+    aspectRatio = imageAspectRatio;
+  const uri = typeof source === "object" ? source.uri : source;
+  const origin = uri?.replace(/\?.+/g, "");
+  if (Platform.OS === "web" && typeof aspectRatio === "number" && typeof height === "number" && Number.isFinite(height) && (!Number.isFinite(width) || width === "auto")) {
+    width = height * aspectRatio;
+  }
+  if (Number.isFinite(height) && Number.isFinite(width))
+    aspectRatio = void 0;
+  const isSvg = svg || (src?.type === "svg" || origin?.substring(origin.length - 4) === ".svg") && typeof svg === "undefined";
+  useEffect(() => {
+    if (Platform.OS !== "web" && isSvg) {
+      (async () => {
+        const meta = await getSvgMeta(uri);
+        const height2 = Number.isFinite(meta.height) ? meta.height : meta.viewBox?.[3];
+        const width2 = Number.isFinite(meta.width) ? meta.width : meta.viewBox?.[2];
+        if (typeof height2 === "number" && Number.isFinite(height2) && typeof width2 === "number" && Number.isFinite(width2)) {
+          setImageAspectRatio(width2 / height2);
+        }
+      })();
+    } else if (typeof uri !== "number" && uri) {
+      RNImage.getSize(uri, (width2, height2) => {
+        const ratio = width2 / height2;
+        if (Number.isFinite(ratio))
+          setImageAspectRatio(ratio);
+      });
+    }
+  }, [uri]);
+  if (!uri) {
+    return <YStack {...imageProps} width={width} height={height} aspectRatio={aspectRatio} />;
+  }
+  if (!MultiPlatform.isWeb && isSvg) {
+    return <SvgUri
+      {...imageProps}
+      width={Number.isFinite(width) ? width : Number.isFinite(height) ? void 0 : "100%"}
+      height={height}
+      preserveAspectRatio={preserveAspectRatio}
+      aspectRatio={aspectRatio}
+      uri={uri}
+    />;
+  }
+  return <Image
+    {...imageProps}
+    width={width}
+    height={height}
+    aspectRatio={aspectRatio}
+    resizeMode={resizeMode}
+    source={{ uri }}
+  />;
+}
+SimpleImage.defaultProps = {
+  resizeMode: "cover"
+};
+function getPreserveAspectRatio(resizeMode) {
+  switch (resizeMode) {
+    case "stretch": {
+      return "none";
+    }
+    case "contain": {
+      return "xMidYMid meet";
+    }
+  }
+  return "xMidYMid slice";
+}
+const logger = console;
+const parser = new XMLParser({
+  ignoreAttributes: false,
+  attributeNamePrefix: "@_",
+  allowBooleanAttributes: true
+});
+async function getSvgMeta(uri) {
+  const meta = {};
+  if (Platform.OS === "web" || typeof uri === "number" || !uri)
+    return meta;
+  const res = await fetch(uri);
+  try {
+    const xml = parser.parse(await res.text());
+    const width = parseInt(xml?.svg?.["@_width"], 10);
+    const height = parseInt(xml?.svg?.["@_height"], 10);
+    const viewBox = xml?.svg?.["@_viewBox"]?.toString().split(" ").reduce(
+      (viewBox2, itemStr, i) => {
+        if (!viewBox2)
+          return {};
+        const itemNum = parseInt(itemStr, 10);
+        if (!Number.isFinite(itemNum))
+          return {};
+        viewBox2[i] = itemNum;
+        return viewBox2;
+      },
+      [0, 0, 0, 0]
+    );
+    if (typeof width === "number" && Number.isFinite(width))
+      meta.width = width;
+    if (typeof height === "number" && Number.isFinite(height))
+      meta.height = height;
+    if (viewBox)
+      meta.viewBox = viewBox;
+    return meta;
+  } catch (err) {
+    logger.error(err);
+  }
+  return meta;
+}
+export {
+  SimpleImage
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/images/SimpleImage/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SimpleImage/index.tsx"],
+  "mappings": "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",
+  "names": ["height", "width", "viewBox"]
+}

package/dist/jsx/images/SimpleImage/index.mjs

@@ -0,0 +1,124 @@
+import { useEffect, useState } from "react";
+import { MultiPlatform } from "multiplatform.one";
+import { Platform, Image as RNImage } from "react-native";
+import { SvgUri } from "../SvgUri";
+import { XMLParser } from "fast-xml-parser";
+import { YStack, Image } from "tamagui";
+import { useAssets } from "../../hooks/useAssets";
+import { useMemo } from "react";
+function SimpleImage({ src, svg, width, height, resizeMode, aspectRatio, ...imageProps }) {
+  const preserveAspectRatio = useMemo(() => getPreserveAspectRatio(resizeMode), [resizeMode]);
+  let source = src;
+  if (typeof src === "object" && typeof src.uri === "undefined" || typeof src === "number") {
+    [source] = useAssets(src);
+  }
+  const [imageAspectRatio, setImageAspectRatio] = useState(
+    typeof source === "object" && source.width && source.height ? source.width / source.height : void 0
+  );
+  if (!Number.isFinite(aspectRatio))
+    aspectRatio = imageAspectRatio;
+  const uri = typeof source === "object" ? source.uri : source;
+  const origin = uri?.replace(/\?.+/g, "");
+  if (Platform.OS === "web" && typeof aspectRatio === "number" && typeof height === "number" && Number.isFinite(height) && (!Number.isFinite(width) || width === "auto")) {
+    width = height * aspectRatio;
+  }
+  if (Number.isFinite(height) && Number.isFinite(width))
+    aspectRatio = void 0;
+  const isSvg = svg || (src?.type === "svg" || origin?.substring(origin.length - 4) === ".svg") && typeof svg === "undefined";
+  useEffect(() => {
+    if (Platform.OS !== "web" && isSvg) {
+      (async () => {
+        const meta = await getSvgMeta(uri);
+        const height2 = Number.isFinite(meta.height) ? meta.height : meta.viewBox?.[3];
+        const width2 = Number.isFinite(meta.width) ? meta.width : meta.viewBox?.[2];
+        if (typeof height2 === "number" && Number.isFinite(height2) && typeof width2 === "number" && Number.isFinite(width2)) {
+          setImageAspectRatio(width2 / height2);
+        }
+      })();
+    } else if (typeof uri !== "number" && uri) {
+      RNImage.getSize(uri, (width2, height2) => {
+        const ratio = width2 / height2;
+        if (Number.isFinite(ratio))
+          setImageAspectRatio(ratio);
+      });
+    }
+  }, [uri]);
+  if (!uri) {
+    return <YStack {...imageProps} width={width} height={height} aspectRatio={aspectRatio} />;
+  }
+  if (!MultiPlatform.isWeb && isSvg) {
+    return <SvgUri
+      {...imageProps}
+      width={Number.isFinite(width) ? width : Number.isFinite(height) ? void 0 : "100%"}
+      height={height}
+      preserveAspectRatio={preserveAspectRatio}
+      aspectRatio={aspectRatio}
+      uri={uri}
+    />;
+  }
+  return <Image
+    {...imageProps}
+    width={width}
+    height={height}
+    aspectRatio={aspectRatio}
+    resizeMode={resizeMode}
+    source={{ uri }}
+  />;
+}
+SimpleImage.defaultProps = {
+  resizeMode: "cover"
+};
+function getPreserveAspectRatio(resizeMode) {
+  switch (resizeMode) {
+    case "stretch": {
+      return "none";
+    }
+    case "contain": {
+      return "xMidYMid meet";
+    }
+  }
+  return "xMidYMid slice";
+}
+const logger = console;
+const parser = new XMLParser({
+  ignoreAttributes: false,
+  attributeNamePrefix: "@_",
+  allowBooleanAttributes: true
+});
+async function getSvgMeta(uri) {
+  const meta = {};
+  if (Platform.OS === "web" || typeof uri === "number" || !uri)
+    return meta;
+  const res = await fetch(uri);
+  try {
+    const xml = parser.parse(await res.text());
+    const width = parseInt(xml?.svg?.["@_width"], 10);
+    const height = parseInt(xml?.svg?.["@_height"], 10);
+    const viewBox = xml?.svg?.["@_viewBox"]?.toString().split(" ").reduce(
+      (viewBox2, itemStr, i) => {
+        if (!viewBox2)
+          return {};
+        const itemNum = parseInt(itemStr, 10);
+        if (!Number.isFinite(itemNum))
+          return {};
+        viewBox2[i] = itemNum;
+        return viewBox2;
+      },
+      [0, 0, 0, 0]
+    );
+    if (typeof width === "number" && Number.isFinite(width))
+      meta.width = width;
+    if (typeof height === "number" && Number.isFinite(height))
+      meta.height = height;
+    if (viewBox)
+      meta.viewBox = viewBox;
+    return meta;
+  } catch (err) {
+    logger.error(err);
+  }
+  return meta;
+}
+export {
+  SimpleImage
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/images/SimpleImage/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SimpleImage/index.tsx"],
+  "mappings": "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",
+  "names": ["height", "width", "viewBox"]
+}

package/dist/jsx/images/SimpleImage/index.stories.js

@@ -0,0 +1,55 @@
+import { Platform } from "react-native";
+import { useAssets } from "../../hooks";
+import { SimpleImage } from "./index";
+var index_stories_default = {
+  title: "images/SimpleImage",
+  component: SimpleImage,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = (args) => <SimpleImage src={require("../../../assets/poker-game-1894.png")} {...args} />;
+main.args = {
+  aspectRatio: void 0,
+  height: void 0,
+  width: void 0,
+  bg: "black"
+};
+const withSvg = (args) => <SimpleImage src={require("../../../assets/pentagon.svg")} {...args} />;
+withSvg.args = {
+  aspectRatio: void 0,
+  height: void 0,
+  bg: "black",
+  width: void 0,
+  resizeMode: void 0
+};
+withSvg.argTypes = {
+  resizeMode: {
+    control: {
+      type: Platform.OS === "web" ? "select" : "text",
+      options: ["contain", "cover", "stretch"]
+    }
+  }
+};
+function WithUseAssets() {
+  const [pokerGame1894Png] = useAssets([require("../../../assets/poker-game-1894.png")]);
+  return <SimpleImage width={400} height={400} backgroundColor="black" src={pokerGame1894Png} />;
+}
+const withUseAssets = () => <WithUseAssets />;
+function WithRequire() {
+  return <SimpleImage
+    width={400}
+    height={400}
+    backgroundColor="black"
+    src={require("../../../assets/poker-game-1894.png")}
+  />;
+}
+const withRequire = () => <WithRequire />;
+export {
+  index_stories_default as default,
+  main,
+  withRequire,
+  withSvg,
+  withUseAssets
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/jsx/images/SimpleImage/index.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SimpleImage/index.stories.tsx"],
+  "mappings": "AACA,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAgB,CAAC,YAAY,KAAK,QAAQ,qCAAqC,OAAO,MAAM;AACjH,KAAK,OAAO;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AACN;AAEO,MAAM,UAAU,CAAC,SAAgB,CAAC,YAAY,KAAK,QAAQ,8BAA8B,OAAO,MAAM;AAC7G,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AACd;AACA,QAAQ,WAAW;AAAA,EACjB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM,SAAS,OAAO,QAAQ,WAAW;AAAA,MACzC,SAAS,CAAC,WAAW,SAAS,SAAS;AAAA,IACzC;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AACvB,QAAM,CAAC,gBAAgB,IAAI,UAAU,CAAC,QAAQ,qCAAqC,CAAC,CAAC;AACrF,SAAO,CAAC,YAAY,OAAO,KAAK,QAAQ,KAAK,gBAAgB,QAAQ,KAAK,kBAAkB;AAC9F;AACO,MAAM,gBAAgB,MAAM,CAAC,cAAc;AAElD,SAAS,cAAc;AACrB,SACE,CAAC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,KAAK,QAAQ,qCAAqC;AAAA,EACpD;AAEJ;AACO,MAAM,cAAc,MAAM,CAAC,YAAY;",
+  "names": []
+}