@metamask-previews/design-system-react-native 0.0.0-preview.6fee845 → 0.0.0-preview.8561168

package/dist/components/AvatarNetwork/AvatarNetwork.constants.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_AVATARNETWORK_PROPS = void 0;
+const enums_1 = require("../../shared/enums");
+// Defaults
+exports.DEFAULT_AVATARNETWORK_PROPS = {
+    size: enums_1.AvatarSize.Md,
+    shape: enums_1.AvatarShape.Square,
+    width: '100%',
+    height: '100%',
+};
+//# sourceMappingURL=AvatarNetwork.constants.js.map

package/dist/components/AvatarNetwork/AvatarNetwork.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.constants.ts"],"names":[],"mappings":";;;AACA,8CAA6D;AAE7D,WAAW;AACE,QAAA,2BAA2B,GAEpC;IACF,IAAI,EAAE,kBAAU,CAAC,EAAE;IACnB,KAAK,EAAE,mBAAW,CAAC,MAAM;IACzB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC","sourcesContent":["import type { AvatarNetworkProps } from './AvatarNetwork.types';\nimport { AvatarSize, AvatarShape } from '../../shared/enums';\n\n// Defaults\nexport const DEFAULT_AVATARNETWORK_PROPS: Required<\n  Pick<AvatarNetworkProps, 'size' | 'shape' | 'width' | 'height'>\n> = {\n  size: AvatarSize.Md,\n  shape: AvatarShape.Square,\n  width: '100%',\n  height: '100%',\n};\n"]}

package/dist/components/AvatarNetwork/AvatarNetwork.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AvatarNetworkProps } from './AvatarNetwork.types';
+declare const AvatarNetwork: ({ size, shape, fallbackText, fallbackTextProps, twClassName, testID, style, width, height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }: AvatarNetworkProps) => React.JSX.Element;
+export default AvatarNetwork;
+//# sourceMappingURL=AvatarNetwork.d.ts.map

package/dist/components/AvatarNetwork/AvatarNetwork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,QAAA,MAAM,aAAa,oKAehB,kBAAkB,sBAuCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/AvatarNetwork/AvatarNetwork.js

@@ -0,0 +1,53 @@
+"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 react_1 = __importStar(require("react"));
+const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
+const ImageOrSvg_1 = __importDefault(require("../../primitives/ImageOrSvg"));
+const AvatarNetwork_constants_1 = require("./AvatarNetwork.constants");
+const AvatarNetwork = ({ size, shape = AvatarNetwork_constants_1.DEFAULT_AVATARNETWORK_PROPS.shape, fallbackText, fallbackTextProps, twClassName, testID, style, width = AvatarNetwork_constants_1.DEFAULT_AVATARNETWORK_PROPS.width, height = AvatarNetwork_constants_1.DEFAULT_AVATARNETWORK_PROPS.height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
+    const [finalFallbackText, setFallbackText] = (0, react_1.useState)('');
+    const backupFallbackText = fallbackText || name?.[0] || '';
+    const onImageErrorHandler = (e) => {
+        setFallbackText(backupFallbackText);
+        onImageError?.(e);
+    };
+    const onSvgErrorHandler = (e) => {
+        setFallbackText(backupFallbackText);
+        onSvgError?.(e);
+    };
+    return (<AvatarBase_1.default size={size} shape={shape} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} twClassName={twClassName} testID={testID} style={style}>
+      <ImageOrSvg_1.default width={width} height={height} imageProps={{
+            resizeMode: 'contain',
+            ...imageProps,
+        }} onImageError={onImageErrorHandler} onSvgError={onSvgErrorHandler} {...restImageOrSvgProps}/>
+    </AvatarBase_1.default>);
+};
+exports.default = AvatarNetwork;
+//# sourceMappingURL=AvatarNetwork.js.map

