@metamask-previews/design-system-react-native 0.0.0-preview.fbd1fe9 → 0.1.0-preview.a448767

package/dist/primitives/ButtonAnimated/index.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var ButtonAnimated_1 = require("./ButtonAnimated");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ButtonAnimated_1).default; } });
-//# sourceMappingURL=index.js.map

package/dist/primitives/ButtonAnimated/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/index.ts"],"names":[],"mappings":";;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA","sourcesContent":["export { default } from './ButtonAnimated';\n"]}

package/dist/primitives/ButtonBase/ButtonBase.constants.d.ts

@@ -1,3 +0,0 @@
-import type { ButtonBaseProps } from './ButtonBase.types';
-export declare const DEFAULT_BUTTONBASE_PROPS: Pick<ButtonBaseProps, 'textProps' | 'size' | 'isLoading' | 'spinnerProps' | 'startIconProps' | 'endIconProps' | 'isDisabled' | 'isFullWidth'>;
-//# sourceMappingURL=ButtonBase.constants.d.ts.map

package/dist/primitives/ButtonBase/ButtonBase.constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.constants.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D,eAAO,MAAM,wBAAwB,EAAE,IAAI,CACzC,eAAe,EACb,WAAW,GACX,MAAM,GACN,WAAW,GACX,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,YAAY,GACZ,aAAa,CAwBhB,CAAC"}

package/dist/primitives/ButtonBase/ButtonBase.constants.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_BUTTONBASE_PROPS = void 0;
-const Icon_1 = require("../../components/Icon");
-const Text_1 = require("../../components/Text");
-const ButtonBase_types_1 = require("./ButtonBase.types");
-// Defaults
-exports.DEFAULT_BUTTONBASE_PROPS = {
-    textProps: {
-        variant: Text_1.TextVariant.BodyMd,
-        fontWeight: Text_1.FontWeight.Medium,
-        color: Text_1.TextColor.TextDefault,
-        numberOfLines: 1,
-        ellipsizeMode: 'clip',
-    },
-    size: ButtonBase_types_1.ButtonBaseSize.Lg,
-    isLoading: false,
-    spinnerProps: {
-        color: Icon_1.IconColor.IconDefault,
-    },
-    startIconProps: {
-        size: Icon_1.IconSize.Sm,
-        testID: 'start-icon',
-    },
-    endIconProps: {
-        size: Icon_1.IconSize.Sm,
-        testID: 'end-icon',
-    },
-    isDisabled: false,
-    isFullWidth: false,
-};
-//# sourceMappingURL=ButtonBase.constants.js.map

package/dist/primitives/ButtonBase/ButtonBase.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.constants.js","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.constants.ts"],"names":[],"mappings":";;;AAAA,gDAA4D;AAC5D,gDAA2E;AAE3E,yDAAoD;AAEpD,WAAW;AACE,QAAA,wBAAwB,GAUjC;IACF,SAAS,EAAE;QACT,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM;QAC7B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,MAAM;KACtB;IACD,IAAI,EAAE,iCAAc,CAAC,EAAE;IACvB,SAAS,EAAE,KAAK;IAChB,YAAY,EAAE;QACZ,KAAK,EAAE,gBAAS,CAAC,WAAW;KAC7B;IACD,cAAc,EAAE;QACd,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,MAAM,EAAE,YAAY;KACrB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,MAAM,EAAE,UAAU;KACnB;IACD,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;CACnB,CAAC","sourcesContent":["import { IconSize, IconColor } from '../../components/Icon';\nimport { TextColor, TextVariant, FontWeight } from '../../components/Text';\nimport type { ButtonBaseProps } from './ButtonBase.types';\nimport { ButtonBaseSize } from './ButtonBase.types';\n\n// Defaults\nexport const DEFAULT_BUTTONBASE_PROPS: Pick<\n  ButtonBaseProps,\n  | 'textProps'\n  | 'size'\n  | 'isLoading'\n  | 'spinnerProps'\n  | 'startIconProps'\n  | 'endIconProps'\n  | 'isDisabled'\n  | 'isFullWidth'\n> = {\n  textProps: {\n    variant: TextVariant.BodyMd,\n    fontWeight: FontWeight.Medium,\n    color: TextColor.TextDefault,\n    numberOfLines: 1,\n    ellipsizeMode: 'clip',\n  },\n  size: ButtonBaseSize.Lg,\n  isLoading: false,\n  spinnerProps: {\n    color: IconColor.IconDefault,\n  },\n  startIconProps: {\n    size: IconSize.Sm,\n    testID: 'start-icon',\n  },\n  endIconProps: {\n    size: IconSize.Sm,\n    testID: 'end-icon',\n  },\n  isDisabled: false,\n  isFullWidth: false,\n};\n"]}

