@metamask-previews/design-system-react-native 0.0.0-preview.019292f → 0.0.0-preview.05bbb3e

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.constants.js","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.constants.ts"],"names":[],"mappings":";;;AACA,gDAA2E;AAC3E,8CAAqE;AAErE,WAAW;AACE,QAAA,gCAAgC,GAC3C;IACE,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;IACjC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,gBAAgB;IACrC,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,YAAY;CAClC,CAAC;AACS,QAAA,+BAA+B,GAAmC;IAC7E,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,CAAC,sBAAc,CAAC,EAAE,CAAC,EAAE,CAAC;CACvB,CAAC;AAEF,WAAW;AACE,QAAA,wBAAwB,GASjC;IACF,IAAI,EAAE,sBAAc,CAAC,EAAE;IACvB,KAAK,EAAE,uBAAe,CAAC,MAAM;IAC7B,iBAAiB,EAAE;QACjB,KAAK,EAAE,gBAAS,CAAC,SAAS;QAC1B,OAAO,EAAE,kBAAW,CAAC,MAAM;QAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM;QAC7B,WAAW,EAAE,WAAW;KACzB;IACD,SAAS,EAAE,KAAK;IAChB,uBAAuB,EAAE,KAAK;CAC/B,CAAC","sourcesContent":["import type { AvatarBaseProps } from './AvatarBase.types';\nimport { TextColor, TextVariant, FontWeight } from '../../components/Text';\nimport { AvatarBaseSize, AvatarBaseShape } from '../../shared/enums';\n\n// Mappings\nexport const TWCLASSMAP_AVATARBASE_SIZE_SHAPE: Record<AvatarBaseSize, string> =\n  {\n    [AvatarBaseSize.Xs]: 'rounded-sm',\n    [AvatarBaseSize.Sm]: 'rounded-md',\n    [AvatarBaseSize.Md]: 'rounded-lg',\n    [AvatarBaseSize.Lg]: 'rounded-[10px]',\n    [AvatarBaseSize.Xl]: 'rounded-xl',\n  };\nexport const MAP_AVATARBASE_SIZE_BORDERWIDTH: Record<AvatarBaseSize, number> = {\n  [AvatarBaseSize.Xs]: 1,\n  [AvatarBaseSize.Sm]: 1,\n  [AvatarBaseSize.Md]: 1,\n  [AvatarBaseSize.Lg]: 2,\n  [AvatarBaseSize.Xl]: 2,\n};\n\n// Defaults\nexport const DEFAULT_AVATARBASE_PROPS: Required<\n  Pick<\n    AvatarBaseProps,\n    | 'size'\n    | 'shape'\n    | 'fallbackTextProps'\n    | 'hasBorder'\n    | 'hasSolidBackgroundColor'\n  >\n> = {\n  size: AvatarBaseSize.Md,\n  shape: AvatarBaseShape.Circle,\n  fallbackTextProps: {\n    color: TextColor.TextMuted,\n    variant: TextVariant.BodySm,\n    fontWeight: FontWeight.Medium,\n    twClassName: 'uppercase',\n  },\n  hasBorder: false,\n  hasSolidBackgroundColor: false,\n};\n"]}

package/dist/primitives/AvatarBase/AvatarBase.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AvatarBaseProps } from './AvatarBase.types';
+declare const AvatarBase: ({ children, size, shape, fallbackText, fallbackTextProps, hasBorder, hasSolidBackgroundColor, twClassName, style, ...props }: AvatarBaseProps) => React.JSX.Element;
+export default AvatarBase;
+//# sourceMappingURL=AvatarBase.d.ts.map

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

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

package/dist/primitives/AvatarBase/AvatarBase.js

@@ -0,0 +1,55 @@
+"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 Text_1 = __importDefault(require("../../components/Text"));
+const AvatarBase_constants_1 = require("./AvatarBase.constants");
+const AvatarBase_utilities_1 = require("./AvatarBase.utilities");
+const AvatarBase = ({ children, size = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.size, shape = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.shape, fallbackText, fallbackTextProps, hasBorder = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.hasBorder, hasSolidBackgroundColor = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.hasSolidBackgroundColor, twClassName = '', style, ...props }) => {
+    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
+    const twContainerClassNames = (0, react_1.useMemo)(() => {
+        return (0, AvatarBase_utilities_1.generateAvatarBaseContainerClassNames)({
+            size,
+            shape,
+            hasBorder,
+            hasSolidBackgroundColor,
+            twClassName,
+        });
+    }, [size, shape, hasBorder, twClassName]);
+    return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
+      <react_native_1.View style={tw `bg-background-muted absolute top-0 left-0 bottom-0 right-0`}/>
+      {fallbackText ? (<Text_1.default {...AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.fallbackTextProps} {...fallbackTextProps}>
+          {fallbackText}
+        </Text_1.default>) : (children)}
+    </react_native_1.View>);
+};
+exports.default = AvatarBase;
+//# sourceMappingURL=AvatarBase.js.map