package/dist/components/AvatarNetwork/AvatarNetwork.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,6EAAqD;AACrD,6EAAqD;AACrD,uEAAwE;AAGxE,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,qDAA2B,CAAC,KAAK,EACzC,MAAM,GAAG,qDAA2B,CAAC,MAAM,EAC3C,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACH,EAAE,EAAE;IACvB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport { DEFAULT_AVATARNETWORK_PROPS } from './AvatarNetwork.constants';\nimport type { AvatarNetworkProps } from './AvatarNetwork.types';\n\nconst AvatarNetwork = ({\n  size,\n  shape = DEFAULT_AVATARNETWORK_PROPS.shape,\n  fallbackText,\n  fallbackTextProps,\n  twClassName,\n  testID,\n  style,\n  width = DEFAULT_AVATARNETWORK_PROPS.width,\n  height = DEFAULT_AVATARNETWORK_PROPS.height,\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarNetworkProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      twClassName={twClassName}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarNetwork;\n"]}

package/dist/components/AvatarNetwork/AvatarNetwork.types.d.ts

@@ -0,0 +1,12 @@
+import { AvatarBaseProps } from '../../primitives/AvatarBase';
+import { ImageOrSvgProps } from '../../primitives/ImageOrSvg';
+/**
+ * AvatarNetwork component props.
+ */
+export type AvatarNetworkProps = {
+    /**
+     * Optional props for network name, to be used to calculate the fallbackText.
+     */
+    name?: string;
+} & Omit<AvatarBaseProps, 'children'> & ImageOrSvgProps;
+//# sourceMappingURL=AvatarNetwork.types.d.ts.map

package/dist/components/AvatarNetwork/AvatarNetwork.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACnC,eAAe,CAAC"}

package/dist/components/AvatarNetwork/AvatarNetwork.types.js

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

package/dist/components/AvatarNetwork/AvatarNetwork.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarNetwork.types.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/AvatarNetwork.types.ts"],"names":[],"mappings":"","sourcesContent":["import { AvatarBaseProps } from '../../primitives/AvatarBase';\nimport { ImageOrSvgProps } from '../../primitives/ImageOrSvg';\n\n/**\n * AvatarNetwork component props.\n */\nexport type AvatarNetworkProps = {\n  /**\n   * Optional props for network name, to be used to calculate the fallbackText.\n   */\n  name?: string;\n} & Omit<AvatarBaseProps, 'children'> &\n  ImageOrSvgProps;\n"]}

package/dist/components/AvatarNetwork/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './AvatarNetwork';
+export type { AvatarNetworkProps } from './AvatarNetwork.types';
+export { AvatarNetworkSize } from '../../shared/enums';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AvatarNetwork/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/AvatarNetwork/index.js

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

package/dist/components/AvatarNetwork/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarNetwork/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAEhB,4CAAuD;AAA9C,0GAAA,iBAAiB,OAAA","sourcesContent":["export { default } from './AvatarNetwork';\nexport type { AvatarNetworkProps } from './AvatarNetwork.types';\nexport { AvatarNetworkSize } from '../../shared/enums';\n"]}

package/dist/components/AvatarToken/AvatarToken.constants.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarTokenProps } from './AvatarToken.types';
+export declare const DEFAULT_AVATARTOKEN_PROPS: Required<Pick<AvatarTokenProps, 'size' | 'shape' | 'width' | 'height'>>;
+//# sourceMappingURL=AvatarToken.constants.d.ts.map

package/dist/components/AvatarToken/AvatarToken.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.constants.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAC9C,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAM9D,CAAC"}

package/dist/components/AvatarToken/AvatarToken.constants.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_AVATARTOKEN_PROPS = void 0;
+const enums_1 = require("../../shared/enums");
+// Defaults
+exports.DEFAULT_AVATARTOKEN_PROPS = {
+    size: enums_1.AvatarSize.Md,
+    shape: enums_1.AvatarShape.Circle,
+    width: '100%',
+    height: '100%',
+};
+//# sourceMappingURL=AvatarToken.constants.js.map

package/dist/components/AvatarToken/AvatarToken.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.constants.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.constants.ts"],"names":[],"mappings":";;;AACA,8CAA6D;AAE7D,WAAW;AACE,QAAA,yBAAyB,GAElC;IACF,IAAI,EAAE,kBAAU,CAAC,EAAE;IACnB,KAAK,EAAE,mBAAW,CAAC,MAAM;IACzB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC","sourcesContent":["import type { AvatarTokenProps } from './AvatarToken.types';\nimport { AvatarSize, AvatarShape } from '../../shared/enums';\n\n// Defaults\nexport const DEFAULT_AVATARTOKEN_PROPS: Required<\n  Pick<AvatarTokenProps, 'size' | 'shape' | 'width' | 'height'>\n> = {\n  size: AvatarSize.Md,\n  shape: AvatarShape.Circle,\n  width: '100%',\n  height: '100%',\n};\n"]}

package/dist/components/AvatarToken/AvatarToken.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AvatarTokenProps } from './AvatarToken.types';
+declare const AvatarToken: ({ size, shape, fallbackText, fallbackTextProps, twClassName, testID, style, width, height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }: AvatarTokenProps) => React.JSX.Element;
+export default AvatarToken;
+//# sourceMappingURL=AvatarToken.d.ts.map

