@metamask-previews/design-system-react-native 0.0.0-preview.e6fc4b7 → 0.0.0-preview.f289564

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ButtonAnimatedProps } from "./ButtonAnimated.types.cjs";
+export declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, ...props }: ButtonAnimatedProps) => React.JSX.Element;
+//# sourceMappingURL=ButtonAnimated.d.cts.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,kDAKxB,mBAAmB,sBAoCrB,CAAC"}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ButtonAnimatedProps } from "./ButtonAnimated.types.mjs";
+export declare const ButtonAnimated: ({ onPressIn, onPressOut, disabled, ...props }: ButtonAnimatedProps) => React.JSX.Element;
+//# sourceMappingURL=ButtonAnimated.d.mts.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,kDAKxB,mBAAmB,sBAoCrB,CAAC"}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.mjs

@@ -0,0 +1,36 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { Pressable } from "react-native/index.js";
+import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from "react-native-reanimated";
+export const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) => {
+    const animation = useSharedValue(1);
+    const scaleStyle = useAnimatedStyle(() => {
+        return {
+            transform: [{ scale: animation.value }],
+        };
+    });
+    const onPressInHandler = (event) => {
+        animation.value = withTiming(0.97, {
+            duration: 100,
+            easing: Easing.bezier(0.3, 0.8, 0.3, 1),
+        });
+        onPressIn?.(event);
+    };
+    const onPressOutHandler = (event) => {
+        animation.value = withTiming(1, {
+            duration: 100,
+            easing: Easing.bezier(0.3, 0.8, 0.3, 1),
+        });
+        onPressOut?.(event);
+    };
+    return (<Animated.View style={[scaleStyle, { alignItems: 'center', justifyContent: 'center' }]}>
+      <Pressable onPressIn={onPressInHandler} onPressOut={onPressOutHandler} disabled={disabled} {...props}/>
+    </Animated.View>);
+};
+//# sourceMappingURL=ButtonAnimated.mjs.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,SAAS,EAAE,8BAAqB;AACzC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,MAAM,EACP,gCAAgC;AAIjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACvC,OAAO;YACL,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;SACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACxD,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACzD,SAAS,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,CAExE;MAAA,CAAC,SAAS,CACR,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,KAAK,CAAC,EAEd;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Pressable } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { ButtonAnimatedProps } from './ButtonAnimated.types';\n\nexport const ButtonAnimated = ({\n  onPressIn,\n  onPressOut,\n  disabled,\n  ...props\n}: ButtonAnimatedProps) => {\n  const animation = useSharedValue(1);\n  const scaleStyle = useAnimatedStyle(() => {\n    return {\n      transform: [{ scale: animation.value }],\n    };\n  });\n\n  const onPressInHandler = (event: GestureResponderEvent) => {\n    animation.value = withTiming(0.97, {\n      duration: 100,\n      easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n    });\n    onPressIn?.(event);\n  };\n\n  const onPressOutHandler = (event: GestureResponderEvent) => {\n    animation.value = withTiming(1, {\n      duration: 100,\n      easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n    });\n    onPressOut?.(event);\n  };\n\n  return (\n    <Animated.View\n      style={[scaleStyle, { alignItems: 'center', justifyContent: 'center' }]}\n    >\n      <Pressable\n        onPressIn={onPressInHandler}\n        onPressOut={onPressOutHandler}\n        disabled={disabled}\n        {...props}\n      />\n    </Animated.View>\n  );\n};\n"]}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ButtonAnimated.types.cjs.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.types.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PressableProps } from 'react-native';\n\n/**\n * ButtonAnimated component props.\n */\nexport type ButtonAnimatedProps = PressableProps;\n"]}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.d.cts

@@ -0,0 +1,6 @@
+import type { PressableProps } from "react-native/index.js";
+/**
+ * ButtonAnimated component props.
+ */
+export type ButtonAnimatedProps = PressableProps;
+//# sourceMappingURL=ButtonAnimated.types.d.cts.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.types.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC"}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.d.mts