package/dist/primitives/ButtonBase/ButtonBase.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { ButtonBaseProps } from './ButtonBase.types';
-declare const ButtonBase: ({ children, textProps, size, isLoading, loadingText, spinnerProps, startIconName, startIconProps, startAccessory, endIconName, endIconProps, endAccessory, isDisabled, isFullWidth, twClassName, style, ...props }: ButtonBaseProps) => React.JSX.Element;
-export default ButtonBase;
-//# sourceMappingURL=ButtonBase.d.ts.map

package/dist/primitives/ButtonBase/ButtonBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,QAAA,MAAM,UAAU,uNAkBb,eAAe,sBAyEjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/primitives/ButtonBase/ButtonBase.js

@@ -1,84 +0,0 @@
-"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 });
-/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
-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");
-const Icon_1 = __importDefault(require("../../components/Icon"));
-const Spinner_1 = __importDefault(require("../../temp-components/Spinner"));
-const ButtonAnimated_1 = __importDefault(require("../ButtonAnimated"));
-const TextOrChildren_1 = __importDefault(require("../TextOrChildren/TextOrChildren"));
-const ButtonBase_constants_1 = require("./ButtonBase.constants");
-const ButtonBase_utilities_1 = require("./ButtonBase.utilities");
-const ButtonBase = ({ children, textProps, size = ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.size, isLoading, loadingText, spinnerProps, startIconName, startIconProps, startAccessory, endIconName, endIconProps, endAccessory, isDisabled, isFullWidth, twClassName, style, ...props }) => {
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const twContainerClassNames = (0, react_1.useMemo)(() => {
-        return (0, ButtonBase_utilities_1.generateButtonBaseContainerClassNames)({
-            size,
-            twClassName,
-            isLoading,
-            isDisabled,
-            isFullWidth,
-        });
-    }, [size, twClassName, isLoading, isDisabled, isFullWidth]);
-    const finalTextProps = {
-        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.textProps,
-        ...textProps,
-    };
-    const finalStartIconName = startIconName ?? startIconProps?.name;
-    const finalStartIconProps = {
-        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.startIconProps,
-        ...startIconProps,
-    };
-    const finalEndIconName = endIconName ?? endIconProps?.name;
-    const finalEndIconProps = {
-        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.endIconProps,
-        ...endIconProps,
-    };
-    const finalSpinnerProps = {
-        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.spinnerProps,
-        loadingText,
-        loadingTextProps: {
-            numberOfLines: 1,
-        },
-        ...spinnerProps,
-    };
-    return (<ButtonAnimated_1.default disabled={isDisabled || isLoading} accessibilityRole="button" accessible style={[tw `${twContainerClassNames}`, style]} {...props}>
-      <react_native_1.View style={tw `absolute inset-0 flex items-center justify-center ${isLoading ? 'opacity-100' : 'opacity-0'}`} testID="spinner-container">
-        <Spinner_1.default {...finalSpinnerProps}/>
-      </react_native_1.View>
-      <react_native_1.View style={tw `flex-row items-center justify-center gap-x-2 ${isLoading ? 'opacity-0' : 'opacity-100'}`} testID="content-container">
-        {finalStartIconName ? (<Icon_1.default name={finalStartIconName} {...finalStartIconProps}/>) : (startAccessory)}
-        <TextOrChildren_1.default textProps={finalTextProps}>{children}</TextOrChildren_1.default>
-        {finalEndIconName ? (<Icon_1.default name={finalEndIconName} {...finalEndIconProps}/>) : (endAccessory)}
-      </react_native_1.View>
-    </ButtonAnimated_1.default>);
-};
-exports.default = ButtonBase;
-//# sourceMappingURL=ButtonBase.js.map