package/dist/primitives/AvatarBase/AvatarBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.js","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iEAAiE;AACjE,8FAA4E;AAC5E,+CAAuC;AACvC,+CAAoC;AAEpC,iEAAyC;AACzC,iEAAkE;AAElE,iEAA+E;AAE/E,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,IAAI,GAAG,+CAAwB,CAAC,IAAI,EACpC,KAAK,GAAG,+CAAwB,CAAC,KAAK,EACtC,YAAY,EACZ,iBAAiB,EACjB,SAAS,GAAG,+CAAwB,CAAC,SAAS,EAC9C,uBAAuB,GAAG,+CAAwB,CAAC,uBAAuB,EAC1E,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IACzB,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,OAAO,IAAA,4DAAqC,EAAC;YAC3C,IAAI;YACJ,KAAK;YACL,SAAS;YACT,uBAAuB;YACvB,WAAW;SACZ,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA,GAAG,qBAAqB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC5D;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAA,4DAA4D,CAAC,EAExE;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,cAAI,CACH,IAAI,+CAAwB,CAAC,iBAAiB,CAAC,CAC/C,IAAI,iBAAiB,CAAC,CAEtB;UAAA,CAAC,YAAY,CACf;QAAA,EAAE,cAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","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 Text from '../../components/Text';\nimport { DEFAULT_AVATARBASE_PROPS } from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\nimport { generateAvatarBaseContainerClassNames } from './AvatarBase.utilities';\n\nconst AvatarBase = ({\n  children,\n  size = DEFAULT_AVATARBASE_PROPS.size,\n  shape = DEFAULT_AVATARBASE_PROPS.shape,\n  fallbackText,\n  fallbackTextProps,\n  hasBorder = DEFAULT_AVATARBASE_PROPS.hasBorder,\n  hasSolidBackgroundColor = DEFAULT_AVATARBASE_PROPS.hasSolidBackgroundColor,\n  twClassName = '',\n  style,\n  ...props\n}: AvatarBaseProps) => {\n  const tw = useTailwind();\n  const twContainerClassNames = useMemo(() => {\n    return generateAvatarBaseContainerClassNames({\n      size,\n      shape,\n      hasBorder,\n      hasSolidBackgroundColor,\n      twClassName,\n    });\n  }, [size, shape, hasBorder, twClassName]);\n\n  return (\n    <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n      <View\n        style={tw`bg-background-muted absolute top-0 left-0 bottom-0 right-0`}\n      />\n      {fallbackText ? (\n        <Text\n          {...DEFAULT_AVATARBASE_PROPS.fallbackTextProps}\n          {...fallbackTextProps}\n        >\n          {fallbackText}\n        </Text>\n      ) : (\n        children\n      )}\n    </View>\n  );\n};\n\nexport default AvatarBase;\n"]}

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

