@metamask-previews/design-system-react-native 0.24.0-preview.178e60f → 0.26.0-preview.047f96c

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

@@ -1 +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"]}
+{"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.mjs

@@ -6,7 +6,7 @@ function $importDefault(module) {
 }
 import $React, { useState, useCallback, useEffect } from "react";
 const React = $importDefault($React);
-import { Image } from "react-native/index.js";
+import { Image } from "react-native";
 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)

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

@@ -1 +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"]}
+{"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.d.cts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native/index.js";
+import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native";
 import type { SvgProps } from "react-native-svg";
 /**
  * Base props common to all variations.

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

@@ -1 +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"}
+{"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,qBAAqB;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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native/index.js";
+import type { ImageErrorEventData, ImageLoadEventData, NativeSyntheticEvent, StyleProp, ImageStyle, ImageProps } from "react-native";
 import type { SvgProps } from "react-native-svg";
 /**
  * Base props common to all variations.

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

@@ -1 +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"}
+{"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,qBAAqB;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/Jazzicon/Jazzicon.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Jazzicon = void 0;
 const design_system_shared_1 = require("@metamask-previews/design-system-shared");
 const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const react_native_jazzicon_1 = __importDefault(require("react-native-jazzicon"));
 const Jazzicon = ({ testID, address, ...props }) => {
     // Extract the account address from CAIP-10 format if needed

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

@@ -1 +1 @@
-{"version":3,"file":"Jazzicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAGiD;AACjD,kDAA0B;AAC1B,wDAAoC;AAEpC,kFAA+C;AAIxC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACvE,4DAA4D;IAC5D,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,IAAA,4CAAqB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,8EAA8E;IAC9E,MAAM,IAAI,GAAG,IAAA,uCAAgB,EAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,mBAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnB;MAAA,CAAC,+BAAU,CACT,IAAI,KAAK,CAAC;IACV,0GAA0G;IAC1G,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,cAAc,CAAC,CAAC;YACd,YAAY,EAAE,CAAC;YACf,GAAI,KAAK,CAAC,cAA4B;SACvC,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,QAAQ,YAoBnB","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\nimport React from 'react';\nimport { View } from 'react-native';\nimport type { ViewStyle } from 'react-native';\nimport RNJazzicon from 'react-native-jazzicon';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\nexport const Jazzicon = ({ testID, address, ...props }: JazziconProps) => {\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = address ? extractAccountAddress(address) : '';\n\n  // Generate appropriate seed based on address format (matches MetaMask Mobile)\n  const seed = generateIconSeed(accountAddress);\n\n  return (\n    <View testID={testID}>\n      <RNJazzicon\n        {...props}\n        // @ts-expect-error The underlying PRNG supports the seed being an array but the component is typed wrong.\n        seed={seed}\n        containerStyle={{\n          borderRadius: 0, // Override circular border radius to make it square\n          ...(props.containerStyle as ViewStyle),\n        }}\n      />\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Jazzicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAGiD;AACjD,kDAA0B;AAC1B,+CAAoC;AAEpC,kFAA+C;AAIxC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACvE,4DAA4D;IAC5D,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,IAAA,4CAAqB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,8EAA8E;IAC9E,MAAM,IAAI,GAAG,IAAA,uCAAgB,EAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,mBAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnB;MAAA,CAAC,+BAAU,CACT,IAAI,KAAK,CAAC;IACV,0GAA0G;IAC1G,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,cAAc,CAAC,CAAC;YACd,YAAY,EAAE,CAAC;YACf,GAAI,KAAK,CAAC,cAA4B;SACvC,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,QAAQ,YAoBnB","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\nimport React from 'react';\nimport { View } from 'react-native';\nimport type { ViewStyle } from 'react-native';\nimport RNJazzicon from 'react-native-jazzicon';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\nexport const Jazzicon = ({ testID, address, ...props }: JazziconProps) => {\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = address ? extractAccountAddress(address) : '';\n\n  // Generate appropriate seed based on address format (matches MetaMask Mobile)\n  const seed = generateIconSeed(accountAddress);\n\n  return (\n    <View testID={testID}>\n      <RNJazzicon\n        {...props}\n        // @ts-expect-error The underlying PRNG supports the seed being an array but the component is typed wrong.\n        seed={seed}\n        containerStyle={{\n          borderRadius: 0, // Override circular border radius to make it square\n          ...(props.containerStyle as ViewStyle),\n        }}\n      />\n    </View>\n  );\n};\n"]}

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

@@ -7,7 +7,7 @@ function $importDefault(module) {
 import { extractAccountAddress, generateIconSeed } from "@metamask-previews/design-system-shared";
 import $React from "react";
 const React = $importDefault($React);
-import { View } from "react-native/index.js";
+import { View } from "react-native";
 import $RNJazzicon from "react-native-jazzicon";
 const RNJazzicon = $importDefault($RNJazzicon);
 export const Jazzicon = ({ testID, address, ...props }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Jazzicon.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EACjB,gDAAgD;AACjD,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,8BAAqB;AAEpC,OAAO,WAAU,8BAA8B;;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACvE,4DAA4D;IAC5D,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,8EAA8E;IAC9E,MAAM,IAAI,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnB;MAAA,CAAC,UAAU,CACT,IAAI,KAAK,CAAC;IACV,0GAA0G;IAC1G,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,cAAc,CAAC,CAAC;YACd,YAAY,EAAE,CAAC;YACf,GAAI,KAAK,CAAC,cAA4B;SACvC,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\nimport React from 'react';\nimport { View } from 'react-native';\nimport type { ViewStyle } from 'react-native';\nimport RNJazzicon from 'react-native-jazzicon';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\nexport const Jazzicon = ({ testID, address, ...props }: JazziconProps) => {\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = address ? extractAccountAddress(address) : '';\n\n  // Generate appropriate seed based on address format (matches MetaMask Mobile)\n  const seed = generateIconSeed(accountAddress);\n\n  return (\n    <View testID={testID}>\n      <RNJazzicon\n        {...props}\n        // @ts-expect-error The underlying PRNG supports the seed being an array but the component is typed wrong.\n        seed={seed}\n        containerStyle={{\n          borderRadius: 0, // Override circular border radius to make it square\n          ...(props.containerStyle as ViewStyle),\n        }}\n      />\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Jazzicon.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Jazzicon/Jazzicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EACjB,gDAAgD;AACjD,OAAO,MAAK,cAAc;;AAC1B,OAAO,EAAE,IAAI,EAAE,qBAAqB;AAEpC,OAAO,WAAU,8BAA8B;;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACvE,4DAA4D;IAC5D,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAErE,8EAA8E;IAC9E,MAAM,IAAI,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACnB;MAAA,CAAC,UAAU,CACT,IAAI,KAAK,CAAC;IACV,0GAA0G;IAC1G,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,cAAc,CAAC,CAAC;YACd,YAAY,EAAE,CAAC;YACf,GAAI,KAAK,CAAC,cAA4B;SACvC,CAAC,EAEN;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  extractAccountAddress,\n  generateIconSeed,\n} from '@metamask-previews/design-system-shared';\nimport React from 'react';\nimport { View } from 'react-native';\nimport type { ViewStyle } from 'react-native';\nimport RNJazzicon from 'react-native-jazzicon';\n\nimport type { JazziconProps } from './Jazzicon.types';\n\nexport const Jazzicon = ({ testID, address, ...props }: JazziconProps) => {\n  // Extract the account address from CAIP-10 format if needed\n  const accountAddress = address ? extractAccountAddress(address) : '';\n\n  // Generate appropriate seed based on address format (matches MetaMask Mobile)\n  const seed = generateIconSeed(accountAddress);\n\n  return (\n    <View testID={testID}>\n      <RNJazzicon\n        {...props}\n        // @ts-expect-error The underlying PRNG supports the seed being an array but the component is typed wrong.\n        seed={seed}\n        containerStyle={{\n          borderRadius: 0, // Override circular border radius to make it square\n          ...(props.containerStyle as ViewStyle),\n        }}\n      />\n    </View>\n  );\n};\n"]}

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

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Maskicon = void 0;
 const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const react_native_svg_1 = require("react-native-svg");
 const Maskicon_utilities_1 = require("./Maskicon.utilities.cjs");
 const Maskicon = ({ address, size = 32, ...props }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Maskicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,wDAAoC;AACpC,uDAA0C;AAG1C,iEAAsD;AAE/C,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,mCAAmC;QACnC,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,MAAM,GAAG,MAAM,IAAA,mCAAc,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,SAAS,EAAE;gBACd,YAAY,CAAC,MAAM,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAG,CAAC;KACvD;IAED,OAAO,CAAC,yBAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1E,CAAC,CAAC;AAtBW,QAAA,QAAQ,YAsBnB","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View } from 'react-native';\nimport { SvgXml } from 'react-native-svg';\n\nimport type { MaskiconProps } from './Maskicon.types';\nimport { getMaskiconSVG } from './Maskicon.utilities';\n\nexport const Maskicon = ({ address, size = 32, ...props }: MaskiconProps) => {\n  const [svgString, setSvgString] = useState('');\n\n  useEffect(() => {\n    let cancelled = false;\n    // eslint-disable-next-line no-void\n    void (async () => {\n      const newSvg = await getMaskiconSVG(address, size);\n      if (!cancelled) {\n        setSvgString(newSvg);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [address, size]);\n\n  if (!svgString) {\n    return <View style={{ width: size, height: size }} />;\n  }\n\n  return <SvgXml xml={svgString} width={size} height={size} {...props} />;\n};\n"]}
+{"version":3,"file":"Maskicon.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,+CAAoC;AACpC,uDAA0C;AAG1C,iEAAsD;AAE/C,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,mCAAmC;QACnC,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,MAAM,GAAG,MAAM,IAAA,mCAAc,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,SAAS,EAAE;gBACd,YAAY,CAAC,MAAM,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAG,CAAC;KACvD;IAED,OAAO,CAAC,yBAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1E,CAAC,CAAC;AAtBW,QAAA,QAAQ,YAsBnB","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View } from 'react-native';\nimport { SvgXml } from 'react-native-svg';\n\nimport type { MaskiconProps } from './Maskicon.types';\nimport { getMaskiconSVG } from './Maskicon.utilities';\n\nexport const Maskicon = ({ address, size = 32, ...props }: MaskiconProps) => {\n  const [svgString, setSvgString] = useState('');\n\n  useEffect(() => {\n    let cancelled = false;\n    // eslint-disable-next-line no-void\n    void (async () => {\n      const newSvg = await getMaskiconSVG(address, size);\n      if (!cancelled) {\n        setSvgString(newSvg);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [address, size]);\n\n  if (!svgString) {\n    return <View style={{ width: size, height: size }} />;\n  }\n\n  return <SvgXml xml={svgString} width={size} height={size} {...props} />;\n};\n"]}

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

@@ -6,7 +6,7 @@ function $importDefault(module) {
 }
 import $React, { useEffect, useState } from "react";
 const React = $importDefault($React);
-import { View } from "react-native/index.js";
+import { View } from "react-native";
 import { SvgXml } from "react-native-svg";
 import { getMaskiconSVG } from "./Maskicon.utilities.mjs";
 export const Maskicon = ({ address, size = 32, ...props }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Maskicon.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc;;AACnD,OAAO,EAAE,IAAI,EAAE,8BAAqB;AACpC,OAAO,EAAE,MAAM,EAAE,yBAAyB;AAG1C,OAAO,EAAE,cAAc,EAAE,iCAA6B;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,mCAAmC;QACnC,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,SAAS,EAAE;gBACd,YAAY,CAAC,MAAM,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAG,CAAC;KACvD;IAED,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1E,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View } from 'react-native';\nimport { SvgXml } from 'react-native-svg';\n\nimport type { MaskiconProps } from './Maskicon.types';\nimport { getMaskiconSVG } from './Maskicon.utilities';\n\nexport const Maskicon = ({ address, size = 32, ...props }: MaskiconProps) => {\n  const [svgString, setSvgString] = useState('');\n\n  useEffect(() => {\n    let cancelled = false;\n    // eslint-disable-next-line no-void\n    void (async () => {\n      const newSvg = await getMaskiconSVG(address, size);\n      if (!cancelled) {\n        setSvgString(newSvg);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [address, size]);\n\n  if (!svgString) {\n    return <View style={{ width: size, height: size }} />;\n  }\n\n  return <SvgXml xml={svgString} width={size} height={size} {...props} />;\n};\n"]}
+{"version":3,"file":"Maskicon.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Maskicon/Maskicon.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc;;AACnD,OAAO,EAAE,IAAI,EAAE,qBAAqB;AACpC,OAAO,EAAE,MAAM,EAAE,yBAAyB;AAG1C,OAAO,EAAE,cAAc,EAAE,iCAA6B;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,mCAAmC;QACnC,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACnD,IAAI,CAAC,SAAS,EAAE;gBACd,YAAY,CAAC,MAAM,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAG,CAAC;KACvD;IAED,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1E,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View } from 'react-native';\nimport { SvgXml } from 'react-native-svg';\n\nimport type { MaskiconProps } from './Maskicon.types';\nimport { getMaskiconSVG } from './Maskicon.utilities';\n\nexport const Maskicon = ({ address, size = 32, ...props }: MaskiconProps) => {\n  const [svgString, setSvgString] = useState('');\n\n  useEffect(() => {\n    let cancelled = false;\n    // eslint-disable-next-line no-void\n    void (async () => {\n      const newSvg = await getMaskiconSVG(address, size);\n      if (!cancelled) {\n        setSvgString(newSvg);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [address, size]);\n\n  if (!svgString) {\n    return <View style={{ width: size, height: size }} />;\n  }\n\n  return <SvgXml xml={svgString} width={size} height={size} {...props} />;\n};\n"]}

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

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spinner = void 0;
 const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
 const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
 const Icon_1 = require("../../Icon/index.cjs");
 const Text_1 = require("../../Text/index.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,wDAAoC;AACpC,mFAMiC;AAGjC,+CAAiE;AAEjE,+CAA0D;AAInD,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,gBAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,IAAA,oCAAU,EACzB,IAAA,oCAAU,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,gCAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,+BAA+B,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAEvE;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,WAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,OAAO,WAsDlB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withRepeat,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n  color = IconColor.IconDefault,\n  spinnerIconProps,\n  loadingText,\n  loadingTextProps,\n  twClassName,\n  style,\n  ...props\n}: SpinnerProps) => {\n  const tw = useTailwind();\n\n  // Create a shared value for rotation\n  const rotation = useSharedValue(0);\n\n  // Start the animation when the component mounts\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n      -1, // Infinite repetitions\n      false, // Do not reverse the animation\n    );\n  }, []);\n\n  // Define the animated style\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${rotation.value % 360}deg` }],\n  }));\n\n  const finalSpinnerIconProps: IconProps = {\n    size: IconSize.Md,\n    name: IconName.Loading,\n    testID: 'spinner-icon',\n    color,\n    ...spinnerIconProps,\n  };\n\n  const finalLoadingTextProps: Partial<TextProps> = {\n    variant: TextVariant.BodyMd,\n    color: TextColor.TextDefault,\n    testID: 'spinner-text',\n    ...loadingTextProps,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}\n    >\n      <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n        <Icon {...finalSpinnerIconProps} />\n      </Animated.View>\n      {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Spinner.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,+CAAoC;AACpC,mFAMiC;AAGjC,+CAAiE;AAEjE,+CAA0D;AAInD,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,gBAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,IAAA,oCAAU,EACzB,IAAA,oCAAU,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,gCAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,+BAA+B,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAEvE;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,WAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,WAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,OAAO,WAsDlB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withRepeat,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n  color = IconColor.IconDefault,\n  spinnerIconProps,\n  loadingText,\n  loadingTextProps,\n  twClassName,\n  style,\n  ...props\n}: SpinnerProps) => {\n  const tw = useTailwind();\n\n  // Create a shared value for rotation\n  const rotation = useSharedValue(0);\n\n  // Start the animation when the component mounts\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n      -1, // Infinite repetitions\n      false, // Do not reverse the animation\n    );\n  }, []);\n\n  // Define the animated style\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${rotation.value % 360}deg` }],\n  }));\n\n  const finalSpinnerIconProps: IconProps = {\n    size: IconSize.Md,\n    name: IconName.Loading,\n    testID: 'spinner-icon',\n    color,\n    ...spinnerIconProps,\n  };\n\n  const finalLoadingTextProps: Partial<TextProps> = {\n    variant: TextVariant.BodyMd,\n    color: TextColor.TextDefault,\n    testID: 'spinner-text',\n    ...loadingTextProps,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}\n    >\n      <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n        <Icon {...finalSpinnerIconProps} />\n      </Animated.View>\n      {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n    </View>\n  );\n};\n"]}

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

@@ -7,7 +7,7 @@ function $importDefault(module) {
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import $React, { useEffect } from "react";
 const React = $importDefault($React);
-import { View } from "react-native/index.js";
+import { View } from "react-native";
 import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, Easing } from "react-native-reanimated";
 import { Icon, IconColor, IconName, IconSize } from "../../Icon/index.mjs";
 import { Text, TextVariant, TextColor } from "../../Text/index.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,SAAS,EAAE,cAAc;;AACzC,OAAO,EAAE,IAAI,EAAE,8BAAqB;AACpC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,MAAM,EACP,gCAAgC;AAGjC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,6BAAmB;AAEjE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,6BAAmB;AAI1D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,UAAU,CACzB,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,QAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,WAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,SAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,+BAA+B,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAEvE;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,QAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withRepeat,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n  color = IconColor.IconDefault,\n  spinnerIconProps,\n  loadingText,\n  loadingTextProps,\n  twClassName,\n  style,\n  ...props\n}: SpinnerProps) => {\n  const tw = useTailwind();\n\n  // Create a shared value for rotation\n  const rotation = useSharedValue(0);\n\n  // Start the animation when the component mounts\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n      -1, // Infinite repetitions\n      false, // Do not reverse the animation\n    );\n  }, []);\n\n  // Define the animated style\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${rotation.value % 360}deg` }],\n  }));\n\n  const finalSpinnerIconProps: IconProps = {\n    size: IconSize.Md,\n    name: IconName.Loading,\n    testID: 'spinner-icon',\n    color,\n    ...spinnerIconProps,\n  };\n\n  const finalLoadingTextProps: Partial<TextProps> = {\n    variant: TextVariant.BodyMd,\n    color: TextColor.TextDefault,\n    testID: 'spinner-text',\n    ...loadingTextProps,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}\n    >\n      <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n        <Icon {...finalSpinnerIconProps} />\n      </Animated.View>\n      {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"Spinner.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,QAAO,EAAE,SAAS,EAAE,cAAc;;AACzC,OAAO,EAAE,IAAI,EAAE,qBAAqB;AACpC,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,MAAM,EACP,gCAAgC;AAGjC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,6BAAmB;AAEjE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,6BAAmB;AAI1D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACK,EAAE,EAAE;IACjB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEnC,gDAAgD;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,GAAG,UAAU,CACzB,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,mCAAmC;QAC/F,CAAC,CAAC,EAAE,uBAAuB;QAC3B,KAAK,CACN,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4BAA4B;IAC5B,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,EAAE,CAAC;KACtD,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAc;QACvC,IAAI,EAAE,QAAQ,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ,CAAC,OAAO;QACtB,MAAM,EAAE,cAAc;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,OAAO,EAAE,WAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,SAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;QACtB,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,+BAA+B,EAAE,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAEvE;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,QAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useEffect } from 'react';\nimport { View } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withRepeat,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { IconProps } from '../../Icon';\nimport { Icon, IconColor, IconName, IconSize } from '../../Icon';\nimport type { TextProps } from '../../Text';\nimport { Text, TextVariant, TextColor } from '../../Text';\n\nimport type { SpinnerProps } from './Spinner.types';\n\nexport const Spinner = ({\n  color = IconColor.IconDefault,\n  spinnerIconProps,\n  loadingText,\n  loadingTextProps,\n  twClassName,\n  style,\n  ...props\n}: SpinnerProps) => {\n  const tw = useTailwind();\n\n  // Create a shared value for rotation\n  const rotation = useSharedValue(0);\n\n  // Start the animation when the component mounts\n  useEffect(() => {\n    rotation.value = withRepeat(\n      withTiming(360, { duration: 1000, easing: Easing.linear }), // Complete a full spin in 1 second\n      -1, // Infinite repetitions\n      false, // Do not reverse the animation\n    );\n  }, []);\n\n  // Define the animated style\n  const animatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${rotation.value % 360}deg` }],\n  }));\n\n  const finalSpinnerIconProps: IconProps = {\n    size: IconSize.Md,\n    name: IconName.Loading,\n    testID: 'spinner-icon',\n    color,\n    ...spinnerIconProps,\n  };\n\n  const finalLoadingTextProps: Partial<TextProps> = {\n    variant: TextVariant.BodyMd,\n    color: TextColor.TextDefault,\n    testID: 'spinner-text',\n    ...loadingTextProps,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[tw.style('flex-row items-center gap-x-2', twClassName), style]}\n    >\n      <Animated.View style={[animatedStyle]} testID=\"spinner-animated-view\">\n        <Icon {...finalSpinnerIconProps} />\n      </Animated.View>\n      {loadingText && <Text {...finalLoadingTextProps}>{loadingText}</Text>}\n    </View>\n  );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import type { ViewProps } from "react-native/index.js";
+import type { ViewProps } from "react-native";
 import type { IconProps, IconColor } from "../../Icon/index.cjs";
 import type { TextProps } from "../../Text/index.cjs";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.types.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,6BAAmB;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,6BAAmB;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Spinner.types.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,6BAAmB;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,6BAAmB;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ViewProps } from "react-native/index.js";
+import type { ViewProps } from "react-native";
 import type { IconProps, IconColor } from "../../Icon/index.mjs";
 import type { TextProps } from "../../Text/index.mjs";
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.types.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,8BAAqB;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,6BAAmB;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,6BAAmB;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Spinner.types.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/Spinner/Spinner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,qBAAqB;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,6BAAmB;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,6BAAmB;AAE5C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}

package/dist/test-utils/createRenderer.cjs

@@ -0,0 +1,41 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRenderer = void 0;
+const react_1 = __importDefault(require("react"));
+const ReactTestRenderer = __importStar(require("react-test-renderer"));
+// Wraps ReactTestRenderer.create in act() as required by React 19.
+const createRenderer = (element) => {
+    let tree;
+    ReactTestRenderer.act(() => {
+        tree = ReactTestRenderer.create(element);
+    });
+    return tree;
+};
+exports.createRenderer = createRenderer;
+//# sourceMappingURL=createRenderer.cjs.map

package/dist/test-utils/createRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.cjs","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAAyD;AAEzD,mEAAmE;AAC5D,MAAM,cAAc,GAAG,CAAC,OAA2B,EAAE,EAAE;IAC5D,IAAI,IAA0C,CAAC;IAC/C,iBAAiB,CAAC,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AANW,QAAA,cAAc,kBAMzB","sourcesContent":["import React from 'react';\nimport * as ReactTestRenderer from 'react-test-renderer';\n\n// Wraps ReactTestRenderer.create in act() as required by React 19.\nexport const createRenderer = (element: React.ReactElement) => {\n  let tree!: ReactTestRenderer.ReactTestRenderer;\n  ReactTestRenderer.act(() => {\n    tree = ReactTestRenderer.create(element);\n  });\n  return tree;\n};\n"]}

package/dist/test-utils/createRenderer.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import * as ReactTestRenderer from "react-test-renderer";
+export declare const createRenderer: (element: React.ReactElement) => ReactTestRenderer.ReactTestRenderer;
+//# sourceMappingURL=createRenderer.d.cts.map

package/dist/test-utils/createRenderer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.d.cts","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAC1B,OAAO,KAAK,iBAAiB,4BAA4B;AAGzD,eAAO,MAAM,cAAc,YAAa,MAAM,YAAY,wCAMzD,CAAC"}

package/dist/test-utils/createRenderer.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import * as ReactTestRenderer from "react-test-renderer";
+export declare const createRenderer: (element: React.ReactElement) => ReactTestRenderer.ReactTestRenderer;
+//# sourceMappingURL=createRenderer.d.mts.map

package/dist/test-utils/createRenderer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.d.mts","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAC1B,OAAO,KAAK,iBAAiB,4BAA4B;AAGzD,eAAO,MAAM,cAAc,YAAa,MAAM,YAAY,wCAMzD,CAAC"}

package/dist/test-utils/createRenderer.mjs

@@ -0,0 +1,18 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import * as ReactTestRenderer from "react-test-renderer";
+// Wraps ReactTestRenderer.create in act() as required by React 19.
+export const createRenderer = (element) => {
+    let tree;
+    ReactTestRenderer.act(() => {
+        tree = ReactTestRenderer.create(element);
+    });
+    return tree;
+};
+//# sourceMappingURL=createRenderer.mjs.map

package/dist/test-utils/createRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRenderer.mjs","sourceRoot":"","sources":["../../src/test-utils/createRenderer.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAC1B,OAAO,KAAK,iBAAiB,4BAA4B;AAEzD,mEAAmE;AACnE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAA2B,EAAE,EAAE;IAC5D,IAAI,IAA0C,CAAC;IAC/C,iBAAiB,CAAC,GAAG,CAAC,GAAG,EAAE;QACzB,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport * as ReactTestRenderer from 'react-test-renderer';\n\n// Wraps ReactTestRenderer.create in act() as required by React 19.\nexport const createRenderer = (element: React.ReactElement) => {\n  let tree!: ReactTestRenderer.ReactTestRenderer;\n  ReactTestRenderer.act(() => {\n    tree = ReactTestRenderer.create(element);\n  });\n  return tree;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react-native",
-  "version": "0.24.0-preview.178e60f",
+  "version": "0.26.0-preview.047f96c",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -47,7 +47,7 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask-previews/design-system-shared": "0.17.0-preview.178e60f",
+    "@metamask-previews/design-system-shared": "0.19.0-preview.047f96c",
     "fast-text-encoding": "^1.0.6",
     "react-native-jazzicon": "^0.1.2"
   },
@@ -57,34 +57,33 @@
     "@babel/preset-react": "^7.25.9",
     "@babel/preset-typescript": "^7.23.3",
     "@figma/code-connect": "^1.0.0",
-    "@metamask-previews/design-system-twrnc-preset": "0.4.2-preview.178e60f",
-    "@metamask-previews/design-tokens": "8.4.0-preview.178e60f",
-    "@metamask/auto-changelog": "^6.1.0",
+    "@metamask-previews/design-system-twrnc-preset": "0.4.2-preview.047f96c",
+    "@metamask-previews/design-tokens": "8.4.0-preview.047f96c",
+    "@metamask/auto-changelog": "^6.1.1",
     "@metamask/utils": "^11.11.0",
-    "@react-native/babel-preset": "0.76.9",
-    "@react-native/typescript-config": "0.76.9",
-    "@storybook/react-native": "^10",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@react-native/babel-preset": "0.81.5",
+    "@react-native/typescript-config": "0.81.5",
+    "@storybook/react-native": "10.4.0",
     "@testing-library/react-native": "^13.3.3",
     "@ts-bridge/cli": "^0.6.3",
     "@types/babel__preset-env": "^7",
     "@types/fast-text-encoding": "^1",
     "@types/jest": "^27.4.1",
     "@types/node": "^16.18.54",
-    "@types/react": "^18.2.0",
-    "@types/react-test-renderer": "^18",
+    "@types/react": "^19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
     "babel-jest": "^29.7.0",
     "deepmerge": "^4.2.2",
     "jest": "^29.7.0",
-    "metro-react-native-babel-transformer": "0.76.9",
-    "react": "18.3.1",
-    "react-native": "0.76.9",
-    "react-native-gesture-handler": "~2.25.0",
-    "react-native-reanimated": "~3.17.2",
-    "react-native-safe-area-context": "^5.4.0",
-    "react-native-svg": "~15.11.2",
-    "react-native-svg-transformer": "^1.5.0",
-    "react-test-renderer": "^18.3.1",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-safe-area-context": "~5.6.0",
+    "react-native-svg": "15.12.1",
+    "react-native-svg-transformer": "^1.5.3",
+    "react-native-worklets": "0.5.1",
+    "react-test-renderer": "19.1.0",
     "ts-jest": "^29.2.5",
     "tsx": "^4.20.6",
     "typescript": "~5.2.2"

package/dist/components/SensitiveText/SensitiveText.constants.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SensitiveTextLength = void 0;
-/**
- * Predefined length options for SensitiveText hidden content.
- * Values represent the number of bullet characters displayed when text is hidden.
- */
-exports.SensitiveTextLength = {
-    Short: '6',
-    Medium: '9',
-    Long: '12',
-    ExtraLong: '20',
-};
-//# sourceMappingURL=SensitiveText.constants.cjs.map

package/dist/components/SensitiveText/SensitiveText.constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SensitiveText.constants.cjs","sourceRoot":"","sources":["../../../src/components/SensitiveText/SensitiveText.constants.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACU,QAAA,mBAAmB,GAAG;IACjC,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,IAAI;CACP,CAAC","sourcesContent":["/**\n * Predefined length options for SensitiveText hidden content.\n * Values represent the number of bullet characters displayed when text is hidden.\n */\nexport const SensitiveTextLength = {\n  Short: '6',\n  Medium: '9',\n  Long: '12',\n  ExtraLong: '20',\n} as const;\n"]}

package/dist/components/SensitiveText/SensitiveText.constants.d.cts

@@ -1,11 +0,0 @@
-/**
- * Predefined length options for SensitiveText hidden content.
- * Values represent the number of bullet characters displayed when text is hidden.
- */
-export declare const SensitiveTextLength: {
-    readonly Short: "6";
-    readonly Medium: "9";
-    readonly Long: "12";
-    readonly ExtraLong: "20";
-};
-//# sourceMappingURL=SensitiveText.constants.d.cts.map

package/dist/components/SensitiveText/SensitiveText.constants.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SensitiveText.constants.d.cts","sourceRoot":"","sources":["../../../src/components/SensitiveText/SensitiveText.constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC"}

package/dist/components/SensitiveText/SensitiveText.constants.d.mts

@@ -1,11 +0,0 @@
-/**
- * Predefined length options for SensitiveText hidden content.
- * Values represent the number of bullet characters displayed when text is hidden.
- */
-export declare const SensitiveTextLength: {
-    readonly Short: "6";
-    readonly Medium: "9";
-    readonly Long: "12";
-    readonly ExtraLong: "20";
-};
-//# sourceMappingURL=SensitiveText.constants.d.mts.map

package/dist/components/SensitiveText/SensitiveText.constants.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SensitiveText.constants.d.mts","sourceRoot":"","sources":["../../../src/components/SensitiveText/SensitiveText.constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC"}

package/dist/components/SensitiveText/SensitiveText.constants.mjs

@@ -1,11 +0,0 @@
-/**
- * Predefined length options for SensitiveText hidden content.
- * Values represent the number of bullet characters displayed when text is hidden.
- */
-export const SensitiveTextLength = {
-    Short: '6',
-    Medium: '9',
-    Long: '12',
-    ExtraLong: '20',
-};
-//# sourceMappingURL=SensitiveText.constants.mjs.map

package/dist/components/SensitiveText/SensitiveText.constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SensitiveText.constants.mjs","sourceRoot":"","sources":["../../../src/components/SensitiveText/SensitiveText.constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,IAAI;CACP,CAAC","sourcesContent":["/**\n * Predefined length options for SensitiveText hidden content.\n * Values represent the number of bullet characters displayed when text is hidden.\n */\nexport const SensitiveTextLength = {\n  Short: '6',\n  Medium: '9',\n  Long: '12',\n  ExtraLong: '20',\n} as const;\n"]}