package/dist/primitives/ButtonBase/ButtonBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.js","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useMemo } from 'react';\nimport { View } from 'react-native';\n\nimport type { IconProps } from '../../components/Icon';\nimport Icon from '../../components/Icon';\nimport type { TextProps } from '../../components/Text/Text.types';\nimport type { SpinnerProps } from '../../temp-components/Spinner';\nimport Spinner from '../../temp-components/Spinner';\nimport ButtonAnimated from '../ButtonAnimated';\nimport TextOrChildren from '../TextOrChildren/TextOrChildren';\nimport { DEFAULT_BUTTONBASE_PROPS } from './ButtonBase.constants';\nimport type { ButtonBaseProps } from './ButtonBase.types';\nimport { generateButtonBaseContainerClassNames } from './ButtonBase.utilities';\n\nconst ButtonBase = ({\n  children,\n  textProps,\n  size = DEFAULT_BUTTONBASE_PROPS.size,\n  isLoading,\n  loadingText,\n  spinnerProps,\n  startIconName,\n  startIconProps,\n  startAccessory,\n  endIconName,\n  endIconProps,\n  endAccessory,\n  isDisabled,\n  isFullWidth,\n  twClassName,\n  style,\n  ...props\n}: ButtonBaseProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = useMemo(() => {\n    return generateButtonBaseContainerClassNames({\n      size,\n      twClassName,\n      isLoading,\n      isDisabled,\n      isFullWidth,\n    });\n  }, [size, twClassName, isLoading, isDisabled, isFullWidth]);\n\n  const finalTextProps: Omit<Partial<TextProps>, 'children'> = {\n    ...DEFAULT_BUTTONBASE_PROPS.textProps,\n    ...textProps,\n  };\n  const finalStartIconName = startIconName ?? startIconProps?.name;\n  const finalStartIconProps: Partial<IconProps> = {\n    ...DEFAULT_BUTTONBASE_PROPS.startIconProps,\n    ...startIconProps,\n  };\n\n  const finalEndIconName = endIconName ?? endIconProps?.name;\n  const finalEndIconProps: Partial<IconProps> = {\n    ...DEFAULT_BUTTONBASE_PROPS.endIconProps,\n    ...endIconProps,\n  };\n\n  const finalSpinnerProps: SpinnerProps = {\n    ...DEFAULT_BUTTONBASE_PROPS.spinnerProps,\n    loadingText,\n    loadingTextProps: {\n      numberOfLines: 1,\n    },\n    ...spinnerProps,\n  };\n\n  return (\n    <ButtonAnimated\n      disabled={isDisabled || isLoading}\n      accessibilityRole=\"button\"\n      accessible\n      style={[tw`${twContainerClassNames}`, style]}\n      {...props}\n    >\n      <View\n        style={tw`absolute inset-0 flex items-center justify-center ${\n          isLoading ? 'opacity-100' : 'opacity-0'\n        }`}\n        testID=\"spinner-container\"\n      >\n        <Spinner {...finalSpinnerProps} />\n      </View>\n      <View\n        style={tw`flex-row items-center justify-center gap-x-2 ${\n          isLoading ? 'opacity-0' : 'opacity-100'\n        }`}\n        testID=\"content-container\"\n      >\n        {finalStartIconName ? (\n          <Icon name={finalStartIconName} {...finalStartIconProps} />\n        ) : (\n          startAccessory\n        )}\n        <TextOrChildren textProps={finalTextProps}>{children}</TextOrChildren>\n        {finalEndIconName ? (\n          <Icon name={finalEndIconName} {...finalEndIconProps} />\n        ) : (\n          endAccessory\n        )}\n      </View>\n    </ButtonAnimated>\n  );\n};\n\nexport default ButtonBase;\n"]}

package/dist/primitives/ButtonBase/ButtonBase.types.d.ts

@@ -1,93 +0,0 @@
-import type { PressableProps, StyleProp, ViewStyle } from 'react-native';
-import type { TextProps } from 'src/components/Text/Text.types';
-import type { IconProps, IconName } from '../../components/Icon';
-import type { SpinnerProps } from '../../temp-components/Spinner';
-export declare enum ButtonBaseSize {
-    /**
-     * Represents a small button size (32px).
-     */
-    Sm = "32",
-    /**
-     * Represents a medium button size (40px).
-     */
-    Md = "40",
-    /**
-     * Represents a large button size (48px).
-     */
-    Lg = "48"
-}
-/**
- * ButtonBase component props.
- */
-export type ButtonBaseProps = {
-    /**
-     * Required prop for the content to be rendered within the ButtonBase
-     */
-    children: React.ReactNode | string;
-    /**
-     * Optional props to be passed to the Text component when children is a string
-     */
-    textProps?: Omit<Partial<TextProps>, 'children'>;
-    /**
-     * Optional prop to control the size of the ButtonBase
-     * Possible values: ButtonBaseSize.Sm (32px), ButtonBaseSize.Md (40px), ButtonBaseSize.Lg (48px)
-     * @default ButtonBaseSize.Lg
-     */
-    size?: ButtonBaseSize;
-    /**
-     * Optional prop that when true, shows a loading spinner
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * Optional prop for text to display when button is in loading state
-     */
-    loadingText?: string;
-    /**
-     * Optional prop to pass additional properties to the end icon
-     */
-    spinnerProps?: Partial<SpinnerProps>;
-    /**
-     * Optional prop to specify an icon to show at the start of the button
-     */
-    startIconName?: IconName;
-    /**
-     * Optional prop to pass additional properties to the start icon
-     */
-    startIconProps?: Partial<IconProps>;
-    /**
-     * Optional prop for a custom element to show at the start of the button
-     */
-    startAccessory?: React.ReactNode;
-    /**
-     * Optional prop to specify an icon to show at the end of the button
-     */
-    endIconName?: IconName;
-    /**
-     * Optional prop to pass additional properties to the end icon
-     */
-    endIconProps?: Partial<IconProps>;
-    /**
-     * Optional prop for a custom element to show at the end of the button
-     */
-    endAccessory?: React.ReactNode;
-    /**
-     * Optional prop that when true, disables the button
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Optional prop that when true, makes the button take up the full width of its container
-     * @default false
-     */
-    isFullWidth?: boolean;
-    /**
-     * Optional prop to add twrnc overriding classNames.
-     */
-    twClassName?: string;
-    /**
-     * Optional prop to control the style.
-     */
-    style?: StyleProp<ViewStyle>;
-} & PressableProps;
-//# sourceMappingURL=ButtonBase.types.d.ts.map