@@ -0,0 +1,61 @@
+import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
+import type { TextProps } from '../../components/Text/Text.types';
+import { AvatarBaseSize, AvatarBaseShape } from '../../shared/enums';
+/**
+ * AvatarBase component props.
+ */
+export type AvatarBaseProps = {
+    /**
+     * Required prop for the content to be rendered within the AvatarBase
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional prop to control the size of the AvatarBase
+     * Possible values:
+     *   AvatarBaseSize.Xs (16px),
+     * - AvatarBaseSize.Sm (24px),
+     * - AvatarBaseSize.Md (32px).
+     * - AvatarBaseSize.Lg (40px),
+     * - AvatarBaseSize.Xl (48px),
+     * @default AvatarBaseSize.Md
+     */
+    size?: AvatarBaseSize;
+    /**
+     * Optional prop to control the shape of the AvatarBase
+     * Possible values:
+     * - AvatarBaseShape.Circle
+     * - AvatarBaseShape.Square
+     * @default AvatarBaseShape.Circle
+     */
+    shape?: AvatarBaseShape;
+    /**
+     * Optional text to be rendered when the content fails to render
+     */
+    fallbackText?: string;
+    /**
+     * Optional props to be passed to the fallbackText when the content
+     * fails to render
+     */
+    fallbackTextProps?: Omit<TextProps, 'children'>;
+    /**
+     * Optional prop to include the border with the Avatar.
+     * For internal use only
+     * @default false
+     */
+    hasBorder?: boolean;
+    /**
+     * Optional prop to make sure there's no transparency in the background color
+     * For internal use only
+     * @default false
+     */
+    hasSolidBackgroundColor?: boolean;
+    /**
+     * Optional prop to add twrnc overriding classNames.
+     */
+    twClassName?: string;
+    /**
+     * Optional prop to control the style.
+     */
+    style?: StyleProp<ViewStyle>;
+} & ViewProps;
+//# sourceMappingURL=AvatarBase.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,SAAS,CAAC"}

package/dist/primitives/AvatarBase/AvatarBase.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.types.js","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps, StyleProp, ViewStyle } from 'react-native';\nimport type { TextProps } from '../../components/Text/Text.types';\nimport { AvatarBaseSize, AvatarBaseShape } from '../../shared/enums';\n\n/**\n * AvatarBase component props.\n */\nexport type AvatarBaseProps = {\n  /**\n   * Required prop for the content to be rendered within the AvatarBase\n   */\n  children?: React.ReactNode;\n  /**\n   * Optional prop to control the size of the AvatarBase\n   * Possible values:\n   *   AvatarBaseSize.Xs (16px),\n   * - AvatarBaseSize.Sm (24px),\n   * - AvatarBaseSize.Md (32px).\n   * - AvatarBaseSize.Lg (40px),\n   * - AvatarBaseSize.Xl (48px),\n   * @default AvatarBaseSize.Md\n   */\n  size?: AvatarBaseSize;\n  /**\n   * Optional prop to control the shape of the AvatarBase\n   * Possible values:\n   * - AvatarBaseShape.Circle\n   * - AvatarBaseShape.Square\n   * @default AvatarBaseShape.Circle\n   */\n  shape?: AvatarBaseShape;\n  /**\n   * Optional text to be rendered when the content fails to render\n   */\n  fallbackText?: string;\n  /**\n   * Optional props to be passed to the fallbackText when the content\n   * fails to render\n   */\n  fallbackTextProps?: Omit<TextProps, 'children'>;\n  /**\n   * Optional prop to include the border with the Avatar.\n   * For internal use only\n   * @default false\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to make sure there's no transparency in the background color\n   * For internal use only\n   * @default false\n   */\n  hasSolidBackgroundColor?: 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} & ViewProps;\n"]}

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

@@ -0,0 +1,30 @@
+import type { AvatarBaseProps } from './AvatarBase.types';
+/**
+ * Generates a Tailwind class name string for the base container of an avatar.
+ *
+ * This function constructs a class name string based on the avatar's `size`,
+ * `shape`, `hasBorder`, `hasSolidBackgroundColor`, and optional additional Tailwind class names.
+ *
+ * @param size - The size of the avatar, defaulting to `DEFAULT_AVATARBASE_PROPS.size`.
+ * @param shape - The shape of the avatar, either `circle` or another defined shape.
+ * @param hasBorder - A boolean indicating whether the avatar has a border.
+ * @param hasSolidBackgroundColor - A boolean indicating whether the avatar has a solid background color.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string of Tailwind class names representing the avatar's container styles.
+ *
+ * Example:
+ * ```
+ * const classNames = generateAvatarBaseContainerClassNames({
+ *   size: 48,
+ *   shape: 'circle',
+ *   hasBorder: true,
+ *   hasSolidBackgroundColor: true,
+ *   twClassName: 'shadow-md',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "items-center justify-center overflow-hidden bg-background-default h-[52px] w-[52px] rounded-full border-background-default border-[2px] shadow-md"
+ * ```
+ */
+export declare const generateAvatarBaseContainerClassNames: ({ size, shape, hasBorder, hasSolidBackgroundColor, twClassName, }: Partial<AvatarBaseProps>) => string;
+//# sourceMappingURL=AvatarBase.utilities.d.ts.map

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

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

