@metamask-previews/design-system-react-native 0.0.0-preview.58198a0 → 0.0.0-preview.5f5c97a

package/dist/components/BadgeStatus/BadgeStatus.js

@@ -1,24 +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.BadgeStatus = void 0;
-const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const types_1 = require("../../types");
-const BadgeStatus_constants_1 = require("./BadgeStatus.constants");
-const BadgeStatus = ({ status, size = types_1.BadgeStatusSize.Md, hasBorder = true, twClassName = '', style, ...props }) => {
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    return (<react_native_1.View style={[
-            tw `self-start rounded-full ${hasBorder ? 'border-2 border-background-default' : ''} ${twClassName}`,
-            style,
-        ]} {...props}>
-      <react_native_1.View style={[
-            tw `rounded-full border-2 ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_SIZE[size]} ${BadgeStatus_constants_1.TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]} `,
-        ]}/>
-    </react_native_1.View>);
-};
-exports.BadgeStatus = BadgeStatus;
-//# sourceMappingURL=BadgeStatus.js.map

package/dist/components/BadgeStatus/BadgeStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeStatus.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.tsx"],"names":[],"mappings":";;;;;;AAAA,8FAA4E;AAC5E,kDAA0B;AAC1B,+CAAoC;AAEpC,uCAA8C;AAE9C,mEAGiC;AAG1B,MAAM,WAAW,GAAG,CAAC,EAC1B,MAAM,EACN,IAAI,GAAG,uBAAe,CAAC,EAAE,EACzB,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACS,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG,IAAA,wCAAW,GAAE,CAAC;IAEzB,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAA,2BAA2B,SAAS,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE,IAAI,WAAW,EAAE;YACnG,KAAK;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC;YACL,EAAE,CAAA,yBAAyB,mDAA2B,CAAC,IAAI,CAAC,IAAI,4DAAoC,CAAC,MAAM,CAAC,GAAG;SAChH,CAAC,EAEN;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport { BadgeStatusSize } from '../../types';\n\nimport {\n  TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE,\n  TWCLASSMAP_BADGESTATUS_SIZE,\n} from './BadgeStatus.constants';\nimport type { BadgeStatusProps } from './BadgeStatus.types';\n\nexport const BadgeStatus = ({\n  status,\n  size = BadgeStatusSize.Md,\n  hasBorder = true,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeStatusProps) => {\n  const tw = useTailwind();\n\n  return (\n    <View\n      style={[\n        tw`self-start rounded-full ${hasBorder ? 'border-2 border-background-default' : ''} ${twClassName}`,\n        style,\n      ]}\n      {...props}\n    >\n      <View\n        style={[\n          tw`rounded-full border-2 ${TWCLASSMAP_BADGESTATUS_SIZE[size]} ${TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]} `,\n        ]}\n      />\n    </View>\n  );\n};\n"]}

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

@@ -1,37 +0,0 @@
-import type { ViewProps } from 'react-native';
-import type { BadgeStatusStatus, BadgeStatusSize } from '../../types';
-/**
- * BadgeStatus component props.
- */
-export type BadgeStatusProps = {
-    /**
-     * Optional prop to control the status of the badge
-     * Possible values:
-     * - BadgeStatusStatus.Active. (Connected)
-     * - BadgeStatusStatus.Inactive. (Connected)
-     * - BadgeStatusStatus.Disconnected.
-     * - BadgeStatusStatus.New.
-     * - BadgeStatusStatus.Attention.
-     */
-    status: BadgeStatusStatus;
-    /**
-     * Optional prop to determine whether the badge should display a border
-     *
-     * @default true
-     */
-    hasBorder?: boolean;
-    /**
-     * Optional prop to control the size of the BadgeStatus
-     * Possible values:
-     * - BadgeStatusSize.Md (8px),
-     * - BadgeStatusSize.Lg (10px),
-     *
-     * @default AvatarBaseSize.Md
-     */
-    size?: BadgeStatusSize;
-    /**
-     * Optional prop to add twrnc overriding classNames.
-     */
-    twClassName?: string;
-} & Omit<ViewProps, 'children'>;
-//# sourceMappingURL=BadgeStatus.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeStatus.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;;;OAQG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/BadgeStatus/BadgeStatus.types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeStatus.types.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/BadgeStatus.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type { BadgeStatusStatus, BadgeStatusSize } from '../../types';\n\n/**\n * BadgeStatus component props.\n */\nexport type BadgeStatusProps = {\n  /**\n   * Optional prop to control the status of the badge\n   * Possible values:\n   * - BadgeStatusStatus.Active. (Connected)\n   * - BadgeStatusStatus.Inactive. (Connected)\n   * - BadgeStatusStatus.Disconnected.\n   * - BadgeStatusStatus.New.\n   * - BadgeStatusStatus.Attention.\n   */\n  status: BadgeStatusStatus;\n  /**\n   * Optional prop to determine whether the badge should display a border\n   *\n   * @default true\n   */\n  hasBorder?: boolean;\n  /**\n   * Optional prop to control the size of the BadgeStatus\n   * Possible values:\n   * - BadgeStatusSize.Md (8px),\n   * - BadgeStatusSize.Lg (10px),\n   *\n   * @default AvatarBaseSize.Md\n   */\n  size?: BadgeStatusSize;\n  /**\n   * Optional prop to add twrnc overriding classNames.\n   */\n  twClassName?: string;\n} & Omit<ViewProps, 'children'>;\n"]}

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

@@ -1,4 +0,0 @@
-export { BadgeStatusStatus, BadgeStatusSize } from '../../types';
-export { BadgeStatus } from './BadgeStatus';
-export type { BadgeStatusProps } from './BadgeStatus.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/BadgeStatus/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeStatus = exports.BadgeStatusSize = exports.BadgeStatusStatus = void 0;
-var types_1 = require("../../types");
-Object.defineProperty(exports, "BadgeStatusStatus", { enumerable: true, get: function () { return types_1.BadgeStatusStatus; } });
-Object.defineProperty(exports, "BadgeStatusSize", { enumerable: true, get: function () { return types_1.BadgeStatusSize; } });
-var BadgeStatus_1 = require("./BadgeStatus");
-Object.defineProperty(exports, "BadgeStatus", { enumerable: true, get: function () { return BadgeStatus_1.BadgeStatus; } });
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeStatus/index.ts"],"names":[],"mappings":";;;AAAA,qCAAiE;AAAxD,0GAAA,iBAAiB,OAAA;AAAE,wGAAA,eAAe,OAAA;AAC3C,6CAA4C;AAAnC,0GAAA,WAAW,OAAA","sourcesContent":["export { BadgeStatusStatus, BadgeStatusSize } from '../../types';\nexport { BadgeStatus } from './BadgeStatus';\nexport type { BadgeStatusProps } from './BadgeStatus.types';\n"]}

package/dist/components/BadgeWrapper/BadgeWrapper.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { BadgeWrapperProps } from './BadgeWrapper.types';
-export declare const BadgeWrapper: ({ children, childrenContainerProps, badge, badgeContainerProps, position, positionAnchorShape, positionXOffset, positionYOffset, customPosition, twClassName, style, ...props }: BadgeWrapperProps) => React.JSX.Element;
-//# sourceMappingURL=BadgeWrapper.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAS9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,oLAatB,iBAAiB,sBA2FnB,CAAC"}

package/dist/components/BadgeWrapper/BadgeWrapper.js

@@ -1,110 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeWrapper = void 0;
-const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const types_1 = require("../../types");
-const BadgeWrapper = ({ children, childrenContainerProps, badge, badgeContainerProps, position = types_1.BadgeWrapperPosition.BottomRight, positionAnchorShape = types_1.BadgeWrapperPositionAnchorShape.Circular, positionXOffset = 0, positionYOffset = 0, customPosition, twClassName = '', style, ...props }) => {
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const [anchorWidth, setAnchorWidth] = (0, react_1.useState)(0);
-    const [anchorHeight, setAnchorHeight] = (0, react_1.useState)(0);
-    const [badgeWidth, setbadgeWidth] = (0, react_1.useState)(0);
-    const [badgeHeight, setbadgeHeight] = (0, react_1.useState)(0);
-    // Fetching the dimensions of the anchor and bagde element to properly position the badge
-    const getAnchorSize = (0, react_1.useCallback)((event) => {
-        const { width, height } = event.nativeEvent.layout;
-        setAnchorWidth(width);
-        setAnchorHeight(height);
-    }, []);
-    const getBadgeSize = (0, react_1.useCallback)((event) => {
-        const { width, height } = event.nativeEvent.layout;
-        setbadgeWidth(width);
-        setbadgeHeight(height);
-    }, []);
-    const finalPositions = (0, react_1.useMemo)(() => {
-        if (customPosition) {
-            return customPosition;
-        }
-        // 0.1464 is a mathematical coeeficient to move
-        // from a 0,0 corner of a rectangular shape to the closest "corner"
-        // of a circular shape anchor element
-        const anchorShapeXOffset = positionAnchorShape === types_1.BadgeWrapperPositionAnchorShape.Rectangular
-            ? 0
-            : anchorWidth * 0.1464;
-        const anchorShapeYOffset = positionAnchorShape === types_1.BadgeWrapperPositionAnchorShape.Rectangular
-            ? 0
-            : anchorHeight * 0.1464;
-        // This is to center the badge in the corner of the anchor element
-        const badgeCenteringXOffset = badgeWidth / 2;
-        const badgeCenteringYOffset = badgeHeight / 2;
-        const finalXOffset = anchorShapeXOffset - badgeCenteringXOffset + positionXOffset;
-        const finalYOffset = anchorShapeYOffset - badgeCenteringYOffset + positionYOffset;
-        switch (position) {
-            case types_1.BadgeWrapperPosition.TopRight:
-                return {
-                    top: finalYOffset,
-                    right: finalXOffset,
-                };
-            case types_1.BadgeWrapperPosition.BottomLeft:
-                return {
-                    bottom: finalYOffset,
-                    left: finalXOffset,
-                };
-            case types_1.BadgeWrapperPosition.TopLeft:
-                return {
-                    top: finalYOffset,
-                    left: finalXOffset,
-                };
-            case types_1.BadgeWrapperPosition.BottomRight:
-            default:
-                return {
-                    bottom: finalYOffset,
-                    right: finalXOffset,
-                };
-        }
-    }, [
-        position,
-        positionAnchorShape,
-        anchorWidth,
-        anchorHeight,
-        badgeWidth,
-        badgeHeight,
-        positionXOffset,
-        positionYOffset,
-        customPosition,
-    ]);
-    return (<react_native_1.View style={[tw `relative self-start`, style]} {...props}>
-      <react_native_1.View onLayout={getAnchorSize} {...childrenContainerProps}>
-        {children}
-      </react_native_1.View>
-      <react_native_1.View onLayout={getBadgeSize} style={[tw `absolute`, { ...finalPositions }]} {...badgeContainerProps}>
-        {badge}
-      </react_native_1.View>
-    </react_native_1.View>);
-};
-exports.BadgeWrapper = BadgeWrapper;
-//# sourceMappingURL=BadgeWrapper.js.map

package/dist/components/BadgeWrapper/BadgeWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeWrapper.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useCallback, useState, useMemo } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\n\nimport {\n  BadgeWrapperPosition,\n  BadgeWrapperPositionAnchorShape,\n} from '../../types';\n\nimport type { BadgeWrapperProps } from './BadgeWrapper.types';\n\nexport const BadgeWrapper = ({\n  children,\n  childrenContainerProps,\n  badge,\n  badgeContainerProps,\n  position = BadgeWrapperPosition.BottomRight,\n  positionAnchorShape = BadgeWrapperPositionAnchorShape.Circular,\n  positionXOffset = 0,\n  positionYOffset = 0,\n  customPosition,\n  twClassName = '',\n  style,\n  ...props\n}: BadgeWrapperProps) => {\n  const tw = useTailwind();\n  const [anchorWidth, setAnchorWidth] = useState<number>(0);\n  const [anchorHeight, setAnchorHeight] = useState<number>(0);\n  const [badgeWidth, setbadgeWidth] = useState<number>(0);\n  const [badgeHeight, setbadgeHeight] = useState<number>(0);\n\n  // Fetching the dimensions of the anchor and bagde element to properly position the badge\n  const getAnchorSize = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setAnchorWidth(width);\n    setAnchorHeight(height);\n  }, []);\n  const getBadgeSize = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setbadgeWidth(width);\n    setbadgeHeight(height);\n  }, []);\n\n  const finalPositions = useMemo(() => {\n    if (customPosition) {\n      return customPosition;\n    }\n    // 0.1464 is a mathematical coeeficient to move\n    // from a 0,0 corner of a rectangular shape to the closest \"corner\"\n    // of a circular shape anchor element\n    const anchorShapeXOffset =\n      positionAnchorShape === BadgeWrapperPositionAnchorShape.Rectangular\n        ? 0\n        : anchorWidth * 0.1464;\n    const anchorShapeYOffset =\n      positionAnchorShape === BadgeWrapperPositionAnchorShape.Rectangular\n        ? 0\n        : anchorHeight * 0.1464;\n    // This is to center the badge in the corner of the anchor element\n    const badgeCenteringXOffset = badgeWidth / 2;\n    const badgeCenteringYOffset = badgeHeight / 2;\n\n    const finalXOffset =\n      anchorShapeXOffset - badgeCenteringXOffset + positionXOffset;\n    const finalYOffset =\n      anchorShapeYOffset - badgeCenteringYOffset + positionYOffset;\n    switch (position) {\n      case BadgeWrapperPosition.TopRight:\n        return {\n          top: finalYOffset,\n          right: finalXOffset,\n        };\n      case BadgeWrapperPosition.BottomLeft:\n        return {\n          bottom: finalYOffset,\n          left: finalXOffset,\n        };\n      case BadgeWrapperPosition.TopLeft:\n        return {\n          top: finalYOffset,\n          left: finalXOffset,\n        };\n      case BadgeWrapperPosition.BottomRight:\n      default:\n        return {\n          bottom: finalYOffset,\n          right: finalXOffset,\n        };\n    }\n  }, [\n    position,\n    positionAnchorShape,\n    anchorWidth,\n    anchorHeight,\n    badgeWidth,\n    badgeHeight,\n    positionXOffset,\n    positionYOffset,\n    customPosition,\n  ]);\n\n  return (\n    <View style={[tw`relative self-start`, style]} {...props}>\n      <View onLayout={getAnchorSize} {...childrenContainerProps}>\n        {children}\n      </View>\n      <View\n        onLayout={getBadgeSize}\n        style={[tw`absolute`, { ...finalPositions }]}\n        {...badgeContainerProps}\n      >\n        {badge}\n      </View>\n    </View>\n  );\n};\n"]}

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

@@ -1,73 +0,0 @@
-/// <reference types="react" />
-import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
-import type { BadgeWrapperPosition, BadgeWrapperCustomPosition, BadgeWrapperPositionAnchorShape } from '../../types';
-/**
- * Badge component props.
- */
-export type BadgeWrapperProps = {
-    /**
-     * Optional prop to determine the shape of the anchoring element.
-     * This prop gets used along with position, positionXOffset, and positionYOffset
-     * to determine the final position.
-     * Possible values:
-     * BadgeWrapperPositionAnchorShape.Circular,
-     * - BadgeWrapperPositionAnchorShape.Rectangular,
-     *
-     * @default BadgeWrapperPositionAnchorShape.Circular
-     */
-    positionAnchorShape?: BadgeWrapperPositionAnchorShape;
-    /**
-     * Optional prop to control the preset position of the badge.
-     * This prop gets used along with positionAnchorShape, positionXOffset, and positionYOffset
-     * to determine the final position.
-     *
-     * @default BadgeWrapperPosition.TopRight
-     */
-    position?: BadgeWrapperPosition;
-    /**
-     * Optional prop to move the preset position horizontally.
-     * This prop gets used along with position, positionAnchorShape, and positionYOffset
-     * to determine the final position.
-     *
-     * @default 0
-     */
-    positionXOffset?: number;
-    /**
-     * Optional prop to move the preset position vertically.
-     * This prop gets used along with position, positionAnchorShape, and positionXOffset
-     * to determine the final position.
-     *
-     * @default 0
-     */
-    positionYOffset?: number;
-    /**
-     * Optional prop to customize the position through the position object.
-     * Position object - {top: 0, right: 0, bottom: 0, left: 0}
-     */
-    customPosition?: BadgeWrapperCustomPosition;
-    /**
-     * The element that the badge will attach itself to.
-     */
-    children: React.ReactNode;
-    /**
-     * Optional prop to pass additional props to the children container
-     */
-    childrenContainerProps?: ViewProps;
-    /**
-     * Any element that will be placed in the position of the badge.
-     */
-    badge: React.ReactNode;
-    /**
-     * Optional prop to pass additional props to the badge container
-     */
-    badgeContainerProps?: ViewProps;
-    /**
-     * Optional prop to add twrnc overriding classNames.
-     */
-    twClassName?: string;
-    /**
-     * Optional prop to control the style.
-     */
-    style?: StyleProp<ViewStyle>;
-} & ViewProps;
-//# sourceMappingURL=BadgeWrapper.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeWrapper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,+BAA+B,EAChC,MAAM,aAAa,CAAC;AAErB;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;;;;;OASG;IACH,mBAAmB,CAAC,EAAE,+BAA+B,CAAC;IACtD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,SAAS,CAAC"}

package/dist/components/BadgeWrapper/BadgeWrapper.types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeWrapper.types.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/BadgeWrapper.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps, StyleProp, ViewStyle } from 'react-native';\n\nimport type {\n  BadgeWrapperPosition,\n  BadgeWrapperCustomPosition,\n  BadgeWrapperPositionAnchorShape,\n} from '../../types';\n\n/**\n * Badge component props.\n */\nexport type BadgeWrapperProps = {\n  /**\n   * Optional prop to determine the shape of the anchoring element.\n   * This prop gets used along with position, positionXOffset, and positionYOffset\n   * to determine the final position.\n   * Possible values:\n   * BadgeWrapperPositionAnchorShape.Circular,\n   * - BadgeWrapperPositionAnchorShape.Rectangular,\n   *\n   * @default BadgeWrapperPositionAnchorShape.Circular\n   */\n  positionAnchorShape?: BadgeWrapperPositionAnchorShape;\n  /**\n   * Optional prop to control the preset position of the badge.\n   * This prop gets used along with positionAnchorShape, positionXOffset, and positionYOffset\n   * to determine the final position.\n   *\n   * @default BadgeWrapperPosition.TopRight\n   */\n  position?: BadgeWrapperPosition;\n  /**\n   * Optional prop to move the preset position horizontally.\n   * This prop gets used along with position, positionAnchorShape, and positionYOffset\n   * to determine the final position.\n   *\n   * @default 0\n   */\n  positionXOffset?: number;\n  /**\n   * Optional prop to move the preset position vertically.\n   * This prop gets used along with position, positionAnchorShape, and positionXOffset\n   * to determine the final position.\n   *\n   * @default 0\n   */\n  positionYOffset?: number;\n  /**\n   * Optional prop to customize the position through the position object.\n   * Position object - {top: 0, right: 0, bottom: 0, left: 0}\n   */\n  customPosition?: BadgeWrapperCustomPosition;\n  /**\n   * The element that the badge will attach itself to.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop to pass additional props to the children container\n   */\n  childrenContainerProps?: ViewProps;\n  /**\n   * Any element that will be placed in the position of the badge.\n   */\n  badge: React.ReactNode;\n  /**\n   * Optional prop to pass additional props to the badge container\n   */\n  badgeContainerProps?: ViewProps;\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/components/BadgeWrapper/index.d.ts

@@ -1,5 +0,0 @@
-export { BadgeWrapperPosition, BadgeWrapperPositionAnchorShape, } from '../../types';
-export type { BadgeWrapperCustomPosition } from '../../types';
-export { BadgeWrapper } from './BadgeWrapper';
-export type { BadgeWrapperProps } from './BadgeWrapper.types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,+BAA+B,GAChC,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/BadgeWrapper/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BadgeWrapper = exports.BadgeWrapperPositionAnchorShape = exports.BadgeWrapperPosition = void 0;
-var types_1 = require("../../types");
-Object.defineProperty(exports, "BadgeWrapperPosition", { enumerable: true, get: function () { return types_1.BadgeWrapperPosition; } });
-Object.defineProperty(exports, "BadgeWrapperPositionAnchorShape", { enumerable: true, get: function () { return types_1.BadgeWrapperPositionAnchorShape; } });
-var BadgeWrapper_1 = require("./BadgeWrapper");
-Object.defineProperty(exports, "BadgeWrapper", { enumerable: true, get: function () { return BadgeWrapper_1.BadgeWrapper; } });
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BadgeWrapper/index.ts"],"names":[],"mappings":";;;AAAA,qCAGqB;AAFnB,6GAAA,oBAAoB,OAAA;AACpB,wHAAA,+BAA+B,OAAA;AAGjC,+CAA8C;AAArC,4GAAA,YAAY,OAAA","sourcesContent":["export {\n  BadgeWrapperPosition,\n  BadgeWrapperPositionAnchorShape,\n} from '../../types';\nexport type { BadgeWrapperCustomPosition } from '../../types';\nexport { BadgeWrapper } from './BadgeWrapper';\nexport type { BadgeWrapperProps } from './BadgeWrapper.types';\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,eAAO,MAAM,MAAM,gBAAiB,WAAW,sBAe9C,CAAC"}

package/dist/components/Button/Button.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAA4C;AAG5C,4DAAyD;AACzD,gEAA6D;AAC7D,8DAA2D;AAEpD,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAE9C,QAAQ,OAAO,EAAE;QACf,KAAK,qBAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,+BAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,qBAAa,CAAC,OAAO;YACxB,OAAO,CAAC,6BAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,qBAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,iCAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,OAAO,sBAAsB,MAAM,CAAC,MAAM,CAAC,qBAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAClG,CAAC;KACL;AACH,CAAC,CAAC;AAfW,QAAA,MAAM,UAejB","sourcesContent":["import React from 'react';\n\nimport { ButtonVariant } from '../../types';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\n\nexport const 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"]}

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

@@ -1,14 +0,0 @@
-import type { ButtonVariant } from '../../types';
-import type { ButtonPrimaryProps } from './variants/ButtonPrimary';
-import type { ButtonSecondaryProps } from './variants/ButtonSecondary';
-import type { ButtonTertiaryProps } from './variants/ButtonTertiary';
-/**
- * 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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,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;;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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonVariant } from '../../types';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\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

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

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

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

package/dist/components/Button/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.ButtonVariant = exports.ButtonSize = void 0;
-var types_1 = require("../../types");
-Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return types_1.ButtonSize; } });
-Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return types_1.ButtonVariant; } });
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,qCAAwD;AAA/C,mGAAA,UAAU,OAAA;AAAE,sGAAA,aAAa,OAAA;AAClC,mCAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { ButtonSize, ButtonVariant } from '../../types';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonPrimary.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAoGhE,eAAO,MAAM,aAAa,4BAGvB,kBAAkB,sBAWpB,CAAC"}

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

@@ -1,106 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonPrimary = void 0;
-const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
-const react_1 = __importStar(require("react"));
-const ButtonBase_1 = require("../../../ButtonBase");
-const Icon_1 = require("../../../Icon");
-const Text_1 = require("../../../Text");
-const ButtonPrimaryBase = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = false, isInverse, isLoading = false, onPressIn, onPressOut, twClassName = '', style, ...props }) => {
-    const [isPressed, setIsPressed] = (0, react_1.useState)(false);
-    const tw = (0, design_system_twrnc_preset_1.useTailwind)();
-    const twContainerClassNames = `
-    ${isInverse && isDanger
-        ? isPressed || isLoading
-            ? 'bg-background-default-pressed'
-            : 'bg-background-default'
-        : isDanger
-            ? isPressed || isLoading
-                ? 'bg-error-default-pressed'
-                : 'bg-error-default'
-            : isInverse
-                ? isPressed || isLoading
-                    ? 'bg-background-default-pressed'
-                    : 'bg-background-default'
-                : isPressed || isLoading
-                    ? 'bg-primary-default-pressed'
-                    : 'bg-primary-default'}
-    ${twClassName}
-  `;
-    const twTextClassNames = isInverse && isDanger
-        ? isPressed || isLoading
-            ? 'text-error-default-pressed'
-            : 'text-error-default'
-        : isDanger
-            ? 'text-primary-inverse'
-            : isInverse
-                ? 'text-text-default'
-                : 'text-primary-inverse';
-    const onPressInHandler = (event) => {
-        setIsPressed(true);
-        onPressIn?.(event);
-    };
-    const onPressOutHandler = (event) => {
-        setIsPressed(false);
-        onPressOut?.(event);
-    };
-    return (<ButtonBase_1.ButtonBase textProps={{
-            variant: Text_1.TextVariant.BodyMd,
-            fontWeight: Text_1.FontWeight.Medium,
-            numberOfLines: 1,
-            ellipsizeMode: 'clip',
-            ...textProps,
-            twClassName: `${twTextClassNames} ${textProps?.twClassName ?? ''}`,
-        }} spinnerProps={{
-            color: twTextClassNames,
-            loadingTextProps: {
-                twClassName: twTextClassNames,
-            },
-            ...spinnerProps,
-        }} startIconProps={{
-            size: Icon_1.IconSize.Sm,
-            ...startIconProps,
-            twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,
-        }} endIconProps={{
-            size: Icon_1.IconSize.Sm,
-            ...endIconProps,
-            twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,
-        }} isLoading={isLoading} onPressIn={onPressInHandler} onPressOut={onPressOutHandler} style={[tw `${twContainerClassNames}`, style]} {...props}>
-      {children}
-    </ButtonBase_1.ButtonBase>);
-};
-const ButtonPrimary = ({ isInverse = false, ...props }) => {
-    // If inverse, use the current theme context
-    if (isInverse) {
-        return <ButtonPrimaryBase isInverse {...props}/>;
-    }
-    // Otherwise, force light theme
-    return (<design_system_twrnc_preset_1.ThemeProvider theme={design_system_twrnc_preset_1.Theme.Light}>
-      <ButtonPrimaryBase isInverse={false} {...props}/>
-    </design_system_twrnc_preset_1.ThemeProvider>);
-};
-exports.ButtonPrimary = ButtonPrimary;
-//# sourceMappingURL=ButtonPrimary.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonPrimary.js","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useTailwind,\n  ThemeProvider,\n  Theme,\n} from '@metamask-previews/design-system-twrnc-preset';\nimport React, { useState } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport type { IconColor } from '../../../Icon';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\nconst ButtonPrimaryBase = ({\n  children,\n  textProps,\n  spinnerProps,\n  startIconProps,\n  endIconProps,\n  isDanger = false,\n  isInverse,\n  isLoading = false,\n  onPressIn,\n  onPressOut,\n  twClassName = '',\n  style,\n  ...props\n}: ButtonPrimaryProps) => {\n  const [isPressed, setIsPressed] = useState(false);\n  const tw = useTailwind();\n\n  const twContainerClassNames = `\n    ${\n      isInverse && isDanger\n        ? isPressed || isLoading\n          ? 'bg-background-default-pressed'\n          : 'bg-background-default'\n        : isDanger\n          ? isPressed || isLoading\n            ? 'bg-error-default-pressed'\n            : 'bg-error-default'\n          : isInverse\n            ? isPressed || isLoading\n              ? 'bg-background-default-pressed'\n              : 'bg-background-default'\n            : isPressed || isLoading\n              ? 'bg-primary-default-pressed'\n              : 'bg-primary-default'\n    }\n    ${twClassName}\n  `;\n\n  const twTextClassNames =\n    isInverse && isDanger\n      ? isPressed || isLoading\n        ? 'text-error-default-pressed'\n        : 'text-error-default'\n      : isDanger\n        ? 'text-primary-inverse'\n        : isInverse\n          ? 'text-text-default'\n          : 'text-primary-inverse';\n\n  const onPressInHandler = (event: GestureResponderEvent) => {\n    setIsPressed(true);\n    onPressIn?.(event);\n  };\n\n  const onPressOutHandler = (event: GestureResponderEvent) => {\n    setIsPressed(false);\n    onPressOut?.(event);\n  };\n\n  return (\n    <ButtonBase\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Medium,\n        numberOfLines: 1,\n        ellipsizeMode: 'clip',\n        ...textProps,\n        twClassName: `${twTextClassNames} ${textProps?.twClassName ?? ''}`,\n      }}\n      spinnerProps={{\n        color: twTextClassNames as IconColor,\n        loadingTextProps: {\n          twClassName: twTextClassNames,\n        },\n        ...spinnerProps,\n      }}\n      startIconProps={{\n        size: IconSize.Sm,\n        ...startIconProps,\n        twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,\n      }}\n      endIconProps={{\n        size: IconSize.Sm,\n        ...endIconProps,\n        twClassName: `${twTextClassNames} ${startIconProps?.twClassName ?? ''}`,\n      }}\n      isLoading={isLoading}\n      onPressIn={onPressInHandler}\n      onPressOut={onPressOutHandler}\n      style={[tw`${twContainerClassNames}`, style]}\n      {...props}\n    >\n      {children}\n    </ButtonBase>\n  );\n};\n\nexport const ButtonPrimary = ({\n  isInverse = false,\n  ...props\n}: ButtonPrimaryProps) => {\n  // If inverse, use the current theme context\n  if (isInverse) {\n    return <ButtonPrimaryBase isInverse {...props} />;\n  }\n  // Otherwise, force light theme\n  return (\n    <ThemeProvider theme={Theme.Light}>\n      <ButtonPrimaryBase isInverse={false} {...props} />\n    </ThemeProvider>\n  );\n};\n"]}

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

@@ -1,19 +0,0 @@
-import type { ButtonBaseProps } from '../../../ButtonBase';
-/**
- * ButtonPrimary component props.
- */
-export type ButtonPrimaryProps = {
-    /**
-     * Optional prop to show the danger state of the button.
-     *
-     * @default false
-     */
-    isDanger?: boolean;
-    /**
-     * Optional prop to show the inverse state of the button, which is reserved for buttons on colored backgrounds.
-     *
-     * @default false
-     */
-    isInverse?: boolean;
-} & ButtonBaseProps;
-//# sourceMappingURL=ButtonPrimary.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonPrimary.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,eAAe,CAAC"}