package/dist/primitives/ButtonBase/ButtonBase.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,oBAAY,cAAc;IACxB;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;IACT;;OAEG;IACH,EAAE,OAAO;CACV;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,cAAc,CAAC"}

package/dist/primitives/ButtonBase/ButtonBase.types.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonBaseSize = void 0;
-var ButtonBaseSize;
-(function (ButtonBaseSize) {
-    /**
-     * Represents a small button size (32px).
-     */
-    ButtonBaseSize["Sm"] = "32";
-    /**
-     * Represents a medium button size (40px).
-     */
-    ButtonBaseSize["Md"] = "40";
-    /**
-     * Represents a large button size (48px).
-     */
-    ButtonBaseSize["Lg"] = "48";
-})(ButtonBaseSize || (exports.ButtonBaseSize = ButtonBaseSize = {}));
-//# sourceMappingURL=ButtonBase.types.js.map

package/dist/primitives/ButtonBase/ButtonBase.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.types.js","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.types.ts"],"names":[],"mappings":";;;AAMA,IAAY,cAaX;AAbD,WAAY,cAAc;IACxB;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;IACT;;OAEG;IACH,2BAAS,CAAA;AACX,CAAC,EAbW,cAAc,8BAAd,cAAc,QAazB","sourcesContent":["import type { PressableProps, StyleProp, ViewStyle } from 'react-native';\nimport type { TextProps } from 'src/components/Text/Text.types';\n\nimport type { IconProps, IconName } from '../../components/Icon';\nimport type { SpinnerProps } from '../../temp-components/Spinner';\n\nexport enum ButtonBaseSize {\n  /**\n   * Represents a small button size (32px).\n   */\n  Sm = '32',\n  /**\n   * Represents a medium button size (40px).\n   */\n  Md = '40',\n  /**\n   * Represents a large button size (48px).\n   */\n  Lg = '48',\n}\n\n/**\n * ButtonBase component props.\n */\nexport type ButtonBaseProps = {\n  /**\n   * Required prop for the content to be rendered within the ButtonBase\n   */\n  children: React.ReactNode | string;\n  /**\n   * Optional props to be passed to the Text component when children is a string\n   */\n  textProps?: Omit<Partial<TextProps>, 'children'>;\n  /**\n   * Optional prop to control the size of the ButtonBase\n   * Possible values: ButtonBaseSize.Sm (32px), ButtonBaseSize.Md (40px), ButtonBaseSize.Lg (48px)\n   * @default ButtonBaseSize.Lg\n   */\n  size?: ButtonBaseSize;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional prop for text to display when button is in loading state\n   */\n  loadingText?: string;\n  /**\n   * Optional prop to pass additional properties to the end icon\n   */\n  spinnerProps?: Partial<SpinnerProps>;\n  /**\n   * Optional prop to specify an icon to show at the start of the button\n   */\n  startIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the start icon\n   */\n  startIconProps?: Partial<IconProps>;\n  /**\n   * Optional prop for a custom element to show at the start of the button\n   */\n  startAccessory?: React.ReactNode;\n  /**\n   * Optional prop to specify an icon to show at the end of the button\n   */\n  endIconName?: IconName;\n  /**\n   * Optional prop to pass additional properties to the end icon\n   */\n  endIconProps?: Partial<IconProps>;\n  /**\n   * Optional prop for a custom element to show at the end of the button\n   */\n  endAccessory?: React.ReactNode;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, makes the button take up the full width of its container\n   * @default false\n   */\n  isFullWidth?: boolean;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n  /**\n   * Optional prop to control the style.\n   */\n  style?: StyleProp<ViewStyle>;\n} & PressableProps;\n"]}

