@metamask-previews/design-system-react-native 0.22.0-preview.f515a62 → 0.26.0-preview.047f96c

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

@@ -1,4 +1,4 @@
-import type { PressableProps } from "react-native/index.js";
+import type { PressableProps } from "react-native";
 /**
  * ButtonAnimated component props.
  */

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

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

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

@@ -1,4 +1,4 @@
-import type { PressableProps } from "react-native/index.js";
+import type { PressableProps } from "react-native";
 /**
  * ButtonAnimated component props.
  */

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderStandardCenterColumn = void 0;
+// Third party dependencies.
+const react_1 = __importDefault(require("react"));
+// External dependencies.
+const Box_1 = require("../../Box/index.cjs");
+const BoxColumn_1 = require("../../BoxColumn/index.cjs");
+const Text_1 = require("../../Text/index.cjs");
+const TextOrChildren_1 = require("../TextOrChildren/index.cjs");
+function HeaderStandardCenterColumn({ title, titleProps, subtitle, subtitleProps, }) {
+    let subtitleTextProps;
+    if (subtitle && typeof subtitle === 'string') {
+        const { twClassName: subtitleTwClassName, ...subtitleTextRest } = subtitleProps ?? {};
+        subtitleTextProps = {
+            variant: Text_1.TextVariant.BodySm,
+            color: Text_1.TextColor.TextAlternative,
+            ...subtitleTextRest,
+            twClassName: ['-mt-0.5', subtitleTwClassName].filter(Boolean).join(' '),
+        };
+    }
+    return (<BoxColumn_1.BoxColumn alignItems={Box_1.BoxAlignItems.Center} textProps={{
+            variant: Text_1.TextVariant.BodyMd,
+            fontWeight: Text_1.FontWeight.Bold,
+            ...titleProps,
+        }} bottomAccessory={subtitle ? (<TextOrChildren_1.TextOrChildren textProps={subtitleTextProps}>
+            {subtitle}
+          </TextOrChildren_1.TextOrChildren>) : undefined}>
+      {title}
+    </BoxColumn_1.BoxColumn>);
+}
+exports.HeaderStandardCenterColumn = HeaderStandardCenterColumn;
+//# sourceMappingURL=HeaderStandardCenterColumn.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,kDAA0B;AAE1B,yBAAyB;AACzB,6CAA0C;AAC1C,yDAA4C;AAE5C,+CAAgE;AAChE,gEAAmD;AAKnD,SAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GACmB;IAChC,IAAI,iBAAmE,CAAC;IACxE,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC5C,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,GAC7D,aAAa,IAAI,EAAE,CAAC;QACtB,iBAAiB,GAAG;YAClB,OAAO,EAAE,kBAAW,CAAC,MAAM;YAC3B,KAAK,EAAE,gBAAS,CAAC,eAAe;YAChC,GAAG,gBAAgB;YACnB,WAAW,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACxE,CAAC;KACH;IAED,OAAO,CACL,CAAC,qBAAS,CACR,UAAU,CAAC,CAAC,mBAAa,CAAC,MAAM,CAAC,CACjC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,kBAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,iBAAU,CAAC,IAAI;YAC3B,GAAG,UAAU;SACd,CAAC,CACF,eAAe,CAAC,CACd,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,+BAAc,CAAC,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAC3C;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,+BAAc,CAAC,CAClB,CAAC,CAAC,CAAC,SAAS,CACd,CAED;MAAA,CAAC,KAAK,CACR;IAAA,EAAE,qBAAS,CAAC,CACb,CAAC;AACJ,CAAC;AArCD,gEAqCC","sourcesContent":["// Third party dependencies.\nimport React from 'react';\n\n// External dependencies.\nimport { BoxAlignItems } from '../../Box';\nimport { BoxColumn } from '../../BoxColumn';\nimport type { TextProps } from '../../Text';\nimport { FontWeight, TextColor, TextVariant } from '../../Text';\nimport { TextOrChildren } from '../TextOrChildren';\n\n// Internal dependencies.\nimport type { HeaderStandardCenterColumnProps } from './HeaderStandardCenterColumn.types';\n\nexport function HeaderStandardCenterColumn({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n}: HeaderStandardCenterColumnProps) {\n  let subtitleTextProps: Omit<Partial<TextProps>, 'children'> | undefined;\n  if (subtitle && typeof subtitle === 'string') {\n    const { twClassName: subtitleTwClassName, ...subtitleTextRest } =\n      subtitleProps ?? {};\n    subtitleTextProps = {\n      variant: TextVariant.BodySm,\n      color: TextColor.TextAlternative,\n      ...subtitleTextRest,\n      twClassName: ['-mt-0.5', subtitleTwClassName].filter(Boolean).join(' '),\n    };\n  }\n\n  return (\n    <BoxColumn\n      alignItems={BoxAlignItems.Center}\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Bold,\n        ...titleProps,\n      }}\n      bottomAccessory={\n        subtitle ? (\n          <TextOrChildren textProps={subtitleTextProps}>\n            {subtitle}\n          </TextOrChildren>\n        ) : undefined\n      }\n    >\n      {title}\n    </BoxColumn>\n  );\n}\n"]}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HeaderStandardCenterColumnProps } from "./HeaderStandardCenterColumn.types.cjs";
+export declare function HeaderStandardCenterColumn({ title, titleProps, subtitle, subtitleProps, }: HeaderStandardCenterColumnProps): React.JSX.Element;
+//# sourceMappingURL=HeaderStandardCenterColumn.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,+CAA2C;AAE1F,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GACd,EAAE,+BAA+B,qBAgCjC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { HeaderStandardCenterColumnProps } from "./HeaderStandardCenterColumn.types.mjs";
+export declare function HeaderStandardCenterColumn({ title, titleProps, subtitle, subtitleProps, }: HeaderStandardCenterColumnProps): React.JSX.Element;
+//# sourceMappingURL=HeaderStandardCenterColumn.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,+CAA2C;AAE1F,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GACd,EAAE,+BAA+B,qBAgCjC"}

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

