@multiplatform.one/components 0.2.17 → 0.7.1

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

@@ -1,124 +1,88 @@
-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 { useMemo, forwardRef, useRef } from "react";
+import { SolitoImage } from "solito/image";
+import { Stack, createComponent } from "tamagui";
+import { StyleSheet } from "react-native";
 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 SimpleImageComponent = forwardRef(
+  ({
+    alt,
+    blurDataURL,
+    contentFit,
+    contentPosition,
+    crossOrigin,
+    height,
+    loader,
+    loading,
+    onLayout,
+    onLoadingComplete,
+    placeholder,
+    priority,
+    quality,
+    aspectRatio,
+    referrerPolicy,
+    resizeMode,
+    sizes,
+    src,
+    unoptimized,
+    width,
+    ...props
+  }, ref) => {
+    const parentRef = useRef(), style = StyleSheet.flatten(props.style || {});
+    let asset;
+    typeof src == "number" && ([asset] = useAssets([src]));
+    const staticImageData = useMemo(() => {
+      if (typeof src != "string")
+        return typeof src == "number" ? asset : src?.default || src;
+    }, [asset, src]), mAspectRatio = useMemo(() => {
+      const sAspectRatio = aspectRatio || style.aspectRatio;
+      if (typeof sAspectRatio == "string") {
+        const [width2, height2] = sAspectRatio.split(":");
+        return parseInt(width2, 10) / parseInt(height2, 10);
+      }
+      return sAspectRatio;
+    }, [aspectRatio, style.aspectRatio]), solitoHeight = useMemo(() => {
+      if (typeof height == "string")
+        return;
+      if (typeof height == "number")
+        return height;
+      const w = typeof width == "number" ? width : typeof style.width < "u" ? typeof style.width == "number" ? style.width : void 0 : staticImageData?.width;
+      return typeof w == "number" && typeof mAspectRatio == "number" ? w / mAspectRatio : staticImageData?.height;
+    }, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]), solitoWidth = useMemo(() => {
+      if (typeof width == "string")
+        return;
+      if (typeof width == "number")
+        return width;
+      const h = typeof height == "number" ? height : typeof style.height < "u" ? typeof style.height == "number" ? style.height : void 0 : staticImageData?.height;
+      return typeof h == "number" && typeof mAspectRatio == "number" ? h * mAspectRatio : staticImageData?.width;
+    }, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]), fill = useMemo(() => typeof solitoWidth > "u" || typeof solitoHeight > "u", [solitoWidth, solitoHeight]);
+    return <Stack {...props} aspectRatio={aspectRatio} width={width} height={height} ref={parentRef}>{src && <SolitoImage
+      alt={alt || ""}
+      blurDataURL={blurDataURL}
+      contentFit={contentFit}
+      contentPosition={contentPosition}
+      crossOrigin={crossOrigin}
+      fill={fill}
+      height={fill ? void 0 : solitoHeight}
+      loader={loader}
+      loading={loading}
+      onLayout={onLayout}
+      onLoadingComplete={onLoadingComplete}
+      placeholder={placeholder}
+      priority={priority}
+      quality={quality}
+      ref={ref}
+      referrerPolicy={referrerPolicy}
+      resizeMode={resizeMode}
+      sizes={sizes}
+      src={src}
+      unoptimized={unoptimized}
+      width={fill ? void 0 : solitoWidth}
+    />}</Stack>;
   }
-  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
-    zIndex={void 0}
-    {...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
+), SimpleImage = createComponent({
+  Component: SimpleImageComponent,
+  acceptsClassName: !0
 });
-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
 };

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

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

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