package/dist/primitives/ButtonBase/ButtonBase.utilities.d.ts

@@ -1,28 +0,0 @@
-import type { ButtonBaseProps } from './ButtonBase.types';
-/**
- * Generates a Tailwind class name string for the base container of a button.
- *
- * This function constructs a class name string based on the button's `size`,
- * `isDisabled`, `isFullWidth`, and optional additional Tailwind class names.
- *
- * @param size - The size of the button, defaulting to `DEFAULT_BUTTONBASE_PROPS.size`.
- * @param isDisabled - A boolean indicating whether the button is disabled, affecting opacity.
- * @param isFullWidth - A boolean indicating whether the button should stretch to full width.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A string of Tailwind class names representing the button's container styles.
- *
- * Example:
- * ```
- * const classNames = generateButtonBaseContainerClassNames({
- *   size: 'md',
- *   isDisabled: true,
- *   isFullWidth: false,
- *   twClassName: 'border border-red-500',
- * });
- *
- * console.log(classNames);
- * // Output: "md-class flex-row items-center justify-center rounded-full bg-background-muted px-4 opacity-50 self-start border border-red-500"
- * ```
- */
-export declare const generateButtonBaseContainerClassNames: ({ size, isDisabled, isFullWidth, twClassName, }: Partial<ButtonBaseProps>) => string;
-//# sourceMappingURL=ButtonBase.utilities.d.ts.map

package/dist/primitives/ButtonBase/ButtonBase.utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.utilities.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.utilities.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,qCAAqC,oDAK/C,QAAQ,eAAe,CAAC,KAAG,MAQ7B,CAAC"}

package/dist/primitives/ButtonBase/ButtonBase.utilities.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateButtonBaseContainerClassNames = void 0;
-/* eslint-disable jsdoc/check-param-names */
-/* eslint-disable jsdoc/require-param */
-const ButtonBase_constants_1 = require("./ButtonBase.constants");
-/**
- * Generates a Tailwind class name string for the base container of a button.
- *
- * This function constructs a class name string based on the button's `size`,
- * `isDisabled`, `isFullWidth`, and optional additional Tailwind class names.
- *
- * @param size - The size of the button, defaulting to `DEFAULT_BUTTONBASE_PROPS.size`.
- * @param isDisabled - A boolean indicating whether the button is disabled, affecting opacity.
- * @param isFullWidth - A boolean indicating whether the button should stretch to full width.
- * @param twClassName - Additional Tailwind class names for customization.
- * @returns A string of Tailwind class names representing the button's container styles.
- *
- * Example:
- * ```
- * const classNames = generateButtonBaseContainerClassNames({
- *   size: 'md',
- *   isDisabled: true,
- *   isFullWidth: false,
- *   twClassName: 'border border-red-500',
- * });
- *
- * console.log(classNames);
- * // Output: "md-class flex-row items-center justify-center rounded-full bg-background-muted px-4 opacity-50 self-start border border-red-500"
- * ```
- */
-const generateButtonBaseContainerClassNames = ({ size = ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.size, isDisabled, isFullWidth, twClassName = '', }) => {
-    const baseStyle = 'flex-row items-center justify-center rounded-full bg-background-muted px-4';
-    const sizeStyle = `h-[${size}px]`;
-    const disabledStyle = isDisabled ? 'opacity-50' : 'opacity-100';
-    const widthStyle = isFullWidth ? 'self-stretch' : 'self-start';
-    const mergedClassnames = `${sizeStyle} ${baseStyle} ${disabledStyle} ${widthStyle} ${twClassName}`;
-    return mergedClassnames;
-};
-exports.generateButtonBaseContainerClassNames = generateButtonBaseContainerClassNames;
-//# sourceMappingURL=ButtonBase.utilities.js.map