package/dist/primitives/AvatarBase/AvatarBase.utilities.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateAvatarBaseContainerClassNames = void 0;
+/* eslint-disable jsdoc/check-param-names */
+/* eslint-disable jsdoc/require-param */
+const AvatarBase_constants_1 = require("./AvatarBase.constants");
+const AvatarBase_constants_2 = require("./AvatarBase.constants");
+const enums_1 = require("../../shared/enums");
+/**
+ * Generates a Tailwind class name string for the base container of an avatar.
+ *
+ * This function constructs a class name string based on the avatar's `size`,
+ * `shape`, `hasBorder`, `hasSolidBackgroundColor`, and optional additional Tailwind class names.
+ *
+ * @param size - The size of the avatar, defaulting to `DEFAULT_AVATARBASE_PROPS.size`.
+ * @param shape - The shape of the avatar, either `circle` or another defined shape.
+ * @param hasBorder - A boolean indicating whether the avatar has a border.
+ * @param hasSolidBackgroundColor - A boolean indicating whether the avatar has a solid background color.
+ * @param twClassName - Additional Tailwind class names for customization.
+ * @returns A string of Tailwind class names representing the avatar's container styles.
+ *
+ * Example:
+ * ```
+ * const classNames = generateAvatarBaseContainerClassNames({
+ *   size: 48,
+ *   shape: 'circle',
+ *   hasBorder: true,
+ *   hasSolidBackgroundColor: true,
+ *   twClassName: 'shadow-md',
+ * });
+ *
+ * console.log(classNames);
+ * // Output: "items-center justify-center overflow-hidden bg-background-default h-[52px] w-[52px] rounded-full border-background-default border-[2px] shadow-md"
+ * ```
+ */
+const generateAvatarBaseContainerClassNames = ({ size = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.size, // AvatarSize.Md
+shape = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.shape, // AvatarShape.Circle
+hasBorder = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.hasBorder, // false
+hasSolidBackgroundColor = AvatarBase_constants_1.DEFAULT_AVATARBASE_PROPS.hasSolidBackgroundColor, // false
+twClassName = '', }) => {
+    const baseStyle = 'items-center justify-center overflow-hidden';
+    const transparentBgStyle = hasSolidBackgroundColor
+        ? 'bg-background-default'
+        : 'bg-transparent';
+    const totalSize = hasBorder
+        ? Number(size) + AvatarBase_constants_2.MAP_AVATARBASE_SIZE_BORDERWIDTH[size] * 2
+        : Number(size);
+    Number(size) + AvatarBase_constants_2.MAP_AVATARBASE_SIZE_BORDERWIDTH[size] * 2;
+    const sizeStyle = `h-[${totalSize}px] w-[${totalSize}px]`;
+    const shapeStyle = shape === enums_1.AvatarBaseShape.Circle
+        ? 'rounded-full'
+        : AvatarBase_constants_2.TWCLASSMAP_AVATARBASE_SIZE_SHAPE[size];
+    const borderStyle = hasBorder
+        ? `border-background-default border-[${AvatarBase_constants_2.MAP_AVATARBASE_SIZE_BORDERWIDTH[size]}px]`
+        : '';
+    const mergedClassnames = `${baseStyle} ${transparentBgStyle} ${sizeStyle} ${shapeStyle} ${borderStyle} ${twClassName}`.trim();
+    return mergedClassnames;
+};
+exports.generateAvatarBaseContainerClassNames = generateAvatarBaseContainerClassNames;
+//# sourceMappingURL=AvatarBase.utilities.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBase.utilities.js","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/AvatarBase.utilities.ts"],"names":[],"mappings":";;;AAAA,4CAA4C;AAC5C,wCAAwC;AACxC,iEAAkE;AAElE,iEAGgC;AAChC,8CAAqD;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACI,MAAM,qCAAqC,GAAG,CAAC,EACpD,IAAI,GAAG,+CAAwB,CAAC,IAAI,EAAE,gBAAgB;AACtD,KAAK,GAAG,+CAAwB,CAAC,KAAK,EAAE,qBAAqB;AAC7D,SAAS,GAAG,+CAAwB,CAAC,SAAS,EAAE,QAAQ;AACxD,uBAAuB,GAAG,+CAAwB,CAAC,uBAAuB,EAAE,QAAQ;AACpF,WAAW,GAAG,EAAE,GACS,EAAU,EAAE;IACrC,MAAM,SAAS,GAAG,6CAA6C,CAAC;IAChE,MAAM,kBAAkB,GAAG,uBAAuB;QAChD,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,gBAAgB,CAAC;IACrB,MAAM,SAAS,GAAG,SAAS;QACzB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,sDAA+B,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1D,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACjB,MAAM,CAAC,IAAI,CAAC,GAAG,sDAA+B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,MAAM,SAAS,UAAU,SAAS,KAAK,CAAC;IAC1D,MAAM,UAAU,GACd,KAAK,KAAK,uBAAe,CAAC,MAAM;QAC9B,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,uDAAgC,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,SAAS;QAC3B,CAAC,CAAC,qCAAqC,sDAA+B,CAAC,IAAI,CAAC,KAAK;QACjF,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,gBAAgB,GACpB,GAAG,SAAS,IAAI,kBAAkB,IAAI,SAAS,IAAI,UAAU,IAAI,WAAW,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;IACvG,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AA3BW,QAAA,qCAAqC,yCA2BhD","sourcesContent":["/* eslint-disable jsdoc/check-param-names */\n/* eslint-disable jsdoc/require-param */\nimport { DEFAULT_AVATARBASE_PROPS } from './AvatarBase.constants';\nimport type { AvatarBaseProps } from './AvatarBase.types';\nimport {\n  TWCLASSMAP_AVATARBASE_SIZE_SHAPE,\n  MAP_AVATARBASE_SIZE_BORDERWIDTH,\n} from './AvatarBase.constants';\nimport { AvatarBaseShape } from '../../shared/enums';\n\n/**\n * Generates a Tailwind class name string for the base container of an avatar.\n *\n * This function constructs a class name string based on the avatar's `size`,\n * `shape`, `hasBorder`, `hasSolidBackgroundColor`, and optional additional Tailwind class names.\n *\n * @param size - The size of the avatar, defaulting to `DEFAULT_AVATARBASE_PROPS.size`.\n * @param shape - The shape of the avatar, either `circle` or another defined shape.\n * @param hasBorder - A boolean indicating whether the avatar has a border.\n * @param hasSolidBackgroundColor - A boolean indicating whether the avatar has a solid background color.\n * @param twClassName - Additional Tailwind class names for customization.\n * @returns A string of Tailwind class names representing the avatar's container styles.\n *\n * Example:\n * ```\n * const classNames = generateAvatarBaseContainerClassNames({\n *   size: 48,\n *   shape: 'circle',\n *   hasBorder: true,\n *   hasSolidBackgroundColor: true,\n *   twClassName: 'shadow-md',\n * });\n *\n * console.log(classNames);\n * // Output: \"items-center justify-center overflow-hidden bg-background-default h-[52px] w-[52px] rounded-full border-background-default border-[2px] shadow-md\"\n * ```\n */\nexport const generateAvatarBaseContainerClassNames = ({\n  size = DEFAULT_AVATARBASE_PROPS.size, // AvatarSize.Md\n  shape = DEFAULT_AVATARBASE_PROPS.shape, // AvatarShape.Circle\n  hasBorder = DEFAULT_AVATARBASE_PROPS.hasBorder, // false\n  hasSolidBackgroundColor = DEFAULT_AVATARBASE_PROPS.hasSolidBackgroundColor, // false\n  twClassName = '',\n}: Partial<AvatarBaseProps>): string => {\n  const baseStyle = 'items-center justify-center overflow-hidden';\n  const transparentBgStyle = hasSolidBackgroundColor\n    ? 'bg-background-default'\n    : 'bg-transparent';\n  const totalSize = hasBorder\n    ? Number(size) + MAP_AVATARBASE_SIZE_BORDERWIDTH[size] * 2\n    : Number(size);\n  Number(size) + MAP_AVATARBASE_SIZE_BORDERWIDTH[size] * 2;\n  const sizeStyle = `h-[${totalSize}px] w-[${totalSize}px]`;\n  const shapeStyle =\n    shape === AvatarBaseShape.Circle\n      ? 'rounded-full'\n      : TWCLASSMAP_AVATARBASE_SIZE_SHAPE[size];\n  const borderStyle = hasBorder\n    ? `border-background-default border-[${MAP_AVATARBASE_SIZE_BORDERWIDTH[size]}px]`\n    : '';\n\n  const mergedClassnames =\n    `${baseStyle} ${transparentBgStyle} ${sizeStyle} ${shapeStyle} ${borderStyle} ${twClassName}`.trim();\n  return mergedClassnames;\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/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/AvatarBase/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.AvatarBaseSize = exports.default = void 0;
+var AvatarBase_1 = require("./AvatarBase");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AvatarBase_1).default; } });
+var enums_1 = require("../../shared/enums");
+Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return enums_1.AvatarBaseSize; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/AvatarBase/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAEhB,4CAAoD;AAA3C,uGAAA,cAAc,OAAA","sourcesContent":["export { default } from './AvatarBase';\nexport type { AvatarBaseProps } from './AvatarBase.types';\nexport { AvatarBaseSize } from '../../shared/enums';\n"]}