package/dist/components/AvatarToken/AvatarToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,QAAA,MAAM,WAAW,oKAed,gBAAgB,sBAuClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/AvatarToken/AvatarToken.js

@@ -0,0 +1,53 @@
+"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 react_1 = __importStar(require("react"));
+const AvatarBase_1 = __importDefault(require("../../primitives/AvatarBase"));
+const ImageOrSvg_1 = __importDefault(require("../../primitives/ImageOrSvg"));
+const AvatarToken_constants_1 = require("./AvatarToken.constants");
+const AvatarToken = ({ size, shape = AvatarToken_constants_1.DEFAULT_AVATARTOKEN_PROPS.shape, fallbackText, fallbackTextProps, twClassName, testID, style, width = AvatarToken_constants_1.DEFAULT_AVATARTOKEN_PROPS.width, height = AvatarToken_constants_1.DEFAULT_AVATARTOKEN_PROPS.height, name, imageProps, onImageError, onSvgError, ...restImageOrSvgProps }) => {
+    const [finalFallbackText, setFallbackText] = (0, react_1.useState)('');
+    const backupFallbackText = fallbackText || name?.[0] || '';
+    const onImageErrorHandler = (e) => {
+        setFallbackText(backupFallbackText);
+        onImageError?.(e);
+    };
+    const onSvgErrorHandler = (e) => {
+        setFallbackText(backupFallbackText);
+        onSvgError?.(e);
+    };
+    return (<AvatarBase_1.default size={size} shape={shape} fallbackText={finalFallbackText} fallbackTextProps={fallbackTextProps} twClassName={twClassName} testID={testID} style={style}>
+      <ImageOrSvg_1.default width={width} height={height} imageProps={{
+            resizeMode: 'contain',
+            ...imageProps,
+        }} onImageError={onImageErrorHandler} onSvgError={onSvgErrorHandler} {...restImageOrSvgProps}/>
+    </AvatarBase_1.default>);
+};
+exports.default = AvatarToken;
+//# sourceMappingURL=AvatarToken.js.map

package/dist/components/AvatarToken/AvatarToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,+CAAwC;AAGxC,6EAAqD;AACrD,6EAAqD;AACrD,mEAAoE;AAGpE,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI,EACJ,KAAK,GAAG,iDAAyB,CAAC,KAAK,EACvC,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,MAAM,EACN,KAAK,EACL,KAAK,GAAG,iDAAyB,CAAC,KAAK,EACvC,MAAM,GAAG,iDAAyB,CAAC,MAAM,EACzC,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,mBAAmB,EACL,EAAE,EAAE;IACrB,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAElE,MAAM,kBAAkB,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3D,MAAM,mBAAmB,GAAG,CAC1B,CAA4C,EAC5C,EAAE;QACF,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAE,EAAE;QACnC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,iBAAiB,CAAC,CAChC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,oBAAU,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC;YACV,UAAU,EAAE,SAAS;YACrB,GAAG,UAAU;SACd,CAAC,CACF,YAAY,CAAC,CAAC,mBAAmB,CAAC,CAClC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,IAAI,mBAAmB,CAAC,EAE5B;IAAA,EAAE,oBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React, { useState } from 'react';\nimport { ImageErrorEventData, NativeSyntheticEvent } from 'react-native';\n\nimport AvatarBase from '../../primitives/AvatarBase';\nimport ImageOrSvg from '../../primitives/ImageOrSvg';\nimport { DEFAULT_AVATARTOKEN_PROPS } from './AvatarToken.constants';\nimport type { AvatarTokenProps } from './AvatarToken.types';\n\nconst AvatarToken = ({\n  size,\n  shape = DEFAULT_AVATARTOKEN_PROPS.shape,\n  fallbackText,\n  fallbackTextProps,\n  twClassName,\n  testID,\n  style,\n  width = DEFAULT_AVATARTOKEN_PROPS.width,\n  height = DEFAULT_AVATARTOKEN_PROPS.height,\n  name,\n  imageProps,\n  onImageError,\n  onSvgError,\n  ...restImageOrSvgProps\n}: AvatarTokenProps) => {\n  const [finalFallbackText, setFallbackText] = useState<string>('');\n\n  const backupFallbackText = fallbackText || name?.[0] || '';\n  const onImageErrorHandler = (\n    e: NativeSyntheticEvent<ImageErrorEventData>,\n  ) => {\n    setFallbackText(backupFallbackText);\n    onImageError?.(e);\n  };\n\n  const onSvgErrorHandler = (e: any) => {\n    setFallbackText(backupFallbackText);\n    onSvgError?.(e);\n  };\n\n  return (\n    <AvatarBase\n      size={size}\n      shape={shape}\n      fallbackText={finalFallbackText}\n      fallbackTextProps={fallbackTextProps}\n      twClassName={twClassName}\n      testID={testID}\n      style={style}\n    >\n      <ImageOrSvg\n        width={width}\n        height={height}\n        imageProps={{\n          resizeMode: 'contain',\n          ...imageProps,\n        }}\n        onImageError={onImageErrorHandler}\n        onSvgError={onSvgErrorHandler}\n        {...restImageOrSvgProps}\n      />\n    </AvatarBase>\n  );\n};\n\nexport default AvatarToken;\n"]}