@@ -0,0 +1,6 @@
+import type { PressableProps } from "react-native/index.js";
+/**
+ * ButtonAnimated component props.
+ */
+export type ButtonAnimatedProps = PressableProps;
+//# sourceMappingURL=ButtonAnimated.types.d.mts.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.types.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,8BAAqB;AAEnD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC"}

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ButtonAnimated.types.mjs.map

package/dist/components/temp-components/ButtonAnimated/ButtonAnimated.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.types.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PressableProps } from 'react-native';\n\n/**\n * ButtonAnimated component props.\n */\nexport type ButtonAnimatedProps = PressableProps;\n"]}

package/dist/components/temp-components/ButtonAnimated/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonAnimated = void 0;
+var ButtonAnimated_1 = require("./ButtonAnimated.cjs");
+Object.defineProperty(exports, "ButtonAnimated", { enumerable: true, get: function () { return ButtonAnimated_1.ButtonAnimated; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/temp-components/ButtonAnimated/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/index.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAAzC,gHAAA,cAAc,OAAA","sourcesContent":["export { ButtonAnimated } from './ButtonAnimated';\nexport type { ButtonAnimatedProps } from './ButtonAnimated.types';\n"]}

package/dist/components/temp-components/ButtonAnimated/index.d.cts

@@ -0,0 +1,3 @@
+export { ButtonAnimated } from "./ButtonAnimated.cjs";
+export type { ButtonAnimatedProps } from "./ButtonAnimated.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/temp-components/ButtonAnimated/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B"}

package/dist/components/temp-components/ButtonAnimated/index.d.mts

@@ -0,0 +1,3 @@
+export { ButtonAnimated } from "./ButtonAnimated.mjs";
+export type { ButtonAnimatedProps } from "./ButtonAnimated.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/temp-components/ButtonAnimated/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EAAE,mBAAmB,EAAE,mCAA+B"}

package/dist/components/temp-components/ButtonAnimated/index.mjs

@@ -0,0 +1,2 @@
+export { ButtonAnimated } from "./ButtonAnimated.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/temp-components/ButtonAnimated/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ButtonAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB","sourcesContent":["export { ButtonAnimated } from './ButtonAnimated';\nexport type { ButtonAnimatedProps } from './ButtonAnimated.types';\n"]}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.cjs