package/dist/primitives/Blockies/Blockies.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blockies.d.ts","sourceRoot":"","sources":["../../../src/primitives/Blockies/Blockies.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,gCAAsC,aAAa,sBAShE,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/primitives/Blockies/Blockies.js

@@ -0,0 +1,15 @@
+"use strict";
+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 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+// @ts-ignore
+const Blockies_utilities_1 = require("./Blockies.utilities");
+const Blockies = ({ address, size = 32, ...props }) => {
+    return (<react_native_1.Image source={{ uri: (0, Blockies_utilities_1.toDataUrl)(address) }} width={size} height={size} {...props}/>);
+};
+exports.default = Blockies;
+//# sourceMappingURL=Blockies.js.map

package/dist/primitives/Blockies/Blockies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockies.js","sourceRoot":"","sources":["../../../src/primitives/Blockies/Blockies.tsx"],"names":[],"mappings":";;;;;AAAA,iEAAiE;AACjE,kDAA0B;AAC1B,+CAAqC;AAErC,aAAa;AACb,6DAAiD;AAIjD,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACnE,OAAO,CACL,CAAC,oBAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,IAAA,8BAAS,EAAC,OAAO,CAAC,EAAE,CAAC,CACpC,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport React from 'react';\nimport { Image } from 'react-native';\n\n// @ts-ignore\nimport { toDataUrl } from './Blockies.utilities';\n\nimport type { BlockiesProps } from './Blockies.types';\n\nconst Blockies = ({ address, size = 32, ...props }: BlockiesProps) => {\n  return (\n    <Image\n      source={{ uri: toDataUrl(address) }}\n      width={size}\n      height={size}\n      {...props}\n    />\n  );\n};\n\nexport default Blockies;\n"]}

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