package/dist/components/AvatarToken/AvatarToken.types.d.ts

@@ -0,0 +1,12 @@
+import { AvatarBaseProps } from '../../primitives/AvatarBase';
+import { ImageOrSvgProps } from '../../primitives/ImageOrSvg';
+/**
+ * AvatarToken component props.
+ */
+export type AvatarTokenProps = {
+    /**
+     * Optional props for token name, to be used to calculate the fallbackText.
+     */
+    name?: string;
+} & Omit<AvatarBaseProps, 'children'> & ImageOrSvgProps;
+//# sourceMappingURL=AvatarToken.types.d.ts.map

package/dist/components/AvatarToken/AvatarToken.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GACnC,eAAe,CAAC"}

package/dist/components/AvatarToken/AvatarToken.types.js

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

package/dist/components/AvatarToken/AvatarToken.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarToken.types.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/AvatarToken.types.ts"],"names":[],"mappings":"","sourcesContent":["import { AvatarBaseProps } from '../../primitives/AvatarBase';\nimport { ImageOrSvgProps } from '../../primitives/ImageOrSvg';\n\n/**\n * AvatarToken component props.\n */\nexport type AvatarTokenProps = {\n  /**\n   * Optional props for token name, to be used to calculate the fallbackText.\n   */\n  name?: string;\n} & Omit<AvatarBaseProps, 'children'> &\n  ImageOrSvgProps;\n"]}

package/dist/components/AvatarToken/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './AvatarToken';
+export type { AvatarTokenProps } from './AvatarToken.types';
+export { AvatarTokenSize } from '../../shared/enums';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AvatarToken/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/AvatarToken/index.js

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

package/dist/components/AvatarToken/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarToken/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAEhB,4CAAqD;AAA5C,wGAAA,eAAe,OAAA","sourcesContent":["export { default } from './AvatarToken';\nexport type { AvatarTokenProps } from './AvatarToken.types';\nexport { AvatarTokenSize } from '../../shared/enums';\n"]}

package/dist/components/Button/Button.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_BUTTON_PROPS: Pick<import("./variants/ButtonPrimary").ButtonPrimaryProps, "size" | "textProps" | "isLoading" | "spinnerProps" | "startIconProps" | "endIconProps" | "isDisabled" | "isFullWidth" | "isDanger" | "isInverse">;
+//# sourceMappingURL=Button.constants.d.ts.map

package/dist/components/Button/Button.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.constants.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,gNAA8B,CAAC"}

package/dist/components/Button/Button.constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_BUTTON_PROPS = void 0;
+const ButtonPrimary_constants_1 = require("./variants/ButtonPrimary/ButtonPrimary.constants");
+// Defaults
+exports.DEFAULT_BUTTON_PROPS = ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS;
+//# sourceMappingURL=Button.constants.js.map