@@ -0,0 +1,74 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageOrSvg = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native/index.js");
+const react_native_svg_1 = require("react-native-svg");
+const ImageOrSvg = ({ src, width, height, onImageLoad, onImageError, onSvgError, style, imageProps, svgProps, }) => {
+    // CASE 1: local image (src is a number)
+    if (typeof src === 'number') {
+        return (<react_native_1.Image source={src} style={[{ width, height }, style]} resizeMode="contain" onLoad={onImageLoad} onError={onImageError} {...imageProps}/>);
+    }
+    // CASE 2: Local SVG component (src is a React component)
+    if (typeof src === 'function') {
+        const LocalSvg = src;
+        return <LocalSvg width={width} height={height} {...svgProps}/>;
+    }
+    // CASE 3: Remote image or SVG (src is an object with a uri)
+    const [isSvg, setIsSvg] = (0, react_1.useState)(false);
+    const checkSvgContentType = (0, react_1.useCallback)(async (uri) => {
+        try {
+            const response = await fetch(uri, { method: 'HEAD' });
+            // If no header is returned, fallback to an empty string.
+            const contentType = response.headers.get('Content-Type') || '';
+            return contentType.includes('image/svg+xml');
+        }
+        catch {
+            return false;
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (src.uri) {
+            const uriLower = src.uri.toLowerCase();
+            const isLikelySvg = uriLower.endsWith('.svg') || uriLower.startsWith('data:image/svg+xml');
+            if (!src.uri.startsWith('data:')) {
+                checkSvgContentType(src.uri).then(setIsSvg);
+            }
+            else {
+                setIsSvg(isLikelySvg);
+            }
+        }
+        else {
+            setIsSvg(false);
+        }
+    }, [src, checkSvgContentType]);
+    if (isSvg && typeof src === 'object' && 'uri' in src && src.uri) {
+        return (<react_native_svg_1.SvgUri uri={src.uri} width={width} height={height} onError={onSvgError} style={style} {...svgProps}/>);
+    }
+    return (<react_native_1.Image source={src} style={[{ width, height }, style]} resizeMode="contain" onLoad={onImageLoad} onError={onImageError} {...imageProps}/>);
+};
+exports.ImageOrSvg = ImageOrSvg;
+//# sourceMappingURL=ImageOrSvg.cjs.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { Image } from 'react-native';\nimport { SvgUri } from 'react-native-svg';\n\nimport type { ImageOrSvgProps } from './ImageOrSvg.types';\n\nexport const ImageOrSvg = ({\n  src,\n  width,\n  height,\n  onImageLoad,\n  onImageError,\n  onSvgError,\n  style,\n  imageProps,\n  svgProps,\n}: ImageOrSvgProps) => {\n  // CASE 1: local image (src is a number)\n  if (typeof src === 'number') {\n    return (\n      <Image\n        source={src}\n        style={[{ width, height } as any, style]}\n        resizeMode=\"contain\"\n        onLoad={onImageLoad}\n        onError={onImageError}\n        {...imageProps}\n      />\n    );\n  }\n\n  // CASE 2: Local SVG component (src is a React component)\n  if (typeof src === 'function') {\n    const LocalSvg = src;\n    return <LocalSvg width={width} height={height} {...svgProps} />;\n  }\n\n  // CASE 3: Remote image or SVG (src is an object with a uri)\n  const [isSvg, setIsSvg] = useState<boolean>(false);\n\n  const checkSvgContentType = useCallback(async (uri: string) => {\n    try {\n      const response = await fetch(uri, { method: 'HEAD' });\n      // If no header is returned, fallback to an empty string.\n      const contentType = response.headers.get('Content-Type') || '';\n      return contentType.includes('image/svg+xml');\n    } catch {\n      return false;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (src.uri) {\n      const uriLower = src.uri.toLowerCase();\n      const isLikelySvg =\n        uriLower.endsWith('.svg') || uriLower.startsWith('data:image/svg+xml');\n      if (!src.uri.startsWith('data:')) {\n        checkSvgContentType(src.uri).then(setIsSvg);\n      } else {\n        setIsSvg(isLikelySvg);\n      }\n    } else {\n      setIsSvg(false);\n    }\n  }, [src, checkSvgContentType]);\n\n  if (isSvg && typeof src === 'object' && 'uri' in src && src.uri) {\n    return (\n      <SvgUri\n        uri={src.uri}\n        width={width}\n        height={height}\n        onError={onSvgError}\n        style={style}\n        {...svgProps}\n      />\n    );\n  }\n  return (\n    <Image\n      source={src as any}\n      style={[{ width, height } as any, style]}\n      resizeMode=\"contain\"\n      onLoad={onImageLoad}\n      onError={onImageError}\n      {...imageProps}\n    />\n  );\n};\n"]}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ImageOrSvgProps } from "./ImageOrSvg.types.cjs";
+export declare const ImageOrSvg: ({ src, width, height, onImageLoad, onImageError, onSvgError, style, imageProps, svgProps, }: ImageOrSvgProps) => React.JSX.Element;
+//# sourceMappingURL=ImageOrSvg.d.cts.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,cAAc;AAIhE,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,gGAUpB,eAAe,sBAwEjB,CAAC"}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ImageOrSvgProps } from "./ImageOrSvg.types.mjs";
+export declare const ImageOrSvg: ({ src, width, height, onImageLoad, onImageError, onSvgError, style, imageProps, svgProps, }: ImageOrSvgProps) => React.JSX.Element;
+//# sourceMappingURL=ImageOrSvg.d.mts.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,cAAc;AAIhE,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,gGAUpB,eAAe,sBAwEjB,CAAC"}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.mjs

@@ -0,0 +1,54 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { useState, useCallback, useEffect } from "react";
+const React = $importDefault($React);
+import { Image } from "react-native/index.js";
+import { SvgUri } from "react-native-svg";
+export const ImageOrSvg = ({ src, width, height, onImageLoad, onImageError, onSvgError, style, imageProps, svgProps, }) => {
+    // CASE 1: local image (src is a number)
+    if (typeof src === 'number') {
+        return (<Image source={src} style={[{ width, height }, style]} resizeMode="contain" onLoad={onImageLoad} onError={onImageError} {...imageProps}/>);
+    }
+    // CASE 2: Local SVG component (src is a React component)
+    if (typeof src === 'function') {
+        const LocalSvg = src;
+        return <LocalSvg width={width} height={height} {...svgProps}/>;
+    }
+    // CASE 3: Remote image or SVG (src is an object with a uri)
+    const [isSvg, setIsSvg] = useState(false);
+    const checkSvgContentType = useCallback(async (uri) => {
+        try {
+            const response = await fetch(uri, { method: 'HEAD' });
+            // If no header is returned, fallback to an empty string.
+            const contentType = response.headers.get('Content-Type') || '';
+            return contentType.includes('image/svg+xml');
+        }
+        catch {
+            return false;
+        }
+    }, []);
+    useEffect(() => {
+        if (src.uri) {
+            const uriLower = src.uri.toLowerCase();
+            const isLikelySvg = uriLower.endsWith('.svg') || uriLower.startsWith('data:image/svg+xml');
+            if (!src.uri.startsWith('data:')) {
+                checkSvgContentType(src.uri).then(setIsSvg);
+            }
+            else {
+                setIsSvg(isLikelySvg);
+            }
+        }
+        else {
+            setIsSvg(false);
+        }
+    }, [src, checkSvgContentType]);
+    if (isSvg && typeof src === 'object' && 'uri' in src && src.uri) {
+        return (<SvgUri uri={src.uri} width={width} height={height} onError={onSvgError} style={style} {...svgProps}/>);
+    }
+    return (<Image source={src} style={[{ width, height }, style]} resizeMode="contain" onLoad={onImageLoad} onError={onImageError} {...imageProps}/>);
+};
+//# sourceMappingURL=ImageOrSvg.mjs.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { Image } from 'react-native';\nimport { SvgUri } from 'react-native-svg';\n\nimport type { ImageOrSvgProps } from './ImageOrSvg.types';\n\nexport const ImageOrSvg = ({\n  src,\n  width,\n  height,\n  onImageLoad,\n  onImageError,\n  onSvgError,\n  style,\n  imageProps,\n  svgProps,\n}: ImageOrSvgProps) => {\n  // CASE 1: local image (src is a number)\n  if (typeof src === 'number') {\n    return (\n      <Image\n        source={src}\n        style={[{ width, height } as any, style]}\n        resizeMode=\"contain\"\n        onLoad={onImageLoad}\n        onError={onImageError}\n        {...imageProps}\n      />\n    );\n  }\n\n  // CASE 2: Local SVG component (src is a React component)\n  if (typeof src === 'function') {\n    const LocalSvg = src;\n    return <LocalSvg width={width} height={height} {...svgProps} />;\n  }\n\n  // CASE 3: Remote image or SVG (src is an object with a uri)\n  const [isSvg, setIsSvg] = useState<boolean>(false);\n\n  const checkSvgContentType = useCallback(async (uri: string) => {\n    try {\n      const response = await fetch(uri, { method: 'HEAD' });\n      // If no header is returned, fallback to an empty string.\n      const contentType = response.headers.get('Content-Type') || '';\n      return contentType.includes('image/svg+xml');\n    } catch {\n      return false;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (src.uri) {\n      const uriLower = src.uri.toLowerCase();\n      const isLikelySvg =\n        uriLower.endsWith('.svg') || uriLower.startsWith('data:image/svg+xml');\n      if (!src.uri.startsWith('data:')) {\n        checkSvgContentType(src.uri).then(setIsSvg);\n      } else {\n        setIsSvg(isLikelySvg);\n      }\n    } else {\n      setIsSvg(false);\n    }\n  }, [src, checkSvgContentType]);\n\n  if (isSvg && typeof src === 'object' && 'uri' in src && src.uri) {\n    return (\n      <SvgUri\n        uri={src.uri}\n        width={width}\n        height={height}\n        onError={onSvgError}\n        style={style}\n        {...svgProps}\n      />\n    );\n  }\n  return (\n    <Image\n      source={src as any}\n      style={[{ width, height } as any, style]}\n      resizeMode=\"contain\"\n      onLoad={onImageLoad}\n      onError={onImageError}\n      {...imageProps}\n    />\n  );\n};\n"]}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ImageOrSvg.types.cjs.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.types.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ImageErrorEventData,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  StyleProp,\n  ImageStyle,\n  ImageProps,\n} from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Base props common to all variations.\n */\nexport type ImageOrSvgBaseProps = {\n  /**\n   * Optional prop to set the width of the image/SVG.\n   * Accepts numbers (pixels) or string values (like percentages).\n   */\n  width?: number | string;\n  /**\n   * Optional prop to set the height of the image/SVG.\n   * Accepts numbers (pixels) or string values (like percentages).\n   */\n  height?: number | string;\n  /**\n   * Optional prop to set callback triggered when the image has loaded successfully.\n   */\n  onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;\n  /**\n   * Optional prop to set callback triggered when there is an error rendering the image.\n   */\n  onImageError?: (\n    errorEvent: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => void;\n  /**\n   * Optional prop to set callback triggered when there is an error rendering the SVG.\n   */\n  onSvgError?: (error: Error) => void;\n  /**\n   * Optional prop for style overrides for the image/SVG container.\n   */\n  style?: StyleProp<ImageStyle>;\n  /**\n   * Additional props to pass to the Image component, excluding\n   * the 'source' prop (which is handled separately).\n   */\n  imageProps?: Omit<ImageProps, 'source'>;\n  /**\n   * Additional props to pass to the Svg component, excluding\n   * the 'uri' prop (which is handled separately).\n   */\n  svgProps?: Omit<SvgProps, 'uri'>;\n};\n\n/**\n * Defines the source type for an image or SVG.\n *\n * The source can be one of the following:\n * - A number representing a locally imported image resource.\n * - A React component (with SvgProps) representing a locally imported SVG.\n * - An object with an optional `uri` property for remote images or SVGs.\n */\nexport type ImageOrSvgSrc =\n  | number // For local imported image\n  | React.ComponentType<SvgProps> // For local imported svg\n  | { uri?: string }; // For remote image or SVG (with a uri property)\n\nexport type ImageOrSvgProps = ImageOrSvgBaseProps & {\n  /**\n   * Required prop for the source of the image or SVG.\n   * This prop determines whether a local image, a local SVG component,\n   * or a remote image/SVG (via URI) is rendered.\n   */\n  src: ImageOrSvgSrc;\n};\n"]}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.cts

@@ -0,0 +1,64 @@
+/// <reference types="react" />
+import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native/index.js";
+import type { SvgProps } from "react-native-svg";
+/**
+ * Base props common to all variations.
+ */
+export type ImageOrSvgBaseProps = {
+    /**
+     * Optional prop to set the width of the image/SVG.
+     * Accepts numbers (pixels) or string values (like percentages).
+     */
+    width?: number | string;
+    /**
+     * Optional prop to set the height of the image/SVG.
+     * Accepts numbers (pixels) or string values (like percentages).
+     */
+    height?: number | string;
+    /**
+     * Optional prop to set callback triggered when the image has loaded successfully.
+     */
+    onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;
+    /**
+     * Optional prop to set callback triggered when there is an error rendering the image.
+     */
+    onImageError?: (errorEvent: NativeSyntheticEvent<ImageErrorEventData>) => void;
+    /**
+     * Optional prop to set callback triggered when there is an error rendering the SVG.
+     */
+    onSvgError?: (error: Error) => void;
+    /**
+     * Optional prop for style overrides for the image/SVG container.
+     */
+    style?: StyleProp<ImageStyle>;
+    /**
+     * Additional props to pass to the Image component, excluding
+     * the 'source' prop (which is handled separately).
+     */
+    imageProps?: Omit<ImageProps, 'source'>;
+    /**
+     * Additional props to pass to the Svg component, excluding
+     * the 'uri' prop (which is handled separately).
+     */
+    svgProps?: Omit<SvgProps, 'uri'>;
+};
+/**
+ * Defines the source type for an image or SVG.
+ *
+ * The source can be one of the following:
+ * - A number representing a locally imported image resource.
+ * - A React component (with SvgProps) representing a locally imported SVG.
+ * - An object with an optional `uri` property for remote images or SVGs.
+ */
+export type ImageOrSvgSrc = number | React.ComponentType<SvgProps> | {
+    uri?: string;
+};
+export type ImageOrSvgProps = ImageOrSvgBaseProps & {
+    /**
+     * Required prop for the source of the image or SVG.
+     * This prop determines whether a local image, a local SVG component,
+     * or a remote image/SVG (via URI) is rendered.
+     */
+    src: ImageOrSvgSrc;
+};
+//# sourceMappingURL=ImageOrSvg.types.d.cts.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.types.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,UAAU,EACX,8BAAqB;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB;AAEjD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,KAClD,IAAI,CAAC;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAClC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAC7B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC"}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.mts

@@ -0,0 +1,64 @@
+/// <reference types="react" />
+import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native/index.js";
+import type { SvgProps } from "react-native-svg";
+/**
+ * Base props common to all variations.
+ */
+export type ImageOrSvgBaseProps = {
+    /**
+     * Optional prop to set the width of the image/SVG.
+     * Accepts numbers (pixels) or string values (like percentages).
+     */
+    width?: number | string;
+    /**
+     * Optional prop to set the height of the image/SVG.
+     * Accepts numbers (pixels) or string values (like percentages).
+     */
+    height?: number | string;
+    /**
+     * Optional prop to set callback triggered when the image has loaded successfully.
+     */
+    onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;
+    /**
+     * Optional prop to set callback triggered when there is an error rendering the image.
+     */
+    onImageError?: (errorEvent: NativeSyntheticEvent<ImageErrorEventData>) => void;
+    /**
+     * Optional prop to set callback triggered when there is an error rendering the SVG.
+     */
+    onSvgError?: (error: Error) => void;
+    /**
+     * Optional prop for style overrides for the image/SVG container.
+     */
+    style?: StyleProp<ImageStyle>;
+    /**
+     * Additional props to pass to the Image component, excluding
+     * the 'source' prop (which is handled separately).
+     */
+    imageProps?: Omit<ImageProps, 'source'>;
+    /**
+     * Additional props to pass to the Svg component, excluding
+     * the 'uri' prop (which is handled separately).
+     */
+    svgProps?: Omit<SvgProps, 'uri'>;
+};
+/**
+ * Defines the source type for an image or SVG.
+ *
+ * The source can be one of the following:
+ * - A number representing a locally imported image resource.
+ * - A React component (with SvgProps) representing a locally imported SVG.
+ * - An object with an optional `uri` property for remote images or SVGs.
+ */
+export type ImageOrSvgSrc = number | React.ComponentType<SvgProps> | {
+    uri?: string;
+};
+export type ImageOrSvgProps = ImageOrSvgBaseProps & {
+    /**
+     * Required prop for the source of the image or SVG.
+     * This prop determines whether a local image, a local SVG component,
+     * or a remote image/SVG (via URI) is rendered.
+     */
+    src: ImageOrSvgSrc;
+};
+//# sourceMappingURL=ImageOrSvg.types.d.mts.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.types.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,UAAU,EACX,8BAAqB;AACtB,OAAO,KAAK,EAAE,QAAQ,EAAE,yBAAyB;AAEjD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,UAAU,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,KAClD,IAAI,CAAC;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;CAClC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,GAC7B;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC"}

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ImageOrSvg.types.mjs.map

package/dist/components/temp-components/ImageOrSvg/ImageOrSvg.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOrSvg.types.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/ImageOrSvg.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ImageErrorEventData,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  StyleProp,\n  ImageStyle,\n  ImageProps,\n} from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\n/**\n * Base props common to all variations.\n */\nexport type ImageOrSvgBaseProps = {\n  /**\n   * Optional prop to set the width of the image/SVG.\n   * Accepts numbers (pixels) or string values (like percentages).\n   */\n  width?: number | string;\n  /**\n   * Optional prop to set the height of the image/SVG.\n   * Accepts numbers (pixels) or string values (like percentages).\n   */\n  height?: number | string;\n  /**\n   * Optional prop to set callback triggered when the image has loaded successfully.\n   */\n  onImageLoad?: (event: NativeSyntheticEvent<ImageLoadEventData>) => void;\n  /**\n   * Optional prop to set callback triggered when there is an error rendering the image.\n   */\n  onImageError?: (\n    errorEvent: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => void;\n  /**\n   * Optional prop to set callback triggered when there is an error rendering the SVG.\n   */\n  onSvgError?: (error: Error) => void;\n  /**\n   * Optional prop for style overrides for the image/SVG container.\n   */\n  style?: StyleProp<ImageStyle>;\n  /**\n   * Additional props to pass to the Image component, excluding\n   * the 'source' prop (which is handled separately).\n   */\n  imageProps?: Omit<ImageProps, 'source'>;\n  /**\n   * Additional props to pass to the Svg component, excluding\n   * the 'uri' prop (which is handled separately).\n   */\n  svgProps?: Omit<SvgProps, 'uri'>;\n};\n\n/**\n * Defines the source type for an image or SVG.\n *\n * The source can be one of the following:\n * - A number representing a locally imported image resource.\n * - A React component (with SvgProps) representing a locally imported SVG.\n * - An object with an optional `uri` property for remote images or SVGs.\n */\nexport type ImageOrSvgSrc =\n  | number // For local imported image\n  | React.ComponentType<SvgProps> // For local imported svg\n  | { uri?: string }; // For remote image or SVG (with a uri property)\n\nexport type ImageOrSvgProps = ImageOrSvgBaseProps & {\n  /**\n   * Required prop for the source of the image or SVG.\n   * This prop determines whether a local image, a local SVG component,\n   * or a remote image/SVG (via URI) is rendered.\n   */\n  src: ImageOrSvgSrc;\n};\n"]}

package/dist/components/temp-components/ImageOrSvg/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageOrSvg = void 0;
+var ImageOrSvg_1 = require("./ImageOrSvg.cjs");
+Object.defineProperty(exports, "ImageOrSvg", { enumerable: true, get: function () { return ImageOrSvg_1.ImageOrSvg; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/temp-components/ImageOrSvg/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { ImageOrSvg } from './ImageOrSvg';\nexport type { ImageOrSvgProps, ImageOrSvgSrc } from './ImageOrSvg.types';\n"]}

package/dist/components/temp-components/ImageOrSvg/index.d.cts

@@ -0,0 +1,3 @@
+export { ImageOrSvg } from "./ImageOrSvg.cjs";
+export type { ImageOrSvgProps, ImageOrSvgSrc } from "./ImageOrSvg.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/temp-components/ImageOrSvg/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,+BAA2B"}

package/dist/components/temp-components/ImageOrSvg/index.d.mts

@@ -0,0 +1,3 @@
+export { ImageOrSvg } from "./ImageOrSvg.mjs";
+export type { ImageOrSvgProps, ImageOrSvgSrc } from "./ImageOrSvg.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/temp-components/ImageOrSvg/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,+BAA2B"}

package/dist/components/temp-components/ImageOrSvg/index.mjs

@@ -0,0 +1,2 @@
+export { ImageOrSvg } from "./ImageOrSvg.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/temp-components/ImageOrSvg/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/ImageOrSvg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { ImageOrSvg } from './ImageOrSvg';\nexport type { ImageOrSvgProps, ImageOrSvgSrc } from './ImageOrSvg.types';\n"]}