@@ -0,0 +1,36 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+// Third party dependencies.
+import $React from "react";
+const React = $importDefault($React);
+// External dependencies.
+import { BoxAlignItems } from "../../Box/index.mjs";
+import { BoxColumn } from "../../BoxColumn/index.mjs";
+import { FontWeight, TextColor, TextVariant } from "../../Text/index.mjs";
+import { TextOrChildren } from "../TextOrChildren/index.mjs";
+export function HeaderStandardCenterColumn({ title, titleProps, subtitle, subtitleProps, }) {
+    let subtitleTextProps;
+    if (subtitle && typeof subtitle === 'string') {
+        const { twClassName: subtitleTwClassName, ...subtitleTextRest } = subtitleProps ?? {};
+        subtitleTextProps = {
+            variant: TextVariant.BodySm,
+            color: TextColor.TextAlternative,
+            ...subtitleTextRest,
+            twClassName: ['-mt-0.5', subtitleTwClassName].filter(Boolean).join(' '),
+        };
+    }
+    return (<BoxColumn alignItems={BoxAlignItems.Center} textProps={{
+            variant: TextVariant.BodyMd,
+            fontWeight: FontWeight.Bold,
+            ...titleProps,
+        }} bottomAccessory={subtitle ? (<TextOrChildren textProps={subtitleTextProps}>
+            {subtitle}
+          </TextOrChildren>) : undefined}>
+      {title}
+    </BoxColumn>);
+}
+//# sourceMappingURL=HeaderStandardCenterColumn.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.tsx"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,MAAK,cAAc;;AAE1B,yBAAyB;AACzB,OAAO,EAAE,aAAa,EAAE,4BAAkB;AAC1C,OAAO,EAAE,SAAS,EAAE,kCAAwB;AAE5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,6BAAmB;AAChE,OAAO,EAAE,cAAc,EAAE,oCAA0B;AAKnD,MAAM,UAAU,0BAA0B,CAAC,EACzC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,aAAa,GACmB;IAChC,IAAI,iBAAmE,CAAC;IACxE,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC5C,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,GAC7D,aAAa,IAAI,EAAE,CAAC;QACtB,iBAAiB,GAAG;YAClB,OAAO,EAAE,WAAW,CAAC,MAAM;YAC3B,KAAK,EAAE,SAAS,CAAC,eAAe;YAChC,GAAG,gBAAgB;YACnB,WAAW,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACxE,CAAC;KACH;IAED,OAAO,CACL,CAAC,SAAS,CACR,UAAU,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,WAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,UAAU,CAAC,IAAI;YAC3B,GAAG,UAAU;SACd,CAAC,CACF,eAAe,CAAC,CACd,QAAQ,CAAC,CAAC,CAAC,CACT,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAC3C;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,cAAc,CAAC,CAClB,CAAC,CAAC,CAAC,SAAS,CACd,CAED;MAAA,CAAC,KAAK,CACR;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC","sourcesContent":["// Third party dependencies.\nimport React from 'react';\n\n// External dependencies.\nimport { BoxAlignItems } from '../../Box';\nimport { BoxColumn } from '../../BoxColumn';\nimport type { TextProps } from '../../Text';\nimport { FontWeight, TextColor, TextVariant } from '../../Text';\nimport { TextOrChildren } from '../TextOrChildren';\n\n// Internal dependencies.\nimport type { HeaderStandardCenterColumnProps } from './HeaderStandardCenterColumn.types';\n\nexport function HeaderStandardCenterColumn({\n  title,\n  titleProps,\n  subtitle,\n  subtitleProps,\n}: HeaderStandardCenterColumnProps) {\n  let subtitleTextProps: Omit<Partial<TextProps>, 'children'> | undefined;\n  if (subtitle && typeof subtitle === 'string') {\n    const { twClassName: subtitleTwClassName, ...subtitleTextRest } =\n      subtitleProps ?? {};\n    subtitleTextProps = {\n      variant: TextVariant.BodySm,\n      color: TextColor.TextAlternative,\n      ...subtitleTextRest,\n      twClassName: ['-mt-0.5', subtitleTwClassName].filter(Boolean).join(' '),\n    };\n  }\n\n  return (\n    <BoxColumn\n      alignItems={BoxAlignItems.Center}\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Bold,\n        ...titleProps,\n      }}\n      bottomAccessory={\n        subtitle ? (\n          <TextOrChildren textProps={subtitleTextProps}>\n            {subtitle}\n          </TextOrChildren>\n        ) : undefined\n      }\n    >\n      {title}\n    </BoxColumn>\n  );\n}\n"]}

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Third party dependencies.
+const react_1 = __importDefault(require("react"));
+//# sourceMappingURL=HeaderStandardCenterColumn.types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.types.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.types.ts"],"names":[],"mappings":";;;;;AAAA,4BAA4B;AAC5B,kDAA0B","sourcesContent":["// Third party dependencies.\nimport React from 'react';\n\n// External dependencies.\nimport type { TextProps } from '../../Text';\n\n/**\n * Shared title/subtitle fields for header center content (see HeaderStandard, HeaderStandardAnimated).\n */\nexport type HeaderStandardCenterColumnFields = {\n  /**\n   * Title to display in the header. Can be a string or a React node.\n   * Used as children if children prop is not provided.\n   * When string: rendered with TextVariant.BodyMd and FontWeight.Bold by default; titleProps apply.\n   * When node: rendered as-is; titleProps are not applied.\n   */\n  title?: string | React.ReactNode;\n  /**\n   * Additional props to pass to the title Text component.\n   * Props are spread to the Text component and can override default values.\n   * Only applied when title is a string.\n   */\n  titleProps?: Partial<TextProps>;\n  /**\n   * Subtitle to display below the title. Can be a string or a React node.\n   * When string: rendered with TextVariant.BodySm and TextColor.TextAlternative by default; subtitleProps apply.\n   * When node: rendered as-is; subtitleProps are not applied (add spacing on your root if needed, e.g. twClassName).\n   */\n  subtitle?: string | React.ReactNode;\n  /**\n   * Additional props to pass to the subtitle Text component.\n   * Props are spread to the Text component and can override default values.\n   * Only applied when subtitle is a string.\n   */\n  subtitleProps?: Partial<TextProps>;\n};\n\n/**\n * Props for the presentational center column (requires `title` when rendered).\n */\nexport type HeaderStandardCenterColumnProps = Omit<\n  HeaderStandardCenterColumnFields,\n  'title'\n> & {\n  title: React.ReactNode;\n};\n"]}

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