package/dist/components/Button/Button.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.constants.js","sourceRoot":"","sources":["../../../src/components/Button/Button.constants.ts"],"names":[],"mappings":";;;AAAA,8FAA+F;AAE/F,WAAW;AACE,QAAA,oBAAoB,GAAG,qDAA2B,CAAC","sourcesContent":["import { DEFAULT_BUTTONPRIMARY_PROPS } from './variants/ButtonPrimary/ButtonPrimary.constants';\n\n// Defaults\nexport const DEFAULT_BUTTON_PROPS = DEFAULT_BUTTONPRIMARY_PROPS;\n"]}

package/dist/components/Button/Button.d.ts

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

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,QAAA,MAAM,MAAM,gBAAiB,WAAW,sBAevC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Button/Button.js

@@ -0,0 +1,25 @@
+"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 Button_types_1 = require("./Button.types");
+const ButtonPrimary_1 = __importDefault(require("./variants/ButtonPrimary"));
+const ButtonSecondary_1 = __importDefault(require("./variants/ButtonSecondary"));
+const ButtonTertiary_1 = __importDefault(require("./variants/ButtonTertiary"));
+const Button = (buttonProps) => {
+    const { variant, ...restProps } = buttonProps;
+    switch (variant) {
+        case Button_types_1.ButtonVariant.Tertiary:
+            return <ButtonTertiary_1.default {...restProps}/>;
+        case Button_types_1.ButtonVariant.Primary:
+            return <ButtonPrimary_1.default {...restProps}/>;
+        case Button_types_1.ButtonVariant.Secondary:
+            return <ButtonSecondary_1.default {...restProps}/>;
+        default:
+            throw new Error(`Invalid Button Variant: ${variant}. Expected one of: ${Object.values(Button_types_1.ButtonVariant).join(', ')}`);
+    }
+};
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B,iDAA+C;AAC/C,6EAAqD;AACrD,iFAAyD;AACzD,+EAAuD;AAEvD,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IAC1C,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAE9C,QAAQ,OAAO,EAAE;QACf,KAAK,4BAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,wBAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,4BAAa,CAAC,OAAO;YACxB,OAAO,CAAC,uBAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,4BAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,yBAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,OAAO,sBAAsB,MAAM,CAAC,MAAM,CAAC,4BAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAClG,CAAC;KACL;AACH,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import React from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonVariant } from './Button.types';\nimport ButtonPrimary from './variants/ButtonPrimary';\nimport ButtonSecondary from './variants/ButtonSecondary';\nimport ButtonTertiary from './variants/ButtonTertiary';\n\nconst Button = (buttonProps: ButtonProps) => {\n  const { variant, ...restProps } = buttonProps;\n\n  switch (variant) {\n    case ButtonVariant.Tertiary:\n      return <ButtonTertiary {...restProps} />;\n    case ButtonVariant.Primary:\n      return <ButtonPrimary {...restProps} />;\n    case ButtonVariant.Secondary:\n      return <ButtonSecondary {...restProps} />;\n    default:\n      throw new Error(\n        `Invalid Button Variant: ${variant}. Expected one of: ${Object.values(ButtonVariant).join(', ')}`,\n      );\n  }\n};\n\nexport default Button;\n"]}

package/dist/components/Button/Button.types.d.ts

@@ -0,0 +1,23 @@
+import { ButtonBaseSize } from '../../primitives/ButtonBase';
+import type { ButtonPrimaryProps } from './variants/ButtonPrimary';
+import type { ButtonSecondaryProps } from './variants/ButtonSecondary';
+import type { ButtonTertiaryProps } from './variants/ButtonTertiary';
+export declare const ButtonSize: typeof ButtonBaseSize;
+/**
+ * Button variants.
+ */
+export declare enum ButtonVariant {
+    Primary = "Primary",
+    Secondary = "Secondary",
+    Tertiary = "Tertiary"
+}
+/**
+ * Button component props.
+ */
+export type ButtonProps = (ButtonTertiaryProps | ButtonPrimaryProps | ButtonSecondaryProps) & {
+    /**
+     * Variant of Button.
+     */
+    variant: ButtonVariant;
+};
+//# sourceMappingURL=Button.types.d.ts.map

package/dist/components/Button/Button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAErE,eAAO,MAAM,UAAU,uBAAiB,CAAC;AAEzC;;GAEG;AACH,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CACtB,mBAAmB,GACnB,kBAAkB,GAClB,oBAAoB,CACvB,GAAG;IACF;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC"}