package/dist/components/temp-components/Jazzicon/Jazzicon.cjs

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Jazzicon = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native/index.js");
+const react_native_jazzicon_1 = __importDefault(require("react-native-jazzicon"));
+const Jazzicon = ({ testID, ...props }) => (<react_native_1.View testID={testID}>
+    <react_native_jazzicon_1.default {...props}/>
+  </react_native_1.View>);
+exports.Jazzicon = Jazzicon;
+//# sourceMappingURL=Jazzicon.cjs.map

package/dist/components/temp-components/Jazzicon/Jazzicon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wDAAoC;AACpC,kFAA+C;AAIxC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE,CAAC,CAC/D,CAAC,mBAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnB;IAAA,CAAC,+BAAU,CAAC,IAAI,KAAK,CAAC,EACxB;EAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AAJW,QAAA,QAAQ,YAInB","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RNJazzicon from 'react-native-jazzicon';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\nexport const Jazzicon = ({ testID, ...props }: JazziconProps) => (\n  <View testID={testID}>\n    <RNJazzicon {...props} />\n  </View>\n);\n"]}

package/dist/components/temp-components/Jazzicon/Jazzicon.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { JazziconProps } from "./Jazzicon.types.cjs";
+export declare const Jazzicon: ({ testID, ...props }: JazziconProps) => React.JSX.Element;
+//# sourceMappingURL=Jazzicon.d.cts.map