@@ -0,0 +1,89 @@
+import { useMemo, forwardRef, useRef } from "react";
+import { SolitoImage } from "solito/image";
+import { Stack, createComponent } from "tamagui";
+import { StyleSheet } from "react-native";
+import { useAssets } from "../../hooks/useAssets";
+const SimpleImageComponent = forwardRef(
+  ({
+    alt,
+    blurDataURL,
+    contentFit,
+    contentPosition,
+    crossOrigin,
+    height,
+    loader,
+    loading,
+    onLayout,
+    onLoadingComplete,
+    placeholder,
+    priority,
+    quality,
+    aspectRatio,
+    referrerPolicy,
+    resizeMode,
+    sizes,
+    src,
+    unoptimized,
+    width,
+    ...props
+  }, ref) => {
+    const parentRef = useRef(), style = StyleSheet.flatten(props.style || {});
+    let asset;
+    typeof src == "number" && ([asset] = useAssets([src]));
+    const staticImageData = useMemo(() => {
+      if (typeof src != "string")
+        return typeof src == "number" ? asset : (src == null ? void 0 : src.default) || src;
+    }, [asset, src]), mAspectRatio = useMemo(() => {
+      const sAspectRatio = aspectRatio || style.aspectRatio;
+      if (typeof sAspectRatio == "string") {
+        const [width2, height2] = sAspectRatio.split(":");
+        return parseInt(width2, 10) / parseInt(height2, 10);
+      }
+      return sAspectRatio;
+    }, [aspectRatio, style.aspectRatio]), solitoHeight = useMemo(() => {
+      if (typeof height == "string")
+        return;
+      if (typeof height == "number")
+        return height;
+      const w = typeof width == "number" ? width : typeof style.width < "u" ? typeof style.width == "number" ? style.width : void 0 : staticImageData == null ? void 0 : staticImageData.width;
+      return typeof w == "number" && typeof mAspectRatio == "number" ? w / mAspectRatio : staticImageData == null ? void 0 : staticImageData.height;
+    }, [mAspectRatio, staticImageData == null ? void 0 : staticImageData.width, staticImageData == null ? void 0 : staticImageData.height, style.width, style.height, width, height]), solitoWidth = useMemo(() => {
+      if (typeof width == "string")
+        return;
+      if (typeof width == "number")
+        return width;
+      const h = typeof height == "number" ? height : typeof style.height < "u" ? typeof style.height == "number" ? style.height : void 0 : staticImageData == null ? void 0 : staticImageData.height;
+      return typeof h == "number" && typeof mAspectRatio == "number" ? h * mAspectRatio : staticImageData == null ? void 0 : staticImageData.width;
+    }, [mAspectRatio, staticImageData == null ? void 0 : staticImageData.width, staticImageData == null ? void 0 : staticImageData.height, style.width, style.height, width, height]), fill = useMemo(() => typeof solitoWidth > "u" || typeof solitoHeight > "u", [solitoWidth, solitoHeight]);
+    return <Stack {...props} aspectRatio={aspectRatio} width={width} height={height} ref={parentRef}>{src && <SolitoImage
+      alt={alt || ""}
+      blurDataURL={blurDataURL}
+      contentFit={contentFit}
+      contentPosition={contentPosition}
+      crossOrigin={crossOrigin}
+      fill={fill}
+      height={fill ? void 0 : solitoHeight}
+      loader={loader}
+      loading={loading}
+      onLayout={onLayout}
+      onLoadingComplete={onLoadingComplete}
+      placeholder={placeholder}
+      priority={priority}
+      quality={quality}
+      ref={ref}
+      referrerPolicy={referrerPolicy}
+      resizeMode={resizeMode}
+      sizes={sizes}
+      src={src}
+      unoptimized={unoptimized}
+      width={fill ? void 0 : solitoWidth}
+    />}</Stack>;
+  }
+), SimpleImage = createComponent({
+  Component: SimpleImageComponent,
+  acceptsClassName: !0
+});
+export {
+  SimpleImage
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,6 +1,7 @@
 import { Platform } from "react-native";
 import { useAssets } from "../../hooks";
 import { SimpleImage } from "./index";
+import { YStack } from "tamagui";
 var index_stories_default = {
   title: "images/SimpleImage",
   component: SimpleImage,
@@ -44,12 +45,29 @@ function WithRequire() {
     src={require("../../../assets/poker-game-1894.png")}
   />;
 }
-const withRequire = () => <WithRequire />;
+const withRequire = () => <WithRequire />, withYStack = () => <YStack>
+  <YStack width="50%" height={200} bg="red" />
+  <YStack width="50%" height={200} bg="blue" />
+  <SimpleImage
+    bg="green"
+    height={200}
+    resizeMode="stretch"
+    src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg"
+    width="50%"
+  />
+</YStack>, withTamagui = () => <YStack><SimpleImage
+  bg="$green9"
+  h="$19"
+  src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg"
+  w="100%"
+/></YStack>;
 export {
   index_stories_default as default,
   main,
   withRequire,
   withSvg,
-  withUseAssets
+  withTamagui,
+  withUseAssets,
+  withYStack
 };
 //# sourceMappingURL=index.stories.js.map

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

@@ -1,6 +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;",
+  "mappings": "AACA,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,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,IAEjC,aAAa,MACxB,CAAC;AAAA,EACC,CAAC,OAAO,MAAM,MAAM,QAAQ,KAAK,GAAG,MAAM;AAAA,EAC1C,CAAC,OAAO,MAAM,MAAM,QAAQ,KAAK,GAAG,OAAO;AAAA,EAC3C,CAAC;AAAA,IACC,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,EAVC,SAaU,cAAc,MACzB,CAAC,OACC,CAAC;AAAA,EACC,GAAG;AAAA,EACH,EAAE;AAAA,EACF,IAAI;AAAA,EACJ,EAAE;AACJ,EACF,EAPC;",
   "names": []
 }

package/dist/jsx/images/SimpleImage/{index.stories.mjs → index.stories.native.js}

@@ -1,6 +1,7 @@
 import { Platform } from "react-native";
 import { useAssets } from "../../hooks";
 import { SimpleImage } from "./index";
+import { YStack } from "tamagui";
 var index_stories_default = {
   title: "images/SimpleImage",
   component: SimpleImage,
@@ -44,12 +45,29 @@ function WithRequire() {
     src={require("../../../assets/poker-game-1894.png")}
   />;
 }
-const withRequire = () => <WithRequire />;
+const withRequire = () => <WithRequire />, withYStack = () => <YStack>
+  <YStack width="50%" height={200} bg="red" />
+  <YStack width="50%" height={200} bg="blue" />
+  <SimpleImage
+    bg="green"
+    height={200}
+    resizeMode="stretch"
+    src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg"
+    width="50%"
+  />
+</YStack>, withTamagui = () => <YStack><SimpleImage
+  bg="$green9"
+  h="$19"
+  src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Inukshuk_Park_05.jpg/500px-Inukshuk_Park_05.jpg"
+  w="100%"
+/></YStack>;
 export {
   index_stories_default as default,
   main,
   withRequire,
   withSvg,
-  withUseAssets
+  withTamagui,
+  withUseAssets,
+  withYStack
 };
-//# sourceMappingURL=index.stories.mjs.map
+//# sourceMappingURL=index.stories.js.map

package/dist/jsx/images/SimpleImage/index.stories.native.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;AAC5B,SAAS,cAAc;AAEvB,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,IAEjC,aAAa,MACxB,CAAC;AAAA,EACC,CAAC,OAAO,MAAM,MAAM,QAAQ,KAAK,GAAG,MAAM;AAAA,EAC1C,CAAC,OAAO,MAAM,MAAM,QAAQ,KAAK,GAAG,OAAO;AAAA,EAC3C,CAAC;AAAA,IACC,GAAG;AAAA,IACH,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,EAVC,SAaU,cAAc,MACzB,CAAC,OACC,CAAC;AAAA,EACC,GAAG;AAAA,EACH,EAAE;AAAA,EACF,IAAI;AAAA,EACJ,EAAE;AACJ,EACF,EAPC;",
+  "names": []
+}

package/dist/jsx/images/Svg/{Svg.stories.mjs → Svg.stories.native.js}

@@ -18,4 +18,4 @@ export {
   Svg_stories_default as default,
   main
 };
-//# sourceMappingURL=Svg.stories.mjs.map
+//# sourceMappingURL=Svg.stories.js.map

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

@@ -1,7 +1,6 @@
 const logger = console;
 function SvgUri(_props) {
-  logger.error("use SimpleImage instead of SvgUri");
-  return <>{}</>;
+  return logger.error("use SimpleImage instead of SvgUri"), <>{}</>;
 }
 export {
   SvgUri

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/images/SvgUri/index.tsx"],
-  "mappings": "AAIA,MAAM,SAAS;AAIR,SAAS,OAAO,QAAqB;AAC1C,SAAO,MAAM,mCAAmC;AAChD,SAAO,IAAI;AACb;",
+  "mappings": "AAIA,MAAM,SAAS;AAIR,SAAS,OAAO,QAAqB;AAC1C,gBAAO,MAAM,mCAAmC,GACzC,IAAI;AACb;",
   "names": []
 }

package/dist/jsx/images/index.js

@@ -1,3 +1,3 @@
-export * from "./SimpleImage";
+export * from "./SimpleImage/index";
 export * from "./Svg";
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,3 @@
+export * from "./SimpleImage/index";
+export * from "./Svg";
+//# sourceMappingURL=index.js.map

package/dist/jsx/{index.mjs → index.native.js}

@@ -8,4 +8,4 @@ export * from "./layouts";
 export * from "./mdx";
 export * from "./panels";
 export * from "./table";
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/layouts/Debug/DebugLayout.stories.js

@@ -7,8 +7,7 @@ var DebugLayout_stories_default = {
     status: { type: "beta" }
   }
 };