@@ -0,0 +1,39 @@
+import React from "react";
+import type { TextProps } from "../../Text/index.cjs";
+/**
+ * Shared title/subtitle fields for header center content (see HeaderStandard, HeaderStandardAnimated).
+ */
+export type HeaderStandardCenterColumnFields = {
+    /**
+     * Title to display in the header. Can be a string or a React node.
+     * Used as children if children prop is not provided.
+     * When string: rendered with TextVariant.BodyMd and FontWeight.Bold by default; titleProps apply.
+     * When node: rendered as-is; titleProps are not applied.
+     */
+    title?: string | React.ReactNode;
+    /**
+     * Additional props to pass to the title Text component.
+     * Props are spread to the Text component and can override default values.
+     * Only applied when title is a string.
+     */
+    titleProps?: Partial<TextProps>;
+    /**
+     * Subtitle to display below the title. Can be a string or a React node.
+     * When string: rendered with TextVariant.BodySm and TextColor.TextAlternative by default; subtitleProps apply.
+     * When node: rendered as-is; subtitleProps are not applied (add spacing on your root if needed, e.g. twClassName).
+     */
+    subtitle?: string | React.ReactNode;
+    /**
+     * Additional props to pass to the subtitle Text component.
+     * Props are spread to the Text component and can override default values.
+     * Only applied when subtitle is a string.
+     */
+    subtitleProps?: Partial<TextProps>;
+};
+/**
+ * Props for the presentational center column (requires `title` when rendered).
+ */
+export type HeaderStandardCenterColumnProps = Omit<HeaderStandardCenterColumnFields, 'title'> & {
+    title: React.ReactNode;
+};
+//# sourceMappingURL=HeaderStandardCenterColumn.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.types.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,6BAAmB;AAE5C;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG;IAC7C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,gCAAgC,EAChC,OAAO,CACR,GAAG;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC"}

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