package/dist/components/temp-components/Jazzicon/Jazzicon.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,yBAA0B,aAAa,sBAI3D,CAAC"}

package/dist/components/temp-components/Jazzicon/Jazzicon.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { JazziconProps } from "./Jazzicon.types.mjs";
+export declare const Jazzicon: ({ testID, ...props }: JazziconProps) => React.JSX.Element;
+//# sourceMappingURL=Jazzicon.d.mts.map

package/dist/components/temp-components/Jazzicon/Jazzicon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,yBAA0B,aAAa,sBAI3D,CAAC"}

package/dist/components/temp-components/Jazzicon/Jazzicon.mjs

@@ -0,0 +1,15 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { View } from "react-native/index.js";
+import $RNJazzicon from "react-native-jazzicon";
+const RNJazzicon = $importDefault($RNJazzicon);
+export const Jazzicon = ({ testID, ...props }) => (<View testID={testID}>
+    <RNJazzicon {...props}/>
+  </View>);
+//# sourceMappingURL=Jazzicon.mjs.map

package/dist/components/temp-components/Jazzicon/Jazzicon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AACpC,OAAO,WAAU,8BAA8B;;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE,CAAC,CAC/D,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnB;IAAA,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,EACxB;EAAA,EAAE,IAAI,CAAC,CACR,CAAC","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RNJazzicon from 'react-native-jazzicon';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\nexport const Jazzicon = ({ testID, ...props }: JazziconProps) => (\n  <View testID={testID}>\n    <RNJazzicon {...props} />\n  </View>\n);\n"]}

package/dist/components/temp-components/Jazzicon/Jazzicon.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Jazzicon.types.cjs.map

package/dist/components/temp-components/Jazzicon/Jazzicon.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Jazzicon.types.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { IJazziconProps } from 'react-native-jazzicon';\n\n/**\n * Jazzicon component props.\n */\nexport type JazziconProps = {\n  /**\n   * Optional prop used to locate this view in end-to-end tests.\n   */\n  testID?: string | undefined;\n} & IJazziconProps;\n"]}