package/dist/components/Button/Button.types.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonVariant = exports.ButtonSize = void 0;
+const ButtonBase_1 = require("../../primitives/ButtonBase");
+exports.ButtonSize = ButtonBase_1.ButtonBaseSize;
+/**
+ * Button variants.
+ */
+var ButtonVariant;
+(function (ButtonVariant) {
+    ButtonVariant["Primary"] = "Primary";
+    ButtonVariant["Secondary"] = "Secondary";
+    ButtonVariant["Tertiary"] = "Tertiary";
+})(ButtonVariant || (exports.ButtonVariant = ButtonVariant = {}));
+//# sourceMappingURL=Button.types.js.map

package/dist/components/Button/Button.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":";;;AAAA,4DAA6D;AAKhD,QAAA,UAAU,GAAG,2BAAc,CAAC;AAEzC;;GAEG;AACH,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,wCAAuB,CAAA;IACvB,sCAAqB,CAAA;AACvB,CAAC,EAJW,aAAa,6BAAb,aAAa,QAIxB","sourcesContent":["import { ButtonBaseSize } from '../../primitives/ButtonBase';\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\nexport const ButtonSize = ButtonBaseSize;\n\n/**\n * Button variants.\n */\nexport enum ButtonVariant {\n  Primary = 'Primary',\n  Secondary = 'Secondary',\n  Tertiary = 'Tertiary',\n}\n\n/**\n * Button component props.\n */\nexport type ButtonProps = (\n  | ButtonTertiaryProps\n  | ButtonPrimaryProps\n  | ButtonSecondaryProps\n) & {\n  /**\n   * Variant of Button.\n   */\n  variant: ButtonVariant;\n};\n"]}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Button';
+export { ButtonSize, ButtonVariant } from './Button.types';
+export type { ButtonProps } from './Button.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Button/index.js

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

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,+CAA2D;AAAlD,0GAAA,UAAU,OAAA;AAAE,6GAAA,aAAa,OAAA","sourcesContent":["export { default } from './Button';\nexport { ButtonSize, ButtonVariant } from './Button.types';\nexport type { ButtonProps } from './Button.types';\n"]}

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.d.ts

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

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,eAAO,MAAM,2BAA2B,EAAE,IAAI,CAC5C,kBAAkB,EAChB,WAAW,GACX,MAAM,GACN,WAAW,GACX,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,YAAY,GACZ,aAAa,GACb,UAAU,GACV,WAAW,CAqBd,CAAC"}

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_BUTTONPRIMARY_PROPS = void 0;
+const ButtonBase_constants_1 = require("../../../../primitives/ButtonBase/ButtonBase.constants");
+const Icon_1 = require("../../../Icon");
+const Text_1 = require("../../../Text");
+// Defaults
+exports.DEFAULT_BUTTONPRIMARY_PROPS = {
+    ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS,
+    textProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.textProps,
+        color: Text_1.TextColor.PrimaryInverse,
+    },
+    spinnerProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.spinnerProps,
+        color: Icon_1.IconColor.PrimaryInverse,
+    },
+    startIconProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.startIconProps,
+        color: Icon_1.IconColor.PrimaryInverse,
+    },
+    endIconProps: {
+        ...ButtonBase_constants_1.DEFAULT_BUTTONBASE_PROPS.endIconProps,
+        color: Icon_1.IconColor.PrimaryInverse,
+    },
+    isDanger: false,
+    isInverse: false,
+};
+//# sourceMappingURL=ButtonPrimary.constants.js.map

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.constants.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.constants.ts"],"names":[],"mappings":";;;AAAA,iGAAkG;AAClG,wCAA0C;AAC1C,wCAA0C;AAG1C,WAAW;AACE,QAAA,2BAA2B,GAYpC;IACF,GAAG,+CAAwB;IAC3B,SAAS,EAAE;QACT,GAAG,+CAAwB,CAAC,SAAS;QACrC,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,YAAY,EAAE;QACZ,GAAG,+CAAwB,CAAC,YAAY;QACxC,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,cAAc,EAAE;QACd,GAAG,+CAAwB,CAAC,cAAc;QAC1C,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,YAAY,EAAE;QACZ,GAAG,+CAAwB,CAAC,YAAY;QACxC,KAAK,EAAE,gBAAS,CAAC,cAAc;KAChC;IACD,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK;CACjB,CAAC","sourcesContent":["import { DEFAULT_BUTTONBASE_PROPS } from '../../../../primitives/ButtonBase/ButtonBase.constants';\nimport { IconColor } from '../../../Icon';\nimport { TextColor } from '../../../Text';\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\n// Defaults\nexport const DEFAULT_BUTTONPRIMARY_PROPS: Pick<\n  ButtonPrimaryProps,\n  | 'textProps'\n  | 'size'\n  | 'isLoading'\n  | 'spinnerProps'\n  | 'startIconProps'\n  | 'endIconProps'\n  | 'isDisabled'\n  | 'isFullWidth'\n  | 'isDanger'\n  | 'isInverse'\n> = {\n  ...DEFAULT_BUTTONBASE_PROPS,\n  textProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.textProps,\n    color: TextColor.PrimaryInverse,\n  },\n  spinnerProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.spinnerProps,\n    color: IconColor.PrimaryInverse,\n  },\n  startIconProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.startIconProps,\n    color: IconColor.PrimaryInverse,\n  },\n  endIconProps: {\n    ...DEFAULT_BUTTONBASE_PROPS.endIconProps,\n    color: IconColor.PrimaryInverse,\n  },\n  isDanger: false,\n  isInverse: false,\n};\n"]}

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.ts

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

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAqGhE,QAAA,MAAM,aAAa,4BAA6B,kBAAkB,sBAKjE,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.js