@@ -0,0 +1,39 @@
+import React from "react";
+import type { TextProps } from "../../Text/index.mjs";
+/**
+ * Shared title/subtitle fields for header center content (see HeaderStandard, HeaderStandardAnimated).
+ */
+export type HeaderStandardCenterColumnFields = {
+    /**
+     * Title to display in the header. Can be a string or a React node.
+     * Used as children if children prop is not provided.
+     * When string: rendered with TextVariant.BodyMd and FontWeight.Bold by default; titleProps apply.
+     * When node: rendered as-is; titleProps are not applied.
+     */
+    title?: string | React.ReactNode;
+    /**
+     * Additional props to pass to the title Text component.
+     * Props are spread to the Text component and can override default values.
+     * Only applied when title is a string.
+     */
+    titleProps?: Partial<TextProps>;
+    /**
+     * Subtitle to display below the title. Can be a string or a React node.
+     * When string: rendered with TextVariant.BodySm and TextColor.TextAlternative by default; subtitleProps apply.
+     * When node: rendered as-is; subtitleProps are not applied (add spacing on your root if needed, e.g. twClassName).
+     */
+    subtitle?: string | React.ReactNode;
+    /**
+     * Additional props to pass to the subtitle Text component.
+     * Props are spread to the Text component and can override default values.
+     * Only applied when subtitle is a string.
+     */
+    subtitleProps?: Partial<TextProps>;
+};
+/**
+ * Props for the presentational center column (requires `title` when rendered).
+ */
+export type HeaderStandardCenterColumnProps = Omit<HeaderStandardCenterColumnFields, 'title'> & {
+    title: React.ReactNode;
+};
+//# sourceMappingURL=HeaderStandardCenterColumn.types.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.types.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,6BAAmB;AAE5C;;GAEG;AACH,MAAM,MAAM,gCAAgC,GAAG;IAC7C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAChD,gCAAgC,EAChC,OAAO,CACR,GAAG;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC"}

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

