@metamask/design-system-react-native 0.26.0 → 0.28.0

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,yEAGwC;AACxC,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/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,yEAGwC;AACxC,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/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/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,uCAAuC;AACxC,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/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,uCAAuC;AACxC,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/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/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");
@@ -43,7 +43,7 @@ const Spinner = ({ color = Icon_1.IconColor.IconDefault, spinnerIconProps, loadi
     // Define the animated style
     const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
         transform: [{ rotate: `${rotation.value % 360}deg` }],
-    }));
+    }), []);
     const finalSpinnerIconProps = {
         size: Icon_1.IconSize.Md,
         name: Icon_1.IconName.Loading,

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,qFAAmE;AACnE,+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/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,qFAAmE;AACnE,+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,EAAE,EAAE,CAAC,CAAC;IAER,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/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/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";
@@ -24,7 +24,7 @@ export const Spinner = ({ color = IconColor.IconDefault, spinnerIconProps, loadi
     // Define the animated style
     const animatedStyle = useAnimatedStyle(() => ({
         transform: [{ rotate: `${rotation.value % 360}deg` }],
-    }));
+    }), []);
     const finalSpinnerIconProps = {
         size: IconSize.Md,
         name: IconName.Loading,

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,6CAA6C;AACnE,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/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,6CAA6C;AACnE,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,EAAE,EAAE,CAAC,CAAC;IAER,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/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/design-system-react-native",
-  "version": "0.26.0",
+  "version": "0.28.0",
   "description": "Design System React Native",
   "keywords": [
     "MetaMask",
@@ -47,7 +47,7 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
-    "@metamask/design-system-shared": "^0.19.0",
+    "@metamask/design-system-shared": "^0.21.0",
     "fast-text-encoding": "^1.0.6",
     "react-native-jazzicon": "^0.1.2"
   },
@@ -57,40 +57,39 @@
     "@babel/preset-react": "^7.25.9",
     "@babel/preset-typescript": "^7.23.3",
     "@figma/code-connect": "^1.0.0",
-    "@metamask/auto-changelog": "^6.1.0",
-    "@metamask/design-system-twrnc-preset": "^0.4.2",
-    "@metamask/design-tokens": "^8.4.0",
+    "@metamask/auto-changelog": "^6.1.1",
+    "@metamask/design-system-twrnc-preset": "^0.5.0",
+    "@metamask/design-tokens": "^8.5.0",
     "@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"
   },
   "peerDependencies": {
-    "@metamask/design-system-twrnc-preset": "^0.4.0",
+    "@metamask/design-system-twrnc-preset": "^0.5.0",
     "@metamask/design-tokens": "^8.2.0",
     "@metamask/utils": "^11.11.0",
     "lodash": "^4.17.23",
@@ -101,7 +100,7 @@
     "react-native-safe-area-context": ">=5.0.0"
   },
   "engines": {
-    "node": "^18.18 || >=20"
+    "node": ">=20"
   },
   "publishConfig": {
     "access": "public",

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = void 0;
-// External dependencies.
-const HeaderBase_types_1 = require("../HeaderBase/HeaderBase.types.cjs");
-// Internal dependencies.
-const BottomSheetHeader_types_1 = require("./BottomSheetHeader.types.cjs");
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-exports.BOTTOM_SHEET_HEADER_VARIANT_MAP = {
-    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Display]: HeaderBase_types_1.HeaderBaseVariant.Display,
-    [BottomSheetHeader_types_1.BottomSheetHeaderVariant.Compact]: HeaderBase_types_1.HeaderBaseVariant.Compact,
-};
-//# sourceMappingURL=BottomSheetHeader.constants.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.cjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,yEAAmE;AAEnE,yBAAyB;AACzB,2EAAqE;AAErE;;GAEG;AACU,QAAA,+BAA+B,GAGxC;IACF,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;IAC7D,CAAC,kDAAwB,CAAC,OAAO,CAAC,EAAE,oCAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

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

@@ -1,7 +0,0 @@
-import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.cjs";
-import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.cjs";
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
-//# sourceMappingURL=BottomSheetHeader.constants.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

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

@@ -1,7 +0,0 @@
-import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
-import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-export declare const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<BottomSheetHeaderVariant, HeaderBaseVariant>;
-//# sourceMappingURL=BottomSheetHeader.constants.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAGnE,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,wBAAwB,EACxB,iBAAiB,CAIlB,CAAC"}

package/dist/components/BottomSheetHeader/BottomSheetHeader.constants.mjs