package/dist/primitives/ButtonBase/ButtonBase.utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonBase.utilities.js","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/ButtonBase.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,iEAAkE;AAGlE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,UAAU,EACV,WAAW,EACX,WAAW,GAAG,EAAE,GACS,EAAU,EAAE;IACrC,MAAM,SAAS,GACb,4EAA4E,CAAC;IAC/E,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,CAAC;IAClC,MAAM,aAAa,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IAC/D,MAAM,gBAAgB,GAAG,GAAG,SAAS,IAAI,SAAS,IAAI,aAAa,IAAI,UAAU,IAAI,WAAW,EAAE,CAAC;IACnG,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAbW,QAAA,qCAAqC,yCAahD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport { DEFAULT_BUTTONBASE_PROPS } from './ButtonBase.constants';\nimport type { ButtonBaseProps } from './ButtonBase.types';\n\n/**\n * Generates a Tailwind class name string for the base container of a button.\n *\n * This function constructs a class name string based on the button's `size`,\n * `isDisabled`, `isFullWidth`, and optional additional Tailwind class names.\n *\n * @param size - The size of the button, defaulting to `DEFAULT_BUTTONBASE_PROPS.size`.\n * @param isDisabled - A boolean indicating whether the button is disabled, affecting opacity.\n * @param isFullWidth - A boolean indicating whether the button should stretch to full width.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the button's container styles.\n *\n * Example:\n * ```\n * const classNames = generateButtonBaseContainerClassNames({\n *   size: 'md',\n *   isDisabled: true,\n *   isFullWidth: false,\n *   twClassName: 'border border-red-500',\n * });\n *\n * console.log(classNames);\n * // Output: \"md-class flex-row items-center justify-center rounded-full bg-background-muted px-4 opacity-50 self-start border border-red-500\"\n * ```\n */\nexport const generateButtonBaseContainerClassNames = ({\n  size = DEFAULT_BUTTONBASE_PROPS.size,\n  isDisabled,\n  isFullWidth,\n  twClassName = '',\n}: Partial<ButtonBaseProps>): string => {\n  const baseStyle =\n    'flex-row items-center justify-center rounded-full bg-background-muted px-4';\n  const sizeStyle = `h-[${size}px]`;\n  const disabledStyle = isDisabled ? 'opacity-50' : 'opacity-100';\n  const widthStyle = isFullWidth ? 'self-stretch' : 'self-start';\n  const mergedClassnames = `${sizeStyle} ${baseStyle} ${disabledStyle} ${widthStyle} ${twClassName}`;\n  return mergedClassnames;\n};\n"]}

package/dist/primitives/ButtonBase/index.d.ts

@@ -1,4 +0,0 @@
-export { default } from './ButtonBase';
-export type { ButtonBaseProps } from './ButtonBase.types';
-export { ButtonBaseSize } from './ButtonBase.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/primitives/ButtonBase/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/primitives/ButtonBase/index.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonBaseSize = exports.default = void 0;
-var ButtonBase_1 = require("./ButtonBase");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ButtonBase_1).default; } });
-var ButtonBase_types_1 = require("./ButtonBase.types");
-Object.defineProperty(exports, "ButtonBaseSize", { enumerable: true, get: function () { return ButtonBase_types_1.ButtonBaseSize; } });
-//# sourceMappingURL=index.js.map

package/dist/primitives/ButtonBase/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/ButtonBase/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAEhB,uDAAoD;AAA3C,kHAAA,cAAc,OAAA","sourcesContent":["export { default } from './ButtonBase';\nexport type { ButtonBaseProps } from './ButtonBase.types';\nexport { ButtonBaseSize } from './ButtonBase.types';\n"]}

package/dist/primitives/TextOrChildren/TextOrChildren.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { TextOrChildrenProps } from './TextOrChildren.types';
-declare const TextOrChildren: ({ children, textProps }: TextOrChildrenProps) => React.JSX.Element;
-export default TextOrChildren;
-//# sourceMappingURL=TextOrChildren.d.ts.map

package/dist/primitives/TextOrChildren/TextOrChildren.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextOrChildren.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,QAAA,MAAM,cAAc,4BAA6B,mBAAmB,sBAKnE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/primitives/TextOrChildren/TextOrChildren.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Text_1 = __importDefault(require("../../components/Text"));
-const TextOrChildren = ({ children, textProps }) => {
-    if (typeof children === 'string') {
-        return <Text_1.default {...textProps}>{children}</Text_1.default>;
-    }
-    return <>{children}</>;
-};
-exports.default = TextOrChildren;
-//# sourceMappingURL=TextOrChildren.js.map

package/dist/primitives/TextOrChildren/TextOrChildren.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextOrChildren.js","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iEAAyC;AAGzC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAuB,EAAE,EAAE;IACtE,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,OAAO,CAAC,cAAI,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAI,CAAC,CAAC;KAC/C;IACD,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzB,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\n\nimport Text from '../../components/Text';\nimport type { TextOrChildrenProps } from './TextOrChildren.types';\n\nconst TextOrChildren = ({ children, textProps }: TextOrChildrenProps) => {\n  if (typeof children === 'string') {\n    return <Text {...textProps}>{children}</Text>;\n  }\n  return <>{children}</>;\n};\n\nexport default TextOrChildren;\n"]}