@@ -0,0 +1,15 @@
+import { ImageProps } from 'react-native';
+/**
+ * Blockies component props.
+ */
+export type BlockiesProps = {
+    /**
+     * Required address used as a unique identifier to generate the Blockies.
+     */
+    address: string;
+    /**
+     * Optional prop to control the size of the Blockies.
+     */
+    size?: number;
+} & Omit<ImageProps, 'source' | 'width' | 'height'>;
+//# sourceMappingURL=Blockies.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blockies.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Blockies/Blockies.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC"}

package/dist/primitives/Blockies/Blockies.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blockies.types.js","sourceRoot":"","sources":["../../../src/primitives/Blockies/Blockies.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ImageProps } from 'react-native';\n\n/**\n * Blockies component props.\n */\nexport type BlockiesProps = {\n  /**\n   * Required address used as a unique identifier to generate the Blockies.\n   */\n  address: string;\n  /**\n   * Optional prop to control the size of the Blockies.\n   */\n  size?: number;\n} & Omit<ImageProps, 'source' | 'width' | 'height'>;\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './Blockies';
+export type { BlockiesProps } from './Blockies.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Blockies/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/primitives/Blockies/index.js

@@ -0,0 +1,9 @@
+"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 Blockies_1 = require("./Blockies");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Blockies_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/Blockies/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA","sourcesContent":["export { default } from './Blockies';\nexport type { BlockiesProps } from './Blockies.types';\n"]}

package/dist/primitives/ButtonAnimated/ButtonAnimated.d.ts

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

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

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

package/dist/primitives/ButtonAnimated/ButtonAnimated.js