@@ -1,12 +0,0 @@
-// External dependencies.
-import { HeaderBaseVariant } from "../HeaderBase/HeaderBase.types.mjs";
-// Internal dependencies.
-import { BottomSheetHeaderVariant } from "./BottomSheetHeader.types.mjs";
-/**
- * Maps BottomSheetHeaderVariant to HeaderBaseVariant.
- */
-export const BOTTOM_SHEET_HEADER_VARIANT_MAP = {
-    [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,
-    [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,
-};
-//# sourceMappingURL=BottomSheetHeader.constants.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSheetHeader.constants.mjs","sourceRoot":"","sources":["../../../src/components/BottomSheetHeader/BottomSheetHeader.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,2CAAuC;AAEnE,yBAAyB;AACzB,OAAO,EAAE,wBAAwB,EAAE,sCAAkC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;IAC7D,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO;CAC9D,CAAC","sourcesContent":["// External dependencies.\nimport { HeaderBaseVariant } from '../HeaderBase/HeaderBase.types';\n\n// Internal dependencies.\nimport { BottomSheetHeaderVariant } from './BottomSheetHeader.types';\n\n/**\n * Maps BottomSheetHeaderVariant to HeaderBaseVariant.\n */\nexport const BOTTOM_SHEET_HEADER_VARIANT_MAP: Record<\n  BottomSheetHeaderVariant,\n  HeaderBaseVariant\n> = {\n  [BottomSheetHeaderVariant.Display]: HeaderBaseVariant.Display,\n  [BottomSheetHeaderVariant.Compact]: HeaderBaseVariant.Compact,\n};\n"]}

package/dist/components/HeaderBase/HeaderBase.constants.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HEADERBASE_VARIANT_TEXT_VARIANTS = void 0;
-// External dependencies.
-const Text_1 = require("../Text/index.cjs");
-// Internal dependencies.
-const HeaderBase_types_1 = require("./HeaderBase.types.cjs");
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-exports.HEADERBASE_VARIANT_TEXT_VARIANTS = {
-    [HeaderBase_types_1.HeaderBaseVariant.Compact]: Text_1.TextVariant.HeadingSm,
-    [HeaderBase_types_1.HeaderBaseVariant.Display]: Text_1.TextVariant.HeadingLg,
-};
-//# sourceMappingURL=HeaderBase.constants.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,4CAAsC;AAEtC,yBAAyB;AACzB,6DAAuD;AAEvD;;GAEG;AACU,QAAA,gCAAgC,GAGzC;IACF,CAAC,oCAAiB,CAAC,OAAO,CAAC,EAAE,kBAAW,CAAC,SAAS;IAClD,CAAC,oCAAiB,CAAC,OAAO,CAAC,EAAE,kBAAW,CAAC,SAAS;CACnD,CAAC","sourcesContent":["// External dependencies.\nimport { TextVariant } from '../Text';\n\n// Internal dependencies.\nimport { HeaderBaseVariant } from './HeaderBase.types';\n\n/**\n * Text variant mapping based on HeaderBase variant.\n */\nexport const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<\n  HeaderBaseVariant,\n  TextVariant\n> = {\n  [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,\n  [HeaderBaseVariant.Display]: TextVariant.HeadingLg,\n};\n"]}

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

@@ -1,7 +0,0 @@
-import { TextVariant } from "../Text/index.cjs";
-import { HeaderBaseVariant } from "./HeaderBase.types.cjs";
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-export declare const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<HeaderBaseVariant, TextVariant>;
-//# sourceMappingURL=HeaderBase.constants.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,iBAAiB,EACjB,WAAW,CAIZ,CAAC"}

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

@@ -1,7 +0,0 @@
-import { TextVariant } from "../Text/index.mjs";
-import { HeaderBaseVariant } from "./HeaderBase.types.mjs";
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-export declare const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<HeaderBaseVariant, TextVariant>;
-//# sourceMappingURL=HeaderBase.constants.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,iBAAiB,EACjB,WAAW,CAIZ,CAAC"}

package/dist/components/HeaderBase/HeaderBase.constants.mjs

@@ -1,12 +0,0 @@
-// External dependencies.
-import { TextVariant } from "../Text/index.mjs";
-// Internal dependencies.
-import { HeaderBaseVariant } from "./HeaderBase.types.mjs";
-/**
- * Text variant mapping based on HeaderBase variant.
- */
-export const HEADERBASE_VARIANT_TEXT_VARIANTS = {
-    [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,
-    [HeaderBaseVariant.Display]: TextVariant.HeadingLg,
-};
-//# sourceMappingURL=HeaderBase.constants.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBase.constants.mjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,yBAAyB;AACzB,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAGzC;IACF,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS;IAClD,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS;CACnD,CAAC","sourcesContent":["// External dependencies.\nimport { TextVariant } from '../Text';\n\n// Internal dependencies.\nimport { HeaderBaseVariant } from './HeaderBase.types';\n\n/**\n * Text variant mapping based on HeaderBase variant.\n */\nexport const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<\n  HeaderBaseVariant,\n  TextVariant\n> = {\n  [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,\n  [HeaderBaseVariant.Display]: TextVariant.HeadingLg,\n};\n"]}