@@ -0,0 +1,10 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+// Third party dependencies.
+import $React from "react";
+const React = $importDefault($React);
+//# sourceMappingURL=HeaderStandardCenterColumn.types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderStandardCenterColumn.types.mjs","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/HeaderStandardCenterColumn.types.ts"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,OAAO,MAAK,cAAc","sourcesContent":["// Third party dependencies.\nimport React from 'react';\n\n// External dependencies.\nimport type { TextProps } from '../../Text';\n\n/**\n * Shared title/subtitle fields for header center content (see HeaderStandard, HeaderStandardAnimated).\n */\nexport type HeaderStandardCenterColumnFields = {\n  /**\n   * Title to display in the header. Can be a string or a React node.\n   * Used as children if children prop is not provided.\n   * When string: rendered with TextVariant.BodyMd and FontWeight.Bold by default; titleProps apply.\n   * When node: rendered as-is; titleProps are not applied.\n   */\n  title?: string | React.ReactNode;\n  /**\n   * Additional props to pass to the title Text component.\n   * Props are spread to the Text component and can override default values.\n   * Only applied when title is a string.\n   */\n  titleProps?: Partial<TextProps>;\n  /**\n   * Subtitle to display below the title. Can be a string or a React node.\n   * When string: rendered with TextVariant.BodySm and TextColor.TextAlternative by default; subtitleProps apply.\n   * When node: rendered as-is; subtitleProps are not applied (add spacing on your root if needed, e.g. twClassName).\n   */\n  subtitle?: string | React.ReactNode;\n  /**\n   * Additional props to pass to the subtitle Text component.\n   * Props are spread to the Text component and can override default values.\n   * Only applied when subtitle is a string.\n   */\n  subtitleProps?: Partial<TextProps>;\n};\n\n/**\n * Props for the presentational center column (requires `title` when rendered).\n */\nexport type HeaderStandardCenterColumnProps = Omit<\n  HeaderStandardCenterColumnFields,\n  'title'\n> & {\n  title: React.ReactNode;\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/index.ts"],"names":[],"mappings":";;;AAAA,+EAA0E;AAAjE,wIAAA,0BAA0B,OAAA","sourcesContent":["export { HeaderStandardCenterColumn } from './HeaderStandardCenterColumn';\nexport type {\n  HeaderStandardCenterColumnFields,\n  HeaderStandardCenterColumnProps,\n} from './HeaderStandardCenterColumn.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,yCAAqC;AAC1E,YAAY,EACV,gCAAgC,EAChC,+BAA+B,GAChC,+CAA2C"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../src/components/temp-components/HeaderStandardCenterColumn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,yCAAqC;AAC1E,YAAY,EACV,gCAAgC,EAChC,+BAA+B,GAChC,+CAA2C"}

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

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

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

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

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

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageOrSvg = void 0;
 const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native/index.js");
+const react_native_1 = require("react-native");
 const react_native_svg_1 = require("react-native-svg");
 const ImageOrSvg = ({ src, width, height, onImageLoad, onImageError, onSvgError, style, imageProps, svgProps, }) => {
     // CASE 1: local image (src is a number)

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";
 /**