package/dist/primitives/TextOrChildren/TextOrChildren.types.d.ts

@@ -1,15 +0,0 @@
-import type { TextProps } from '../../components/Text/Text.types';
-/**
- * TextOrChildren component props.
- */
-export type TextOrChildrenProps = {
-    /**
-     * Required prop for the content to be rendered
-     */
-    children: React.ReactNode | string;
-    /**
-     * Optional props to be passed to the Text component when children is a string
-     */
-    textProps?: Omit<Partial<TextProps>, 'children'>;
-};
-//# sourceMappingURL=TextOrChildren.types.d.ts.map

package/dist/primitives/TextOrChildren/TextOrChildren.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextOrChildren.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;CAClD,CAAC"}

package/dist/primitives/TextOrChildren/TextOrChildren.types.js

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

package/dist/primitives/TextOrChildren/TextOrChildren.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextOrChildren.types.js","sourceRoot":"","sources":["../../../src/primitives/TextOrChildren/TextOrChildren.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextProps } from '../../components/Text/Text.types';\n\n/**\n * TextOrChildren component props.\n */\nexport type TextOrChildrenProps = {\n  /**\n   * Required prop for the content to be rendered\n   */\n  children: React.ReactNode | string;\n  /**\n   * Optional props to be passed to the Text component when children is a string\n   */\n  textProps?: Omit<Partial<TextProps>, 'children'>;\n};\n"]}

package/dist/temp-components/Spinner/Spinner.constants.d.ts

@@ -1,3 +0,0 @@
-import type { SpinnerProps } from './Spinner.types';
-export declare const DEFAULT_SPINNER_PROPS: Partial<SpinnerProps>;
-//# sourceMappingURL=Spinner.constants.d.ts.map

package/dist/temp-components/Spinner/Spinner.constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.constants.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.constants.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,YAAY,CAavD,CAAC"}

package/dist/temp-components/Spinner/Spinner.constants.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_SPINNER_PROPS = void 0;
-const Icon_1 = require("../../components/Icon");
-const Text_1 = require("../../components/Text");
-// Defaults
-exports.DEFAULT_SPINNER_PROPS = {
-    color: Icon_1.IconColor.IconDefault,
-    spinnerIconProps: {
-        size: Icon_1.IconSize.Md,
-        testID: 'spinner-icon',
-    },
-    loadingText: 'Loading',
-    loadingTextProps: {
-        variant: Text_1.TextVariant.BodyMd,
-        color: Text_1.TextColor.TextDefault,
-        testID: 'spinner-text',
-    },
-    twClassName: '',
-};
-//# sourceMappingURL=Spinner.constants.js.map

package/dist/temp-components/Spinner/Spinner.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.constants.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.constants.ts"],"names":[],"mappings":";;;AAAA,gDAA4D;AAC5D,gDAA+D;AAG/D,WAAW;AACE,QAAA,qBAAqB,GAA0B;IAC1D,KAAK,EAAE,gBAAS,CAAC,WAAW;IAC5B,gBAAgB,EAAE;QAChB,IAAI,EAAE,eAAQ,CAAC,EAAE;QACjB,MAAM,EAAE,cAAc;KACvB;IACD,WAAW,EAAE,SAAS;IACtB,gBAAgB,EAAE;QAChB,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,KAAK,EAAE,gBAAS,CAAC,WAAW;QAC5B,MAAM,EAAE,cAAc;KACvB;IACD,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["import { IconColor, IconSize } from '../../components/Icon';\nimport { TextVariant, TextColor } from '../../components/Text';\nimport type { SpinnerProps } from './Spinner.types';\n\n// Defaults\nexport const DEFAULT_SPINNER_PROPS: Partial<SpinnerProps> = {\n  color: IconColor.IconDefault,\n  spinnerIconProps: {\n    size: IconSize.Md,\n    testID: 'spinner-icon',\n  },\n  loadingText: 'Loading',\n  loadingTextProps: {\n    variant: TextVariant.BodyMd,\n    color: TextColor.TextDefault,\n    testID: 'spinner-text',\n  },\n  twClassName: '',\n};\n"]}

package/dist/temp-components/Spinner/Spinner.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { SpinnerProps } from './Spinner.types';
-declare const Spinner: ({ color, spinnerIconProps, loadingText, loadingTextProps, twClassName, ...props }: SpinnerProps) => React.JSX.Element;
-export default Spinner;
-//# sourceMappingURL=Spinner.d.ts.map