@@ -0,0 +1,58 @@
+"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 react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const ButtonAnimated = ({ onPressIn, onPressOut, disabled, ...props }) => {
+    const animation = (0, react_native_reanimated_1.useSharedValue)(1);
+    const scaleStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        return {
+            transform: [{ scale: animation.value }],
+        };
+    });
+    const onPressInHandler = (event) => {
+        animation.value = (0, react_native_reanimated_1.withTiming)(0.97, {
+            duration: 100,
+            easing: react_native_reanimated_1.Easing.bezier(0.3, 0.8, 0.3, 1),
+        });
+        onPressIn?.(event);
+    };
+    const onPressOutHandler = (event) => {
+        animation.value = (0, react_native_reanimated_1.withTiming)(1, {
+            duration: 100,
+            easing: react_native_reanimated_1.Easing.bezier(0.3, 0.8, 0.3, 1),
+        });
+        onPressOut?.(event);
+    };
+    return (<react_native_reanimated_1.default.View style={[scaleStyle, { alignItems: 'center', justifyContent: 'center' }]}>
+      <react_native_1.Pressable onPressIn={onPressInHandler} onPressOut={onPressOutHandler} disabled={disabled} {...props}/>
+    </react_native_reanimated_1.default.View>);
+};
+exports.default = ButtonAnimated;
+//# sourceMappingURL=ButtonAnimated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.js","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/ButtonAnimated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,+CAAyC;AACzC,mFAKiC;AAIjC,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,SAAS,GAAG,IAAA,wCAAc,EAAC,CAAC,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE;QACvC,OAAO;YACL,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;SACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACxD,SAAS,CAAC,KAAK,GAAG,IAAA,oCAAU,EAAC,IAAI,EAAE;YACjC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,gCAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;QACzD,SAAS,CAAC,KAAK,GAAG,IAAA,oCAAU,EAAC,CAAC,EAAE;YAC9B,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,gCAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;SACxC,CAAC,CAAC;QACH,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,iCAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,CAExE;MAAA,CAAC,wBAAS,CACR,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,KAAK,CAAC,EAEd;IAAA,EAAE,iCAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Pressable } from 'react-native';\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  withTiming,\n  Easing,\n} from 'react-native-reanimated';\n\nimport type { ButtonAnimatedProps } from './ButtonAnimated.types';\n\nconst ButtonAnimated = ({\n  onPressIn,\n  onPressOut,\n  disabled,\n  ...props\n}: ButtonAnimatedProps) => {\n  const animation = useSharedValue(1);\n  const scaleStyle = useAnimatedStyle(() => {\n    return {\n      transform: [{ scale: animation.value }],\n    };\n  });\n\n  const onPressInHandler = (event: GestureResponderEvent) => {\n    animation.value = withTiming(0.97, {\n      duration: 100,\n      easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n    });\n    onPressIn?.(event);\n  };\n\n  const onPressOutHandler = (event: GestureResponderEvent) => {\n    animation.value = withTiming(1, {\n      duration: 100,\n      easing: Easing.bezier(0.3, 0.8, 0.3, 1),\n    });\n    onPressOut?.(event);\n  };\n\n  return (\n    <Animated.View\n      style={[scaleStyle, { alignItems: 'center', justifyContent: 'center' }]}\n    >\n      <Pressable\n        onPressIn={onPressInHandler}\n        onPressOut={onPressOutHandler}\n        disabled={disabled}\n        {...props}\n      />\n    </Animated.View>\n  );\n};\n\nexport default ButtonAnimated;\n"]}

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

@@ -0,0 +1,6 @@
+import type { PressableProps } from 'react-native';
+/**
+ * ButtonAnimated component props.
+ */
+export type ButtonAnimatedProps = PressableProps;
+//# sourceMappingURL=ButtonAnimated.types.d.ts.map

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

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

package/dist/primitives/ButtonAnimated/ButtonAnimated.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonAnimated.types.js","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/ButtonAnimated.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PressableProps } from 'react-native';\n\n/**\n * ButtonAnimated component props.\n */\nexport type ButtonAnimatedProps = PressableProps;\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './ButtonAnimated';
+export { ButtonAnimatedProps } from './ButtonAnimated.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/ButtonAnimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/primitives/ButtonAnimated/index.js

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1 @@
+{"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';\nexport { ButtonAnimatedProps } from './ButtonAnimated.types';\n"]}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,32 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+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

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