-const Main = withDebugLayout(() => <Button onPress={action("onPress")}>Hello, world!</Button>);
-const main = () => <Main />;
+const Main = withDebugLayout(() => <Button onPress={action("onPress")}>Hello, world!</Button>), main = () => <Main />;
 export {
   DebugLayout_stories_default as default,
   main

package/dist/jsx/layouts/Debug/DebugLayout.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
-  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,GAAG,aAAa,EAAhD,OAAyD;AACtF,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,GAAG,aAAa,EAAhD,OAAyD,GAChF,OAAO,MAAM,CAAC,KAAK;",
   "names": []
 }

package/dist/jsx/layouts/Debug/{DebugLayout.stories.mjs → DebugLayout.stories.native.js}

@@ -7,10 +7,9 @@ var DebugLayout_stories_default = {
     status: { type: "beta" }
   }
 };
-const Main = withDebugLayout(() => <Button onPress={action("onPress")}>Hello, world!</Button>);
-const main = () => <Main />;
+const Main = withDebugLayout(() => <Button onPress={action("onPress")}>Hello, world!</Button>), main = () => <Main />;
 export {
   DebugLayout_stories_default as default,
   main
 };
-//# sourceMappingURL=DebugLayout.stories.mjs.map
+//# sourceMappingURL=DebugLayout.stories.js.map