package/dist/temp-components/Spinner/Spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAezC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,QAAA,MAAM,OAAO,sFAOV,YAAY,sBA4Cd,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,68 +0,0 @@
-"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 });
-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");
-const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const Icon_1 = __importStar(require("../../components/Icon"));
-const Text_1 = __importDefault(require("../../components/Text"));
-const Spinner_constants_1 = require("./Spinner.constants");
-const Spinner = ({ color = Spinner_constants_1.DEFAULT_SPINNER_PROPS.color, spinnerIconProps, loadingText, loadingTextProps, twClassName = '', ...props }) => {
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    // Create a shared value for rotation
-    const rotation = (0, react_native_reanimated_1.useSharedValue)(0);
-    // Start the animation when the component mounts
-    (0, react_1.useEffect)(() => {
-        rotation.value = (0, react_native_reanimated_1.withRepeat)((0, react_native_reanimated_1.withTiming)(360, { duration: 1000, easing: react_native_reanimated_1.Easing.linear }), // Complete a full spin in 1 second
-        -1, // Infinite repetitions
-        false);
-    }, []);
-    // Define the animated style
-    const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
-        transform: [{ rotate: `${rotation.value % 360}deg` }],
-    }));
-    const finalSpinnerIconProps = {
-        ...Spinner_constants_1.DEFAULT_SPINNER_PROPS.spinnerIconProps,
-        name: Icon_1.IconName.Loading,
-        color,
-        ...spinnerIconProps,
-    };
-    const finalLoadingTextProps = {
-        ...Spinner_constants_1.DEFAULT_SPINNER_PROPS.loadingTextProps,
-        ...loadingTextProps,
-    };
-    return (<react_native_1.View style={tw `flex-row gap-x-2 items-center ${twClassName}`} testID="spinner" {...props}>
-      <react_native_reanimated_1.default.View style={[animatedStyle]} testID="spinner-animated-view">
-        <Icon_1.default {...finalSpinnerIconProps}/>
-      </react_native_reanimated_1.default.View>
-      {loadingText && <Text_1.default {...finalLoadingTextProps}>{loadingText}</Text_1.default>}
-    </react_native_1.View>);
-};
-exports.default = Spinner;
-//# sourceMappingURL=Spinner.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/temp-components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8FAA4E;AAC5E,+CAAyC;AACzC,+CAAoC;AACpC,mFAMiC;AAGjC,8DAAuD;AAEvD,iEAAyC;AACzC,2DAA4D;AAG5D,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,GAAG,yCAAqB,CAAC,KAAK,EACnC,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,GAAG,EAAE,EAChB,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,GAAG,yCAAqB,CAAC,gBAAgB;QACzC,IAAI,EAAE,eAAQ,CAAC,OAAO;QACtB,KAAK;QACL,GAAG,gBAAgB;KACpB,CAAC;IAEF,MAAM,qBAAqB,GAAuB;QAChD,GAAG,yCAAqB,CAAC,gBAAgB;QACzC,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA,iCAAiC,WAAW,EAAE,CAAC,CACxD,MAAM,CAAC,SAAS,CAChB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,iCAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CACnE;QAAA,CAAC,cAAI,CAAC,IAAI,qBAAqB,CAAC,EAClC;MAAA,EAAE,iCAAQ,CAAC,IAAI,CACf;MAAA,CAAC,WAAW,IAAI,CAAC,cAAI,CAAC,IAAI,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,cAAI,CAAC,CACvE;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,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 '../../components/Icon';\nimport Icon, { IconName } from '../../components/Icon';\nimport type { TextProps } from '../../components/Text';\nimport Text from '../../components/Text';\nimport { DEFAULT_SPINNER_PROPS } from './Spinner.constants';\nimport type { SpinnerProps } from './Spinner.types';\n\nconst Spinner = ({\n  color = DEFAULT_SPINNER_PROPS.color,\n  spinnerIconProps,\n  loadingText,\n  loadingTextProps,\n  twClassName = '',\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    ...DEFAULT_SPINNER_PROPS.spinnerIconProps,\n    name: IconName.Loading,\n    color,\n    ...spinnerIconProps,\n  };\n\n  const finalLoadingTextProps: Partial<TextProps> = {\n    ...DEFAULT_SPINNER_PROPS.loadingTextProps,\n    ...loadingTextProps,\n  };\n\n  return (\n    <View\n      style={tw`flex-row gap-x-2 items-center ${twClassName}`}\n      testID=\"spinner\"\n      {...props}\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\nexport default Spinner;\n"]}