@@ -0,0 +1,97 @@
+"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 ButtonBase_1 = __importDefault(require("../../../../primitives/ButtonBase"));
+const ButtonPrimary_constants_1 = require("./ButtonPrimary.constants");
+const ButtonPrimary_utilities_1 = require("./ButtonPrimary.utilities");
+const ButtonPrimaryBase = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS.isDanger, isInverse = ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS.isInverse, isLoading = ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS.isLoading, onPressIn, onPressOut, twClassName, style, ...props }) => {
+    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = (0, react_1.useMemo)(() => {
+        return (0, ButtonPrimary_utilities_1.generateButtonPrimaryContainerClassNames)({
+            isPressed,
+            isDanger,
+            isInverse,
+            isLoading,
+            twClassName,
+        });
+    }, [isPressed, isDanger, isInverse, isLoading, twClassName]);
+    const twTextClassNames = (0, react_1.useMemo)(() => {
+        return (0, ButtonPrimary_utilities_1.generateButtonPrimaryTextClassNames)({
+            isPressed,
+            isDanger,
+            isInverse,
+            isLoading,
+        });
+    }, [isPressed, isDanger, isInverse, isLoading]);
+    const finalTextProps = {
+        ...ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS.textProps,
+        ...textProps,
+        twClassName: `${twTextClassNames} ${textProps?.twClassName ?? ''}`,
+    };
+    const finalStartIconProps = {
+        ...ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS.startIconProps,
+        ...startIconProps,
+        twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,
+    };
+    const finalEndIconProps = {
+        ...ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS.endIconProps,
+        ...endIconProps,
+        twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,
+    };
+    const finalSpinnerProps = {
+        ...ButtonPrimary_constants_1.DEFAULT_BUTTONPRIMARY_PROPS.spinnerProps,
+        color: twTextClassNames,
+        loadingTextProps: {
+            twClassName: twTextClassNames,
+        },
+        ...spinnerProps,
+    };
+    const onPressInHandler = (event) => {
+        setIsPressed(true);
+        onPressIn?.(event);
+    };
+    const onPressOutHandler = (event) => {
+        setIsPressed(false);
+        onPressOut?.(event);
+    };
+    return (<ButtonBase_1.default textProps={finalTextProps} spinnerProps={finalSpinnerProps} startIconProps={finalStartIconProps} endIconProps={finalEndIconProps} isLoading={isLoading} onPressIn={onPressInHandler} onPressOut={onPressOutHandler} style={[tw `${twContainerClassNames}`, style]} testID="button-primary" {...props}>
+      {children}
+    </ButtonBase_1.default>);
+};
+const ButtonPrimaryLightOnly = (0, design_system_twrnc_preset_1.withThemeProvider)(ButtonPrimaryBase, design_system_twrnc_preset_1.Theme.Light);
+const ButtonPrimary = ({ isInverse, ...props }) => {
+    if (isInverse) {
+        return <ButtonPrimaryBase isInverse={isInverse} {...props}/>;
+    }
+    return <ButtonPrimaryLightOnly isInverse={isInverse} {...props}/>;
+};
+exports.default = ButtonPrimary;
+//# sourceMappingURL=ButtonPrimary.js.map