package/dist/jsx/layouts/Debug/{DebugLayout.stories.mjs.map → DebugLayout.stories.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
-  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,GAAG,aAAa,EAAhD,OAAyD;AACtF,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,OAAO,SAAS,OAAO,SAAS,GAAG,aAAa,EAAhD,OAAyD,GAChF,OAAO,MAAM,CAAC,KAAK;",
   "names": []
 }

package/dist/jsx/layouts/Debug/index.js

@@ -11,10 +11,7 @@ function DebugLayout({
   size,
   subThemeNames
 }) {
-  const DebugView = debugView;
-  const [locale, setLocale] = useLocale();
-  const themeState = useThemeState();
-  const supportedLocales = useSupportedLocales();
+  const DebugView = debugView, [locale, setLocale] = useLocale(), themeState = useThemeState(), supportedLocales = useSupportedLocales();
   function handleSubThemeChange(subTheme) {
     themeState.setSub(subTheme);
   }
@@ -22,19 +19,13 @@ function DebugLayout({
     themeState.setRoot(rootTheme);
   }
   function renderSubThemeItems() {
-    return (subThemeNames || []).map((name, i) => {
-      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
-    });
+    return (subThemeNames || []).map((name, i) => <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>);
   }
   function renderRootThemeItems() {
-    return (rootThemeNames || []).map((name, i) => {
-      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
-    });
+    return (rootThemeNames || []).map((name, i) => <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>);
   }
   function renderLocaleItems() {
-    return (supportedLocales || []).map((name, i) => {
-      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
-    });
+    return (supportedLocales || []).map((name, i) => <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>);
   }
   function renderDebug() {
     return <XStack space m="$4" width={size} height={size}><Popover placement="right" size="$5">
@@ -73,9 +64,7 @@ function DebugLayout({
       </Popover.Content>
     </Popover></XStack>;
   }
-  if (config.get("DEBUG") !== "1")
-    return <>{children}</>;
-  return <YStack fullscreen>
+  return config.get("DEBUG") !== "1" ? <>{children}</> : <YStack fullscreen>
     {children}
     <YStack position="absolute">{renderDebug()}</YStack>
   </YStack>;

package/dist/jsx/layouts/Debug/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/index.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }